https://www.25mm.fr/webman/login/dist/dsm.login.bundle.1a8db394a9ba217f3ea8.834.js

1"use strict";(self.wpJsonpLogin=self.wpJsonpLogin||[]).push([[834],{5295:function(e,t){t.Z={computed:{shouldUseMobileStyle(){return document.documentElement.offsetWidth<520}}}},3152:function(e,t){t.Z={data(){return{showAppIcon:!1,showAppTitleImg:!1}},created(){this.detectPanelTitleType()},methods:{detectPanelTitleType(){this.tpl.has_custom_title||!this.hasTitleImgPath?this.showAppIcon=this.hasAppIconPath:this.showAppTitleImg=!0}},computed:{tpl(){return this.$store.state.mainPage.tpl},appLoginStyle(){return this.$store.state.mainPage.appLoginStyle},loginFieldsetCls(){return{"login-fieldset":!0}},hasAppIconPath(){return!!SYNO.SDS.Session.appIconPath},hasTitleImgPath(){return!!this.appLoginStyle.titleImgPath},mainColor(){if(this.appLoginStyle.mainColor)return this.appLoginStyle.mainColor},isPreview(){return this.$store.state.mainPage.tpl.preview},message(){return this.$store.state.mainPage.message},messageStyle(){return this.$store.state.mainPage.messageStyle},messageCls(){return"error"===this.messageStyle?"error":"info"},disableForm:{get(){return this.$store.state.mainPage.disableForm},set(e){this.$store.commit("mainPage/updateDisableForm",e)}}}}},6834:function(e,t,s){s.r(t),s.d(t,{default:function(){return d}});var i=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"login-tabs-content-wrapper login-tabs-content-mask-wrapper"},[s("div",{staticClass:"tab-panel-title"},[e._v("\n    "+e._s(e.T("login","sign_in"))+"\n  ")]),e._v(" "),e.isOauthFlow&&e.displayName?s("div",{staticClass:"tab-panel-oauth-title"},[s("v-rich-text",{attrs:{text:e.getOauthDesc(e.displayName)}})],1):e._e(),e._v(" "),s("div",{class:e.loginFieldsetCls},[s("form",{attrs:{id:"dsm-user-fieldset"},on:{submit:function(e){e.preventDefault(),e.stopPropagation()},keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.onClickNext.apply(null,arguments)}}},[s("textfield",{ref:"username",staticClass:"field",attrs:{type:"text",autofillname:"username",autofocus:e.autofocusUsername,placeholder:e.T("login","username"),bordercolor:e.mainColor,disabled:e.disableInput,tabindex:1,"syno-id":"username"},model:{value:e.username,callback:function(t){e.username=t},expression:"username"}}),e._v(" "),s("input",{directives:[{name:"model",rawName:"v-model",value:e.password,expression:"password"}],attrs:{type:"password",name:"password",tabindex:"-1",autocomplete:"current-password",hidden:""},domProps:{value:e.password},on:{input:function(t){t.target.composing||(e.password=t.target.value)}}})],1)]),e._v(" "),s("next-btn",{ref:"nextBtn",attrs:{"is-mobile":e.shouldUseMobileStyle,tabindex:2,"syno-id":"account-panel-next-btn"},on:{"btn-click":e.onClickNext}})],1)};i._withStripped=!0;var n=s(6294),a=s(9404),o=s(3152),r=s(5295),l=s(7527),p=s(2718),c={name:"DSMAccountPanel",components:{textfield:l.Z,"next-btn":p.Z},mixins:[o.Z,r.Z,a.Z],data(){return{disabled:!1,waiting:!1,displayName:""}},computed:{...(0,n.mapState)("mainPage",["loginPluginsLoaded","activeTabName","isOauthFlow"]),...(0,n.mapGetters)("mainPage",["enabledAuthList"]),autofocusUsername(){return!0!==this.disabled},disableInput(){return this.disabled||this.isPreview},username:{get(){return this.$store.state.mainPage.dsmForm.username},set(e){this.$store.commit("mainPage/updateDsmUsername",e.trim())}},password:{get(){return this.$store.state.mainPage.dsmForm.password},set(e){this.$store.commit("mainPage/updateDsmPassword",e)}}},watch:{username(e){""===e?this.$refs.nextBtn.disable():this.$refs.nextBtn.pulse(!0)},activeTabName(e){"dsmTabPanel"===e&&this.focusInput()}},created(){!0===_S("preview")&&(this.disabled=!0),this.$options.$stopStoreSubscribe=this.$store.subscribe((e=>{"mainPage/loginPluginsLoaded"===e.type&&!0===e.payload&&this.waiting&&this.goNextStep()}))},beforeMount(){this.clearAuthInfo(),(SYNO.SDS.Session.app_name||SYNO.SDS.Session.appName||SYNO.SDS.Session.appLoginStyle)&&this.fillLastLoginInfo();const e=new URLSearchParams(window.location.search);this.displayName=e.get("display_name")},mounted(){this.initNextBtnStatus(),this.autoFocus()},beforeDestroy(){this.$options.$stopStoreSubscribe()},methods:{...(0,n.mapActions)("mainPage",["clearAuthInfo","clearMessage","fetchAuthList"]),initNextBtnStatus(){""===this.username?this.$refs.nextBtn.disable():this.$refs.nextBtn.pulse(!0)},clearAvatarInfo(){localStorage.removeItem("lastLoginUsername")},async onClickNext(){this.disabled||this.$refs.nextBtn.disabled||(this.loading(),await this.fetchAuthList(this.username),this.goNextStep())},goNextStep(){this.loading(!1),this.username!==localStorage.getItem("lastLoginUsername")&&this.clearAvatarInfo(),this.clearMessage();const e=this.enabledAuthList[0]&&this.enabledAuthList[0].type||"passwd";let t=SYNO.SDS.LoginPlugins.getPlugin(e);if(void 0===t)return SYNO.Debug.error(`No such plugin [${e}]`),void this.$router.push("/signin/password");this.$router.push(t.entry)},loading(e=!0){this.waiting=e,this.$refs.nextBtn&&this.$refs.nextBtn.spin(e)},autoFocus:function(){document.activeElement.blur(),this.$nextTick((()=>{"dsmTabPanel"===this.activeTabName&&this.focusInput()}))},focusInput(){this.$refs.username.$refs.input.focus()},fillLastLoginInfo(){void 0!==localStorage.getItem("lastLoginUsername")&&null!==localStorage.getItem("lastLoginUsername")&&(this.username=localStorage.getItem("lastLoginUsername"))},getOauthDesc(e){return this.T("oauth","connect_app_to_dsm").replace("{0}",`<b>${e}</b>`)}}},u=(0,s(810).Z)(c,i,[],!1,null,null,null);

1u.options.__file="src/components/auth/dsmAccountPanel.vue";var d=u.exports},2718:function(e,t,s){s.d(t,{Z:function(){return l}});var i=function(){var e=this,t=e.$createElement,s=e._self._c||t;return e.show&&!e.isMobile?s("div",{class:e.btnCls,attrs:{role:"button",tabindex:e.innerTabIndex,"syno-id":e.synoId,"aria-label":e.T("login","sign_in")},on:{keyup:e.onKeyup,click:e.onClick}},[s("div",{staticClass:"login-btn-spinner-wrapper"},[s("spinner",{staticClass:"login-btn-spinner"})],1),e._v(" "),s("div",{staticClass:"login-btn-animation",class:e.pulseCls}),e._v(" "),s("div",{ref:"grow-bg",staticClass:"grow-bg"}),e._v(" "),s("div",{staticClass:"arrow"})]):e.show&&e.isMobile?s("div",{class:e.btnCls,attrs:{tabindex:e.innerTabIndex},on:{keyup:e.onKeyup,click:e.onClick}},[s("div",{staticClass:"login-btn-spinner-wrapper"},[s("spinner",{staticClass:"login-btn-spinner"})],1),e._v(" "),s("div",{staticClass:"btn-text"},[e._v("\n    "+e._s(e.btnText)+"\n  ")])]):e._e()};i._withStripped=!0;var n=s(7719),a=s(9404),o={components:{spinner:n.Z},mixins:[a.Z],props:{show:{type:Boolean,default:!0},tabindex:{type:Number,default:0},isMobile:{type:Boolean,default:!1},text:{type:String,default:""},synoId:{type:String,default:""}},data(){return{disabled:!1,pulseActive:!0,spinActive:!1}},computed:{btnCls(){return{"login-btn":!this.isMobile,"login-btn-mobile":this.isMobile,"app-custom":this.isCustomized,disable:this.disabled,spin:this.spinActive}},pulseCls(){return{"animation-active":this.pulseActive}},isCustomized(){return this.appLoginStyle&&this.appLoginStyle.mainColor&&"#"===this.appLoginStyle.mainColor[0]},appLoginStyle(){return this.$store.state.mainPage.appLoginStyle},onLoginProcedure:{get(){return this.$store.state.mainPage.onLoginProcedure},set(e){this.$store.commit("mainPage/updateOnLoginProcedure",e)}

1},innerTabIndex(){return!0===this.disabled?-1:this.tabindex},btnText(){return this.text?this.text:this.T("login","next")}},watch:{onLoginProcedure(e){this.spin(e)}},created(){this.initAppStyle(),!0===_S("preview")&&this.disable()},mounted(){this.calcLoginBtnGrowSize(),this.initResizeListener()},beforeDestroy(){window.removeEventListener("resize",this.calcLoginBtnGrowSize)},methods:{disable(){this.disabled=!0,this.pulseActive=!1,this.spinActive=!1},enable(){this.disabled=!1,this.pulseActive=!0,this.spinActive=!1},pulse(e){this.disabled=!1,this.spinActive=!e,this.pulseActive=e},spin(e){this.spinActive=e,this.pulseActive=!e},calcMainColor(e){if(e){let t=this.appLoginStyle.mainColor.replace("#","");return"rgba("+parseInt(3==t.length?t.slice(0,1).repeat(2):t.slice(0,2),16)+", "+parseInt(3==t.length?t.slice(1,2).repeat(2):t.slice(2,4),16)+", "+parseInt(3==t.length?t.slice(2,3).repeat(2):t.slice(4,6),16)+", "+e+")"}return this.appLoginStyle.mainColor},initAppStyle(){if(this.isCustomized){let e=document.createElement("style");e.appendChild(document.createTextNode(`.app-custom.login-btn { background-color: ${this.calcMainColor()};box-shadow: 0 5px 14px 0 ${this.calcMainColor(.34)}; }`)),e.appendChild(document.createTextNode(`.app-custom.login-btn .login-btn-animation { background-color: ${this.calcMainColor(.5)}; }`)),e.appendChild(document.createTextNode(`.app-custom.login-btn-mobile { background-color: ${this.calcMainColor()}; }`)),e.appendChild(document.createTextNode(`.app-custom.login-btn .grow-bg { background-color: ${this.calcMainColor()}; }`)),document.getElementsByTagName("head")[0].appendChild(e)}},onKeyup(e){"Enter"!==e.code&&"Space"!==e.code||this.onClick()},onClick(){this.disabled||this.$emit("btn-click")},calcLoginBtnGrowSize(){let e=this.$refs["grow-bg"],t=Math.max(document.body.offsetHeight,document.body.offsetWidth)/36*2,s=1/t;e&&(e.style.height=36*t+"px",e.style.width=36*t+"px",e.style.top=-36*t/2+36+"px",e.style.left=-36*t/2+36+"px",e.style.transform="scale("+s+")")},initResizeListener:function(){window.addEventListener("resize",this.calcLoginBtnGrowSize)}}},r=(0,s(810).Z)(o,i,[],!1,null,null,null);r.options.__file="src/components/nextButton.vue";var l=r.exports}}]);