mirrors/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter synced 2024-11-14 22:06:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

clock page

Browse Source
This commit is contained in:
meetqy 2024-03-28 10:44:52 +08:00
parent fc5bdf6115
commit 0271950b78
3 changed files with 45 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/UI/Settings/UIWindowSettings.js
View File

@ -40,6 +40,7 @@ async function UIWindowSettings(options){
h += `<div class="settings-sidebar-item disable-user-select" data-settings="usage" style="background-image: url(${icons['speedometer-outline.svg']});">${i18n('usage')}</div>`;
h += `<div class="settings-sidebar-item disable-user-select" data-settings="account" style="background-image: url(${icons['user.svg']});">${i18n('account')}</div>`;
h += `<div class="settings-sidebar-item disable-user-select" data-settings="language" style="background-image: url(${icons['language.svg']});">${i18n('language')}</div>`;
h += `<div class="settings-sidebar-item disable-user-select" data-settings="clock" style="background-image: url(${icons['clock.svg']});">${i18n('clock')}</div>`;
h += `</div>`;
// content
@ -124,9 +125,21 @@ async function UIWindowSettings(options){
h += `<div class="language-item ${window.locale === lang.code ? 'active': ''}" data-lang="${lang.code}" data-english-name="${html_encode(lang.english_name)}">${lang.name}</div>`;
}
h += `</div>`;
h += `</div>`;
// Clock
h += `<div class="settings-content" data-settings="clock">`;
h += `<h1>Clock</h1>`;
h += `<div style="display: flex;align-items: center">`
h += `<span>Visable:</span>`
h += `<Select class="change-clock-visable" style="margin-left: 10px">`
h += `<option value="auto">Auto - Default, visible only in full-screen mode.</option>`
h += `<option value="hide">Hide - Always visible</option>`
h += `<option value="show">Show - Always hidden</option>`
h += `</Select>`
h += `</div>`
h += `</div>`;
h += `</div>`;
h += `</div>`;
h += `</div>`;
@ -344,6 +357,35 @@ async function UIWindowSettings(options){
})
});
$(el_window).on('change', 'select.change-clock-visable', function(e){
const $this = $(this);
const value = $this.val();
console.log(value);
// $.ajax({
// url: api_origin + "/clock",
// type: 'POST',
// async: true,
// headers: {
// "Authorization": "Bearer "+auth_token
// },
// contentType: "application/json",
// data: value,
// // data: JSON.stringify({
// // old_pass: current_password,
// // new_pass: new_password,
// // }),
// success: function (data){
// // $(el_window).find('.form-success-msg').html(i18n('password_changed'));
// // $(el_window).find('.form-success-msg').fadeIn();
// // $(el_window).find('input').val('');
// },
// error: function (err){
// // $(el_window).find('.form-error-msg').html(err.responseText);
// // $(el_window).find('.form-error-msg').fadeIn();
// }
// });
})
resolve(el_window);
});
}

1
src/i18n/translations/en.js
View File

@ -60,6 +60,7 @@ const en = {
credits: "Credits",
current_password: "Current Password",
cut: 'Cut',
clock: "Clock",
date_modified: 'Date modified',
delete: 'Delete',
delete_account: "Delete Account",

1
src/icons/clock.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="59" height="59" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 286 B