You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

dashboard-main.js 34KB

123
  1. /*! For license information please see dashboard-main.js.LICENSE.txt */
  2. !function(){"use strict";var n,e={63308:function(n,e,a){var o=a(20144),r=a(16453),i=a(22200),s=a(47450),d=a.n(s),c=a(9980),l=a.n(c),u=a(4820),A=a(79753),p={data:function(){return{isMobile:this._isMobile()}},beforeMount:function(){window.addEventListener("resize",this._onResize)},beforeDestroy:function(){window.removeEventListener("resize",this._onResize)},methods:{_onResize:function(){this.isMobile=this._isMobile()},_isMobile:function(){return document.documentElement.clientWidth<768}}},b=function(n){return(0,A.generateFilePath)("dashboard","","img/")+n},g=function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return"default"===n?e&&"backgroundColor"!==e?(0,A.generateUrl)("/apps/theming/image/background")+"?v="+window.OCA.Theming.cacheBuster:window.OCA.Accessibility&&"dark"===window.OCA.Accessibility.theme?b("eduardo-neves-pedra-azul.jpg"):b("kamil-porembinski-clouds.jpg"):"custom"===n?(0,A.generateUrl)("/apps/dashboard/background")+"?v="+t:b(n)};function C(n,t,e,a,o,r,i){try{var s=n[r](i),d=s.value}catch(n){return void e(n)}s.done?t(d):Promise.resolve(d).then(a,o)}function h(n){return function(){var t=this,e=arguments;return new Promise((function(a,o){var r=n.apply(t,e);function i(n){C(r,a,o,i,s,"next",n)}function s(n){C(r,a,o,i,s,"throw",n)}i(void 0)}))}}var v=(0,r.loadState)("dashboard","shippedBackgrounds"),m={name:"BackgroundSettings",props:{background:{type:String,default:"default"},themingDefaultBackground:{type:String,default:""}},data:function(){return{backgroundImage:(0,A.generateUrl)("/apps/dashboard/background")+"?v="+Date.now(),loading:!1}},computed:{shippedBackgrounds:function(){return Object.keys(v).map((function(n){return{name:n,url:b(n),preview:b("previews/"+n),details:v[n]}}))}},methods:{update:function(n){var t=this;return h(regeneratorRuntime.mark((function e(){var a,o;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(a="custom"===n.type||"default"===n.type?n.type:n.value,t.backgroundImage=g(a,n.version,t.themingDefaultBackground),"color"!==n.type&&("default"!==n.type||"backgroundColor"!==t.themingDefaultBackground)){e.next=6;break}return t.$emit("update:background",n),t.loading=!1,e.abrupt("return");case 6:(o=new Image).onload=function(){t.$emit("update:background",n),t.loading=!1},o.src=t.backgroundImage;case 9:case"end":return e.stop()}}),e)})))()},setDefault:function(){var n=this;return h(regeneratorRuntime.mark((function t(){var e;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n.loading="default",t.next=3,u.default.post((0,A.generateUrl)("/apps/dashboard/background/default"));case 3:e=t.sent,n.update(e.data);case 5:case"end":return t.stop()}}),t)})))()},setShipped:function(n){var t=this;return h(regeneratorRuntime.mark((function e(){var a;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.loading=n,e.next=3,u.default.post((0,A.generateUrl)("/apps/dashboard/background/shipped"),{value:n});case 3:a=e.sent,t.update(a.data);case 5:case"end":return e.stop()}}),e)})))()},setFile:function(n){var t=this;return h(regeneratorRuntime.mark((function e(){var a;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.loading="custom",e.next=3,u.default.post((0,A.generateUrl)("/apps/dashboard/background/custom"),{value:n});case 3:a=e.sent,t.update(a.data);case 5:case"end":return e.stop()}}),e)})))()},pickColor:function(){var n=this;return h(regeneratorRuntime.mark((function t(){var e,a;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n.loading="color",e=OCA&&OCA.Theming?OCA.Theming.color:"#0082c9",t.next=4,u.default.post((0,A.generateUrl)("/apps/dashboard/background/color"),{value:e});case 4:a=t.sent,n.update(a.data);case 6:case"end":return t.stop()}}),t)})))()},pickFile:function(){var n=this;window.OC.dialogs.filepicker(t("dashboard","Insert from {productName}",{productName:OC.theme.name}),(function(t,e){e===OC.dialogs.FILEPICKER_TYPE_CHOOSE&&n.setFile(t)}),!1,["image/png","image/gif","image/jpeg","image/svg"],!0,OC.dialogs.FILEPICKER_TYPE_CHOOSE)}}},f=m,k=a(93379),x=a.n(k),y=a(56510),w=(x()(y.Z,{insert:"head",singleton:!1}),y.Z.locals,a(51900)),_=(0,w.Z)(f,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"background-selector"},[e("button",{staticClass:"background filepicker",class:{active:"custom"===n.background},attrs:{tabindex:"0"},on:{click:n.pickFile}},[n._v("\n\t\t"+n._s(n.t("dashboard","Pick from Files"))+"\n\t")]),n._v(" "),e("button",{staticClass:"background default",class:{"icon-loading":"default"===n.loading,active:"default"===n.background},attrs:{tabindex:"0"},on:{click:n.setDefault}},[n._v("\n\t\t"+n._s(n.t("dashboard","Default images"))+"\n\t")]),n._v(" "),e("button",{staticClass:"background color",class:{active:"custom"===n.background},attrs:{tabindex:"0"},on:{click:n.pickColor}},[n._v("\n\t\t"+n._s(n.t("dashboard","Plain background"))+"\n\t")]),n._v(" "),n._l(n.shippedBackgrounds,(function(t){return e("button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:t.details.attribution,expression:"shippedBackground.details.attribution"}],key:t.name,staticClass:"background",class:{"icon-loading":n.loading===t.name,active:n.background===t.name},style:{"background-image":"url("+t.preview+")"},attrs:{tabindex:"0"},on:{click:function(e){return n.setShipped(t.name)}}})}))],2)}),[],!1,null,"e4c3a7ca",null).exports,S=(0,r.loadState)("dashboard","panels"),B=(0,r.loadState)("dashboard","firstRun"),D=(0,r.loadState)("dashboard","background"),O=(0,r.loadState)("dashboard","themingDefaultBackground"),F=(0,r.loadState)("dashboard","version"),E=(0,r.loadState)("dashboard","shippedBackgrounds"),G={weather:{text:t("dashboard","Weather"),icon:"icon-weather-status"},status:{text:t("dashboard","Status"),icon:"icon-user-status-online"}},I={name:"App",components:{Modal:d(),Draggable:l(),BackgroundSettings:_},mixins:[p],data:function(){var n,t;return{isAdmin:(0,i.getCurrentUser)().isAdmin,timer:new Date,registeredStatus:[],callbacks:{},callbacksStatus:{},allCallbacksStatus:{},statusInfo:G,enabledStatuses:(0,r.loadState)("dashboard","statuses"),panels:S,firstRun:B,displayName:null===(n=(0,i.getCurrentUser)())||void 0===n?void 0:n.displayName,uid:null===(t=(0,i.getCurrentUser)())||void 0===t?void 0:t.uid,layout:(0,r.loadState)("dashboard","layout").filter((function(n){return S[n]})),modal:!1,appStoreUrl:(0,A.generateUrl)("/settings/apps/dashboard"),statuses:{},background:D,themingDefaultBackground:O,version:F}},computed:{backgroundImage:function(){return g(this.background,this.version,this.themingDefaultBackground)},backgroundStyle:function(){return"default"===this.background&&"backgroundColor"===this.themingDefaultBackground||this.background.match(/#[0-9A-Fa-f]{6}/g)?null:{backgroundImage:"url(".concat(this.backgroundImage,")")}},greeting:function(){var n,e=this.timer.getHours();n=e>=22||e<5?"night":e>=18?"evening":e>=12?"afternoon":"morning";var a={morning:{generic:t("dashboard","Good morning"),withName:t("dashboard","Good morning, {name}",{name:this.displayName},void 0,{escape:!1})},afternoon:{generic:t("dashboard","Good afternoon"),withName:t("dashboard","Good afternoon, {name}",{name:this.displayName},void 0,{escape:!1})},evening:{generic:t("dashboard","Good evening"),withName:t("dashboard","Good evening, {name}",{name:this.displayName},void 0,{escape:!1})},night:{generic:t("dashboard","Hello"),withName:t("dashboard","Hello, {name}",{name:this.displayName},void 0,{escape:!1})}};return{text:this.displayName&&this.uid!==this.displayName?a[n].withName:a[n].generic}},isActive:function(){var n=this;return function(t){return n.layout.indexOf(t.id)>-1}},isStatusActive:function(){var n=this;return function(t){return!(t in n.enabledStatuses)||n.enabledStatuses[t]}},sortedAllStatuses:function(){return Object.keys(this.allCallbacksStatus).slice().sort(this.sortStatuses)},sortedPanels:function(){var n=this;return Object.values(this.panels).sort((function(t,e){var a=n.layout.indexOf(t.id),o=n.layout.indexOf(e.id);return-1===a||-1===o?o-a||t.id-e.id:a-o||t.id-e.id}))},sortedRegisteredStatus:function(){return this.registeredStatus.slice().sort(this.sortStatuses)}},watch:{callbacks:function(){this.rerenderPanels()},callbacksStatus:function(){for(var n in this.callbacksStatus){var t=this.$refs["status-"+n];this.statuses[n]&&this.statuses[n].mounted||(t?(this.callbacksStatus[n](t[0]),o.default.set(this.statuses,n,{mounted:!0})):console.error("Failed to register panel in the frontend as no backend data was provided for "+n))}}},mounted:function(){var n=this;this.updateGlobalStyles(),this.updateSkipLink(),window.addEventListener("scroll",this.handleScroll),setInterval((function(){n.timer=new Date}),3e4),this.firstRun&&window.addEventListener("scroll",this.disableFirstrunHint)},destroyed:function(){window.removeEventListener("scroll",this.handleScroll)},methods:{register:function(n,t){o.default.set(this.callbacks,n,t)},registerStatus:function(n,t){var e=this;o.default.set(this.allCallbacksStatus,n,t),this.isStatusActive(n)&&(this.registeredStatus.push(n),this.$nextTick((function(){o.default.set(e.callbacksStatus,n,t)})))},rerenderPanels:function(){for(var n in this.callbacks){var t=this.$refs[n];-1!==this.layout.indexOf(n)&&(this.panels[n]&&this.panels[n].mounted||(t?(this.callbacks[n](t[0],{widget:this.panels[n]}),o.default.set(this.panels[n],"mounted",!0)):console.error("Failed to register panel in the frontend as no backend data was provided for "+n)))}},saveLayout:function(){u.default.post((0,A.generateUrl)("/apps/dashboard/layout"),{layout:this.layout.join(",")})},saveStatuses:function(){u.default.post((0,A.generateUrl)("/apps/dashboard/statuses"),{statuses:JSON.stringify(this.enabledStatuses)})},showModal:function(){this.modal=!0,this.firstRun=!1},closeModal:function(){this.modal=!1},updateCheckbox:function(n,t){var e=this,a=this.layout.indexOf(n.id);!t&&a>-1?this.layout.splice(a,1):this.layout.push(n.id),o.default.set(this.panels[n.id],"mounted",!1),this.saveLayout(),this.$nextTick((function(){return e.rerenderPanels()}))},disableFirstrunHint:function(){var n=this;window.removeEventListener("scroll",this.disableFirstrunHint),setTimeout((function(){n.firstRun=!1}),1e3)},updateBackground:function(n){this.background="custom"===n.type||"default"===n.type?n.type:n.value,this.version=n.version,this.updateGlobalStyles()},updateGlobalStyles:function(){document.body.setAttribute("data-dashboard-background",this.background),window.OCA.Theming.inverted&&document.body.classList.add("dashboard--inverted"),"dark"===(E[this.background]?E[this.background].theming:"light")?document.body.classList.add("dashboard--dark"):document.body.classList.remove("dashboard--dark")},updateSkipLink:function(){document.getElementsByClassName("skip-navigation")[0].setAttribute("href","#app-dashboard")},updateStatusCheckbox:function(n,t){t?this.enableStatus(n):this.disableStatus(n)},enableStatus:function(n){this.enabledStatuses[n]=!0,this.registerStatus(n,this.allCallbacksStatus[n]),this.saveStatuses()},disableStatus:function(n){var t=this;this.enabledStatuses[n]=!1;var e=this.registeredStatus.findIndex((function(t){return t===n}));-1!==e&&(this.registeredStatus.splice(e,1),o.default.set(this.statuses,n,{mounted:!1}),this.$nextTick((function(){o.default.delete(t.callbacksStatus,n)}))),this.saveStatuses()},sortStatuses:function(n,t){var e=n.toLowerCase(),a=t.toLowerCase();return e>a?1:e<a?-1:0},handleScroll:function(){window.scrollY>70?document.body.classList.add("dashboard--scrolled"):document.body.classList.remove("dashboard--scrolled")}}},j=a(79547),z=(x()(j.Z,{insert:"head",singleton:!1}),j.Z.locals,(0,w.Z)(I,(function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{style:n.backgroundStyle,attrs:{id:"app-dashboard"}},[e("h2",[n._v(n._s(n.greeting.text))]),n._v(" "),e("ul",{staticClass:"statuses"},n._l(n.sortedRegisteredStatus,(function(n){return e("div",{key:n,attrs:{id:"status-"+n}},[e("div",{ref:"status-"+n,refInFor:!0})])})),0),n._v(" "),e("Draggable",n._b({staticClass:"panels",attrs:{handle:".panel--header"},on:{end:n.saveLayout},model:{value:n.layout,callback:function(t){n.layout=t},expression:"layout"}},"Draggable",{swapThreshold:.3,delay:500,delayOnTouchOnly:!0,touchStartThreshold:3},!1),n._l(n.layout,(function(t){return e("div",{key:n.panels[t].id,staticClass:"panel"},[e("div",{staticClass:"panel--header"},[e("h2",{class:n.panels[t].iconClass},[n._v("\n\t\t\t\t\t"+n._s(n.panels[t].title)+"\n\t\t\t\t")])]),n._v(" "),e("div",{staticClass:"panel--content",class:{loading:!n.panels[t].mounted}},[e("div",{ref:n.panels[t].id,refInFor:!0,attrs:{"data-id":n.panels[t].id}})])])})),0),n._v(" "),e("div",{staticClass:"footer"},[e("a",{staticClass:"edit-panels icon-rename",attrs:{tabindex:"0"},on:{click:n.showModal,keyup:[function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:n.showModal.apply(null,arguments)},function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"space",32,t.key,[" ","Spacebar"])?null:n.showModal.apply(null,arguments)}]}},[n._v(n._s(n.t("dashboard","Customize")))])]),n._v(" "),n.modal?e("Modal",{on:{close:n.closeModal}},[e("div",{staticClass:"modal__content"},[e("h3",[n._v(n._s(n.t("dashboard","Edit widgets")))]),n._v(" "),e("ol",{staticClass:"panels"},n._l(n.sortedAllStatuses,(function(t){return e("li",{key:t},[e("input",{staticClass:"checkbox",attrs:{id:"status-checkbox-"+t,type:"checkbox"},domProps:{checked:n.isStatusActive(t)},on:{input:function(e){return n.updateStatusCheckbox(t,e.target.checked)}}}),n._v(" "),e("label",{class:n.statusInfo[t].icon,attrs:{for:"status-checkbox-"+t}},[n._v("\n\t\t\t\t\t\t"+n._s(n.statusInfo[t].text)+"\n\t\t\t\t\t")])])})),0),n._v(" "),e("Draggable",n._b({staticClass:"panels",attrs:{tag:"ol",handle:".draggable"},on:{end:n.saveLayout},model:{value:n.layout,callback:function(t){n.layout=t},expression:"layout"}},"Draggable",{swapThreshold:.3,delay:500,delayOnTouchOnly:!0,touchStartThreshold:3},!1),n._l(n.sortedPanels,(function(t){return e("li",{key:t.id},[e("input",{staticClass:"checkbox",attrs:{id:"panel-checkbox-"+t.id,type:"checkbox"},domProps:{checked:n.isActive(t)},on:{input:function(e){return n.updateCheckbox(t,e.target.checked)}}}),n._v(" "),e("label",{class:n.isActive(t)?"draggable "+t.iconClass:t.iconClass,attrs:{for:"panel-checkbox-"+t.id}},[n._v("\n\t\t\t\t\t\t"+n._s(t.title)+"\n\t\t\t\t\t")])])})),0),n._v(" "),n.isAdmin?e("a",{staticClass:"button",attrs:{href:n.appStoreUrl}},[n._v(n._s(n.t("dashboard","Get more widgets from the App Store")))]):n._e(),n._v(" "),e("h3",[n._v(n._s(n.t("dashboard","Change background image")))]),n._v(" "),e("BackgroundSettings",{attrs:{background:n.background,"theming-default-background":n.themingDefaultBackground},on:{"update:background":n.updateBackground}}),n._v(" "),e("h3",[n._v(n._s(n.t("dashboard","Weather service")))]),n._v(" "),e("p",[n._v("\n\t\t\t\t"+n._s(n.t("dashboard","For your privacy, the weather data is requested by your Nextcloud server on your behalf so the weather service receives no personal information."))+"\n\t\t\t")]),n._v(" "),e("p",{staticClass:"credits--end"},[e("a",{attrs:{href:"https://api.met.no/doc/TermsOfService",target:"_blank",rel:"noopener"}},[n._v(n._s(n.t("dashboard","Weather data from Met.no")))]),n._v(",\n\t\t\t\t"),e("a",{attrs:{href:"https://wiki.osmfoundation.org/wiki/Privacy_Policy",target:"_blank",rel:"noopener"}},[n._v(n._s(n.t("dashboard","geocoding with Nominatim")))]),n._v(",\n\t\t\t\t"),e("a",{attrs:{href:"https://www.opentopodata.org/#public-api",target:"_blank",rel:"noopener"}},[n._v(n._s(n.t("dashboard","elevation data from OpenTopoData")))]),n._v(".\n\t\t\t")])],1)]):n._e()],1)}),[],!1,null,"b86c858a",null)),R=z.exports,T=a(9944),L=a(15168),P=a.n(L);a.nc=btoa((0,i.getRequestToken)()),o.default.directive("Tooltip",P()),o.default.prototype.t=T.translate,window.OCA.Files||(window.OCA.Files={}),Object.assign(window.OCA.Files,{App:{fileList:{filesClient:OC.Files.getClient()}}},window.OCA.Files);var U=new(o.default.extend(R))({}).$mount("#app-content-vue");window.OCA.Dashboard={register:function(n,t){return U.register(n,t)},registerStatus:function(n,t){return U.registerStatus(n,t)}}},79547:function(n,t,e){var a=e(94015),o=e.n(a),r=e(23645),i=e.n(r)()(o());i.push([n.id,"#app-dashboard[data-v-b86c858a]{width:100%;min-height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-color:var(--color-primary);--color-background-translucent: rgba(255, 255, 255, 0.8);--background-blur: blur(10px)}#body-user.theme--dark #app-dashboard[data-v-b86c858a]{background-color:var(--color-main-background);--color-background-translucent: rgba(24, 24, 24, 0.8)}#body-user.theme--highcontrast #app-dashboard[data-v-b86c858a]{background-color:var(--color-main-background);--color-background-translucent: var(--color-main-background)}#app-dashboard>h2[data-v-b86c858a]{color:var(--color-primary-text);text-align:center;font-size:32px;line-height:130%;padding:10vh 16px 0px}.panels[data-v-b86c858a]{width:auto;margin:auto;max-width:1500px;display:flex;justify-content:center;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.panel[data-v-b86c858a],.panels>div[data-v-b86c858a]{width:320px;max-width:100%;margin:16px;background-color:var(--color-background-translucent);-webkit-backdrop-filter:var(--background-blur);backdrop-filter:var(--background-blur);border-radius:var(--border-radius-large)}#body-user.theme--highcontrast .panel[data-v-b86c858a],#body-user.theme--highcontrast .panels>div[data-v-b86c858a]{border:2px solid var(--color-border)}.panel.sortable-ghost[data-v-b86c858a],.panels>div.sortable-ghost[data-v-b86c858a]{opacity:.1}.panel>.panel--header[data-v-b86c858a],.panels>div>.panel--header[data-v-b86c858a]{display:flex;z-index:1;top:50px;padding:16px;cursor:grab}.panel>.panel--header[data-v-b86c858a],.panel>.panel--header[data-v-b86c858a] *,.panels>div>.panel--header[data-v-b86c858a],.panels>div>.panel--header[data-v-b86c858a] *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel>.panel--header[data-v-b86c858a]:active,.panels>div>.panel--header[data-v-b86c858a]:active{cursor:grabbing}.panel>.panel--header a[data-v-b86c858a],.panels>div>.panel--header a[data-v-b86c858a]{flex-grow:1}.panel>.panel--header>h2[data-v-b86c858a],.panels>div>.panel--header>h2[data-v-b86c858a]{display:block;flex-grow:1;margin:0;font-size:20px;line-height:24px;font-weight:bold;background-size:32px;background-position:14px 12px;padding:16px 8px 16px 60px;height:56px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab}.panel>.panel--content[data-v-b86c858a],.panels>div>.panel--content[data-v-b86c858a]{margin:0 16px 16px 16px;height:420px;overflow:hidden}@media only screen and (max-width: 709px){.panel>.panel--content[data-v-b86c858a],.panels>div>.panel--content[data-v-b86c858a]{height:auto}}.footer[data-v-b86c858a]{text-align:center;transition:bottom var(--animation-slow) ease-in-out;bottom:0;padding:44px 0}.edit-panels[data-v-b86c858a]{display:inline-block;margin:auto;background-position:16px center;padding:12px 16px;padding-left:36px;border-radius:var(--border-radius-pill);max-width:200px;opacity:1;text-align:center}.edit-panels[data-v-b86c858a],.statuses[data-v-b86c858a] .action-item .action-item__menutoggle,.statuses[data-v-b86c858a] .action-item.action-item--open .action-item__menutoggle{background-color:var(--color-background-translucent);-webkit-backdrop-filter:var(--background-blur);backdrop-filter:var(--background-blur)}.edit-panels[data-v-b86c858a]:hover,.edit-panels[data-v-b86c858a]:focus,.edit-panels[data-v-b86c858a]:active,.statuses[data-v-b86c858a] .action-item .action-item__menutoggle:hover,.statuses[data-v-b86c858a] .action-item .action-item__menutoggle:focus,.statuses[data-v-b86c858a] .action-item .action-item__menutoggle:active,.statuses[data-v-b86c858a] .action-item.action-item--open .action-item__menutoggle:hover,.statuses[data-v-b86c858a] .action-item.action-item--open .action-item__menutoggle:focus,.statuses[data-v-b86c858a] .action-item.action-item--open .action-item__menutoggle:active{background-color:var(--color-background-hover)}.modal__content[data-v-b86c858a]{padding:32px 16px;max-height:70vh;text-align:center;overflow:auto}.modal__content ol[data-v-b86c858a]{display:flex;flex-direction:row;justify-content:center;list-style-type:none;padding-bottom:16px}.modal__content li label[data-v-b86c858a]{display:block;padding:48px 8px 16px 8px;margin:8px;width:160px;background-color:var(--color-background-hover);border:2px solid var(--color-main-background);border-radius:var(--border-radius-large);background-size:24px;background-position:center 16px;text-align:center}.modal__content li label[data-v-b86c858a]:hover{border-color:var(--color-primary)}.modal__content li input:focus+label[data-v-b86c858a]{border-color:var(--color-primary)}.modal__content h3[data-v-b86c858a]{font-weight:bold}.modal__content h3[data-v-b86c858a]:not(:first-of-type){margin-top:64px}.modal__content .button[data-v-b86c858a]{display:inline-block;padding:10px 16px;margin:0}.modal__content p[data-v-b86c858a]{max-width:650px;margin:0 auto}.modal__content p a[data-v-b86c858a]:hover,.modal__content p a[data-v-b86c858a]:focus{border-bottom:2px solid var(--color-border)}.modal__content .credits--end[data-v-b86c858a]{padding-bottom:32px;color:var(--color-text-maxcontrast)}.modal__content .credits--end a[data-v-b86c858a]{color:var(--color-text-maxcontrast)}.flip-list-move[data-v-b86c858a]{transition:transform var(--animation-slow)}.statuses[data-v-b86c858a]{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-bottom:36px}.statuses>div[data-v-b86c858a]{margin:8px}","",{version:3,sources:["webpack://./apps/dashboard/src/App.vue"],names:[],mappings:"AAqZA,gCACC,UAAA,CACA,gBAAA,CACA,qBAAA,CACA,iCAAA,CACA,2BAAA,CACA,2BAAA,CACA,qCAAA,CACA,wDAAA,CACA,6BAAA,CAEA,uDACC,6CAAA,CACA,qDAAA,CAGD,+DACC,6CAAA,CACA,4DAAA,CAGD,mCACC,+BAAA,CACA,iBAAA,CACA,cAAA,CACA,gBAAA,CACA,qBAAA,CAIF,yBACC,UAAA,CACA,WAAA,CACA,gBAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CAGD,qDACC,WAAA,CACA,cAAA,CACA,WAAA,CACA,oDAAA,CACA,8CAAA,CACA,sCAAA,CACA,wCAAA,CAEA,mHACC,oCAAA,CAGD,mFACE,UAAA,CAGF,mFACC,YAAA,CACA,SAAA,CACA,QAAA,CACA,YAAA,CACA,WAAA,CAEA,4KACC,0BAAA,CACA,wBAAA,CACA,uBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CAGD,iGACC,eAAA,CAGD,uFACC,WAAA,CAGD,yFACC,aAAA,CACA,WAAA,CACA,QAAA,CACA,cAAA,CACA,gBAAA,CACA,gBAAA,CACA,oBAAA,CACA,6BAAA,CACA,0BAAA,CACA,WAAA,CACA,kBAAA,CACA,eAAA,CACA,sBAAA,CACA,WAAA,CAIF,qFACC,uBAAA,CACA,YAAA,CAEA,eAAA,CAID,0CACC,qFACC,WAAA,CAAA,CAKH,yBACC,iBAAA,CACA,mDAAA,CACA,QAAA,CACA,cAAA,CAGD,8BACC,oBAAA,CACA,WAAA,CACA,+BAAA,CACA,iBAAA,CACA,iBAAA,CACA,uCAAA,CACA,eAAA,CACA,SAAA,CACA,iBAAA,CAGD,oLAGC,oDAAA,CACA,8CAAA,CACA,sCAAA,CAEA,qlBAGC,8CAAA,CAIF,iCACC,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,aAAA,CAEA,oCACC,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,oBAAA,CACA,mBAAA,CAGA,0CACC,aAAA,CACA,yBAAA,CACA,UAAA,CACA,WAAA,CACA,8CAAA,CACA,6CAAA,CACA,wCAAA,CACA,oBAAA,CACA,+BAAA,CACA,iBAAA,CAEA,gDACC,iCAAA,CAIF,sDACC,iCAAA,CAIF,oCACC,gBAAA,CAEA,wDACC,eAAA,CAKF,yCACC,oBAAA,CACA,iBAAA,CACA,QAAA,CAGD,mCACC,eAAA,CACA,aAAA,CAEA,sFAEC,2CAAA,CAIF,+CACC,mBAAA,CACA,mCAAA,CAEA,iDACC,mCAAA,CAKH,iCACC,0CAAA,CAGD,2BACC,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,cAAA,CACA,kBAAA,CAEA,+BACC,UAAA",sourcesContent:["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n#app-dashboard {\n\twidth: 100%;\n\tmin-height: 100vh;\n\tbackground-size: cover;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n\tbackground-attachment: fixed;\n\tbackground-color: var(--color-primary);\n\t--color-background-translucent: rgba(255, 255, 255, 0.8);\n\t--background-blur: blur(10px);\n\n\t#body-user.theme--dark & {\n\t\tbackground-color: var(--color-main-background);\n\t\t--color-background-translucent: rgba(24, 24, 24, 0.8);\n\t}\n\n\t#body-user.theme--highcontrast & {\n\t\tbackground-color: var(--color-main-background);\n\t\t--color-background-translucent: var(--color-main-background);\n\t}\n\n\t> h2 {\n\t\tcolor: var(--color-primary-text);\n\t\ttext-align: center;\n\t\tfont-size: 32px;\n\t\tline-height: 130%;\n\t\tpadding: 10vh 16px 0px;\n\t}\n}\n\n.panels {\n\twidth: auto;\n\tmargin: auto;\n\tmax-width: 1500px;\n\tdisplay: flex;\n\tjustify-content: center;\n\tflex-direction: row;\n\talign-items: flex-start;\n\tflex-wrap: wrap;\n}\n\n.panel, .panels > div {\n\twidth: 320px;\n\tmax-width: 100%;\n\tmargin: 16px;\n\tbackground-color: var(--color-background-translucent);\n\t-webkit-backdrop-filter: var(--background-blur);\n\tbackdrop-filter: var(--background-blur);\n\tborder-radius: var(--border-radius-large);\n\n\t#body-user.theme--highcontrast & {\n\t\tborder: 2px solid var(--color-border);\n\t}\n\n\t&.sortable-ghost {\n\t\t opacity: 0.1;\n\t}\n\n\t& > .panel--header {\n\t\tdisplay: flex;\n\t\tz-index: 1;\n\t\ttop: 50px;\n\t\tpadding: 16px;\n\t\tcursor: grab;\n\n\t\t&, ::v-deep * {\n\t\t\t-webkit-touch-callout: none;\n\t\t\t-webkit-user-select: none;\n\t\t\t-khtml-user-select: none;\n\t\t\t-moz-user-select: none;\n\t\t\t-ms-user-select: none;\n\t\t\tuser-select: none;\n\t\t}\n\n\t\t&:active {\n\t\t\tcursor: grabbing;\n\t\t}\n\n\t\ta {\n\t\t\tflex-grow: 1;\n\t\t}\n\n\t\t> h2 {\n\t\t\tdisplay: block;\n\t\t\tflex-grow: 1;\n\t\t\tmargin: 0;\n\t\t\tfont-size: 20px;\n\t\t\tline-height: 24px;\n\t\t\tfont-weight: bold;\n\t\t\tbackground-size: 32px;\n\t\t\tbackground-position: 14px 12px;\n\t\t\tpadding: 16px 8px 16px 60px;\n\t\t\theight: 56px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tcursor: grab;\n\t\t}\n\t}\n\n\t& > .panel--content {\n\t\tmargin: 0 16px 16px 16px;\n\t\theight: 420px;\n\t\t// We specifically do not want scrollbars inside widgets\n\t\toverflow: hidden;\n\t}\n\n\t// No need to extend height of widgets if only one column is shown\n\t@media only screen and (max-width: 709px) {\n\t\t& > .panel--content {\n\t\t\theight: auto;\n\t\t}\n\t}\n}\n\n.footer {\n\ttext-align: center;\n\ttransition: bottom var(--animation-slow) ease-in-out;\n\tbottom: 0;\n\tpadding: 44px 0;\n}\n\n.edit-panels {\n\tdisplay: inline-block;\n\tmargin:auto;\n\tbackground-position: 16px center;\n\tpadding: 12px 16px;\n\tpadding-left: 36px;\n\tborder-radius: var(--border-radius-pill);\n\tmax-width: 200px;\n\topacity: 1;\n\ttext-align: center;\n}\n\n.edit-panels,\n.statuses ::v-deep .action-item .action-item__menutoggle,\n.statuses ::v-deep .action-item.action-item--open .action-item__menutoggle {\n\tbackground-color: var(--color-background-translucent);\n\t-webkit-backdrop-filter: var(--background-blur);\n\tbackdrop-filter: var(--background-blur);\n\n\t&:hover,\n\t&:focus,\n\t&:active {\n\t\tbackground-color: var(--color-background-hover);\n\t}\n}\n\n.modal__content {\n\tpadding: 32px 16px;\n\tmax-height: 70vh;\n\ttext-align: center;\n\toverflow: auto;\n\n\tol {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: center;\n\t\tlist-style-type: none;\n\t\tpadding-bottom: 16px;\n\t}\n\tli {\n\t\tlabel {\n\t\t\tdisplay: block;\n\t\t\tpadding: 48px 8px 16px 8px;\n\t\t\tmargin: 8px;\n\t\t\twidth: 160px;\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t\tborder: 2px solid var(--color-main-background);\n\t\t\tborder-radius: var(--border-radius-large);\n\t\t\tbackground-size: 24px;\n\t\t\tbackground-position: center 16px;\n\t\t\ttext-align: center;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: var(--color-primary);\n\t\t\t}\n\t\t}\n\n\t\tinput:focus + label {\n\t\t\tborder-color: var(--color-primary);\n\t\t}\n\t}\n\n\th3 {\n\t\tfont-weight: bold;\n\n\t\t&:not(:first-of-type) {\n\t\t\tmargin-top: 64px;\n\t\t}\n\t}\n\n\t// Adjust design of 'Get more widgets' button\n\t.button {\n\t\tdisplay: inline-block;\n\t\tpadding: 10px 16px;\n\t\tmargin: 0;\n\t}\n\n\tp {\n\t\tmax-width: 650px;\n\t\tmargin: 0 auto;\n\n\t\ta:hover,\n\t\ta:focus {\n\t\t\tborder-bottom: 2px solid var(--color-border);\n\t\t}\n\t}\n\n\t.credits--end {\n\t\tpadding-bottom: 32px;\n\t\tcolor: var(--color-text-maxcontrast);\n\n\t\ta {\n\t\t\tcolor: var(--color-text-maxcontrast);\n\t\t}\n\t}\n}\n\n.flip-list-move {\n\ttransition: transform var(--animation-slow);\n}\n\n.statuses {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin-bottom: 36px;\n\n\t& > div {\n\t\tmargin: 8px;\n\t}\n}\n"],sourceRoot:""}]),t.Z=i},56510:function(n,t,e){var a=e(94015),o=e.n(a),r=e(23645),i=e.n(r)()(o());i.push([n.id,'.background-selector[data-v-e4c3a7ca]{display:flex;flex-wrap:wrap;justify-content:center}.background-selector .background[data-v-e4c3a7ca]{width:176px;height:96px;margin:8px;background-size:cover;background-position:center center;text-align:center;border-radius:var(--border-radius-large);border:2px solid var(--color-main-background);overflow:hidden}.background-selector .background.current[data-v-e4c3a7ca]{background-image:var(--color-background-dark)}.background-selector .background.filepicker[data-v-e4c3a7ca],.background-selector .background.default[data-v-e4c3a7ca],.background-selector .background.color[data-v-e4c3a7ca]{border-color:var(--color-border)}.background-selector .background.color[data-v-e4c3a7ca]{background-color:var(--color-primary);color:var(--color-primary-text)}.background-selector .background.active[data-v-e4c3a7ca],.background-selector .background[data-v-e4c3a7ca]:hover,.background-selector .background[data-v-e4c3a7ca]:focus{border:2px solid var(--color-primary)}.background-selector .background.active[data-v-e4c3a7ca]:not(.icon-loading):after{background-image:var(--icon-checkmark-fff);background-repeat:no-repeat;background-position:center;background-size:44px;content:"";display:block;height:100%}body.theme--dark .background-selector .background.active[data-v-e4c3a7ca]:not(.icon-loading):after{background-image:var(--icon-checkmark-000)}',"",{version:3,sources:["webpack://./apps/dashboard/src/components/BackgroundSettings.vue"],names:[],mappings:"AA4IA,sCACC,YAAA,CACA,cAAA,CACA,sBAAA,CAEA,kDACC,WAAA,CACA,WAAA,CACA,UAAA,CACA,qBAAA,CACA,iCAAA,CACA,iBAAA,CACA,wCAAA,CACA,6CAAA,CACA,eAAA,CAEA,0DACC,6CAAA,CAGD,+KACC,gCAAA,CAGD,wDACC,qCAAA,CACA,+BAAA,CAGD,yKAGC,qCAAA,CAGD,kFACC,0CAAA,CACA,2BAAA,CACA,0BAAA,CACA,oBAAA,CACA,UAAA,CACA,aAAA,CACA,WAAA,CAEA,mGACC,0CAAA",sourcesContent:["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.background-selector {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n\n\t.background {\n\t\twidth: 176px;\n\t\theight: 96px;\n\t\tmargin: 8px;\n\t\tbackground-size: cover;\n\t\tbackground-position: center center;\n\t\ttext-align: center;\n\t\tborder-radius: var(--border-radius-large);\n\t\tborder: 2px solid var(--color-main-background);\n\t\toverflow: hidden;\n\n\t\t&.current {\n\t\t\tbackground-image: var(--color-background-dark);\n\t\t}\n\n\t\t&.filepicker, &.default, &.color {\n\t\t\tborder-color: var(--color-border);\n\t\t}\n\n\t\t&.color {\n\t\t\tbackground-color: var(--color-primary);\n\t\t\tcolor: var(--color-primary-text);\n\t\t}\n\n\t\t&.active,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tborder: 2px solid var(--color-primary);\n\t\t}\n\n\t\t&.active:not(.icon-loading):after {\n\t\t\tbackground-image: var(--icon-checkmark-fff);\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: center;\n\t\t\tbackground-size: 44px;\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\theight: 100%;\n\n\t\t\tbody.theme--dark & {\n\t\t\t\tbackground-image: var(--icon-checkmark-000);\n\t\t\t}\n\t\t}\n\t}\n}\n"],sourceRoot:""}]),t.Z=i}},a={};function o(n){var t=a[n];if(void 0!==t)return t.exports;var r=a[n]={id:n,loaded:!1,exports:{}};return e[n].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}o.m=e,o.amdD=function(){throw new Error("define cannot be used indirect")},o.amdO={},n=[],o.O=function(t,e,a,r){if(!e){var i=1/0;for(l=0;l<n.length;l++){e=n[l][0],a=n[l][1],r=n[l][2];for(var s=!0,d=0;d<e.length;d++)(!1&r||i>=r)&&Object.keys(o.O).every((function(n){return o.O[n](e[d])}))?e.splice(d--,1):(s=!1,r<i&&(i=r));if(s){n.splice(l--,1);var c=a();void 0!==c&&(t=c)}}return t}r=r||0;for(var l=n.length;l>0&&n[l-1][2]>r;l--)n[l]=n[l-1];n[l]=[e,a,r]},o.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return o.d(t,{a:t}),t},o.d=function(n,t){for(var e in t)o.o(t,e)&&!o.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:t[e]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(n){if("object"==typeof window)return window}}(),o.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},o.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},o.nmd=function(n){return n.paths=[],n.children||(n.children=[]),n},o.j=773,function(){var n={773:0};o.O.j=function(t){return 0===n[t]};var t=function(t,e){var a,r,i=e[0],s=e[1],d=e[2],c=0;if(i.some((function(t){return 0!==n[t]}))){for(a in s)o.o(s,a)&&(o.m[a]=s[a]);if(d)var l=d(o)}for(t&&t(e);c<i.length;c++)r=i[c],o.o(n,r)&&n[r]&&n[r][0](),n[r]=0;return o.O(l)},e=self.webpackChunknextcloud=self.webpackChunknextcloud||[];e.forEach(t.bind(null,0)),e.push=t.bind(null,e.push.bind(e))}();var r=o.O(void 0,[874],(function(){return o(63308)}));r=o.O(r)}();
  3. //# sourceMappingURL=dashboard-main.js.map?v=0b7e7b3814fa258ab347