| 12 |
- (window.webpackJsonpUserStatus=window.webpackJsonpUserStatus||[]).push([[2],{448:function(t,e,s){var a=s(460);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);(0,s(269).default)("174642e6",a,!0,{})},449:function(t,e,s){var a=s(462);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);(0,s(269).default)("9bd18a2a",a,!0,{})},450:function(t,e,s){var a=s(464);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);(0,s(269).default)("519340d9",a,!0,{})},451:function(t,e,s){var a=s(475);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);(0,s(269).default)("69246a14",a,!0,{})},452:function(t,e,s){var a=s(477);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);(0,s(269).default)("dc08a05e",a,!0,{})},453:function(t,e,s){var a=s(479);"string"==typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);(0,s(269).default)("0af50798",a,!0,{})},459:function(t,e,s){"use strict";var a=s(448);s.n(a).a},460:function(t,e,s){(e=s(268)(!1)).push([t.i,".predefined-status[data-v-2af0cabf]{display:flex;flex-wrap:nowrap;justify-content:flex-start;flex-basis:100%;border-radius:var(--border-radius);align-items:center;min-height:44px}.predefined-status[data-v-2af0cabf]:hover,.predefined-status[data-v-2af0cabf]:focus{background-color:var(--color-background-hover)}.predefined-status__icon[data-v-2af0cabf]{flex-basis:40px;text-align:center}.predefined-status__message[data-v-2af0cabf]{font-weight:bold;padding:0 6px}.predefined-status__clear-at[data-v-2af0cabf]{opacity:.7}.predefined-status__clear-at[data-v-2af0cabf]::before{content:' - '}\n",""]),t.exports=e},461:function(t,e,s){"use strict";var a=s(449);s.n(a).a},462:function(t,e,s){(e=s(268)(!1)).push([t.i,".predefined-statuses-list[data-v-3b99f880]{display:flex;flex-direction:column;margin-bottom:10px}\n",""]),t.exports=e},463:function(t,e,s){"use strict";var a=s(450);s.n(a).a},464:function(t,e,s){(e=s(268)(!1)).push([t.i,".custom-input__form[data-v-38e098a9]{flex-grow:1}.custom-input__form input[data-v-38e098a9]{width:100%;border-radius:0 var(--border-radius) var(--border-radius) 0}\n",""]),t.exports=e},474:function(t,e,s){"use strict";var a=s(451);s.n(a).a},475:function(t,e,s){(e=s(268)(!1)).push([t.i,".clear-at-select[data-v-44cd4ace]{display:flex;margin-bottom:10px;align-items:center}.clear-at-select__label[data-v-44cd4ace]{margin-right:10px}.clear-at-select .multiselect[data-v-44cd4ace]{flex-grow:1}\n",""]),t.exports=e},476:function(t,e,s){"use strict";var a=s(452);s.n(a).a},477:function(t,e,s){(e=s(268)(!1)).push([t.i,".user-status-online-select__input[data-v-d5c541dc]{position:absolute;top:auto;left:-10000px;overflow:hidden;width:1px;height:1px}.user-status-online-select__label[data-v-d5c541dc]{display:block;margin:8px;padding:8px;padding-left:40px;border:2px solid var(--color-main-background);border-radius:var(--border-radius-large);background-color:var(--color-background-hover);background-position:8px center;background-size:24px}.user-status-online-select__label span[data-v-d5c541dc],.user-status-online-select__label[data-v-d5c541dc]{cursor:pointer}.user-status-online-select__input:checked+.user-status-online-select__label[data-v-d5c541dc],.user-status-online-select__input:focus+.user-status-online-select__label[data-v-d5c541dc],.user-status-online-select__label[data-v-d5c541dc]:hover{border-color:var(--color-primary)}.user-status-online-select__subline[data-v-d5c541dc]{display:block;color:var(--color-text-lighter)}\n",""]),t.exports=e},478:function(t,e,s){"use strict";var a=s(453);s.n(a).a},479:function(t,e,s){(e=s(268)(!1)).push([t.i,".set-status-modal[data-v-5b6a92a6]{min-width:500px;min-height:200px;padding:8px 20px 20px 20px;max-height:70vh;overflow:auto}.set-status-modal__header[data-v-5b6a92a6]{text-align:center;font-weight:bold}.set-status-modal__online-status[data-v-5b6a92a6]{display:grid;margin-bottom:40px;grid-template-columns:1fr 1fr}.set-status-modal__custom-input[data-v-5b6a92a6]{display:flex;width:100%;margin-bottom:10px}.set-status-modal__custom-input .custom-input__emoji-button[data-v-5b6a92a6]{flex-basis:40px;flex-grow:0;width:40px;height:34px;margin-right:0;border-right:none;border-radius:var(--border-radius) 0 0 var(--border-radius)}.set-status-modal .status-buttons[data-v-5b6a92a6]{display:flex}.set-status-modal .status-buttons button[data-v-5b6a92a6]{flex-basis:50%}\n",""]),t.exports=e},480:function(t,e,s){"use strict";s.r(e);var a=s(389),n=s(454),r=s.n(n),i=s(457),u=s.n(i),l=s(251),c=s(388),o=s(86),d=s.n(o),p=s(390),f=function(t){if(null===t)return Object(l.translate)("user_status","Don't clear");if("end-of"===t.type)switch(t.time){case"day":return Object(l.translate)("user_status","Today");case"week":return Object(l.translate)("user_status","This week");default:return null}if("period"===t.type)return d.a.duration(1e3*t.time).humanize();if("_time"===t.type){var e=d()(Object(p.a)()),s=d()(t.time,"X");return d.a.duration(e.diff(s)).humanize()}return null},b={name:"PredefinedStatus",filters:{clearAtFilter:f},props:{messageId:{type:String,required:!0},icon:{type:String,required:!0},message:{type:String,required:!0},clearAt:{type:Object,required:!1,default:null}},methods:{select:function(){this.$emit("select")}}},m=(s(459),s(89)),_=Object(m.a)(b,(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"predefined-status",attrs:{"tabindex":"0"},on:{"keyup":[function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.select(e)},function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"space",32,e.key,[" ","Spacebar"])?null:t.select(e)}],"click":t.select}},[s("span",{staticClass:"predefined-status__icon"},[t._v("\n\t\t"+t._s(t.icon)+"\n\t")]),t._v(" "),s("span",{staticClass:"predefined-status__message"},[t._v("\n\t\t"+t._s(t.message)+"\n\t")]),t._v(" "),s("span",{staticClass:"predefined-status__clear-at"},[t._v("\n\t\t"+t._s(t._f("clearAtFilter")(t.clearAt))+"\n\t")])])}),[],!1,null,"2af0cabf",null).exports,v=s(247);function h(t,e){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),s.push.apply(s,a)}return s}function g(t){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{};e%2?h(Object(s),!0).forEach((function(e){y(t,e,s[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):h(Object(s)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(s,e))}))}return t}function y(t,e,s){return e in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}var x={name:"PredefinedStatusesList",components:{PredefinedStatus:_},computed:g(g({},Object(v.b)({predefinedStatuses:function(t){return t.predefinedStatuses.predefinedStatuses}})),{},{hasLoaded:function(){return this.predefinedStatuses.length>0}}),mounted:function(){this.$store.dispatch("loadAllPredefinedStatuses")},methods:{selectStatus:function(t){this.$emit("selectStatus",t)}}},S=(s(461),Object(m.a)(x,(function(){var t=this,e=t.$createElement,s=t._self._c||e;return t.hasLoaded?s("div",{staticClass:"predefined-statuses-list"},t._l(t.predefinedStatuses,(function(e){return s("PredefinedStatus",{key:e.id,attrs:{"message-id":e.id,"icon":e.icon,"message":e.message,"clear-at":e.clearAt},on:{"select":function(s){return t.selectStatus(e)}}})})),1):s("div",{staticClass:"predefined-statuses-list"},[s("div",{staticClass:"icon icon-loading-small"})])}),[],!1,null,"3b99f880",null).exports),O={name:"CustomMessageInput",props:{message:{type:String,required:!0,default:function(){return""}},disabled:{type:Boolean,default:!1}},methods:{focus:function(){this.$refs.input.focus()},change:function(t){this.$emit("change",t.target.value)},submit:function(t){this.$emit("submit",t.target.value)}}},k=(s(463),Object(m.a)(O,(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("form",{staticClass:"custom-input__form",on:{"submit":function(t){t.preventDefault()}}},[s("input",{ref:"input",attrs:{"maxlength":"80","disabled":t.disabled,"placeholder":t.$t("user_status","What's your status?"),"type":"text"},domProps:{"value":t.message},on:{"change":t.change,"keyup":[t.change,function(e){return!e.type.indexOf("key")&&t._k(e.keyCode,"enter",13,e.key,"Enter")?null:t.submit(e)}],"paste":t.change}})])}),[],!1,null,"38e098a9",null).exports),j=s(465),w={name:"ClearAtSelect",components:{Multiselect:s.n(j).a},props:{clearAt:{type:Object,default:null}},data:function(){return{options:[{label:Object(l.translate)("user_status","Don't clear"),clearAt:null},{label:Object(l.translate)("user_status","30 minutes"),clearAt:{type:"period",time:1800}},{label:Object(l.translate)("user_status","1 hour"),clearAt:{type:"period",time:3600}},{label:Object(l.translate)("user_status","4 hours"),clearAt:{type:"period",time:14400}},{label:Object(l.translate)("user_status","Today"),clearAt:{type:"end-of",time:"day"}},{label:Object(l.translate)("user_status","This week"),clearAt:{type:"end-of",time:"week"}}]}},computed:{option:function(){return{clearAt:this.clearAt,label:f(this.clearAt)}}},methods:{select:function(t){t&&this.$emit("selectClearAt",t.clearAt)}}},C=(s(474),Object(m.a)(w,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"clear-at-select"},[e("span",{staticClass:"clear-at-select__label"},[this._v("\n\t\t"+this._s(this.$t("user_status","Clear status message after"))+"\n\t")]),this._v(" "),e("Multiselect",{attrs:{"label":"label","value":this.option,"options":this.options,"open-direction":"top"},on:{"select":this.select}})],1)}),[],!1,null,"44cd4ace",null).exports),A={name:"OnlineStatusSelect",props:{checked:{type:Boolean,default:!1},icon:{type:String,required:!0},type:{type:String,required:!0},label:{type:String,required:!0},subline:{type:String,default:null}},computed:{id:function(){return"user-status-online-status-".concat(this.type)}},methods:{onChange:function(){this.$emit("select",this.type)}}},$=(s(476),Object(m.a)(A,(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"user-status-online-select"},[s("input",{staticClass:"user-status-online-select__input",attrs:{"id":t.id,"type":"radio","name":"user-status-online"},domProps:{"checked":t.checked},on:{"change":t.onChange}}),t._v(" "),s("label",{staticClass:"user-status-online-select__label",class:t.icon,attrs:{"for":t.id}},[t._v("\n\t\t"+t._s(t.label)+"\n\t\t"),s("em",{staticClass:"user-status-online-select__subline"},[t._v(t._s(t.subline))])])])}),[],!1,null,"d5c541dc",null).exports);function P(t,e,s,a,n,r,i){try{var u=t[r](i),l=u.value}catch(t){return void s(t)}u.done?e(l):Promise.resolve(l).then(a,n)}function M(t){return function(){var e=this,s=arguments;return new Promise((function(a,n){var r=t.apply(e,s);function i(t){P(r,a,n,i,u,"next",t)}function u(t){P(r,a,n,i,u,"throw",t)}i(void 0)}))}}var I={name:"SetStatusModal",components:{ClearAtSelect:C,CustomMessageInput:k,EmojiPicker:r.a,Modal:u.a,OnlineStatusSelect:$,PredefinedStatusesList:S},mixins:[c.a],data:function(){return{clearAt:null,icon:null,message:"",isSavingStatus:!1,statuses:[{type:"online",label:Object(l.translate)("user_status","Online"),icon:"icon-user-status-online"},{type:"away",label:Object(l.translate)("user_status","Away"),icon:"icon-user-status-away"},{type:"dnd",label:Object(l.translate)("user_status","Do not disturb"),subline:Object(l.translate)("user_status","Mute all notifications"),icon:"icon-user-status-dnd"},{type:"invisible",label:Object(l.translate)("user_status","Invisible"),subline:Object(l.translate)("user_status","Appear offline"),icon:"icon-user-status-invisible"}]}},computed:{visibleIcon:function(){return this.icon||"😀"}},mounted:function(){this.messageId=this.$store.state.userStatus.messageId,this.icon=this.$store.state.userStatus.icon,this.message=this.$store.state.userStatus.message||"",null!==this.$store.state.userStatus.clearAt&&(this.clearAt={type:"_time",time:this.$store.state.userStatus.clearAt})},methods:{closeModal:function(){this.$emit("close")},setIcon:function(t){var e=this;this.messageId=null,this.icon=t,this.$nextTick((function(){e.$refs.customMessageInput.focus()}))},setMessage:function(t){this.messageId=null,this.message=t},setClearAt:function(t){this.clearAt=t},selectPredefinedMessage:function(t){this.messageId=t.id,this.clearAt=t.clearAt,this.icon=t.icon,this.message=t.message},saveStatus:function(){var t=this;return M(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.isSavingStatus){e.next=2;break}return e.abrupt("return");case 2:if(e.prev=2,t.isSavingStatus=!0,null===t.messageId){e.next=9;break}return e.next=7,t.$store.dispatch("setPredefinedMessage",{messageId:t.messageId,clearAt:t.clearAt});case 7:e.next=11;break;case 9:return e.next=11,t.$store.dispatch("setCustomMessage",{message:t.message,icon:t.icon,clearAt:t.clearAt});case 11:e.next=19;break;case 13:return e.prev=13,e.t0=e.catch(2),Object(a.a)(t.$t("user_status","There was an error saving the status")),console.debug(e.t0),t.isSavingStatus=!1,e.abrupt("return");case 19:t.isSavingStatus=!1,t.closeModal();case 21:case"end":return e.stop()}}),e,null,[[2,13]])})))()},clearStatus:function(){var t=this;return M(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,t.isSavingStatus=!0,e.next=4,t.$store.dispatch("clearMessage");case 4:e.next=12;break;case 6:return e.prev=6,e.t0=e.catch(0),Object(a.a)(t.$t("user_status","There was an error clearing the status")),console.debug(e.t0),t.isSavingStatus=!1,e.abrupt("return");case 12:t.isSavingStatus=!1,t.closeModal();case 14:case"end":return e.stop()}}),e,null,[[0,6]])})))()}}},E=(s(478),Object(m.a)(I,(function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("Modal",{attrs:{"size":"normal","title":t.$t("user_status","Set status")},on:{"close":t.closeModal}},[s("div",{staticClass:"set-status-modal"},[s("div",{staticClass:"set-status-modal__header"},[s("h3",[t._v(t._s(t.$t("user_status","Online status")))])]),t._v(" "),s("div",{staticClass:"set-status-modal__online-status"},t._l(t.statuses,(function(e){return s("OnlineStatusSelect",t._b({key:e.type,attrs:{"checked":e.type===t.statusType},on:{"select":t.changeStatus}},"OnlineStatusSelect",e,!1))})),1),t._v(" "),s("div",{staticClass:"set-status-modal__header"},[s("h3",[t._v(t._s(t.$t("user_status","Status message")))])]),t._v(" "),s("div",{staticClass:"set-status-modal__custom-input"},[s("EmojiPicker",{on:{"select":t.setIcon}},[s("button",{staticClass:"custom-input__emoji-button"},[t._v("\n\t\t\t\t\t"+t._s(t.visibleIcon)+"\n\t\t\t\t")])]),t._v(" "),s("CustomMessageInput",{ref:"customMessageInput",attrs:{"message":t.message},on:{"change":t.setMessage,"submit":t.saveStatus}})],1),t._v(" "),s("PredefinedStatusesList",{on:{"selectStatus":t.selectPredefinedMessage}}),t._v(" "),s("ClearAtSelect",{attrs:{"clear-at":t.clearAt},on:{"selectClearAt":t.setClearAt}}),t._v(" "),s("div",{staticClass:"status-buttons"},[s("button",{staticClass:"status-buttons__select",attrs:{"disabled":t.isSavingStatus},on:{"click":t.clearStatus}},[t._v("\n\t\t\t\t"+t._s(t.$t("user_status","Clear status message"))+"\n\t\t\t")]),t._v(" "),s("button",{staticClass:"status-buttons__primary primary",attrs:{"disabled":t.isSavingStatus},on:{"click":t.saveStatus}},[t._v("\n\t\t\t\t"+t._s(t.$t("user_status","Set status message"))+"\n\t\t\t")])])],1)])}),[],!1,null,"5b6a92a6",null));e.default=E.exports}}]);
- //# sourceMappingURL=user-status-modal.js.map?v=905f6bc02df81151f4be
|
