RevelaNetwork/RevelaOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[✨] Files app QOL update

Browse source
This commit is contained in:
ThinLiquid 2023-12-07 13:48:27 +00:00 • committed by GitHub
parent 70d90d1594
commit be93aaf806
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/builtin/apps/files.ts
View file

@ -64,7 +64,7 @@ export default class FilesApp implements App {
const separator = dir === '/' ? '' : '/' const separator = dir === '/' ? '' : '/'
window.fs.stat(dir + separator + file, (e: NodeJS.ErrnoException, fileStat: Stats) => { window.fs.stat(dir + separator + file, (e: NodeJS.ErrnoException, fileStat: Stats) => {
const element = document.createElement('div') const element = document.createElement('div')
element.setAttribute('style', 'padding: 5px;border-bottom: 1px solid var(--text);display:flex;align-items:center;gap: 5px;') element.setAttribute('style', 'display: flex;gap: 5px;align-items:center;padding: 5px;border-bottom: 1px solid var(--text);display:flex;align-items:center;gap: 5px;')
const genIcon = (): string => { const genIcon = (): string => {
switch (file.split('.').at(-1)) { switch (file.split('.').at(-1)) {
@ -111,8 +111,19 @@ export default class FilesApp implements App {
} }
const icon = fileStat.isDirectory() ? '<span class="material-symbols-rounded">folder</span>' : genIcon() const icon = fileStat.isDirectory() ? '<span class="material-symbols-rounded">folder</span>' : genIcon()
element.innerHTML += `${icon} ${file}` element.innerHTML += `${icon} <span style="flex:1;">${file}</span><span class="material-symbols-rounded delete">delete_forever</span><span class="material-symbols-rounded rename">edit</span>`;
element.onclick = async () => { (element.querySelector('.rename') as HTMLElement).onclick = async () => {
const value = (prompt('Rename') as string)
if (value !== null || value !== undefined) {
await window.fs.promises.rename(dir + separator + file, dir + separator + value)
await setDir(dir)
}
}
(element.querySelector('.delete') as HTMLElement).onclick = async () => {
await window.fs.promises.unlink(dir + separator + file)
await setDir(dir)
}
element.ondblclick = async () => {
if (fileStat.isDirectory()) { if (fileStat.isDirectory()) {
await setDir(dir + separator + file) await setDir(dir + separator + file)
} else { } else {