Merge pull request #57054 from nextcloud/fix/federated-vue

pull/57495/head
Benjamin Gaussorgues 2 weeks ago committed by GitHub
commit 89166cbf9a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 8
      apps/federatedfilesharing/src/components/PersonalSettings.vue
  2. 1
      dist/federatedfilesharing-federatedfilesharing-settings-personal-B56uUkOQ.chunk.css
  3. 1
      dist/federatedfilesharing-federatedfilesharing-settings-personal-BHJOs-_N.chunk.css
  4. 2
      dist/federatedfilesharing-settings-personal.css
  5. 4
      dist/federatedfilesharing-settings-personal.mjs
  6. 2
      dist/federatedfilesharing-settings-personal.mjs.map

@ -134,11 +134,11 @@ async function copyCloudId(): Promise<void> {
</a>
</p>
<p>
{{ t('federatedfilesharing', 'HTML Code:') }}
<div>
<p>{{ t('federatedfilesharing', 'HTML Code:') }}</p>
<br>
<pre>{{ htmlCode }}</pre>
</p>
<pre><code>{{ htmlCode }}</code></pre>
</div>
</template>
</NcSettingsSection>
</template>

@ -1 +0,0 @@
.social-button[data-v-0b473172]{margin-top:.5rem}.social-button button[data-v-0b473172],.social-button a[data-v-0b473172]{display:inline-flex;margin-inline-start:.5rem;margin-top:1rem}.social-button__website-button[data-v-0b473172]{width:min(100%,400px)!important}.social-button__icon[data-v-0b473172]{height:20px;width:20px;filter:var(--background-invert-if-dark)}.social-button__icon--bright[data-v-0b473172]{filter:var(--background-invert-if-bright)}.federated-cloud__cloud-id[data-v-0b473172]{max-width:300px}pre[data-v-0b473172]{margin-top:0;white-space:pre-wrap}

@ -0,0 +1 @@
.social-button[data-v-29d7360e]{margin-top:.5rem}.social-button button[data-v-29d7360e],.social-button a[data-v-29d7360e]{display:inline-flex;margin-inline-start:.5rem;margin-top:1rem}.social-button__website-button[data-v-29d7360e]{width:min(100%,400px)!important}.social-button__icon[data-v-29d7360e]{height:20px;width:20px;filter:var(--background-invert-if-dark)}.social-button__icon--bright[data-v-29d7360e]{filter:var(--background-invert-if-bright)}.federated-cloud__cloud-id[data-v-29d7360e]{max-width:300px}pre[data-v-29d7360e]{margin-top:0;white-space:pre-wrap}

@ -1,5 +1,5 @@
/* extracted by css-entry-points-plugin */
@import './federatedfilesharing-federatedfilesharing-settings-personal-B56uUkOQ.chunk.css';
@import './federatedfilesharing-federatedfilesharing-settings-personal-BHJOs-_N.chunk.css';
@import './NcNoteCard-CVhtNL04-DopLwvn9.chunk.css';
@import './PencilOutline-BYHcrfvW.chunk.css';
@import './index-JpgrUA2Z-PxDoi4mB.chunk.css';

@ -1,4 +1,4 @@
import{E as d,o,H as i,F as I,f as l,z as S,j,l as f,t as a,q as N,s as w,c as _,w as r,b as h,y as e,e as s,M as q,X as E,h as J}from"./mdi-B9XVyi7B.chunk.mjs";import{d as z}from"./index-JpgrUA2Z-ClfXhQGo.chunk.mjs";import{_ as M,i as x}from"./_plugin-vue_export-helper-CDPKodk-.chunk.mjs";import{b}from"./NcNoteCard-CVhtNL04-BSciYEDO.chunk.mjs";import{N as W}from"./NcInputField-Bwsh2aHY-kbXSi5f0.chunk.mjs";import{I as X,N as G}from"./ContentCopy-CFmC6HSf.chunk.mjs";import"./modulepreload-polyfill-BxzAKjcf.chunk.mjs";import"./PencilOutline-BWbwYeLs.chunk.mjs";const K={name:"CheckIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},Q=["aria-hidden","aria-label"],V=["fill","width","height"],ee={d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"},ae={key:0};function te(c,n,t,k,p,y){return o(),d("span",S(c.$attrs,{"aria-hidden":t.title?null:"true","aria-label":t.title,class:"material-design-icon check-icon",role:"img",onClick:n[0]||(n[0]=g=>c.$emit("click",g))}),[(o(),d("svg",{fill:t.fillColor,class:"material-design-icon__svg",width:t.size,height:t.size,viewBox:"0 0 24 24"},[i("path",ee,[t.title?(o(),d("title",ae,l(t.title),1)):I("",!0)])],8,V))],16,Q)}const ie=M(K,[["render",te]]),re={name:"WebIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},le=["aria-hidden","aria-label"],oe=["fill","width","height"],ne={d:"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"},se={key:0};function de(c,n,t,k,p,y){return o(),d("span",S(c.$attrs,{"aria-hidden":t.title?null:"true","aria-label":t.title,class:"material-design-icon web-icon",role:"img",onClick:n[0]||(n[0]=g=>c.$emit("click",g))}),[(o(),d("svg",{fill:t.fillColor,class:"material-design-icon__svg",width:t.size,height:t.size,viewBox:"0 0 24 24"},[i("path",ne,[t.title?(o(),d("title",se,l(t.title),1)):I("",!0)])],8,oe))],16,le)}const ce=M(re,[["render",de]]),ue={class:"social-button"},fe=["src"],he=["src"],pe=["src"],ge={style:{margin:"10px 0"}},me=["href"],Ce=j({__name:"PersonalSettings",setup(c){const n=window.OC.theme.productName,t=f("federatedfilesharing","color"),k=f("federatedfilesharing","textColor"),p=f("federatedfilesharing","cloudId"),y=f("federatedfilesharing","docUrlFederated"),g=f("federatedfilesharing","logoPath"),m=f("federatedfilesharing","reference"),F=x("core","facebook"),L=x("core","mastodon"),D=x("core","bluesky"),U=a("federatedfilesharing","Share with me through my #Nextcloud Federated Cloud ID, see {url}",{url:m}),R=a("federatedfilesharing","Share with me through my #Nextcloud Federated Cloud ID"),A=`https://mastodon.social/?text=${encodeURIComponent(R)}&url=${encodeURIComponent(m)}`,B=`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(m)}`,T=`https://bsky.app/intent/compose?text=${encodeURIComponent(U)}`,O=new URL(g,location.origin),v=N(!1),C=N(!1),$=w(()=>`
import{E as s,o,H as i,F as I,f as l,z as S,j,l as u,t as a,q as N,s as w,c as _,w as r,b as f,y as e,e as h,M as q,X as E,h as J}from"./mdi-B9XVyi7B.chunk.mjs";import{d as z}from"./index-JpgrUA2Z-ClfXhQGo.chunk.mjs";import{_ as M,i as x}from"./_plugin-vue_export-helper-CDPKodk-.chunk.mjs";import{b}from"./NcNoteCard-CVhtNL04-BSciYEDO.chunk.mjs";import{N as W}from"./NcInputField-Bwsh2aHY-kbXSi5f0.chunk.mjs";import{I as X,N as G}from"./ContentCopy-CFmC6HSf.chunk.mjs";import"./modulepreload-polyfill-BxzAKjcf.chunk.mjs";import"./PencilOutline-BWbwYeLs.chunk.mjs";const K={name:"CheckIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},Q=["aria-hidden","aria-label"],V=["fill","width","height"],ee={d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"},ae={key:0};function te(d,n,t,k,p,y){return o(),s("span",S(d.$attrs,{"aria-hidden":t.title?null:"true","aria-label":t.title,class:"material-design-icon check-icon",role:"img",onClick:n[0]||(n[0]=g=>d.$emit("click",g))}),[(o(),s("svg",{fill:t.fillColor,class:"material-design-icon__svg",width:t.size,height:t.size,viewBox:"0 0 24 24"},[i("path",ee,[t.title?(o(),s("title",ae,l(t.title),1)):I("",!0)])],8,V))],16,Q)}const ie=M(K,[["render",te]]),re={name:"WebIcon",emits:["click"],props:{title:{type:String},fillColor:{type:String,default:"currentColor"},size:{type:Number,default:24}}},le=["aria-hidden","aria-label"],oe=["fill","width","height"],ne={d:"M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"},se={key:0};function de(d,n,t,k,p,y){return o(),s("span",S(d.$attrs,{"aria-hidden":t.title?null:"true","aria-label":t.title,class:"material-design-icon web-icon",role:"img",onClick:n[0]||(n[0]=g=>d.$emit("click",g))}),[(o(),s("svg",{fill:t.fillColor,class:"material-design-icon__svg",width:t.size,height:t.size,viewBox:"0 0 24 24"},[i("path",ne,[t.title?(o(),s("title",se,l(t.title),1)):I("",!0)])],8,oe))],16,le)}const ce=M(re,[["render",de]]),ue={class:"social-button"},fe=["src"],he=["src"],pe=["src"],ge={style:{margin:"10px 0"}},me=["href"],Ce=j({__name:"PersonalSettings",setup(d){const n=window.OC.theme.productName,t=u("federatedfilesharing","color"),k=u("federatedfilesharing","textColor"),p=u("federatedfilesharing","cloudId"),y=u("federatedfilesharing","docUrlFederated"),g=u("federatedfilesharing","logoPath"),m=u("federatedfilesharing","reference"),F=x("core","facebook"),L=x("core","mastodon"),D=x("core","bluesky"),U=a("federatedfilesharing","Share with me through my #Nextcloud Federated Cloud ID, see {url}",{url:m}),R=a("federatedfilesharing","Share with me through my #Nextcloud Federated Cloud ID"),A=`https://mastodon.social/?text=${encodeURIComponent(R)}&url=${encodeURIComponent(m)}`,B=`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(m)}`,T=`https://bsky.app/intent/compose?text=${encodeURIComponent(U)}`,O=new URL(g,location.origin),v=N(!1),C=N(!1),$=w(()=>`
padding:10px;
background-color:${t};
color:${k};
@ -6,5 +6,5 @@ import{E as d,o,H as i,F as I,f as l,z as S,j,l as f,t as a,q as N,s as w,c as _
padding-inline-start:4px;`),H=`background-image:url(${O});width:50px;height:30px;position:relative;top:8px;background-size:contain;display:inline-block;background-repeat:no-repeat; background-position: center center;`,P=w(()=>`<a target="_blank" rel="noreferrer noopener" href="${m}" style="${$.value}">
<span style="${H}"></span>
${a("federatedfilesharing","Share with me via Nextcloud")}
</a>`),Y=w(()=>C.value?a("federatedfilesharing","Cloud ID copied"):a("federatedfilesharing","Copy"));async function Z(){try{await navigator.clipboard.writeText(p),z(a("federatedfilesharing","Cloud ID copied"))}catch{window.prompt(a("federatedfilesharing","Clipboard not available. Please copy the cloud ID manually."),p)}C.value=!0,z(a("federatedfilesharing","Copied!")),setTimeout(()=>{C.value=!1},2e3)}return(ye,u)=>(o(),_(e(G),{name:e(a)("federatedfilesharing","Federated Cloud"),description:e(a)("federatedfilesharing","You can share with anyone who uses a {productName} server or other Open Cloud Mesh (OCM) compatible servers and services! Just put their Federated Cloud ID in the share dialog. It looks like person@cloud.example.com",{productName:e(n)}),"doc-url":e(y)},{default:r(()=>[h(e(W),{class:"federated-cloud__cloud-id",readonly:"",label:e(a)("federatedfilesharing","Your Federated Cloud ID"),"model-value":e(p),success:C.value,"show-trailing-button":"","trailing-button-label":Y.value,onTrailingButtonClick:Z},{"trailing-button-icon":r(()=>[C.value?(o(),_(ie,{key:0,size:20,"fill-color":"var(--color-border-success)"})):(o(),_(X,{key:1,size:20}))]),_:1},8,["label","model-value","success","trailing-button-label"]),i("p",ue,[s(l(e(a)("federatedfilesharing","Share it so your friends can share files with you:")),1),u[1]||(u[1]=i("br",null,null,-1)),h(e(b),{href:T},{icon:r(()=>[i("img",{class:"social-button__icon",src:e(D)},null,8,fe)]),default:r(()=>[s(l(e(a)("federatedfilesharing","Bluesky"))+" ",1)]),_:1}),h(e(b),{href:B},{icon:r(()=>[i("img",{class:"social-button__icon social-button__icon--bright",src:e(F)},null,8,he)]),default:r(()=>[s(l(e(a)("federatedfilesharing","Facebook"))+" ",1)]),_:1}),h(e(b),{href:A},{icon:r(()=>[i("img",{class:"social-button__icon",src:e(L)},null,8,pe)]),default:r(()=>[s(l(e(a)("federatedfilesharing","Mastodon"))+" ",1)]),_:1}),h(e(b),{class:"social-button__website-button",onClick:u[0]||(u[0]=ve=>v.value=!v.value)},{icon:r(()=>[h(ce,{size:20})]),default:r(()=>[s(" "+l(e(a)("federatedfilesharing","Add to your website")),1)]),_:1})]),v.value?(o(),d(q,{key:0},[i("p",ge,[i("a",{target:"_blank",rel:"noreferrer noopener",href:e(m),style:E($.value)},[i("span",{style:H}),s(" "+l(e(a)("federatedfilesharing","Share with me via {productName}",{productName:e(n)})),1)],12,me)]),i("p",null,[s(l(e(a)("federatedfilesharing","HTML Code:"))+" ",1),u[2]||(u[2]=i("br",null,null,-1)),i("pre",null,l(P.value),1)])],64)):I("",!0)]),_:1},8,["name","description","doc-url"]))}}),be=M(Ce,[["__scopeId","data-v-0b473172"]]),ke=J(be);ke.mount("#vue-personal-federated");
</a>`),Y=w(()=>C.value?a("federatedfilesharing","Cloud ID copied"):a("federatedfilesharing","Copy"));async function Z(){try{await navigator.clipboard.writeText(p),z(a("federatedfilesharing","Cloud ID copied"))}catch{window.prompt(a("federatedfilesharing","Clipboard not available. Please copy the cloud ID manually."),p)}C.value=!0,z(a("federatedfilesharing","Copied!")),setTimeout(()=>{C.value=!1},2e3)}return(ye,c)=>(o(),_(e(G),{name:e(a)("federatedfilesharing","Federated Cloud"),description:e(a)("federatedfilesharing","You can share with anyone who uses a {productName} server or other Open Cloud Mesh (OCM) compatible servers and services! Just put their Federated Cloud ID in the share dialog. It looks like person@cloud.example.com",{productName:e(n)}),"doc-url":e(y)},{default:r(()=>[f(e(W),{class:"federated-cloud__cloud-id",readonly:"",label:e(a)("federatedfilesharing","Your Federated Cloud ID"),"model-value":e(p),success:C.value,"show-trailing-button":"","trailing-button-label":Y.value,onTrailingButtonClick:Z},{"trailing-button-icon":r(()=>[C.value?(o(),_(ie,{key:0,size:20,"fill-color":"var(--color-border-success)"})):(o(),_(X,{key:1,size:20}))]),_:1},8,["label","model-value","success","trailing-button-label"]),i("p",ue,[h(l(e(a)("federatedfilesharing","Share it so your friends can share files with you:")),1),c[1]||(c[1]=i("br",null,null,-1)),f(e(b),{href:T},{icon:r(()=>[i("img",{class:"social-button__icon",src:e(D)},null,8,fe)]),default:r(()=>[h(l(e(a)("federatedfilesharing","Bluesky"))+" ",1)]),_:1}),f(e(b),{href:B},{icon:r(()=>[i("img",{class:"social-button__icon social-button__icon--bright",src:e(F)},null,8,he)]),default:r(()=>[h(l(e(a)("federatedfilesharing","Facebook"))+" ",1)]),_:1}),f(e(b),{href:A},{icon:r(()=>[i("img",{class:"social-button__icon",src:e(L)},null,8,pe)]),default:r(()=>[h(l(e(a)("federatedfilesharing","Mastodon"))+" ",1)]),_:1}),f(e(b),{class:"social-button__website-button",onClick:c[0]||(c[0]=ve=>v.value=!v.value)},{icon:r(()=>[f(ce,{size:20})]),default:r(()=>[h(" "+l(e(a)("federatedfilesharing","Add to your website")),1)]),_:1})]),v.value?(o(),s(q,{key:0},[i("p",ge,[i("a",{target:"_blank",rel:"noreferrer noopener",href:e(m),style:E($.value)},[i("span",{style:H}),h(" "+l(e(a)("federatedfilesharing","Share with me via {productName}",{productName:e(n)})),1)],12,me)]),i("div",null,[i("p",null,l(e(a)("federatedfilesharing","HTML Code:")),1),c[2]||(c[2]=i("br",null,null,-1)),i("pre",null,[i("code",null,l(P.value),1)])])],64)):I("",!0)]),_:1},8,["name","description","doc-url"]))}}),be=M(Ce,[["__scopeId","data-v-29d7360e"]]),ke=J(be);ke.mount("#vue-personal-federated");
//# sourceMappingURL=federatedfilesharing-settings-personal.mjs.map

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save