1
2
|
"use strict";(self.webpackChunktext=self.webpackChunktext||[]).push([["editor-collab"],{63758:(n,t,a)=>{a.d(t,{Z:()=>i});var e=a(87537),o=a.n(e),r=a(23645),s=a.n(r)()(o());s.push([n.id,".avatar-list[data-v-9dc4ac6e]{border:none;background-color:var(--color-main-background);padding:0;margin:0;padding-left:6px;display:inline-flex;flex-direction:row-reverse}.avatar-list[data-v-9dc4ac6e]:focus{background-color:#eee}.avatar-list .avatar-wrapper[data-v-9dc4ac6e]{margin:0 -8px 0 0;height:44px;width:44px}.avatar-list .icon-more[data-v-9dc4ac6e],.avatar-list .icon-group[data-v-9dc4ac6e],.avatar-list .icon-settings-dark[data-v-9dc4ac6e]{background-color:var(--color-background-dark);width:44px;height:44px;margin:0 6px 0 0}.avatar-wrapper[data-v-9dc4ac6e]{z-index:1;border-radius:50%;overflow:hidden;box-sizing:content-box !important}.session-menu[data-v-9dc4ac6e]{max-width:280px;padding-top:6px;padding-bottom:6px}.session-menu ul li[data-v-9dc4ac6e]{align-items:center;display:flex;padding:6px}.session-menu ul li .avatar-wrapper[data-v-9dc4ac6e]{height:32px;width:32px;margin-right:6px}label[data-v-9dc4ac6e]{display:block;margin:8px}.hint[data-v-9dc4ac6e]{margin:8px;color:var(--color-text-maxcontrast)}","",{version:3,sources:["webpack://./src/components/SessionList.vue"],names:[],mappings:"AAyJA,8BACC,WAAA,CACA,6CAAA,CACA,SAAA,CACA,QAAA,CACA,gBAAA,CACA,mBAAA,CACA,0BAAA,CAEA,oCACC,qBAAA,CAGD,8CACC,iBAAA,CACA,WAAA,CACA,UAAA,CAGD,qIACC,6CAAA,CACA,UAAA,CACA,WAAA,CACA,gBAAA,CAIF,iCACC,SAAA,CACA,iBAAA,CACA,eAAA,CACA,iCAAA,CAGD,+BACC,eAAA,CACA,eAAA,CACA,kBAAA,CAEA,qCACC,kBAAA,CACA,YAAA,CACA,WAAA,CAEA,qDACC,WAAA,CACA,UAAA,CACA,gBAAA,CAKH,uBACC,aAAA,CACA,UAAA,CAGD,uBACC,UAAA,CACA,mCAAA",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.avatar-list {\n\tborder: none;\n\tbackground-color: var(--color-main-background);\n\tpadding: 0;\n\tmargin: 0;\n\tpadding-left: 6px;\n\tdisplay: inline-flex;\n\tflex-direction: row-reverse;\n\n\t&:focus {\n\t\tbackground-color: #eee;\n\t}\n\n\t.avatar-wrapper {\n\t\tmargin: 0 -8px 0 0;\n\t\theight: 44px;\n\t\twidth: 44px;\n\t}\n\n\t.icon-more, .icon-group, .icon-settings-dark {\n\t\tbackground-color: var(--color-background-dark);\n\t\twidth: 44px;\n\t\theight: 44px;\n\t\tmargin: 0 6px 0 0;\n\t}\n}\n\n.avatar-wrapper {\n\tz-index: 1;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\tbox-sizing: content-box !important;\n}\n\n.session-menu {\n\tmax-width: 280px;\n\tpadding-top: 6px;\n\tpadding-bottom: 6px;\n\n\tul li {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tpadding: 6px;\n\n\t\t.avatar-wrapper {\n\t\t\theight: 32px;\n\t\t\twidth: 32px;\n\t\t\tmargin-right: 6px;\n\t\t}\n\t}\n}\n\nlabel {\n\tdisplay: block;\n\tmargin: 8px;\n}\n\n.hint {\n\tmargin: 8px;\n\tcolor: var(--color-text-maxcontrast);\n}\n"],sourceRoot:""}]);const i=s},58712:(n,t,a)=>{a.r(t),a.d(t,{default:()=>_});var e=a(28017),o=a.n(e),r=a(27028),s=a.n(r),i=a(15168),A=a.n(i),c=a(13815);const l={name:"SessionList",components:{Avatar:o(),Popover:s()},directives:{tooltip:A()},mixins:[c.Z],props:{sessions:{type:Object,default:function(){return{}}}},data:function(){return{myName:""}},computed:{showAuthorAnnotations:{get:function(){return this.$store.state.showAuthorAnnotations},set:function(n){this.$store.dispatch("setShowAuthorAnnotations",n)}},participantsPopover:function(){return this.currentSession.guestName?this.participantsWithoutCurrent:this.participants},participantsWithoutCurrent:function(){return this.participants.filter((function(n){return!n.isCurrent}))},participants:function(){return Object.values(this.sessions).filter((function(n){return n.lastContact>Date.now()/1e3-90&&(null!==n.userId||null!==n.guestName)})).sort((function(n,t){return n.lastContact<t.lastContact}))},currentSession:function(){return Object.values(this.sessions).find((function(n){return n.isCurrent}))},sessionStyle:function(){return function(n){return{"border-color":n.color,"background-color":n.color+" !important"}}},avatarStyle:function(){return function(n){return{opacity:n.lastContact>Date.now()/1e3-60?1:.5}}},sessionsVisible:function(){return this.participantsWithoutCurrent.slice(0,3)}}};var u=a(93379),d=a.n(u),p=a(7795),C=a.n(p),h=a(90569),v=a.n(h),g=a(3565),m=a.n(g),x=a(19216),f=a.n(x),b=a(44589),w=a.n(b),y=a(63758),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=v().bind(null,"head"),k.domAPI=C(),k.insertStyleElement=f();d()(y.Z,k);y.Z&&y.Z.locals&&y.Z.locals;const _=(0,a(51900).Z)(l,(function(){var n=this,t=n.$createElement,a=n._self._c||t;return a("Popover",{staticClass:"session-list",attrs:{placement:"top"},scopedSlots:n._u([{key:"default",fn:function(){return[a("div",{staticClass:"session-menu"},[a("ul",[n._t("default"),n._v(" "),n._l(n.participantsPopover,(function(t){return a("li",{key:t.id,style:n.avatarStyle(t)},[a("div",{staticClass:"avatar-wrapper",style:n.sessionStyle(t)},[a("Avatar",{attrs:{user:t.userId?t.userId:t.guestName,"is-guest":null===t.userId,"disable-menu":!0,"show-user-status":!1,"disable-tooltip":!0,size:32}})],1),n._v("\n\t\t\t\t\t"+n._s(t.guestName?t.guestName:t.displayName)+"\n\t\t\t\t")])}))],2),n._v(" "),a("input",{directives:[{name:"model",rawName:"v-model",value:n.showAuthorAnnotations,expression:"showAuthorAnnotations"}],staticClass:"checkbox",attrs:{id:"toggle-color-annotations",type:"checkbox"},domProps:{checked:Array.isArray(n.showAuthorAnnotations)?n._i(n.showAuthorAnnotations,null)>-1:n.showAuthorAnnotations},on:{change:function(t){var a=n.showAuthorAnnotations,e=t.target,o=!!e.checked;if(Array.isArray(a)){var r=n._i(a,null);e.checked?r<0&&(n.showAuthorAnnotations=a.concat([null])):r>-1&&(n.showAuthorAnnotations=a.slice(0,r).concat(a.slice(r+1)))}else n.showAuthorAnnotations=o}}}),n._v(" "),a("label",{attrs:{for:"toggle-color-annotations"}},[n._v(n._s(n.t("text","Show author colors")))]),n._v(" "),a("p",{staticClass:"hint"},[n._v("\n\t\t\t\t"+n._s(n.t("text","Author colors are only shown until everyone has closed the document."))+"\n\t\t\t")])])]},proxy:!0}],null,!0)},[a("button",{directives:[{name:"tooltip",rawName:"v-tooltip.bottom",value:n.t("text","Participants"),expression:"t('text', 'Participants')",modifiers:{bottom:!0}}],staticClass:"avatar-list",attrs:{slot:"trigger"},slot:"trigger"},[a("div",{staticClass:"avatardiv icon-group"}),n._v(" "),n._l(n.sessionsVisible,(function(t){return a("div",{key:t.id,staticClass:"avatar-wrapper",style:n.sessionStyle(t)},[a("Avatar",{style:n.avatarStyle(t),attrs:{user:t.userId?t.userId:t.guestName,"is-guest":null===t.userId,"disable-menu":!0,"show-user-status":!1,"disable-tooltip":!0,size:44}})],1)}))],2)])}),[],!1,null,"9dc4ac6e",null).exports}}]);
//# sourceMappingURL=editor-collab.js.map?v=ff5b08537220fe7ca086
|