@@ -97,6 +107,7 @@
+
diff --git a/themes/gruvbox/js/index.js b/themes/gruvbox/js/index.js
index 37d0705..b5449c3 100644
--- a/themes/gruvbox/js/index.js
+++ b/themes/gruvbox/js/index.js
@@ -21,7 +21,7 @@ async function wait(ms) {
async function initGreeter() {
if (greeter_config.greeter.debug_mode) {
- debug = new Debug()
+ //debug = new Debug()
}
lightdm.authentication_complete?.connect(() => authentication_done())
@@ -38,6 +38,8 @@ async function initGreeter() {
time_date = new TimeDate()
+ layouts = new Layouts()
+
power = new Power()
battery = new Battery()
diff --git a/themes/gruvbox/js/layouts.js b/themes/gruvbox/js/layouts.js
new file mode 100644
index 0000000..cbd1133
--- /dev/null
+++ b/themes/gruvbox/js/layouts.js
@@ -0,0 +1,77 @@
+class Layouts {
+ constructor() {
+ this._layoutList = document.querySelector("#layouts-list")
+ this._dropdown = document.querySelector("#layouts-dropdown")
+ this._button = document.querySelector("#layouts-button")
+ this._layouts = []
+
+ this.layout = {}
+
+ this._init()
+ }
+
+ _setDefault() {
+ let name = this.layout.name
+ let description = this.layout.description
+ let short = this.layout.short_description
+ this._button.innerHTML = name.toUpperCase() + (short ? ` (${short})` : "")
+ //this._button.name = description
+ }
+
+ _setLayoutList() {
+ let dropdown = this._dropdown
+ dropdown.innerHTML = ""
+ for (let i = 0; i < this._layouts.length; i++) {
+ let name = this._layouts[i].name
+ let description = this._layouts[i].description
+ let short = this._layouts[i].short_description
+ let li = document.createElement("li")
+ let button = document.createElement("button")
+ button.innerHTML = name + (short ? ` (${short})` : "")
+ button.name = description
+ button.addEventListener("click", () => {
+ this.layout = this._layouts[i]
+ this._setDefault()
+ lightdm.layout = this.layout
+ })
+ li.appendChild(button)
+ dropdown.appendChild(li)
+ }
+ }
+
+ _setKeydown() {
+ let dropdown = this._dropdown
+ dropdown.addEventListener("keydown", (ev) => {
+ if (ev.keyCode == 27) {
+ dropdown.classList.add("hide")
+ this._button.focus()
+ }
+ })
+ }
+
+ _setButton() {
+ let dropdown = this._dropdown
+ document.querySelector("#screen").addEventListener("click", (ev) => {
+ if (ev.target == this._button || ev.target.parentElement == this._button) {
+ dropdown.classList.toggle("hide")
+ } else
+ if (ev.target != dropdown && ev.target.closest(".dropdown") == null) {
+ dropdown.classList.add("hide")
+ }
+ })
+ document.querySelector("#screen").addEventListener("focusin", (ev) => {
+ if (!dropdown.contains(document.activeElement) && document.activeElement != this._button) {
+ dropdown.classList.add("hide")
+ }
+ })
+ }
+
+ _init() {
+ this.layout = lightdm.layout
+ this._layouts = greeter_config.layouts
+ this._setDefault()
+ this._setLayoutList()
+ this._setButton()
+ this._setKeydown()
+ }
+}
diff --git a/themes/gruvbox/js/power.js b/themes/gruvbox/js/power.js
index d70e3b3..94074f7 100644
--- a/themes/gruvbox/js/power.js
+++ b/themes/gruvbox/js/power.js
@@ -12,6 +12,9 @@ class Power {
_show_message(text) {
this._covermsg.innerHTML = text
this._cover.classList.remove("hide")
+ wait(500).then(() => {
+ this._cover.focus()
+ })
}
async _do_shutdown() {