← Back
Editing: settings-declarative-settings-forms.js
(()=>{"use strict";var e,a,i,l={83419(e,a,i){var l=i(81222),r=i(53334),o=i(85471),n=i(19051),s=i(85168),d=i(47176),c=i(63814),p=i(46855),u=i(32073),f=i(16879),v=i(67607),m=i(88837);const A=(0,i(35947).YK)().setApp("settings").detectUser().build(),h={name:"DeclarativeSection",components:{NcSettingsSection:m.A,NcInputField:f.A,NcSelect:v.default,NcCheckboxRadioSwitch:u.A},props:{form:{type:Object,required:!0}},data:()=>({formFieldsData:{}}),computed:{formApp(){return this.form.app||""},formFields(){return this.form.fields||[]}},beforeMount(){this.initFormFieldsData()},methods:{initFormFieldsData(){this.form.fields.forEach(e=>{"checkbox"===e.type&&this.$set(e,"value",+e.value),"multi-checkbox"===e.type&&(""===e.value?(this.$set(e,"value",{}),e.options.forEach(t=>{this.$set(e.value,t.value,!1)})):(this.$set(e,"value",JSON.parse(e.value)),e.options.forEach(t=>{Object.hasOwn(e.value,t.value)||this.$set(e.value,t.value,!1)}),Object.keys(e.value).forEach(t=>{e.options.find(e=>e.value===t)||delete e.value[t]}))),"multi-select"===e.type&&(""===e.value?this.$set(e,"value",[]):this.$set(e,"value",JSON.parse(e.value))),this.$set(this.formFieldsData,e.id,{value:e.value})})},updateFormFieldDataValue(e,t,a=!1){this.formFieldsData[t.id].value=e,a&&this.updateDeclarativeSettingsValue(t)},async updateDeclarativeSettingsValue(e,a=null){try{let i=(0,c.KT)("settings/api/declarative/value");if(!0===e?.sensitive){i=(0,c.KT)("settings/api/declarative/value-sensitive");try{await(0,d.C5)()}catch{return void(0,s.Qg)(t("settings","Password confirmation is required"))}}return n.Ay.post(i,{app:this.formApp,formId:this.form.id.replace(this.formApp+"_",""),fieldId:e.id,value:null===a?this.formFieldsData[e.id].value:a})}catch(e){A.debug(e),(0,s.Qg)(t("settings","Failed to save setting"))}},onChangeDebounced:(0,p.A)(function(e){this.updateDeclarativeSettingsValue(e)},1e3),isTextFormField:e=>["text","password","email","tel","url","number"].includes(e.type)}};var b=i(85072),_=i.n(b),g=i(97825),C=i.n(g),y=i(77659),x=i.n(y),D=i(55056),F=i.n(D),k=i(10540),S=i.n(k),w=i(41113),O=i.n(w),N=i(56335),T={};T.styleTagTransform=O(),T.setAttributes=F(),T.insert=x().bind(null,"head"),T.domAPI=C(),T.insertStyleElement=S(),_()(N.A,T),N.A&&N.A.locals&&N.A.locals;const E=(0,i(14486).A)(h,function(){var e=this,t=e._self._c;return t("NcSettingsSection",{staticClass:"declarative-settings-section",attrs:{name:e.t(e.formApp,e.form.title),description:e.t(e.formApp,e.form.description),"doc-url":e.form.doc_url||""}},e._l(e.formFields,function(a){return t("div",{key:a.id,staticClass:"declarative-form-field",class:{"declarative-form-field-text":e.isTextFormField(a),"declarative-form-field-select":"select"===a.type,"declarative-form-field-multi-select":"multi-select"===a.type,"declarative-form-field-checkbox":"checkbox"===a.type,"declarative-form-field-multi_checkbox":"multi-checkbox"===a.type,"declarative-form-field-radio":"radio"===a.type},attrs:{"aria-label":e.t("settings","{app}'s declarative setting field: {name}",{app:e.formApp,name:e.t(e.formApp,a.title)})}},[e.isTextFormField(a)?[t("div",{staticClass:"input-wrapper"},[t("NcInputField",{attrs:{type:a.type,label:e.t(e.formApp,a.title),placeholder:e.t(e.formApp,a.placeholder)},on:{"update:value":function(t){return e.onChangeDebounced(a)},submit:function(t){return e.updateDeclarativeSettingsValue(a)}},model:{value:e.formFieldsData[a.id].value,callback:function(t){e.$set(e.formFieldsData[a.id],"value",t)},expression:"formFieldsData[formField.id].value"}})],1),e._v(" "),a.description?t("span",{staticClass:"hint"},[e._v(e._s(e.t(e.formApp,a.description)))]):e._e()]:e._e(),e._v(" "),"select"===a.type?[t("label",{attrs:{for:a.id+"_field"}},[e._v(e._s(e.t(e.formApp,a.title)))]),e._v(" "),t("div",{staticClass:"input-wrapper"},[t("NcSelect",{attrs:{id:a.id+"_field",options:a.options,placeholder:e.t(e.formApp,a.placeholder),"label-outside":!0,"model-value":e.formFieldsData[a.id].value},on:{input:t=>e.updateFormFieldDataValue(t,a,!0)}})],1),e._v(" "),a.description?t("span",{staticClass:"hint"},[e._v(e._s(e.t(e.formApp,a.description)))]):e._e()]:e._e(),e._v(" "),"multi-select"===a.type?[t("label",{attrs:{for:a.id+"_field"}},[e._v(e._s(e.t(e.formApp,a.title)))]),e._v(" "),t("div",{staticClass:"input-wrapper"},[t("NcSelect",{attrs:{id:a.id+"_field",options:a.options,placeholder:e.t(e.formApp,a.placeholder),multiple:!0,"label-outside":!0,"model-value":e.formFieldsData[a.id].value},on:{input:t=>{e.formFieldsData[a.id].value=t,e.updateDeclarativeSettingsValue(a,JSON.stringify(e.formFieldsData[a.id].value))}}})],1),e._v(" "),a.description?t("span",{staticClass:"hint"},[e._v(e._s(e.t(e.formApp,a.description)))]):e._e()]:e._e(),e._v(" "),"checkbox"===a.type?[a.label?t("label",{attrs:{for:a.id+"_field"}},[e._v(e._s(e.t(e.formApp,a.title)))]):e._e(),e._v(" "),t("NcCheckboxRadioSwitch",{attrs:{id:a.id+"_field","model-value":Boolean(e.formFieldsData[a.id].value),type:"switch"},on:{"update:modelValue":t=>{a.value=t,e.updateFormFieldDataValue(+t,a,!0)}}},[e._v("\n\t\t\t\t"+e._s(e.t(e.formApp,a.label??a.title))+"\n\t\t\t")]),e._v(" "),a.description?t("span",{staticClass:"hint"},[e._v(e._s(e.t(e.formApp,a.description)))]):e._e()]:e._e(),e._v(" "),"multi-checkbox"===a.type?[t("label",{attrs:{for:a.id+"_field"}},[e._v(e._s(e.t(e.formApp,a.title)))]),e._v(" "),e._l(a.options,function(i){return t("NcCheckboxRadioSwitch",{key:i.value,attrs:{id:a.id+"_field_"+i.value,"model-value":e.formFieldsData[a.id].value[i.value]},on:{"update:modelValue":t=>{e.formFieldsData[a.id].value[i.value]=t,e.updateDeclarativeSettingsValue(a,JSON.stringify(e.formFieldsData[a.id].value))}}},[e._v("\n\t\t\t\t"+e._s(e.t(e.formApp,i.name))+"\n\t\t\t")])}),e._v(" "),a.description?t("span",{staticClass:"hint"},[e._v(e._s(e.t(e.formApp,a.description)))]):e._e()]:e._e(),e._v(" "),"radio"===a.type?[t("label",{attrs:{for:a.id+"_field"}},[e._v(e._s(e.t(e.formApp,a.title)))]),e._v(" "),e._l(a.options,function(i){return t("NcCheckboxRadioSwitch",{key:i.value,attrs:{value:i.value,type:"radio","model-value":e.formFieldsData[a.id].value},on:{"update:modelValue":t=>e.updateFormFieldDataValue(t,a,!0)}},[e._v("\n\t\t\t\t"+e._s(e.t(e.formApp,i.name))+"\n\t\t\t")])}),e._v(" "),a.description?t("span",{staticClass:"hint"},[e._v(e._s(e.t(e.formApp,a.description)))]):e._e()]:e._e()],2)}),0)},[],!1,null,"f8477a3e",null).exports,$=(0,l.C)("settings","declarative-settings-forms",[]);document.addEventListener("DOMContentLoaded",()=>{A.debug("Loaded declarative forms",{forms:$}),function(e){o.Ay.mixin({methods:{t:r.t,n:r.n}});const t=o.Ay.extend(E);e.map(e=>{const a=`#${e.app}_${e.id}`;return new t({el:a,propsData:{form:e}})})}($)})},56335(e,t,a){a.d(t,{A:()=>n});var i=a(71354),l=a.n(i),r=a(76314),o=a.n(r)()(l());o.push([e.id,".declarative-form-field[data-v-f8477a3e]{padding:10px 0}.declarative-form-field .input-wrapper[data-v-f8477a3e]{width:100%;max-width:400px}.declarative-form-field[data-v-f8477a3e]:last-child{border-bottom:none}.declarative-form-field .hint[data-v-f8477a3e]{display:inline-block;color:var(--color-text-maxcontrast);margin-inline-start:8px;padding-block-start:5px}.declarative-form-field-radio[data-v-f8477a3e],.declarative-form-field-multi_checkbox[data-v-f8477a3e]{max-height:250px;overflow-y:auto}.declarative-form-field-multi-select[data-v-f8477a3e],.declarative-form-field-select[data-v-f8477a3e]{display:flex;flex-direction:column}.declarative-form-field-multi-select label[data-v-f8477a3e],.declarative-form-field-select label[data-v-f8477a3e]{margin-bottom:5px}","",{version:3,sources:["webpack://./apps/settings/src/components/DeclarativeSettings/DeclarativeSection.vue"],names:[],mappings:"AACA,yCACC,cAAA,CAEA,wDACC,UAAA,CACA,eAAA,CAGD,oDACC,kBAAA,CAGD,+CACC,oBAAA,CACA,mCAAA,CACA,uBAAA,CACA,uBAAA,CAGD,uGACC,gBAAA,CACA,eAAA,CAGD,sGACC,YAAA,CACA,qBAAA,CAEA,kHACC,iBAAA",sourcesContent:["\n.declarative-form-field {\n\tpadding: 10px 0;\n\n\t.input-wrapper {\n\t\twidth: 100%;\n\t\tmax-width: 400px;\n\t}\n\n\t&:last-child {\n\t\tborder-bottom: none;\n\t}\n\n\t.hint {\n\t\tdisplay: inline-block;\n\t\tcolor: var(--color-text-maxcontrast);\n\t\tmargin-inline-start: 8px;\n\t\tpadding-block-start: 5px;\n\t}\n\n\t&-radio, &-multi_checkbox {\n\t\tmax-height: 250px;\n\t\toverflow-y: auto;\n\t}\n\n\t&-multi-select, &-select {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\tlabel {\n\t\t\tmargin-bottom: 5px;\n\t\t}\n\t}\n}\n"],sourceRoot:""}]);const n=o}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var a=r[e]={id:e,loaded:!1,exports:{}};return l[e].call(a.exports,a,a.exports,o),a.loaded=!0,a.exports}o.m=l,e=[],o.O=(t,a,i,l)=>{if(!a){var r=1/0;for(c=0;c<e.length;c++){for(var[a,i,l]=e[c],n=!0,s=0;s<a.length;s++)(!1&l||r>=l)&&Object.keys(o.O).every(e=>o.O[e](a[s]))?a.splice(s--,1):(n=!1,l<r&&(r=l));if(n){e.splice(c--,1);var d=i();void 0!==d&&(t=d)}}return t}l=l||0;for(var c=e.length;c>0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[a,i,l]},o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce((t,a)=>(o.f[a](e,t),t),[])),o.u=e=>e+"-"+e+".js?v="+{2710:"0319a4b5398392025378",4471:"9b3c8620f038b7593241",7004:"da5a822695a273d4d2eb",7394:"9b9a710e7fcefb63fcb4",7859:"449c6cbdb74832a2f6c7",8127:"8825f856581210b8af66",8453:"d4f76450bf0c442af291"}[e],o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a={},i="nextcloud-ui-legacy:",o.l=(e,t,l,r)=>{if(a[e])a[e].push(t);else{var n,s;if(void 0!==l)for(var d=document.getElementsByTagName("script"),c=0;c<d.length;c++){var p=d[c];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")==i+l){n=p;break}}n||(s=!0,(n=document.createElement("script")).charset="utf-8",o.nc&&n.setAttribute("nonce",o.nc),n.setAttribute("data-webpack",i+l),n.src=e),a[e]=[t];var u=(t,i)=>{n.onerror=n.onload=null,clearTimeout(f);var l=a[e];if(delete a[e],n.parentNode&&n.parentNode.removeChild(n),l&&l.forEach(e=>e(i)),t)return t(i)},f=setTimeout(u.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=u.bind(null,n.onerror),n.onload=u.bind(null,n.onload),s&&document.head.appendChild(n)}},o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),o.j=6085,(()=>{var e;globalThis.importScripts&&(e=globalThis.location+"");var t=globalThis.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var a=t.getElementsByTagName("script");if(a.length)for(var i=a.length-1;i>-1&&(!e||!/^http(s?):/.test(e));)e=a[i--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e})(),(()=>{o.b="undefined"!=typeof document&&document.baseURI||self.location.href;var e={6085:0};o.f.j=(t,a)=>{var i=o.o(e,t)?e[t]:void 0;if(0!==i)if(i)a.push(i[2]);else{var l=new Promise((a,l)=>i=e[t]=[a,l]);a.push(i[2]=l);var r=o.p+o.u(t),n=new Error;o.l(r,a=>{if(o.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var l=a&&("load"===a.type?"missing":a.type),r=a&&a.target&&a.target.src;n.message="Loading chunk "+t+" failed.\n("+l+": "+r+")",n.name="ChunkLoadError",n.type=l,n.request=r,i[1](n)}},"chunk-"+t,t)}},o.O.j=t=>0===e[t];var t=(t,a)=>{var i,l,[r,n,s]=a,d=0;if(r.some(t=>0!==e[t])){for(i in n)o.o(n,i)&&(o.m[i]=n[i]);if(s)var c=s(o)}for(t&&t(a);d<r.length;d++)l=r[d],o.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return o.O(c)},a=globalThis.webpackChunknextcloud_ui_legacy=globalThis.webpackChunknextcloud_ui_legacy||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))})(),o.nc=void 0;var n=o.O(void 0,[4208],()=>o(83419));n=o.O(n)})(); //# sourceMappingURL=settings-declarative-settings-forms.js.map?v=0b2045189a619c2b1fa3
Save File
Cancel