JezerM
4 years ago
7 changed files with 257 additions and 107 deletions
|
After Width: | Height: | Size: 294 KiB |
@ -0,0 +1,70 @@ |
|||||||
|
class Backgrounds { |
||||||
|
constructor() { |
||||||
|
this._localStorage = window.localStorage |
||||||
|
this._defaultBackgroundArr = ["assets/dracula.png", "assets/window-blurred.png"] |
||||||
|
this._sidebar = document.querySelector("#sidebar") |
||||||
|
this._backgroundsList = document.querySelector("#background-selector") |
||||||
|
this._background = document.querySelector("#background") |
||||||
|
this._backgroundImages = null |
||||||
|
this._backgroundImagesDir = null |
||||||
|
this._backgroundPath = "" |
||||||
|
} |
||||||
|
|
||||||
|
_createImage(path) { |
||||||
|
let image = document.createElement("img") |
||||||
|
let button = document.createElement("button") |
||||||
|
let imageName = path.replace(/^.*[\\\/]/, '') |
||||||
|
button.classList.add("image") |
||||||
|
image.src = path |
||||||
|
image.alt = imageName |
||||||
|
button.appendChild(image) |
||||||
|
return button |
||||||
|
} |
||||||
|
|
||||||
|
async _createBackgroundArray() { |
||||||
|
let images = await this._getImages() |
||||||
|
this._backgroundImages = this._defaultBackgroundArr.concat(images) |
||||||
|
this._setBackgroundImages() |
||||||
|
return new Promise((resolve) => resolve()) |
||||||
|
} |
||||||
|
|
||||||
|
_updateOnStartup() { |
||||||
|
this._backgroundPath = this._localStorage.getItem("defaultBackgroundImage") || this._backgroundImages[0] |
||||||
|
this._updateBackgroundImages() |
||||||
|
} |
||||||
|
|
||||||
|
_updateBackgroundImages() { |
||||||
|
let img = this._background.querySelector("img") |
||||||
|
img.src = this._backgroundPath |
||||||
|
this._localStorage.setItem("defaultBackgroundImage", String(this._backgroundPath)) |
||||||
|
} |
||||||
|
|
||||||
|
_setBackgroundImages() { |
||||||
|
this._backgroundsList.innerHTML = "" |
||||||
|
for (let i = 0; i < this._backgroundImages.length; i++) { |
||||||
|
const path = this._backgroundImages[i] |
||||||
|
let button = this._createImage(path) |
||||||
|
button.addEventListener("click", () => { |
||||||
|
this._backgroundPath = path |
||||||
|
this._updateBackgroundImages() |
||||||
|
}) |
||||||
|
this._backgroundsList.appendChild(button) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
_getImages(path) { |
||||||
|
this._backgroundImagesDir = greeter_config.branding.background_images_dir || '/usr/share/backgrounds' |
||||||
|
return new Promise( (resolve) => { |
||||||
|
theme_utils.dirlist(path ? path : this._backgroundImagesDir, true, result => { |
||||||
|
resolve(result) |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
async _init() {
|
||||||
|
await this._createBackgroundArray() |
||||||
|
this._updateOnStartup() |
||||||
|
|
||||||
|
return new Promise( resolve => resolve() ) |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,83 @@ |
|||||||
|
class Power { |
||||||
|
constructor() { |
||||||
|
this._shutdown = document.querySelector("#shutdown-button") |
||||||
|
this._restart = document.querySelector("#restart-button") |
||||||
|
this._hibernate = document.querySelector("#hibernate-button") |
||||||
|
this._suspend = document.querySelector("#suspend-button") |
||||||
|
this._cover = document.querySelector("#cover") |
||||||
|
this._covermsg = document.querySelector("#cover > #message") |
||||||
|
this._init() |
||||||
|
} |
||||||
|
|
||||||
|
_show_message(text) { |
||||||
|
this._covermsg.innerHTML = text |
||||||
|
this._cover.classList.remove("hide") |
||||||
|
} |
||||||
|
|
||||||
|
async _do_shutdown() { |
||||||
|
this._show_message("Shutting down") |
||||||
|
await wait(1000) |
||||||
|
lightdm.shutdown() |
||||||
|
} |
||||||
|
async _do_restart() { |
||||||
|
this._show_message("Restarting") |
||||||
|
await wait(1000) |
||||||
|
lightdm.restart() |
||||||
|
} |
||||||
|
async _do_hibernate() { |
||||||
|
this._show_message("Hibernating") |
||||||
|
await wait(1000) |
||||||
|
lightdm.hibernate() |
||||||
|
} |
||||||
|
async _do_suspend() { |
||||||
|
this._show_message("Suspending") |
||||||
|
await wait(1000) |
||||||
|
lightdm.suspend() |
||||||
|
} |
||||||
|
|
||||||
|
_setShutdown() { |
||||||
|
if (!lightdm.can_shutdown) return |
||||||
|
this._shutdown.addEventListener("click", () => { |
||||||
|
this._do_shutdown() |
||||||
|
}) |
||||||
|
this._shutdown.classList.remove("hide") |
||||||
|
} |
||||||
|
_setRestart() { |
||||||
|
if (!lightdm.can_restart) return |
||||||
|
this._restart.addEventListener("click", () => { |
||||||
|
this._do_restart() |
||||||
|
}) |
||||||
|
this._restart.classList.remove("hide") |
||||||
|
} |
||||||
|
_setHibernate() { |
||||||
|
if (!lightdm.can_hibernate) return |
||||||
|
this._hibernate.addEventListener("click", () => { |
||||||
|
this._do_hibernate() |
||||||
|
}) |
||||||
|
this._hibernate.classList.remove("hide") |
||||||
|
} |
||||||
|
_setSuspend() { |
||||||
|
if (!lightdm.can_suspend) return |
||||||
|
this._suspend.addEventListener("click", () => { |
||||||
|
this._do_suspend() |
||||||
|
}) |
||||||
|
this._suspend.classList.remove("hide") |
||||||
|
} |
||||||
|
_setCover() { |
||||||
|
this._cover.addEventListener("click", () => { |
||||||
|
this._cover.classList.add("hide") |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
_setButtons() { |
||||||
|
this._setShutdown() |
||||||
|
this._setRestart() |
||||||
|
this._setHibernate() |
||||||
|
this._setSuspend() |
||||||
|
this._setCover() |
||||||
|
} |
||||||
|
|
||||||
|
_init() { |
||||||
|
this._setButtons() |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,56 @@ |
|||||||
|
class TimeDate { |
||||||
|
constructor() { |
||||||
|
this._timeDateButton = document.querySelector("#time-date") |
||||||
|
this._timeLabel = document.querySelector("#time-date #time-label") |
||||||
|
this._dateLabel = document.querySelector("#time-date #date-label") |
||||||
|
this._passForm = document.querySelector("#pass-form") |
||||||
|
this._init() |
||||||
|
} |
||||||
|
|
||||||
|
_updateTimeDate() { |
||||||
|
let date = theme_utils.get_current_localized_date() |
||||||
|
let time = theme_utils.get_current_localized_time() |
||||||
|
|
||||||
|
this._dateLabel.innerText = date |
||||||
|
this._timeLabel.innerText = time |
||||||
|
} |
||||||
|
|
||||||
|
_setTimer() { |
||||||
|
this._updateTimeDate() |
||||||
|
setInterval(() => { |
||||||
|
this._updateTimeDate() |
||||||
|
}, 1000) |
||||||
|
} |
||||||
|
|
||||||
|
_setButtons() { |
||||||
|
this._timeDateButton.addEventListener("click", (ev) => { |
||||||
|
this.toggleTimeDate() |
||||||
|
}) |
||||||
|
this._passForm.addEventListener("keydown", (ev) => { |
||||||
|
if (ev.keyCode == 27) { |
||||||
|
this.toggleTimeDate() |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
async toggleTimeDate() { |
||||||
|
this._timeDateButton.blur() |
||||||
|
this._passForm.blur() |
||||||
|
if (this._timeDateButton.classList.contains("hide")) { |
||||||
|
this._passForm.classList.add("hide") |
||||||
|
await wait(300) |
||||||
|
this._timeDateButton.classList.remove("hide") |
||||||
|
await wait(100) |
||||||
|
this._timeDateButton.focus() |
||||||
|
} else { |
||||||
|
this._timeDateButton.classList.add("hide") |
||||||
|
await wait(300) |
||||||
|
this._passForm.classList.remove("hide") |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
_init() { |
||||||
|
this._setTimer() |
||||||
|
this._setButtons() |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue