<template>
  <div>
    <template>
      <div
        class="flex no-wrap items-center bg-white q-pa-md q-mt-md q-mx-md rounded-borders"
      >
        <q-btn
          v-if="$router.$history.hasPrevious"
          padding="xs"
          class="text-grey-7 q-mr-md"
          color="grey-3"
          icon="arrow_back"
          @click="$router.back()"
        />

        <div class="title text-h6 text-grey-10">
          {{ service && service.label }}
        </div>
      </div>

      <div class="bg-white q-pa-md q-mt-md q-mx-md rounded-borders">
        <MapperPage
          :only-actions="true"
          service-page-path="/services/modeler"
          :ext-service="modelerService"
          :no-header="true"
          :api-base="apiBase"
          :fall-back-route="fallBackRoute"
        />
      </div>
    </template>

    <q-inner-loading :showing="false">
      <q-spinner-gears color="primary" size="50px" />
    </q-inner-loading>
  </div>
</template>

<script src="./mapper-page.ts" lang="ts"></script>
