+ « LIVE DEMO »
+
+
+ Docs
+ ·
+ Puter.com
+ ·
+ Discord
+ ·
+ Reddit
+ ·
+ X (Twitter)
+
' + + // JSON.stringify(session, null, 2) + + // ''; + + const el_uuid = document.createElement('div'); + el_uuid.textContent = session.uuid; + el.appendChild(el_uuid); + el_uuid.classList.add('session-widget-uuid'); + + const el_meta = document.createElement('div'); + el_meta.classList.add('session-widget-meta'); + for ( const key in session.meta ) { + const el_entry = document.createElement('div'); + el_entry.classList.add('session-widget-meta-entry'); + + const el_key = document.createElement('div'); + el_key.textContent = key; + el_key.classList.add('session-widget-meta-key'); + el_entry.appendChild(el_key); + + const el_value = document.createElement('div'); + el_value.textContent = session.meta[key]; + el_value.classList.add('session-widget-meta-value'); + el_entry.appendChild(el_value); + + el_meta.appendChild(el_entry); + } + el.appendChild(el_meta); + + const el_actions = document.createElement('div'); + el_actions.classList.add('session-widget-actions'); + + const el_btn_revoke = document.createElement('button'); + el_btn_revoke.textContent = i18n('ui_revoke'); + el_btn_revoke.classList.add('button', 'button-danger'); + el_btn_revoke.addEventListener('click', async () => { + try{ + const alert_resp = await UIAlert({ + message: i18n('confirm_session_revoke'), + buttons:[ + { + label: i18n('yes'), + value: 'yes', + type: 'primary', + }, + { + label: i18n('cancel') + }, + ] + }); + + if ( alert_resp !== 'yes' ) { + return; + } + + const resp = await fetch(`${api_origin}/auth/revoke-session`, { + method: 'POST', + headers: { + Authorization: `Bearer ${puter.authToken}`, + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ + uuid: session.uuid, + }), + }); + if ( resp.ok ) { + el.remove(); + return; + } + UIAlert({ message: await resp.text() }).appendTo(w_body); + } catch ( e ) { + UIAlert({ message: e.toString() }).appendTo(w_body); + } + }); + el_actions.appendChild(el_btn_revoke); + el.appendChild(el_actions); + + return { + appendTo (parent) { + parent.appendChild(el); + return this; + } + }; + }; + + const reload_sessions = async () => { + const resp = await fetch(`${api_origin}/auth/list-sessions`, { + headers: { + Authorization: `Bearer ${puter.authToken}`, + }, + method: 'GET', + }); + + const sessions = await resp.json(); + + for ( const el of w_body.querySelectorAll('.session-widget') ) { + if ( !sessions.find(s => s.uuid === el.dataset.uuid) ) { + el.remove(); + } + } + + for ( const session of sessions ) { + if ( w.querySelector(`.session-widget[data-uuid="${session.uuid}"]`) ) { + continue; + } + SessionWidget({ session }).appendTo(w_body); + } + }; + + const w_body = w.querySelector('.window-body'); + + w_body.classList.add('session-manager-list'); + + reload_sessions(); + const interval = setInterval(reload_sessions, 8000); + w.on_close = () => { + clearInterval(interval); + } +}; + +export default UIWindowManageSessions; diff --git a/src/css/style.css b/src/css/style.css index a09816a68..17694e5b8 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -3538,6 +3538,7 @@ label { } #storage-bar { + float: left; height: 15px; background-color: #dbe3ef; border-top-left-radius: 3px; @@ -3545,12 +3546,20 @@ label { width: 0; } +#storage-bar-host { + float: left; + height: 15px; + background-color: #dbe3ef9c; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + width: 0; +} + #storage-used-percent { position: absolute; - left: calc(50% - 20px); text-align: center; display: inline-block; - width: 40px; + width: 100%; font-size: 13px; } @@ -3710,3 +3719,61 @@ label { background: #04AA6D; cursor: pointer; } + +.session-manager-list { + display: flex; + flex-direction: column; + gap: 10px; + padding: 10px; + box-sizing: border-box; + height: 100% !important; +} + +.session-widget { + display: flex; + flex-direction: column; + padding: 10px; + border: 1px solid #e0e0e0; + border-radius: 4px; + gap: 4px; +} + +.session-widget-uuid { + font-size: 12px; + font-weight: 600; + color: #9c185b; +} + +.session-widget-meta { + display: flex; + flex-direction: column; + gap: 10px; + max-height: 100px; + overflow-y: scroll; +} + +.session-widget-meta-entry { + display: flex; + flex-direction: row; + align-items: center; +} + +.session-widget-meta-key { + font-size: 12px; + color: #666; + flex-basis: 40%; + flex-shrink: 0; +} + +.session-widget-meta-value { + font-size: 12px; + color: #666; + flex-grow: 1; +} + +.session-widget-actions { + display: flex; + flex-direction: row; + gap: 10px; + justify-content: flex-end; +} \ No newline at end of file diff --git a/src/helpers.js b/src/helpers.js index a8486d11e..f3a88a9bc 100644 --- a/src/helpers.js +++ b/src/helpers.js @@ -722,7 +722,14 @@ window.mutate_user_preferences = function(user_preferences_delta) { window.update_user_preferences = function(user_preferences) { window.user_preferences = user_preferences; localStorage.setItem('user_preferences', JSON.stringify(user_preferences)); - window.locale = user_preferences.language ?? 'en'; + const language = user_preferences.language ?? 'en'; + window.locale = language; + + // Broadcast locale change to apps + const broadcastService = globalThis.services.get('broadcast'); + broadcastService.sendBroadcast('localeChanged', { + language: language, + }, { sendToNewAppInstances: true }); } window.sendWindowWillCloseMsg = function(iframe_element) { @@ -1853,6 +1860,10 @@ window.launch_app = async (options)=>{ let icon, title, file_signature; const window_options = options.window_options ?? {}; + if (options.parent_instance_id) { + window_options.parent_instance_id = options.parent_instance_id; + } + // try to get 3rd-party app info let app_info = options.app_obj ?? await get_apps(options.name); diff --git a/src/i18n/translations/de.js b/src/i18n/translations/de.js index 4e899e158..639d4b765 100644 --- a/src/i18n/translations/de.js +++ b/src/i18n/translations/de.js @@ -21,9 +21,9 @@ const de = { english_name: "German", code: "de", dictionary: { - access_granted_to: "Erlaubt zugriff auf", + access_granted_to: "Zugriff erlaubt für", add_existing_account: "Bestehenden Account hinzufügen", - all_fields_required: 'Alle felder müssen ausgefüllt werden.', + all_fields_required: 'Alle Felder müssen ausgefüllt werden.', apply: "Anwenden", ascending: 'Aufsteigend', background: "Hintergrund", @@ -34,7 +34,7 @@ const de = { change_language: "Sprache ändern", change_password: "Passwort ändern", change_username: "Benutzername ändern", - close_all_windows: "Alle fenster schließen", + close_all_windows: "Alle Fenster schließen", color: 'Farbe', confirm_account_for_free_referral_storage_c2a: 'Erstellen Sie ein Konto und bestätigen Sie Ihre E-Mail-Adresse, um 1 GB kostenlosen Speicherplatz zu erhalten. Auch Ihr Freund erhält 1 GB kostenlosen Speicherplatz.', confirm_new_password: "Neues Passwort bestätigen", @@ -43,7 +43,7 @@ const de = { continue: "Weiter", copy: 'Kopieren', copy_link: "Link kopieren", - copying: "Kopiert", + copying: "Kopiere", cover: 'Abdecken', create_account: "Account erstellen", create_free_account: "Kostenlosen Account erstellen", @@ -52,19 +52,19 @@ const de = { cut: 'Ausschneiden', date_modified: 'Zuletzt geändert', delete: 'Entfernen', - delete_permanently: "Permanent entfernen", + delete_permanently: "Dauerhaft entfernen", deploy_as_app: 'Als App bereitstellen', - descending: 'Herabsteigend', - desktop_background_fit: "Fit", //idk translation - dir_published_as_website: `%strong% Wurde veröffentlicht zu:`, - disassociate_dir: "Verzeichniss trennen", + descending: 'Absteigend', + desktop_background_fit: "Passend", + dir_published_as_website: `%strong% wurde veröffentlicht zu:`, + disassociate_dir: "Verzeichnis trennen", download: 'Herunterladen', downloading: "Lädt herunter", - email: "Email", - email_or_username: "Email oder Benutzername", + email: "E-Mail", + email_or_username: "E-Mail oder Benutzername", empty_trash: 'Papierkorb leeren', empty_trash_confirmation: `Sind Sie sicher, dass Sie die Elemente im Papierkorb dauerhaft löschen möchten?`, - emptying_trash: 'Leert Papierkorb…', + emptying_trash: 'Papierkorb wird geleert…', feedback: "Feedback", feedback_c2a: "Bitte verwenden Sie das untenstehende Formular, um uns Ihr Feedback, Ihre Kommentare und Fehlerberichte zu senden.", feedback_sent_confirmation: "Danke, dass Sie uns kontaktiert haben. Wenn mit Ihrem Konto eine E-Mail-Adresse verknüpft ist, erhalten Sie so schnell wie möglich eine Rückmeldung von uns.", @@ -83,15 +83,15 @@ const de = { log_in: "Einloggen", log_out: 'Ausloggen', move: 'Verschieben', - moving: "Verschiebt", + moving: "Verschiebe", my_websites: "Meine Webseiten", name: 'Name', name_cannot_be_empty: 'Name kann nicht leer sein.', name_cannot_contain_double_period: "Der Name kann nicht '..' sein.", name_cannot_contain_period: "Der Name kann nicht '.' sein.", name_cannot_contain_slash: "Der Name kann nicht '/' enthalten.", - name_must_be_string: "Name kann nur eine Zeichenfolge sein.", - name_too_long: `Der Name kann nicht länger als %% Zeichen sein.`, + name_must_be_string: "Name darf nur eine Zeichenfolge sein.", + name_too_long: `Der Name darf nicht länger als %% Zeichen sein.`, new: 'Neu', new_folder: 'Neuer Ordner', new_password: "Neues Passwort", @@ -100,25 +100,25 @@ const de = { no_websites_published: "Sie haben noch keine Webseite veröffentlicht", ok: 'OK', open: "Öffnen", - open_in_new_tab: "Im neuen Tab öffnen", - open_in_new_window: "Im neuen Fenster öffnen", + open_in_new_tab: "In neuem Tab öffnen", + open_in_new_window: "In neuem Fenster öffnen", open_with: "Öffnen mit", password: "Passwort", password_changed: "Passwort geändert.", - passwords_do_not_match: '`Neues Passwoer` und `Neues Passwort bestätigen` stimmen nicht überein.', + passwords_do_not_match: 'Die Passwörter in `Neues Passwort` und `Neues Passwort bestätigen` stimmen nicht überein.', paste: 'Einfügen', paste_into_folder: "In Ordner einfügen", pick_name_for_website: "Wählen Sie einen Namen für Ihre Webseite:", picture: "Bild", powered_by_puter_js: `Betrieben von {{link=docs}}Puter.js{{/link}}`, - preparing: "Bereitet vor...", - preparing_for_upload: "Bereitet für das Hochladen vor...", + preparing: "Bereite vor…", + preparing_for_upload: "Bereite für das Hochladen vor…", properties: "Einstellungen", publish: "Veröffentlichen", publish_as_website: 'Als Webseite veröffentlichen', recent: "Kürzlich", recover_password: "Passwort wiederherstellen", - refer_friends_c2a: "Erhalten Sie 1 GB für jeden Freund, der ein Account bei Puter erstellt und bestätigt. Ihr Freund bekommt auch 1 GB!", + refer_friends_c2a: "Erhalten Sie 1 GB für jeden Freund, der einen Account bei Puter erstellt und bestätigt. Ihr Freund bekommt auch 1 GB!", refer_friends_social_media_c2a: `Erhalten Sie 1 GB kostenlosen Speicherplatz auf Puter.com!`, refresh: 'Neu laden', release_address_confirmation: `Sind Sie sicher, dass Sie diese Adresse freigeben möchten?`, @@ -127,9 +127,9 @@ const de = { repeat: 'Wiederholen', resend_confirmation_code: "Bestätigungscode erneut senden", restore: "Wiederherstellen", - save_account_to_get_copy_link: "Bitte erstellen Sie ein Acccount, um fortzufahren.", - save_account_to_publish: 'Bitte erstellen Sie ein Acccount, um fortzufahren.', - save_session_c2a: 'Erstellen Sie ein Konto, um Ihre aktuelle Sitzung zu speichern und den Verlust Ihrer Arbeit zu vermeiden.', + save_account_to_get_copy_link: "Bitte erstellen Sie einen Acccount, um fortzufahren.", + save_account_to_publish: 'Bitte erstellen Sie einen Acccount, um fortzufahren.', + save_session_c2a: 'Erstellen Sie ein Konto, um Ihre aktuelle Sitzung zu speichern und den Verlust Ihrer Arbeit zu verhindern.', scan_qr_c2a: 'Scannen Sie den folgenden Code, um sich von anderen Geräten aus bei dieser Sitzung anzumelden', select: "Auswählen", select_color: 'Farbe auswählen…', @@ -140,18 +140,19 @@ const de = { share_to: "Teilen mit", show_all_windows: "Alle Fenster zeigen", show_hidden: 'Zeige versteckte', - sign_in_with_puter: "Einloggen mit Puter", - sign_up: "Einloggen", - signing_in: "Loggt ein…", + sign_in_with_puter: "Anmelden mit Puter", + sign_up: "Anmelden", + signing_in: "Melde an…", size: 'Größe', - sort_by: 'Sotieren nach', + sort_by: 'Sortieren nach', start: 'Start', - taking_longer_than_usual: 'Dauert etwas länger als gewöhnlich. Bitte warten...', + storage_puter_used: 'Verwendet von Puter', + taking_longer_than_usual: 'Es dauert etwas länger als gewöhnlich. Bitte warten…', text_document: 'Textdokument', tos_fineprint: `Indem Sie auf „Kostenloses Konto erstellen“ klicken, stimmen Sie den {{link=terms}}Nutzungsbedingungen{{/link}} und der {{link=privacy}}Datenschutzerklärung{{/link}} von Puter zu.`, trash: 'Papierkorb', type: 'Typ', - undo: 'Zurück', + undo: 'Rückgängig', unzip: "Entpacken", upload: 'Hochladen', upload_here: 'Hier hochladen', @@ -160,7 +161,7 @@ const de = { versions: "Versionen", yes_release_it: 'Ja, veröffentlichen', you_have_been_referred_to_puter_by_a_friend: "Sie wurden von einem Freund an Puter verwiesen!", - zip: "Zip", + zip: "Zippen", } }; diff --git a/src/i18n/translations/en.js b/src/i18n/translations/en.js index 3fed31897..8e2c5c3a3 100644 --- a/src/i18n/translations/en.js +++ b/src/i18n/translations/en.js @@ -51,6 +51,7 @@ const en = { confirm_new_password: "Confirm New Password", confirm_delete_user: "Are you sure you want to delete your account? All your files and data will be permanently deleted. This action cannot be undone.", confirm_delete_user_title: "Delete Account?", + confirm_session_revoke: "Are you sure you want to revoke this session?", contact_us: "Contact Us", contain: 'Contain', continue: "Continue", @@ -112,6 +113,7 @@ const en = { log_in: "Log In", log_into_another_account_anyway: 'Log into another account anyway', log_out: 'Log Out', + manage_sessions: "Manage Sessions", move: 'Move', moving: "Moving", my_websites: "My Websites", @@ -179,6 +181,7 @@ const en = { select: "Select", selected: 'selected', select_color: 'Select color…', + sessions: "Sessions", send: "Send", send_password_recovery_email: "Send Password Recovery Email", session_saved: "Thank you for creating an account. This session has been saved.", @@ -196,6 +199,7 @@ const en = { start: 'Start', status: "Status", storage_usage: "Storage Usage", + storage_puter_used: 'used by Puter', taking_longer_than_usual: 'Taking a little longer than usual. Please wait...', terms: "Terms", text_document: 'Text document', @@ -205,6 +209,8 @@ const en = { type: 'Type', type_confirm_to_delete_account: "Type 'confirm' to delete your account.", ui_colors: "UI Colors", + ui_manage_sessions: "Session Manager", + ui_revoke: "Revoke", undo: 'Undo', unlimited: 'Unlimited', unzip: "Unzip", diff --git a/src/i18n/translations/fa.js b/src/i18n/translations/fa.js index d0db2ae45..1aecc6d17 100644 --- a/src/i18n/translations/fa.js +++ b/src/i18n/translations/fa.js @@ -147,6 +147,7 @@ const fa = { size: 'اندازه', sort_by: 'مرتب سازی بر اساس', start: 'شروع', + storage_puter_used: 'استفاده شده توسط Puter', taking_longer_than_usual: 'کمی بیشتر از معمول طول می کشد. لطفا صبر کنید...', text_document: 'سند متنی', tos_fineprint: `با کلیک بر روی 'ایجاد حساب کاربری رایگان' شما با {{link=terms}}شرایط خدمات{{/link}} و {{link=privacy}}سیاست حفظ حریم خصوصی{{/link}} Puter موافقت می کنید.`, diff --git a/src/i18n/translations/ko.js b/src/i18n/translations/ko.js index e02299282..5954e0947 100644 --- a/src/i18n/translations/ko.js +++ b/src/i18n/translations/ko.js @@ -21,7 +21,9 @@ const ko = { english_name: "Korean", code: "ko", dictionary: { + about: "정보", access_granted_to: "접근 권한 부여", + account: "계정", add_existing_account: "기존 계정 추가", all_fields_required: '모든 필드는 필수입니다.', apply: "적용", @@ -34,6 +36,10 @@ const ko = { change_language: "언어 변경", change_password: "비밀번호 변경", change_username: "사용자 이름 변경", + clock: '시계', + clock_visible_hide: '숨기기 - 항상 숨김', + clock_visible_show: '표시 - 항상 표시', + clock_visible_auto: '자동 - 숨김', close_all_windows: "모든 창 닫기", color: '색상', confirm_account_for_free_referral_storage_c2a: '계정을 생성하고 이메일 주소를 확인하여 1GB의 무료 저장 공간을 받으십시오. 친구도 1GB의 무료 저장 공간을 받게 됩니다.', @@ -52,6 +58,7 @@ const ko = { cut: '잘라내기', date_modified: '수정한 날짜', delete: '삭제', + delete_account: "계정 삭제", delete_permanently: "영구 삭제", deploy_as_app: '앱으로 배포', descending: '내림차순', @@ -80,6 +87,7 @@ const ko = { items_in_trash_cannot_be_renamed: `이 항목은 휴지통에 있기 때문에 이름을 바꿀 수 없습니다. 이 항목의 이름을 바꾸려면 먼저 휴지통에서 끌어내십시오.`, jpeg_image: 'JPEG 이미지', keep_in_taskbar: '작업 표시줄에 유지', + language: "언어", log_in: "로그인", log_out: '로그아웃', move: '이동', @@ -136,6 +144,7 @@ const ko = { send: "보내기", send_password_recovery_email: "비밀번호 복구 이메일 보내기", session_saved: "계정을 생성해 주셔서 감사합니다. 이 세션이 저장되었습니다.", + settings: "설정", set_new_password: "새 비밀번호 설정", share_to: "공유", show_all_windows: "모든 창 표시", @@ -146,6 +155,8 @@ const ko = { size: '크기', sort_by: '정렬 기준', start: '시작', + storage_usage: "저장 공간 사용량", + storage_puter_used: 'Puter에서 사용 중', taking_longer_than_usual: '보통보다 조금 더 오래 걸립니다. 잠시만 기다려 주십시오...', text_document: '텍스트 문서', tos_fineprint: `무료 계정 생성을 클릭하면 Puter의 {{link=terms}}서비스 약관{{/link}}과 {{link=privacy}}개인정보 보호정책{{/link}}에 동의하는 것입니다.`, @@ -157,7 +168,9 @@ const ko = { upload_here: '여기에 업로드', username: "사용자 이름", username_changed: '사용자 이름이 성공적으로 업데이트되었습니다.', + usage: "사용량", versions: "버전", + visibility: '가시성', yes_release_it: '예, 해제합니다', you_have_been_referred_to_puter_by_a_friend: "친구가 Puter로 추천했습니다!", zip: "압축", diff --git a/src/i18n/translations/translations.js b/src/i18n/translations/translations.js index d53c0f7b0..ccecb8c67 100644 --- a/src/i18n/translations/translations.js +++ b/src/i18n/translations/translations.js @@ -39,6 +39,7 @@ import sv from './sv.js'; import th from './th.js'; import ur from './ur.js'; import zh from './zh.js'; +import zhtw from './zhtw.js'; import emoji from './emoji.js'; @@ -66,6 +67,7 @@ export default { sv, th, zh, + zhtw, ur, emoji, }; diff --git a/src/i18n/translations/zhtw.js b/src/i18n/translations/zhtw.js new file mode 100644 index 000000000..755fab818 --- /dev/null +++ b/src/i18n/translations/zhtw.js @@ -0,0 +1,226 @@ +/** + * Copyright (C) 2024 Puter Technologies Inc. + * + * This file is part of Puter. + * + * Puter is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License as published + * by the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see