ComboBox q-select "menu" mode !

2022-12-02 10:55:04 +01:00
parent 7deb7b6414
commit 009735afad
17 changed files with 222 additions and 68 deletions
--- a/src/components/CBarSelection/CBarSelection.vue
+++ b/src/components/CBarSelection/CBarSelection.vue
@@ -25,7 +25,7 @@
                    emit-value
                    borderless
                    map-options
-                    behavior="menu"
+                    :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                    @update:model-value="gotoPageSel"
                  >
                    <template v-slot:option="scope">
--- a/src/components/CEventsCalendar/CEventsCalendar.vue
+++ b/src/components/CEventsCalendar/CEventsCalendar.vue
@@ -393,6 +393,7 @@
                        v-if="bookEventForm.booked" class="q-gutter-xs q-mx-xs"
                        style="min-width: 140px;">
                        <q-select
+                        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                          rounded outlined v-model="bookEventForm.numpeople"
                          :options="tools.SelectListNumPeople"
                          :label="$t('cal.selnumpeople')" emit-value map-options>
@@ -406,6 +407,7 @@
                          class="q-gutter-xs"
                          style="min-width: 140px; margin-left: 10px;">
                          <q-select
+                          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                            rounded outlined v-model="bookEventForm.numpeopleLunch"
                            :options="tools.SelectListNumPeople"
                            :label="$t('cal.Lunch')" emit-value map-options>
@@ -419,6 +421,7 @@
                        <div class="itemprenota">{{ $t('cal.selnumpeopleDinner') }}</div>
                        <div class="q-gutter-xs " style="min-width: 180px; margin-left: 10px;">
                          <q-select
+                          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                            rounded outlined v-model="bookEventForm.numpeopleDinner"
                            :options="tools.SelectListNumPeople"
                            :label="$t('cal.Dinner')" emit-value map-options>
@@ -433,6 +436,7 @@
                        <div class="itemprenota">{{ $t('cal.selnumpeopleDinnerShared') }}</div>
                        <div class="q-gutter-xs " style="min-width: 180px; margin-left: 10px;">
                          <q-select
+                          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                            rounded outlined v-model="bookEventForm.numpeopleDinnerShared"
                            :options="tools.SelectListNumPeople"
                            :label="$t('cal.DinnerShared')" emit-value map-options>
--- a/src/components/CGridTableRec/CGridTableRec.vue
+++ b/src/components/CGridTableRec/CGridTableRec.vue
@@ -132,6 +132,7 @@
              </CMySelect>

              <q-select
+                :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                v-if="item.type === costanti.FieldType.multiselect"
                v-model="item.arrvalue"
                label-color="primary"
@@ -247,6 +248,7 @@

        <q-space></q-space>
        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
          v-if="
            mytable &&
            pagination.rowsNumber > 0 &&
@@ -561,6 +563,7 @@
        />

        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
          v-if="tablesList"
          v-model="tablesel"
          rounded
@@ -665,6 +668,7 @@
            </CMySelect>

            <q-select
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
              v-if="item.type === costanti.FieldType.multiselect"
              v-model="item.arrvalue"
              label-color="primary"
@@ -770,6 +774,7 @@

          <q-space></q-space>
          <q-select
+            :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
            v-if="
              mytable &&
              pagination.rowsNumber > 0 &&
--- a/src/components/CMyEditElem/CMyEditElem.vue
+++ b/src/components/CMyEditElem/CMyEditElem.vue
@@ -49,6 +49,7 @@
        >
        </q-btn>
        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
          v-if="enableAdd"
          v-model="newtype"
          dense
@@ -118,6 +119,7 @@

      <div class="row">
        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
          v-if="enableEdit"
          rounded
          outlined
@@ -132,6 +134,7 @@
        >
        </q-select>
        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
          v-if="enableEdit"
          rounded
          outlined
@@ -146,6 +149,7 @@
        >
        </q-select>
        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
          v-if="enableEdit"
          rounded
          style="min-width: 150px"
@@ -160,6 +164,7 @@
        >
        </q-select>
        <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
          v-if="enableEdit && showFit"
          rounded
          style="width: 100px"
@@ -730,6 +735,7 @@
      <div v-else-if="myel.type === shared_consts.ELEMTYPE.PAGE">
        <div v-if="enableEdit" class="row">
          <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
            rounded
            outlined
            v-model="myel.container"
--- a/src/components/CMyPopupEdit/CMyPopupEdit.vue
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.vue
@@ -86,14 +86,22 @@
              </span>

              <q-btn
-                v-if="(col.tipovisu === costanti.TipoVisu.LINK || col.tipovisu === costanti.TipoVisu.NONE) && myvalue"
+                v-if="
+                  (col.tipovisu === costanti.TipoVisu.LINK ||
+                    col.tipovisu === costanti.TipoVisu.NONE) &&
+                  myvalue
+                "
                rounded
                size="md"
                :class="{ disabled: disable }"
                color="white"
                text-color="blue"
                :icon="`img:` + userStore.getImgUserByUsername(myvalue)"
-                :to="col.link ? col.link.replace(col.name, myvalue) : `/my/username`.replace(col.name, myvalue)"
+                :to="
+                  col.link
+                    ? col.link.replace(col.name, myvalue)
+                    : `/my/username`.replace(col.name, myvalue)
+                "
                :label="myvalue"
              >
              </q-btn>
@@ -121,10 +129,10 @@
              >
              </q-btn>
              <div v-else>
-              <span
-                :class="{ disabled: disable }"
-                v-html="visuValByType(myvalue, col, row)"
-              ></span>
+                <span
+                  :class="{ disabled: disable }"
+                  v-html="visuValByType(myvalue, col, row)"
+                ></span>
              </div>
            </div>
          </div>
@@ -177,7 +185,11 @@
                color="white"
                text-color="blue"
                :icon="`img:` + userStore.getImgUserByUsername(myvalue)"
-                :to="col.link ? col.link.replace(col.name, myvalue) : `/my/username`.replace(col.name, myvalue)"
+                :to="
+                  col.link
+                    ? col.link.replace(col.name, myvalue)
+                    : `/my/username`.replace(col.name, myvalue)
+                "
                :label="myvalue"
              >
              </q-btn>
@@ -486,7 +498,13 @@
          <div v-else-if="col.fieldtype === costanti.FieldType.date">
            <div v-if="myvalue">
              <CDateTime
-                :label="col.label ? col.label : (col.label_trans ? $t(col.label_trans) : '')"
+                :label="
+                  col.label
+                    ? col.label
+                    : col.label_trans
+                    ? $t(col.label_trans)
+                    : ''
+                "
                class="cursor-pointer"
                v-model:value="myvalue"
                :readonly="false"
@@ -602,6 +620,7 @@
              </CMySelect>

              <!--<q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                v-model="myvalue"
                rounded
                outlined
@@ -655,7 +674,7 @@
            <div v-if="myvalue" :style="`color: text-${myvalue};`">
              {{ myvalue }}
            </div>
-            <div v-else> (Scegli) </div>
+            <div v-else>(Scegli)</div>
          </div>
          <div
            v-else-if="
@@ -1118,6 +1137,7 @@
            </div>
            <div v-else-if="col.fieldtype === costanti.FieldType.multiselect">
              <q-select
+                :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                v-model="scope.value"
                rounded
                outlined
@@ -1203,7 +1223,13 @@
            </div>
            <div v-else-if="col.fieldtype === costanti.FieldType.date">
              <CDateTime
-                :label="col.label ? col.label : (col.label_trans ? $t(col.label_trans) : '')"
+                :label="
+                  col.label
+                    ? col.label
+                    : col.label_trans
+                    ? $t(col.label_trans)
+                    : ''
+                "
                class="cursor-pointer"
                v-model:value="myvalue"
                :readonly="false"
@@ -1301,6 +1327,7 @@
            </div>
            <div v-else-if="col.fieldtype === costanti.FieldType.color">
              <q-select
+                :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
                rounded
                style="min-width: 150px"
                outlined
--- a/src/components/CMySelect/CMySelect.vue
+++ b/src/components/CMySelect/CMySelect.vue
@@ -13,6 +13,7 @@
        rounded
        outlined
        multiple
+        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
        options-dense
        map-options
        :stack-label="label ? true : false"
@@ -88,6 +89,7 @@
        :option-value="optval"
        :option-label="optlab"
        map-options
+        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
        @filter="filterFn"
        options-selected-class="text-deep-blue"
        v-bind="$attrs"
@@ -119,6 +121,7 @@
        :label="label"
        @update:model-value="changeval"
        rounded
+        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
        outlined
        @filter="filterFn"
        v-bind="$attrs"
@@ -184,6 +187,7 @@
        :option-label="optlab"
        @update:model-value="changeval"
        @filter="filterFn"
+        :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
        :label="label"
        :use-input="useinput"
        @new-value="newvaluefuncfirst"
--- a/src/components/CPhotosGallery/CPhotosGallery.vue
+++ b/src/components/CPhotosGallery/CPhotosGallery.vue
@@ -6,6 +6,7 @@
      <q-checkbox v-model="withCaptions" label="Didascalie">
      </q-checkbox>
      <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
        v-model="dimensione" :options="dimensioneImg"
        style="max-width: 150px"
        rounded
--- a/src/components/CProductCard/CProductCard.vue
+++ b/src/components/CProductCard/CProductCard.vue
@@ -65,6 +65,7 @@

          <div v-if="getnumstore() > 1">
            <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
              outlined v-model="order.idStorehouse"
              :options="getStorehouses()"
              label="Magazzino:" emit-value map-options>
--- a/src/components/CSelectAnimation/CSelectAnimation.vue
+++ b/src/components/CSelectAnimation/CSelectAnimation.vue
@@ -5,6 +5,7 @@
    </q-bar>
    <div class="row">
      <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
        rounded
        style="width: 150px"
        outlined
@@ -19,6 +20,7 @@
      </q-select>

      <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
        rounded
        style="width: 150px"
        outlined
@@ -34,6 +36,7 @@
    </div>

    <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
      rounded
      style="width: 150px"
      outlined
@@ -48,6 +51,7 @@
    </q-select>

    <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
      rounded
      style="width: 150px"
      outlined
--- a/src/components/CSelectColor/CSelectColor.vue
+++ b/src/components/CSelectColor/CSelectColor.vue
@@ -1,5 +1,6 @@
 <template>
  <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
    rounded
    outlined
    v-model="color"
--- a/src/components/CSelectFontSize/CSelectFontSize.vue
+++ b/src/components/CSelectFontSize/CSelectFontSize.vue
@@ -1,5 +1,6 @@
 <template>
  <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
    rounded
    outlined
    v-model="classfont"
--- a/src/components/CSendCoins/CSendCoins.vue
+++ b/src/components/CSendCoins/CSendCoins.vue
@@ -10,7 +10,8 @@
        </q-toolbar>
        <q-card-section class="q-pa-xs inset-shadow">

-          <q-select rounded outlined v-model="circuitsel" :options="bothcircuits" label="Circuito">
+          <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="circuitsel" :options="bothcircuits" label="Circuito">
          </q-select>

          <CSaldo
--- a/src/components/CSignUpIscrizioneArcadei/CSignUpIscrizioneArcadei.vue
+++ b/src/components/CSignUpIscrizioneArcadei/CSignUpIscrizioneArcadei.vue
@@ -253,6 +253,7 @@
          </q-input>

          <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
            rounded outlined v-model="signup.doctype"
            @blur="v$.doctype.$touch"
            :error="v$.doctype.$error"
@@ -281,6 +282,7 @@
          <br>

          <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
            rounded outlined v-model="signup.quota_versata"
            @blur="v$.quota_versata.$touch"
            :error="v$.quota_versata.$error"
@@ -305,6 +307,7 @@


          <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
            rounded outlined v-model="signup.metodo_pagamento"
            @blur="v$.metodo_pagamento.$touch"
            :error="v$.metodo_pagamento.$error"
--- a/src/components/CSignUpIscrizioneConacreis/CSignUpIscrizioneConacreis.vue
+++ b/src/components/CSignUpIscrizioneConacreis/CSignUpIscrizioneConacreis.vue
@@ -242,6 +242,7 @@


          <q-select
+          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
            rounded outlined v-model="signup.metodo_pagamento"
            :options="tools.SelectMetodiPagamento"
            :label="$t('reg.metodopagamento')" emit-value map-options>