Backup_Repos/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash synced 2025-12-30 04:03:53 +01:00
Code Issues Projects Releases Wiki Activity

fix (share): UX for shared link

Browse source
This commit is contained in:
MickaelK 2024-11-12 16:00:17 +11:00
parent 0245a32900
commit 25faf898c1
2 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/assets/pages/filespage/modal_share.css
View file

@ -39,6 +39,10 @@
text-shadow: 0px 0px 1px var(--color);
background: var(--bg-color);
background-position: center;
line-height: 1rem;
align-items: center;
justify-content: center;
display: flex;
}
.dark-mode .component_share .share--content.link-type > div {
background: var(--color);
@ -75,6 +79,9 @@
padding-bottom: 5px;
}
.component_share .share--content.existing-links .link-details .role {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-right: 5px;
padding-right: 5px;
font-size: 0.8em;

14
public/assets/pages/filespage/modal_share.js
View file

@ -86,7 +86,6 @@ export default function(render, { path }) {
url: `api/share/${id}`,
}).toPromise();
;
// if (state.links === null) assert.fail("ttest");
assert.truthy(state.links).push({
...body,
path: body.path.substring(currentPath().length - 1),
@ -103,11 +102,18 @@ export default function(render, { path }) {
},
all: async() => {
const { responseJSON } = await ajax({
url: `api/share?path=` + currentPath(),
url: `api/share?path=` + encodeURIComponent(path),
method: "GET",
responseType: "json",
}).toPromise();
state.links = responseJSON.results;
const currentFolder = path.replace(new RegExp("/$"), "").split("/").pop();
const sharedLinkIsFolder = new RegExp("/$").test(path);
state.links = responseJSON.results.map((obj) => {
obj.path = sharedLinkIsFolder ?
`./${currentFolder}${obj.path}` :
`./${currentFolder}`;
return obj;
});
return responseJSON.results;
},
});
@ -144,7 +150,7 @@ async function ctrlExistingShare(render, { load, remove, all, formLinks }) {
const $share = createElement(`
<div class="link-details no-select">
<div class="copy role">${t(shareObjToRole(shareObj))}</div>
<div class="copy path">.${shareObj.path}</div>
<div class="copy path" title="${shareObj.path}">${shareObj.path}</div>
<div class="link-details--icons">
<img class="component_icon" draggable="false" src="${IMAGE.DELETE}" alt="delete">
<img class="component_icon" draggable="false" src="${IMAGE.EDIT}" alt="edit">