-
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
93 lines (93 loc) · 4.58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="font-awesome/css/all.min.css"/>
<link rel="stylesheet" href="style.css"/>
<script src="js-gc/index.js" defer></script>
<script src="main_logic.js" defer></script>
<script src="font-awesome/js/all.min.js" defer></script>
<meta charset="utf-8"/>
</head>
<body>
<div data-tauri-drag-region class="titlebar">
<div class="titlebar-title">
<p>rdpFX</p>
</div>
<div class="titlebar-buttons" id="titlebar-maximize">
<div class="titlebar-button" id="titlebar-minimize">
<img
src="https://api.iconify.design/mdi:window-minimize.svg"
alt="minimize"
/>
</div>
<div class="titlebar-button" id="titlebar-maximize">
<img
src="https://api.iconify.design/mdi:window-maximize.svg"
alt="maximize"
/>
</div>
<div class="titlebar-button" id="titlebar-close">
<img src="https://api.iconify.design/mdi:close.svg" alt="close" />
</div>
</div>
</div>
<div class="header-nav">
<div style="display: flex; flex-flow: row; gap: 10px; align-items: center; width: 50%;">
<button class="go-back-button" onclick="goBack()"><i class="fa-solid fa-caret-left"></i> Back</button>
<p>|</p>
<button onclick="goHome()" class="header-nav-button"><i class="fa-solid fa-house"></i></button>
<button onclick="switchView()" class="header-nav-button switch-view-button"><i class="fa-solid fa-list"></i></button>
<button onclick="switchHiddenFiles()" class="header-nav-button switch-hidden-files-button"><i class="fa-solid fa-eye-slash"></i></button>
<button onclick="openSettings()" class="header-nav-button"><i class="fa-solid fa-gear"></i></button>
<p>|</p>
<h5 class="directory-entries-count"></h5>
</div>
<div style="width: 5%;"></div>
<div class="file-searchbar">
<input class="search-bar-input" type="text" placeholder="Searchinput"/>
<button class="search-button" onclick="searchFor()"><i class="fa-solid fa-magnifying-glass"></i></button>
<button class="cancel-search-button" onclick="cancelSearch()"><i class="fa-solid fa-xmark"></i></button>
</div>
</div>
<div style="display: flex; flex-flow: row; margin-top: 80px;">
<div class="site-nav-bar">
<button class="site-nav-bar-button" onclick="goToDir(0)"><i class="fa-solid fa-desktop"></i> Desktop</button>
<button class="site-nav-bar-button" onclick="goToDir(1)"><i class="fa-solid fa-download"></i> Downloads</button>
<button class="site-nav-bar-button" onclick="goToDir(2)"><i class="fa-solid fa-file"></i> Dokuments</button>
<button class="site-nav-bar-button" onclick="goToDir(3)"><i class="fa-solid fa-image"></i> Pictures</button>
<button class="site-nav-bar-button" onclick="goToDir(4)"><i class="fa-solid fa-video"></i> Videos</button>
<button class="site-nav-bar-button" onclick="goToDir(5)"><i class="fa-solid fa-music"></i> Music</button>
<button class="site-nav-bar-button" onclick="listDisks()"><i class="fa-solid fa-hard-drive"></i> Disks</button>
</div>
<div class="explorer-container"></div>
</div>
<div class="context-menu" style="display: none;">
<button class="context-item">New folder<i class="fa-solid fa-folder"></i></button>
<button class="context-item">Delete<i class="fa-solid fa-trash"></i></button>
<button class="context-item">Unpack<i class="fa-solid fa-box-open"></i></button>
<button class="context-item">Compress<i class="fa-solid fa-box"></i></button>
<button class="context-item">Copy<i class="fa-solid fa-copy"></i></button>
<button class="context-item" onclick="pasteItem()">Paste<i class="fa-solid fa-paste"></i></button>
<button class="context-item">New file<i class="fa-solid fa-file"></i></button>
<button class="context-item">Rename<i class="fa-solid fa-file-signature"></i></button>
<!--<button class="context-item">Open in Terminal<i class="fa-solid fa-terminal"></i></button>-->
</div>
<!-- Settings ui for configuring 3 paths -->
<div class="settings-ui">
<div class="settings-ui-header">
<h2>Settings</h2>
</div>
<br>
<div class="settings-ui-body">
<h4>Configured path 1</h4>
<input type="text" class="settings-ui-input configured-path-one-input" placeholder="/home/user" />
<h4>Configured path 2</h4>
<input type="text" class="settings-ui-input configured-path-two-input" placeholder="/home/user/folder1" />
<h4>Configured path 3</h4>
<input type="text" class="settings-ui-input configured-path-three-input" placeholder="/home/user/folder2" />
</div>
<button class="button" onclick="saveConfigPaths()">Save</button>
</div>
<div class="current-path">...</div>
</body>
</html>