Added About Window
This commit is contained in:
tr1x_em committed
1 parent
ae63714a55
commit
7bf7ed5771
4 files changed
+202
No files matched your search
@@ -5,6 +5,7 @@
|
||||
@import url("./styles/switcher.css");
|
||||
@import url("./styles/launcher.css");
|
||||
@import url("./styles/osd.css");
|
||||
@import url("./styles/about.css");
|
||||
|
||||
* {
|
||||
all: unset;
|
||||
|
||||
@@ -7,6 +7,7 @@ from fabric.utils import get_relative_path, monitor_file
|
||||
from modules.dock import Dock
|
||||
from modules.launcher.main import Launcher
|
||||
from modules.osd import OSD
|
||||
from modules.about import About
|
||||
|
||||
# from modules.corners import Corners
|
||||
from modules.panel.main import Panel
|
||||
@@ -28,6 +29,7 @@ if __name__ == "__main__":
|
||||
# Load configuration
|
||||
from config.data import load_config
|
||||
|
||||
About().toggle(None)
|
||||
config = load_config()
|
||||
|
||||
panel = Panel()
|
||||
|
||||
@@ -0,0 +1,129 @@
|
||||
import subprocess
|
||||
import time
|
||||
import gi # type: ignore
|
||||
|
||||
from fabric.widgets.label import Label
|
||||
from fabric.widgets.button import Button
|
||||
from fabric.widgets.box import Box
|
||||
from utils.wayland import WaylandWindow as Window
|
||||
from fabric.utils.helpers import exec_shell_command_async, get_relative_path
|
||||
from gi.repository import Gtk, GdkPixbuf # type: ignore
|
||||
|
||||
# from config.c import c
|
||||
|
||||
|
||||
class About(Gtk.Window):
|
||||
"""About app for envshell"""
|
||||
|
||||
def __init__(self):
|
||||
super().__init__(title="About Menu")
|
||||
self.set_default_size(250, 335)
|
||||
self.set_size_request(250, 355)
|
||||
self.set_resizable(False)
|
||||
self.set_wmclass("modus-about-menu", "modus-about-menu")
|
||||
self.set_name("about-menu")
|
||||
self.set_visible(False)
|
||||
|
||||
# Main vertical box
|
||||
main_box = Gtk.Box(orientation=Gtk.Orientation.VERTICAL, spacing=10)
|
||||
main_box.set_margin_top(20)
|
||||
main_box.set_margin_bottom(20)
|
||||
main_box.set_margin_start(20)
|
||||
main_box.set_margin_end(20)
|
||||
|
||||
# About logo
|
||||
logo_box = Gtk.Box(halign=Gtk.Align.CENTER, valign=Gtk.Align.CENTER)
|
||||
pixbuf = GdkPixbuf.Pixbuf.new_from_file_at_scale(
|
||||
get_relative_path("../config/assets/icons/imac.svg"),
|
||||
158,
|
||||
108,
|
||||
preserve_aspect_ratio=True,
|
||||
)
|
||||
logo = Gtk.Image.new_from_pixbuf(pixbuf)
|
||||
logo_box.pack_start(logo, False, False, 0)
|
||||
|
||||
# Labels
|
||||
name_label = Gtk.Label(label="Modus")
|
||||
date_label = Gtk.Label(label="Modus, 2025")
|
||||
|
||||
# Info Section
|
||||
info_box = Gtk.Box(orientation=Gtk.Orientation.HORIZONTAL, spacing=10)
|
||||
info_title_box = Gtk.Box(
|
||||
orientation=Gtk.Orientation.VERTICAL, valign=Gtk.Align.CENTER
|
||||
)
|
||||
info_box_labels = Gtk.Box(
|
||||
orientation=Gtk.Orientation.VERTICAL, valign=Gtk.Align.CENTER
|
||||
)
|
||||
|
||||
# Titles
|
||||
info_title_box.pack_start(
|
||||
Gtk.Label(label="SO", halign=Gtk.Align.END), False, False, 0
|
||||
)
|
||||
info_title_box.pack_start(
|
||||
Gtk.Label(label="Chip", halign=Gtk.Align.END), False, False, 0
|
||||
)
|
||||
info_title_box.pack_start(
|
||||
Gtk.Label(label="Memory", halign=Gtk.Align.END), False, False, 0
|
||||
)
|
||||
|
||||
# Values
|
||||
so_label = Gtk.Label(
|
||||
label=subprocess.run(
|
||||
"cat /etc/*-release | grep '^PRETTY_NAME=' | cut -d '\"' -f 2",
|
||||
shell=True,
|
||||
capture_output=True,
|
||||
text=True,
|
||||
).stdout.strip(),
|
||||
halign=Gtk.Align.START,
|
||||
)
|
||||
chip_label = Gtk.Label(
|
||||
label=subprocess.run(
|
||||
"lscpu | grep 'Model name:' | awk '{print $5}'",
|
||||
shell=True,
|
||||
capture_output=True,
|
||||
text=True,
|
||||
).stdout.strip(),
|
||||
halign=Gtk.Align.START,
|
||||
)
|
||||
mem_label = Gtk.Label(
|
||||
label=subprocess.run(
|
||||
"free -h --giga | grep Mem | tr -s ' ' | cut -d ' ' -f 2",
|
||||
shell=True,
|
||||
capture_output=True,
|
||||
text=True,
|
||||
).stdout.strip(),
|
||||
halign=Gtk.Align.START,
|
||||
)
|
||||
|
||||
info_box_labels.pack_start(so_label, False, False, 0)
|
||||
info_box_labels.pack_start(chip_label, False, False, 0)
|
||||
info_box_labels.pack_start(mem_label, False, False, 0)
|
||||
|
||||
info_box.pack_start(info_title_box, False, False, 10)
|
||||
info_box.pack_start(info_box_labels, False, False, 10)
|
||||
|
||||
# More Info Button
|
||||
button_box = Gtk.Box(halign=Gtk.Align.CENTER)
|
||||
more_info_button = Gtk.Button(label="More Info...", name="more-info-button")
|
||||
more_info_button.connect("clicked", self.open_more_info)
|
||||
button_box.pack_start(more_info_button, False, False, 0)
|
||||
|
||||
# Add everything to the main box
|
||||
main_box.pack_start(logo_box, False, False, 0)
|
||||
main_box.pack_start(name_label, False, False, 0)
|
||||
main_box.pack_start(date_label, False, False, 0)
|
||||
main_box.pack_start(info_box, False, False, 0)
|
||||
main_box.pack_start(button_box, False, False, 0)
|
||||
|
||||
# Add main box to the window
|
||||
self.add(main_box)
|
||||
|
||||
def open_more_info(self, button):
|
||||
# exec_shell_command_async(f"xdg-open {c.get_shell_rule('about-more-info')}")
|
||||
pass
|
||||
|
||||
def toggle(self, b):
|
||||
if self.get_visible():
|
||||
self.hide()
|
||||
else:
|
||||
self.show_all()
|
||||
@@ -0,0 +1,70 @@
|
||||
#about-menu {
|
||||
background-color: alpha(#111, 0.1);
|
||||
box-shadow: inset 0 -0.5px 0 .5px alpha(#555, 0.7), inset 0 0.5px 0 .5px alpha(#777, 0.7);
|
||||
border: 1px solid alpha(#111, 0.3);
|
||||
border-top: none;
|
||||
border-radius: 1.25rem;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
#about-options {
|
||||
background-color: alpha(#333, 0.9);
|
||||
border-radius: 15px;
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
#about-logo-box {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
#about-button-box {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
#about-info-title-box {
|
||||
padding-left: 4rem;
|
||||
}
|
||||
|
||||
#about-name-label {
|
||||
font-size: 24px;
|
||||
margin: 0px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#about-date-label {
|
||||
font-size: 11px;
|
||||
margin: 0px;
|
||||
color: #ddd;
|
||||
font-weight: 400;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
#about-chip-title-label,
|
||||
#about-so-title-label,
|
||||
#about-mem-title-label {
|
||||
font-size: 12px;
|
||||
margin: 0px;
|
||||
margin-right: 10px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#more-info-button {
|
||||
background-color: #2369ff;
|
||||
border-radius: 5px;
|
||||
padding: 0px 10px;
|
||||
margin: 1px 2px;
|
||||
transition: all 200ms ease-in-out;
|
||||
}
|
||||
|
||||
#more-info-button:hover {
|
||||
background-color: rgb(72, 130, 255);
|
||||
}
|
||||
|
||||
#more-info-button label {
|
||||
font-size: 12px;
|
||||
margin: 0px;
|
||||
font-weight: 400;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user