RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

welcome: more to sync

pull/653/merge
Varun Patil 2023-05-21 21:45:42 -07:00
parent 21d803bb04
commit 8341458f80
2 changed files with 61 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
app/src/main/assets/sync.html
View File

@ -36,79 +36,20 @@
</div> </div>
<div id="local-folders" class="p animatable invisible"> <div id="local-folders" class="p animatable invisible">
Choose the folders on this device to show on the timeline. If no folders Choose the folders on this device to show on your timeline. If no folders
are visible here, you may need to grant the app storage permissions or are visible here, you may need to grant the app storage permissions, or
wait for the app to index your files. wait for the app to index your files.
<br /><br />
You can always change this in settings. Note that this does not affect
automatic uploads.
<br /> <br />
<div id="folder-list"></div> <div id="folder-list"></div>
<button class="m-button" onclick="start()">Continue</button> <button class="m-button" onclick="start()">Continue</button>
</div> </div>
</div> </div>
<script> <script src="sync.js"></script>
const main = document.getElementById("main");
const waiting = document.getElementById("waiting");
const sync = document.getElementById("sync");
const localFolders = document.getElementById("local-folders");
// Waiting page => sync page
window.loggedIn = async () => {
waiting.classList.add("invisible");
await new Promise((resolve) => setTimeout(resolve, 700));
waiting.remove();
sync.classList.remove("invisible");
};
loggedIn();
// Local list of folders
let localList = null;
async function openLocal() {
// Get the list of local folders for next screen
(async () => {
const res = await fetch("http://127.0.0.1/api/config/local-folders");
localList = await res.json();
// Add HTML for folders list
document.getElementById("folder-list").innerHTML = localList
.map(
(folder) => `
<div class="folder-choose">
<input type="checkbox" id="folder-${folder.id}" ${
folder.enabled ? "checked" : ""
}>
<label for="${folder.id}">${folder.name}</label>
</div>
`
)
.join("");
})();
// Show the folders list
sync.classList.add("invisible");
await new Promise((resolve) => setTimeout(resolve, 700));
sync.remove();
localFolders.classList.remove("invisible");
}
// Open main app
async function start() {
// Mark all checked as enabled
if (localList) {
localList.forEach(
(folder) =>
(folder.enabled = document.getElementById(
`folder-${folder.id}`
).checked)
);
window.nativex?.configSetLocalFolders(JSON.stringify(localList));
}
// Start the app
main.classList.add("invisible");
await new Promise((resolve) => setTimeout(resolve, 700));
window.nativex?.reload();
}
</script>
</body> </body>
</html> </html>

54
app/src/main/assets/sync.js 100644
View File

@ -0,0 +1,54 @@
const main = document.getElementById("main");
const waiting = document.getElementById("waiting");
const sync = document.getElementById("sync");
const localFolders = document.getElementById("local-folders");
// Waiting page => sync page
window.loggedIn = async () => {
waiting.classList.add("invisible");
await new Promise((resolve) => setTimeout(resolve, 700));
waiting.remove();
sync.classList.remove("invisible");
};
// Local list of folders
let localList = null;
async function openLocal() {
// Get the list of local folders for next screen
(async () => {
const res = await fetch("http://127.0.0.1/api/config/local-folders");
localList = await res.json();
// Add HTML for folders list
document.getElementById("folder-list").innerHTML = localList
.map(
(folder) => `
<div class="folder-choose">
<input type="checkbox" id="folder-${folder.id}" ${folder.enabled ? "checked" : ""}>
<label for="${folder.id}">${folder.name}</label>
</div>
`
)
.join("");
})();
// Show the folders list
sync.classList.add("invisible");
await new Promise((resolve) => setTimeout(resolve, 700));
sync.remove();
localFolders.classList.remove("invisible");
}
// Open main app
async function start() {
// Mark all checked as enabled
if (localList) {
localList.forEach((f) => (f.enabled = document.getElementById(`folder-${f.id}`).checked));
window.nativex?.configSetLocalFolders(JSON.stringify(localList));
}
// Start the app
main.classList.add("invisible");
await new Promise((resolve) => setTimeout(resolve, 700));
window.nativex?.reload();
}