<template>
  <q-card class="dialog_card">
    <q-toolbar class="bg-primary text-white">
      <q-toolbar-title> Modifica a {{ myproduct.productInfo.name }}</q-toolbar-title>
      <q-btn
        flat
        round
        color="white"
        icon="close"
        v-close-popup
      ></q-btn>
    </q-toolbar>
    <q-card-section class="q-pa-xs inset-shadow">
      <div>
        <q-inner-loading
          id="spinner"
          :showing="loading"
        >
          <q-spinner-tail
            color="primary"
            size="4em"
          >
          </q-spinner-tail>
        </q-inner-loading>

        <q-tabs
          v-model="mytab"
          inline-label
          class="text-blue shadow-2"
        >
          <q-tab
            label="Descrizioni"
            name="descr"
            icon="fas fa-align-left"
          ></q-tab>
        </q-tabs>
        <q-tab-panels
          v-model="mytab"
          animated
        >
          <q-tab-panel name="descr">
            <q-btn
              v-if="false"
              flat
              round
              dense
              label="Copia la Risposta"
              icon="content_copy"
              @click="copyToClipboard"
              v-tooltip="'Copia negli appunti'"
            />

            <!--<CAITools></CAITools>-->

            <CMyEditorAI
              v-if="modelValue"
              v-model:value="myvalue"
              :title="titolo"
              @keyup.enter.stop
              :showButtons="true"
              :canModify="canModify"
              :hideTools="true"
              @update:value="updateproductmodif"
              @showandsave="Savedb"
              :maxlength="maxlength"
            >
            </CMyEditorAI>
          </q-tab-panel>
        </q-tab-panels>
      </div>
    </q-card-section>
  </q-card>
</template>

<script lang="ts" src="./CModifTrafiletto.ts"></script>
<style lang="scss" scoped>
@import './CModifTrafiletto.scss';
</style>
