ComboBox q-select "menu" mode !

This commit is contained in:
Surya Paolo
2022-12-02 10:55:04 +01:00
parent 7deb7b6414
commit 009735afad
17 changed files with 222 additions and 68 deletions

View File

@@ -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">

View File

@@ -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>

View File

@@ -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 &&

View File

@@ -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"

View File

@@ -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

View File

@@ -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"

View File

@@ -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

View File

@@ -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>

View File

@@ -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

View File

@@ -1,5 +1,6 @@
<template>
<q-select
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
rounded
outlined
v-model="color"

View File

@@ -1,5 +1,6 @@
<template>
<q-select
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
rounded
outlined
v-model="classfont"

View File

@@ -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

View File

@@ -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"

View File

@@ -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>

View File

@@ -5,7 +5,8 @@
<q-toggle v-model="caricaDatiToggle" @click="caricadati()"
label="Carica Dati"></q-toggle>
<br>
<q-select rounded outlined v-model="cosafare"
<q-select
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="cosafare"
:options="ListaCmd"
label="Operazione" emit-value map-options>
</q-select>

View File

@@ -1,7 +1,6 @@
<template>
<CMyPage img="" title="Invio Push Notifiche" keywords="" description="">
<div class="q-ma-sm">
<q-tabs v-model="mytab" class="text-teal">
<q-tab label="Telegram" name="telegram"></q-tab>
<q-tab label="Notifiche Push" name="push"></q-tab>
@@ -11,39 +10,63 @@
<q-tab-panels v-model="mytab" animated>
<q-tab-panel name="telegram">
<div class="row center_img clBorderSteps" style="max-width: 600px;">
<div class="row center_img clBorderSteps" style="max-width: 600px">
<q-select
rounded outlined v-model="whatMsg"
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
rounded
outlined
v-model="whatMsg"
:options="shared_consts.selectwhatMsgToSend"
label="Quale Messaggio" emit-value map-options>
label="Quale Messaggio"
emit-value
map-options
>
</q-select>
<div v-if="whatMsg === shared_consts.whatMsgToSend.MSG_TEXT"
class="row">
<div
v-if="whatMsg === shared_consts.whatMsgToSend.MSG_TEXT"
class="row"
>
<q-input
v-model="mymsg" type="textarea" autofocus label="Messaggio"
v-model="mymsg"
type="textarea"
autofocus
label="Messaggio"
input-class="myinput-area"
style="height: 100px; width: 500px;"></q-input>
style="height: 100px; width: 500px"
></q-input>
</div>
<div v-if="whatMsg === shared_consts.whatMsgToSend.MSG_OF_TEMPLATE">
<q-select
rounded outlined v-model="templmsgid"
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
rounded
outlined
v-model="templmsgid"
:options="arrTemplate"
label="Scegli il Template di Msg da inviare" emit-value map-options>
label="Scegli il Template di Msg da inviare"
emit-value
map-options
>
</q-select>
<CMyEditor v-if="mymsg"
v-model:value="mymsg" :showButtons="false" :canModify="true">
<CMyEditor
v-if="mymsg"
v-model:value="mymsg"
:showButtons="false"
:canModify="true"
>
</CMyEditor>
</div>
<div class="q-ma-xs q-pa-xs" style="border-color: darkred; border-width: 3px;">
<div
class="q-ma-xs q-pa-xs"
style="border-color: darkred; border-width: 3px"
>
<q-banner
rounded
dense
class="bg-positive text-white"
color="primary q-title"
style="text-align: center;">
style="text-align: center"
>
<template v-slot:avatar>
<q-icon name="fas fa-bullhorn" color="yellow" size="xs" />
</template>
@@ -52,79 +75,145 @@
<div v-html="mymsg"></div>
</div>
<q-select
rounded outlined v-model="destination"
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
rounded
outlined
v-model="destination"
:options="shared_consts.selectDestination"
label="Destinazione" emit-value map-options>
label="Destinazione"
emit-value
map-options
>
</q-select>
<q-select
rounded outlined v-model="sendreally"
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
rounded
outlined
v-model="sendreally"
:options="shared_consts.selectSendReally"
label="Destinazione" emit-value map-options>
label="Destinazione"
emit-value
map-options
>
</q-select>
<br/>
<br />
<div class="">
<q-btn label="Invia Msg" color="primary" @click="SendMsgToAll(shared_consts.TypeSend.TELEGRAM)"></q-btn>
<q-btn
label="Invia Msg"
color="primary"
@click="SendMsgToAll(shared_consts.TypeSend.TELEGRAM)"
></q-btn>
</div>
</div>
<q-inner-loading id="spinner" :showing="incaricamento">
<q-spinner-tail
color="primary"
size="4em">
</q-spinner-tail>
<q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
</q-inner-loading>
</q-tab-panel>
<q-tab-panel name="push">
<div class="row center_img clBorderSteps" style="max-width: 600px;">
<div class="row center_img clBorderSteps" style="max-width: 600px">
<div class="row">
<q-input v-model="title" autofocus label="Titolo" style="width: 300px;"></q-input>
<q-input
v-model="title"
autofocus
label="Titolo"
style="width: 300px"
></q-input>
</div>
<div class="row">
<q-input
v-model="content" type="textarea" autofocus label="Contenuto"
v-model="content"
type="textarea"
autofocus
label="Contenuto"
input-class="myinput-area"
style="height: 100px; width: 500px;"></q-input>
style="height: 100px; width: 500px"
></q-input>
</div>
<div class="row">
<q-input v-model="openUrl" autofocus label="openUrl" style="width: 200px;"></q-input>
<q-input v-model="openUrl2" autofocus label="openUrl2" style="width: 200px;"></q-input>
<q-input v-model="tag" autofocus label="tag" style="width: 100px;"></q-input>
<q-input
v-model="openUrl"
autofocus
label="openUrl"
style="width: 200px"
></q-input>
<q-input
v-model="openUrl2"
autofocus
label="openUrl2"
style="width: 200px"
></q-input>
<q-input
v-model="tag"
autofocus
label="tag"
style="width: 100px"
></q-input>
</div>
<q-select
rounded outlined v-model="actiontype"
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
rounded
outlined
v-model="actiontype"
:options="shared_consts.selectActions"
label="Tipo Msg" emit-value map-options>
label="Tipo Msg"
emit-value
map-options
>
</q-select>
<q-select
rounded outlined v-model="destination"
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
rounded
outlined
v-model="destination"
:options="shared_consts.selectDestination"
label="Destinazione" emit-value map-options>
label="Destinazione"
emit-value
map-options
>
</q-select>
<q-select
rounded outlined v-model="sendreally"
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
rounded
outlined
v-model="sendreally"
:options="shared_consts.selectSendReally"
label="Destinazione" emit-value map-options>
label="Destinazione"
emit-value
map-options
>
</q-select>
<div v-if="actiontype === shared_consts.TypeMsg_Actions.OPZ1_2" class="row">
<q-input v-model="opz1" autofocus label="Opzione 1" style="width: 100px;"></q-input>
<q-input v-model="opz2" autofocus label="Opzione 2" style="width: 100px;"></q-input>
<div
v-if="actiontype === shared_consts.TypeMsg_Actions.OPZ1_2"
class="row"
>
<q-input
v-model="opz1"
autofocus
label="Opzione 1"
style="width: 100px"
></q-input>
<q-input
v-model="opz2"
autofocus
label="Opzione 2"
style="width: 100px"
></q-input>
</div>
<br/>
<br />
<div class="">
<q-btn label="Invia Msg" color="primary" @click="SendMsgToAll(shared_consts.TypeSend.PUSH_NOTIFICATION)"></q-btn>
<q-btn
label="Invia Msg"
color="primary"
@click="SendMsgToAll(shared_consts.TypeSend.PUSH_NOTIFICATION)"
></q-btn>
</div>
</div>
<q-inner-loading id="spinner2" :showing="incaricamento">
<q-spinner-tail
color="primary"
size="4em">
</q-spinner-tail>
<q-spinner-tail color="primary" size="4em"> </q-spinner-tail>
</q-inner-loading>
</q-tab-panel>
</q-tab-panels>
</div>
</CMyPage>
</template>
<script lang="ts" src="./sendpushnotif.ts">

View File

@@ -7,10 +7,12 @@
<div v-if="myuser.username" class="q-ma-sm row bordo_stondato" style="min-width: 300px; ">
<div class="row">
<q-select rounded outlined v-model="notifdirtype" :options="listnotiftype" label="Tipo" emit-value map-options>
<q-select
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifdirtype" :options="listnotiftype" label="Tipo" emit-value map-options>
</q-select>
<q-select rounded outlined v-model="notifidtype" :options="listnotifid" label="Notifica" emit-value map-options>
<q-select
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifidtype" :options="listnotifid" label="Notifica" emit-value map-options>
</q-select>
</div>
@@ -32,10 +34,12 @@
class="q-ma-sm row bordo_stondato" style="min-width: 300px; ">
<div class="row">
<q-select rounded outlined v-model="notifdirtypeTest" :options="listnotiftypeTest" label="Tipo" emit-value map-options>
<q-select
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifdirtypeTest" :options="listnotiftypeTest" label="Tipo" emit-value map-options>
</q-select>
<q-select rounded outlined v-model="notifidtypeTest" :options="listnotifidTest" label="Notifica" emit-value map-options>
<q-select
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'" rounded outlined v-model="notifidtypeTest" :options="listnotifidTest" label="Notifica" emit-value map-options>
</q-select>
</div>
@@ -75,6 +79,7 @@
<q-space></q-space>
<q-select
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
v-model="colVisib"
rounded
outlined