2 lines
6.5 KiB
JavaScript
2 lines
6.5 KiB
JavaScript
import{Q as H,a as q,b as N}from"./QCard-7tL_iMin.js";import{Q as D}from"./QSeparator-DxYvf5Mr.js";import{j,Q as F,d as U,c as $}from"./use-timeout-RziKd5AU.js";import{c as A,a as g,h as c,b as L,S as V,g as K,r as p,U as T,w as k,o as W,Q as z,J as h,V as G,W as J,X,F as Y,L as Q,D as P,I as r,E as u,M as d,K as y,P as x,N as Z,Y as ee,p as te}from"./index-CoQ-x5A8.js";import{u as ne,Q as oe,g as ae,c as se}from"./QMenu-DcITW98M.js";import{u as le}from"./use-id-G4Q8n9zP.js";import{u as re}from"./use-quasar-D2Dr8mCf.js";import{P as ie}from"./LocalStorage-Cw9j6RTB.js";import"./use-dark-dqtTUvyg.js";import"./selection-BGkpRqCo.js";import"./focus-manager-BJWzFvJg.js";const ue=A({name:"QBtnGroup",props:{unelevated:Boolean,outline:Boolean,flat:Boolean,rounded:Boolean,square:Boolean,push:Boolean,stretch:Boolean,glossy:Boolean,spread:Boolean},setup(e,{slots:o}){const n=g(()=>{const a=["unelevated","outline","flat","rounded","square","push","stretch","glossy"].filter(s=>e[s]===!0).map(s=>`q-btn-group--${s}`).join(" ");return`q-btn-group row no-wrap${a.length!==0?" "+a:""}`+(e.spread===!0?" q-btn-group--spread":" inline")});return()=>c("div",{class:n.value},L(o.default))}}),de=Object.keys(V);function ce(e){return de.reduce((o,n)=>{const a=e[n];return a!==void 0&&(o[n]=a),o},{})}const fe=A({name:"QBtnDropdown",props:{...V,...ne,modelValue:Boolean,split:Boolean,dropdownIcon:String,contentClass:[Array,String,Object],contentStyle:[Array,String,Object],cover:Boolean,persistent:Boolean,noEscDismiss:Boolean,noRouteDismiss:Boolean,autoClose:Boolean,noRefocus:Boolean,noFocus:Boolean,menuAnchor:{type:String,default:"bottom end"},menuSelf:{type:String,default:"top end"},menuOffset:Array,disableMainBtn:Boolean,disableDropdown:Boolean,noIconAnimation:Boolean,toggleAriaLabel:String},emits:["update:modelValue","click","beforeShow","show","beforeHide","hide"],setup(e,{slots:o,emit:n}){const{proxy:a}=K(),s=p(e.modelValue),i=p(null),f=le(),v=g(()=>{const t={"aria-expanded":s.value===!0?"true":"false","aria-haspopup":"true","aria-controls":f.value,"aria-label":e.toggleAriaLabel||a.$q.lang.label[s.value===!0?"collapse":"expand"](e.label)};return(e.disable===!0||e.split===!1&&e.disableMainBtn===!0||e.disableDropdown===!0)&&(t["aria-disabled"]="true"),t}),B=g(()=>"q-btn-dropdown__arrow"+(s.value===!0&&e.noIconAnimation===!1?" rotate-180":"")+(e.split===!1?" q-btn-dropdown__arrow-container":"")),w=g(()=>T(e)),m=g(()=>ce(e));k(()=>e.modelValue,t=>{i.value?.[t?"show":"hide"]()}),k(()=>e.split,_);function l(t){s.value=!0,n("beforeShow",t)}function b(t){n("show",t),n("update:modelValue",!0)}function S(t){s.value=!1,n("beforeHide",t)}function E(t){n("hide",t),n("update:modelValue",!1)}function R(t){n("click",t)}function M(t){G(t),_(),n("click",t)}function O(t){i.value?.toggle(t)}function C(t){i.value?.show(t)}function _(t){i.value?.hide(t)}return Object.assign(a,{show:C,hide:_,toggle:O}),W(()=>{e.modelValue===!0&&C()}),()=>{const t=[c(z,{class:B.value,name:e.dropdownIcon||a.$q.iconSet.arrow.dropdown})];return e.disableDropdown!==!0&&t.push(c(oe,{ref:i,id:f.value,class:e.contentClass,style:e.contentStyle,cover:e.cover,fit:!0,persistent:e.persistent,noEscDismiss:e.noEscDismiss,noRouteDismiss:e.noRouteDismiss,autoClose:e.autoClose,noFocus:e.noFocus,noRefocus:e.noRefocus,anchor:e.menuAnchor,self:e.menuSelf,offset:e.menuOffset,separateClosePopup:!0,transitionShow:e.transitionShow,transitionHide:e.transitionHide,transitionDuration:e.transitionDuration,onBeforeShow:l,onShow:b,onBeforeHide:S,onHide:E},o.default)),e.split===!1?c(h,{class:"q-btn-dropdown q-btn-dropdown--simple",...m.value,...v.value,disable:e.disable===!0||e.disableMainBtn===!0,noWrap:!0,round:!1,onClick:R},{default:()=>L(o.label,[]).concat(t),loading:o.loading}):c(ue,{class:"q-btn-dropdown q-btn-dropdown--split no-wrap q-btn-item",rounded:e.rounded,square:e.square,...w.value,glossy:e.glossy,stretch:e.stretch},()=>[c(h,{class:"q-btn-dropdown--current",...m.value,disable:e.disable===!0||e.disableMainBtn===!0,noWrap:!0,round:!1,onClick:M},{default:o.label,loading:o.loading}),c(h,{class:"q-btn-dropdown__arrow-container q-anchor--skip",...v.value,...w.value,disable:e.disable===!0||e.disableDropdown===!0,rounded:e.rounded,color:e.color,textColor:e.textColor,dense:e.dense,size:e.size,padding:e.padding,ripple:e.ripple},()=>t)])}}});function I(e){if(e===!1)return 0;if(e===!0||e===void 0)return 1;const o=parseInt(e,10);return isNaN(o)?0:o}const me=J({name:"close-popup",beforeMount(e,{value:o}){const n={depth:I(o),handler(a){n.depth!==0&&setTimeout(()=>{const s=ae(e);s!==void 0&&se(s,a,n.depth)})},handlerKey(a){X(a,13)===!0&&n.handler(a)}};e.__qclosepopup=n,e.addEventListener("click",n.handler),e.addEventListener("keyup",n.handlerKey)},updated(e,{value:o,oldValue:n}){o!==n&&(e.__qclosepopup.depth=I(o))},beforeUnmount(e){const o=e.__qclosepopup;e.removeEventListener("click",o.handler),e.removeEventListener("keyup",o.handlerKey),delete e.__qclosepopup}}),be={class:"q-pa-lg"},ge={class:"text-subtitle2 text-black"},he={class:"text-subtitle2 text-grey"},ve={class:"text-subtitle2 text-black"},we={class:"text-subtitle2 text-grey"},pe={class:"q-gutter-md"},Ie={__name:"userSettingsPage",setup(e){const o=Y(),n=re(),a=["Dart Picker","Numbers"],s=p("Input method"),i=p({username:"",id:0}),f=ie.getItem("user");f?(console.log(f),i.value=f):o.push("/user/username");function v(m){s.value=m}function B(){n.notify({message:"Changes discarded",color:"negative"})}function w(){n.notify({message:"Settings saved",color:"positive"})}return(m,l)=>(P(),Q("div",be,[r(H,{flat:"",bordered:"",class:"shadow-2",style:{"max-width":"600px",margin:"0 auto","border-radius":"12px"}},{default:u(()=>[r(q,null,{default:u(()=>[l[2]||(l[2]=d("div",{class:"text-h6"},"User Settings",-1)),d("div",ge,[l[0]||(l[0]=y(" Username: ",-1)),d("span",he,x(i.value.username),1)]),d("div",ve,[l[1]||(l[1]=y(" ID: ",-1)),d("span",we,x(i.value.id),1)])]),_:1}),r(D),r(q,null,{default:u(()=>[d("div",pe,[l[3]||(l[3]=d("div",{class:"text-h8"},"Input method",-1)),r(fe,{color:"primary",label:s.value},{default:u(()=>[r(j,null,{default:u(()=>[(P(),Q(Z,null,ee(a,b=>te(r(F,{key:b,clickable:"",onClick:S=>v(b)},{default:u(()=>[r(U,null,{default:u(()=>[r($,null,{default:u(()=>[y(x(b),1)]),_:2},1024)]),_:2},1024)]),_:2},1032,["onClick"]),[[me]])),64))]),_:1})]),_:1},8,["label"]),l[4]||(l[4]=d("div",{class:"text-h8"},"Dart Picker Offset",-1)),l[5]||(l[5]=d("div",{class:"text-h8"},"Dart Picker Darts Colours",-1))])]),_:1}),r(D),r(N,{align:"right"},{default:u(()=>[r(h,{flat:"",label:"Cancel",onClick:B}),r(h,{color:"primary",label:"Save changes",unelevated:"",onClick:w})]),_:1})]),_:1})]))}};export{Ie as default};
|