Adding support for Login screen wallpaper

CHANGELOG

@@ -1,3 +1,14 @@
+# Version 2.3
+- Adding Dutch translation
+- Adding German translation
+- Adding Spanish translation (Thanks to rcalixte)
+
+# Version 2.2
+- Bugfixes
+- Migrate code to MVVM pattern
+- Adding option to change the location provider
+- Adding example image for dynamic background color
+
 # Version 2.1
 - Bugfixes
 - Smaller UI for displays with reduced resolution (< 1000px height)

README.md

@@ -1,5 +1,5 @@
 # Cinnamon Dynamic Wallpaper
-<img src="cinnamon-dynamic-wallpaper@TobiZog/5.4/icons/icon.svg" alt="drawing" width="200" style="margin-left:auto; margin-right:auto; width:50%; display:block"/>
+<img src="cinnamon-dynamic-wallpaper@TobiZog/5.4/res/icons/icon.svg" alt="drawing" width="200" style="margin-left:auto; margin-right:auto; width:50%; display:block"/>
 
 ![](res/wallpaper_merged.jpg)
 
@@ -11,11 +11,11 @@ This extension switches the background image of your Cinnamon desktop multiple t
 - 10 day periods
 - HEIF converter
 - Image configuration assistent with simple one-click setup for image choices
-- Online location estimation or offline with manual latitude and longitude input
+- Online location estimation (three provider) or offline with manual latitude and longitude input
 - Time periods individual configured by user
 - Offline sun angles estimation
 - Image stretching over multiple displays or repeat image for every display
-- Show image on lock screen
+- Creating a color gradient based on the current wallpaper for images which not fill the whole screen
 
 ### Tested Cinnamon versions
 - 5.4 (Mint 21)
@@ -43,7 +43,7 @@ This extension switches the background image of your Cinnamon desktop multiple t
 3. Search and download it
 
 ### From the repo
-1. Download the Repository
+1. Download the latest from the Releases page on GitHub: https://github.com/TobiZog/cinnamon-dynamic-wallpaper/releases
 2. Extract the files
 3. Copy the folder `cinnamon-dynamic-wallpaper@TobiZog` to `~/.local/share/cinnamon/extensions/`
 ---
@@ -59,6 +59,17 @@ Because of the lack of configuration options in the standard Cinnamon configurat
 All configuration will be handled there. You can choose between included image sets, a HEIC file or a folder source and set the image to ten different daytime periods. Time periods will be estimated via network, custom coordinations or custom time periods. Some behaviour preferences (strech image, fill empty background with gradient color) are also here.
 
 ![](res/image_configurator.png)
+---
+## Contribute
+### Translation
+You want to contribute a language which isn't supported yet? Here is how to do:
+
+1. Fork the cinnamon-spices-extensions project: https://github.com/linuxmint/cinnamon-spices-extensions
+2. Pull the repository
+3. Open `cinnamon-dynamic-wallpaper@TobiZog/files/cinnamon-dynamic-wallpaper@TobiZog/po/cinnamon-dynamic-wallpaper@TobiZog.pot` with a po-tool like poedit (https://poedit.net/).
+4. Create a new translation in your language
+5. Push the changes to your repository
+6. Create a pull request
 
 ---
 ## Included image sets
@@ -66,12 +77,12 @@ The image sets are from https://github.com/adi1090x/dynamic-wallpaper
 
 | Aurora | Beach | Bitday |
 | ------ | ----- | ------ |
-| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/aurora/5.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/beach/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/bitday/4.jpg) |
+| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/aurora/5.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/beach/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/bitday/4.jpg) |
 
 | Cliffs | Earth | Gradient | 
 | -------- | --------- | ------ |
-| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/cliffs/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/earth/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/gradient/4.jpg) | 
+| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/cliffs/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/earth/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/gradient/4.jpg) | 
 
 | Lakeside | Mountains | Sahara |
 | --------- | ------ | ------ |
-| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/lakeside/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/mountains/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/images/included_image_sets/sahara/4.jpg) |
+| ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/lakeside/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/mountains/4.jpg) | ![](cinnamon-dynamic-wallpaper@TobiZog/5.4/res/images/included_image_sets/sahara/4.jpg) |

cinnamon-dynamic-wallpaper@TobiZog/5.4/extension.js

@@ -1,7 +1,7 @@
 /**
- * @name	Cinnamon-Dynamic-Wallpaper
+ * @name  Cinnamon-Dynamic-Wallpaper
- * @alias 	TobiZog
+ * @alias TobiZog
- * @since	2023-05-17
+ * @since 2023-05-17
  * 
  * @description Main application file
  */
@@ -17,7 +17,8 @@ const Gio = imports.gi.Gio;
 const MessageTray = imports.ui.messageTray;
 const St = imports.gi.St;
 const Main = imports.ui.main;
-
+const Gettext = imports.gettext;
+const GLib = imports.gi.GLib;
 
 
 /******************** Constants ********************/
@@ -44,6 +45,15 @@ function CinnamonDynamicWallpaperExtension(uuid) {
 }
 
 
+function _(str) {
+	let customTranslation = Gettext.dgettext(UUID, str);
+	if (customTranslation !== str) {
+		return customTranslation;
+	}
+	return Gettext.gettext(str);
+}
+
+
 CinnamonDynamicWallpaperExtension.prototype = {
 
 	/******************** Lifecycle ********************/
@@ -56,16 +66,18 @@ CinnamonDynamicWallpaperExtension.prototype = {
 	_init: function(uuid) { 
 		this.settings = new Settings.ExtensionSettings(this, uuid);
 
+		Gettext.bindtextdomain(UUID, GLib.get_home_dir() + '/.local/share/locale');
+
 		// Check for the first startup
 		if (this.settings.getValue("first_start")) {
 
 			// Welcome notification
-			this.showNotification("Welcome to Cinnamon Dynamic Wallpaper", 
+			this.showNotification(_("Welcome to Cinnamon Dynamic Wallpaper"), 
-				"Check the preferences to choose a dynamic wallpaper", true)
+				_("Check the preferences to choose a dynamic wallpaper"), true)
 
 			// Hide the notification on system restart
 			this.settings.setValue("first_start", false)
-			this.settings.setValue("source_folder", DIRECTORY["path"] + "/images/included_image_sets/lakeside/")
+			this.settings.setValue("source_folder", DIRECTORY["path"] + "/res/images/included_image_sets/lakeside/")
 		}
 
 		// Start the main loop, checks in fixed time periods the 
@@ -96,10 +108,10 @@ CinnamonDynamicWallpaperExtension.prototype = {
 	_loop: function () {
 		if (looping) {
 			try {
-				Util.spawnCommandLine("/usr/bin/env python3 " + DIRECTORY.path + "/loop.py")
+				Util.spawnCommandLine("/usr/bin/env python3 " + DIRECTORY.path + "/src/main.py loop")
 			} catch(e) {
-				this.showNotification("Error!", 
+				this.showNotification(_("Error!"), 
-					"Cinnamon Dynamic Wallpaper got an error while running the loop script. Please create an issue on GitHub.")
+					_("Cinnamon Dynamic Wallpaper got an error while running the loop script. Please create an issue on GitHub."))
 			}
 
 			// Refresh every 60 seconds
@@ -127,8 +139,7 @@ CinnamonDynamicWallpaperExtension.prototype = {
 			notification.addButton("open-settings", _("Open settings"));
 
 			notification.connect("action-invoked", () =>
-				Util.spawnCommandLine("/usr/bin/env python3 " +
+				Util.spawnCommandLine("/usr/bin/env python3 " + DIRECTORY.path + "/src/main.py"));
-					DIRECTORY.path + "/preferences.py"));
 		}
 
 		// Put all together

cinnamon-dynamic-wallpaper@TobiZog/5.4/icon.svg

@@ -1 +1 @@
-icons/icon.svg
+res/icons/icon.svg

cinnamon-dynamic-wallpaper@TobiZog/5.4/loop.py

@@ -1,110 +0,0 @@
-#!/usr/bin/python3
-
-from scripts.cinnamon_pref_handler import *
-from scripts.suntimes import *
-from datetime import datetime, time
-from enums.PeriodSourceEnum import *
-from scripts.location import *
-from gi.repository import Gio
-from PIL import Image
-
-
-class Loop():
-  def __init__(self) -> None:
-    self.prefs = Cinnamon_Pref_Handler()
-
-    self.suntimes = Suntimes()
-    self.location = Location()
-    self.background_settings = Gio.Settings.new("org.cinnamon.desktop.background")
-
-    # Position should estimate by network
-    if self.prefs.period_source == PeriodSourceEnum.NETWORKLOCATION:
-      current_location = self.location.get_location()
-
-      self.suntimes.calc_suntimes(float(current_location["latitude"]), float(current_location["longitude"]))
-      self.start_times = self.suntimes.day_periods
-
-    # Position is given by user
-    elif self.prefs.period_source == PeriodSourceEnum.CUSTOMLOCATION:
-      self.suntimes.calc_suntimes(float(self.prefs.latitude_custom), float(self.prefs.longitude_custom))
-      self.start_times = self.suntimes.day_periods
-
-    # No position, concrete times
-    else:
-      def string_to_time_converter(raw_str: str) -> time:
-        hour = raw_str[0:raw_str.find(":")]
-        minute = raw_str[raw_str.find(":") + 1:]
-
-        return time(hour=int(hour), minute=int(minute))
-      
-      self.start_times = [
-        string_to_time_converter(self.prefs.period_custom_start_time[0]),
-        string_to_time_converter(self.prefs.period_custom_start_time[1]),
-        string_to_time_converter(self.prefs.period_custom_start_time[2]),
-        string_to_time_converter(self.prefs.period_custom_start_time[3]),
-        string_to_time_converter(self.prefs.period_custom_start_time[4]),
-        string_to_time_converter(self.prefs.period_custom_start_time[5]),
-        string_to_time_converter(self.prefs.period_custom_start_time[6]),
-        string_to_time_converter(self.prefs.period_custom_start_time[7]),
-        string_to_time_converter(self.prefs.period_custom_start_time[8]),
-        string_to_time_converter(self.prefs.period_custom_start_time[9])
-      ]
-
-
-  def exchange_image(self):
-    """ Replace the desktop image
-    """
-    # Get the time of day
-    time_now = time(datetime.now().hour, datetime.now().minute)
-
-    # Assign the last image as fallback
-    self.current_image_uri = self.prefs.source_folder + self.prefs.period_images[9]
-
-    for i in range(0, 9):
-      # Replace the image URI, if it's not the last time period of the day
-      if self.start_times[i] <= time_now and time_now < self.start_times[i + 1]:
-        self.current_image_uri = self.prefs.source_folder + self.prefs.period_images[i]
-        break
-    
-    # Set the background
-    self.background_settings['picture-uri'] = "file://" + self.current_image_uri
-
-    # Set background stretching
-    self.background_settings['picture-options'] = self.prefs.picture_aspect
-
-    self.set_background_gradient()
-
-    
-  def set_background_gradient(self):
-    """ Setting a gradient background to hide images, which are not high enough
-    """
-    # Load the image
-    try:
-      im = Image.open(self.current_image_uri)
-      pix = im.load()
-
-      # Width and height of the current setted image
-      width, height = im.size
-
-      # Color of the top and bottom pixel in the middle of the image
-      top_color = pix[width / 2,0]
-      bottom_color = pix[width / 2, height - 1]
-
-      # Create the gradient
-      self.background_settings['color-shading-type'] = "vertical"
-
-      if self.prefs.dynamic_background_color:
-        self.background_settings['primary-color'] = f"#{top_color[0]:x}{top_color[1]:x}{top_color[2]:x}"
-        self.background_settings['secondary-color'] = f"#{bottom_color[0]:x}{bottom_color[1]:x}{bottom_color[2]:x}"
-      else:
-        self.background_settings['primary-color'] = "#000000"
-        self.background_settings['secondary-color'] = "#000000"
-    except:
-      self.background_settings['primary-color'] = "#000000"
-      self.background_settings['secondary-color'] = "#000000"
-
-
-# Needed for JavaScript
-if __name__ == "__main__":
-  l = Loop()
-  l.exchange_image()

cinnamon-dynamic-wallpaper@TobiZog/5.4/preferences.py

@@ -1,642 +0,0 @@
-#!/usr/bin/python3
-
-############################################################
-#                         Imports                          #
-############################################################
-
-# Packages
-import gi, os, subprocess, time
-from datetime import timedelta
-
-# Local scripts
-from scripts import cinnamon_pref_handler, dialogs, display, images, location, suntimes, time_bar_chart, ui
-from loop import *
-from enums.ImageSourceEnum import ImageSourceEnum
-from enums.PeriodSourceEnum import PeriodSourceEnum
-
-gi.require_version("Gtk", "3.0")
-from gi.repository import Gtk, GdkPixbuf
-
-
-# Global definitions
-PREFERENCES_URI = os.path.dirname(os.path.abspath(__file__))
-GLADE_URI = PREFERENCES_URI + "/preferences.glade"
-
-
-class Preferences:
-	""" Preference window class
-	"""
-
-	############################################################
-	#                         Lifecycle                        #
-	############################################################
-
-	def __init__(self) -> None:
-		# Objects from external scripts
-		self.prefs = cinnamon_pref_handler.Cinnamon_Pref_Handler()
-		self.dialogs = dialogs.Dialogs()
-		self.display = display.Display()
-		self.images = images.Images()
-		self.location = location.Location()
-		self.suntimes = suntimes.Suntimes()
-		self.time_bar_chart = time_bar_chart.Time_Bar_Chart()
-
-		# Glade
-		self.builder = Gtk.Builder()
-		self.builder.add_from_file(GLADE_URI)
-		self.builder.connect_signals(self)
-
-		self.ui = ui.UI(self.builder)
-
-
-		# Local Config
-		self.smaller_ui_height = 1000
-
-
-	def show(self):
-		""" Display the window to the screen
-		"""
-		window = self.builder.get_object("window_main")
-		window.show_all()
-
-		# Load from preferences
-		if self.prefs.image_source == ImageSourceEnum.IMAGESET:
-			self.ui.tb_image_set.set_active(True)
-		elif self.prefs.image_source == ImageSourceEnum.HEICFILE:
-			self.ui.tb_heic_file.set_active(True)
-		elif self.prefs.image_source == ImageSourceEnum.SOURCEFOLDER:
-			self.ui.tb_source_folder.set_active(True)
-
-		
-		# Remove icons in the ToggleButtons if the screen height resolution < 1000 px
-		if self.display.get_screen_height() < self.smaller_ui_height:
-			self.ui.img_tb_image_set.clear()
-			self.ui.img_tb_heic_file.clear()
-			self.ui.img_tb_source_folder.clear()
-			self.ui.img_tb_network_location.clear()
-			self.ui.img_tb_custom_location.clear()
-			self.ui.img_tb_time_periods.clear()
-
-
-		picture_aspects = ["centered", "scaled", "stretched", "zoom", "spanned"]
-		self.ui.add_items_to_combo_box(self.ui.cb_picture_aspect, picture_aspects)
-		self.ui.set_active_combobox_item(self.ui.cb_picture_aspect, self.prefs.picture_aspect)
-
-		self.ui.sw_dynamic_background_color.set_active(self.prefs.dynamic_background_color)
-
-
-		if self.prefs.period_source == PeriodSourceEnum.NETWORKLOCATION:
-			self.ui.tb_network_location.set_active(True)
-		elif self.prefs.period_source == PeriodSourceEnum.CUSTOMLOCATION:
-			self.ui.tb_custom_location.set_active(True)
-		elif self.prefs.period_source == PeriodSourceEnum.CUSTOMTIMEPERIODS:
-			self.ui.tb_time_periods.set_active(True)
-
-
-		# Time diagram
-		try:
-			self.refresh_chart()
-		except:
-			pass
-
-		# Show the main window
-		Gtk.main()
-
-	
-	def on_destroy(self, *args):
-		""" Lifecycle handler when window will be destroyed
-		"""
-		Gtk.main_quit()
-
-
-
-	############################################################
-	#												Local methods											 #
-	############################################################
-
-	def refresh_chart(self):
-		""" Recomputes both time bar charts and load them to the UI
-		"""
-		# Stores the start times of the periods in minutes since midnight
-		time_periods_min = []
-
-		if self.prefs.period_source == PeriodSourceEnum.CUSTOMTIMEPERIODS:
-			for i in range(0, 10):
-				time_str = self.prefs.period_custom_start_time[i]
-
-				time_periods_min.append(int(time_str[0:2]) * 60 + int(time_str[3:5]))
-		else:
-			if self.prefs.period_source == PeriodSourceEnum.NETWORKLOCATION:
-				self.suntimes.calc_suntimes(float(self.prefs.latitude_auto), float(self.prefs.longitude_auto))
-			else:
-				self.suntimes.calc_suntimes(float(self.ui.etr_latitude.get_text()), float(self.ui.etr_longitude.get_text()))	
-
-			
-			# Get all time periods. Store the minutes to the list and print the values to the text views
-			for i in range(0, 10):
-				time_range_now = self.suntimes.day_periods[i]
-
-				if i != 9:
-					time_range_next = self.suntimes.day_periods[i + 1]
-				else:
-					time_range_next = time(hour=23, minute=59)
-
-				self.ui.etr_periods[i].set_text(
-					str(time_range_now.hour).rjust(2, '0') + ":" + str(time_range_now.minute).rjust(2, '0') + \
-						" - " + str(time_range_next.hour).rjust(2, '0') + ":" + str(time_range_next.minute).rjust(2, '0'))
-				
-				time_periods_min.append(time_range_now.hour * 60 + time_range_now.minute)
-
-		# Create time bar
-		# Reduce size for small displays
-		if self.display.get_screen_height() < self.smaller_ui_height:
-			bar_width = 1150
-			bar_height = 110
-		else:
-			bar_width = 1300
-			bar_height = 150
-
-		self.time_bar_chart.create_bar_chart_with_polylines(PREFERENCES_URI, bar_width, bar_height, time_periods_min)
-		self.time_bar_chart.create_bar_chart(PREFERENCES_URI, bar_width, bar_height, time_periods_min)
-
-		# Load to the views
-		pixbuf = GdkPixbuf.Pixbuf.new_from_file(PREFERENCES_URI + "/time_bar_polylines.svg")
-		self.ui.img_bar_images.set_from_pixbuf(pixbuf)
-
-		pixbuf2 = GdkPixbuf.Pixbuf.new_from_file(PREFERENCES_URI + "/time_bar.svg")
-		self.ui.img_bar_times.set_from_pixbuf(pixbuf2)
-
-
-	def load_image_options_to_combo_boxes(self, options: list):
-		""" Add a list of Strings to all image option comboboxes
-
-		Args:
-				options (list): All possible options
-		"""
-		options.insert(0, "")
-
-		for combobox in self.ui.cb_periods:
-			self.ui.add_items_to_combo_box(combobox, options)
-
-
-	def load_image_to_preview(self, image_preview: Gtk.Image, image_src: str):
-		""" Scales the image to a lower resoultion and put them into the time bar chart
-
-		Args:
-				image_preview (Gtk.Image): Gtk Image where it will be displayed
-				image_src (str): Absolute path to the image
-		"""
-		try:
-			pixbuf = GdkPixbuf.Pixbuf.new_from_file(image_src)
-
-			screen_height = self.display.get_screen_height()
-
-			# Scaling the images smaller for screens
-			if screen_height < self.smaller_ui_height:
-				pixbuf = pixbuf.scale_simple(221, 128, GdkPixbuf.InterpType.BILINEAR)
-			else:
-				pixbuf = pixbuf.scale_simple(260, 150, GdkPixbuf.InterpType.BILINEAR)
-
-			image_preview.set_from_pixbuf(pixbuf)
-		except:
-			pass
-
-
-	############################################################
-	#													Callbacks											 	 #
-	############################################################
-
-	## Image Configuration
-			
-	# +-----------+-----------+---------------+
-	# | Image Set | HEIC file | Source Folder |
-	# +-----------+-----------+---------------+
-
-	def on_toggle_button_image_set_clicked(self, button: Gtk.ToggleButton):
-		""" Clicked on ToggleButton "Image Set"
-
-		Args:
-				button (Gtk.ToggleButton): Clicked ToggleButton
-		"""
-		if button.get_active():
-			self.prefs.image_source = ImageSourceEnum.IMAGESET
-			self.ui.tb_heic_file.set_active(False)
-			self.ui.tb_source_folder.set_active(False)
-
-			self.ui.lbr_image_set.set_visible(True)
-			self.ui.lbr_heic_file.set_visible(False)
-			self.ui.lbr_source_folder.set_visible(False)
-
-			image_set_choices = [
-				"aurora", "beach", 
-				"bitday", "cliffs", 
-				"earth", "gradient", 
-				"lakeside", "mountains", 
-				"sahara"
-			]
-			self.ui.add_items_to_combo_box(self.ui.cb_image_set, image_set_choices)
-
-			self.ui.set_active_combobox_item(self.ui.cb_image_set, self.prefs.selected_image_set)
-
-			for i, combobox in enumerate(self.ui.cb_periods):
-				selected_image_name = self.prefs.period_images[i]
-				self.ui.set_active_combobox_item(combobox, selected_image_name)
-
-			# Make the comboboxes invisible
-			for combobox in self.ui.cb_periods:
-				combobox.set_visible(False)
-		
-	
-	def on_toggle_button_heic_file_clicked(self, button: Gtk.ToggleButton):
-		""" Clicked on ToggleButton "Heic file"
-
-		Args:
-				button (Gtk.ToggleButton): Clicked ToggleButton
-		"""
-		if button.get_active():
-			self.prefs.image_source = ImageSourceEnum.HEICFILE
-			self.ui.tb_image_set.set_active(False)
-			self.ui.tb_source_folder.set_active(False)
-
-			self.ui.lbr_image_set.set_visible(False)
-			self.ui.lbr_heic_file.set_visible(True)
-			self.ui.lbr_source_folder.set_visible(False)
-
-			# Make the comboboxes visible
-			for combobox in self.ui.cb_periods:
-				combobox.set_visible(True)
-
-			# Load images from source folder
-			files = self.images.get_images_from_folder(self.prefs.source_folder)
-
-			if len(files) != 0:
-				self.load_image_options_to_combo_boxes(files)
-
-				# Load the values for the images from the preferences
-				for i in range(0, 10):
-					self.ui.set_active_combobox_item(self.ui.cb_periods[i], self.prefs.period_images[i])
-			else:
-				print("No image files!")
-
-
-	def on_toggle_button_source_folder_clicked(self, button: Gtk.ToggleButton):
-		""" Clicked on ToggleButton "Source Folder"
-
-		Args:
-				button (Gtk.ToggleButton): Clicked ToggleButton
-		"""
-		if button.get_active():
-			self.prefs.image_source = ImageSourceEnum.SOURCEFOLDER
-			self.ui.tb_image_set.set_active(False)
-			self.ui.tb_heic_file.set_active(False)
-
-			self.ui.lbr_image_set.set_visible(False)
-			self.ui.lbr_heic_file.set_visible(False)
-			self.ui.lbr_source_folder.set_visible(True)
-
-			# Make the comboboxes visible
-			for combobox in self.ui.cb_periods:
-				combobox.set_visible(True)
-
-			# Load the source folder to the view
-			# This will update the comboboxes in the preview to contain the right items
-			self.ui.lbl_source_folder.set_label(self.prefs.source_folder)
-
-			# Load files from saved source folder
-			files = self.images.get_images_from_folder(self.prefs.source_folder)
-
-			if len(files) != 0:
-				self.load_image_options_to_combo_boxes(files)
-
-				# Load the values for the images from the preferences
-				for i in range(0, 10):
-					self.ui.set_active_combobox_item(self.ui.cb_periods[i], self.prefs.period_images[i])
-			else:
-				print("No image files!")
-
-
-
-	# +------------------------------------+
-	# | Select an image set     | aurora ▼ |
-	# +------------------------------------+
-
-	def on_cb_image_set_changed(self, combobox: Gtk.ComboBox):
-		""" User select on of the included image sets
-
-		Args:
-				combobox (Gtk.ComboBox): The used ComboBox
-		"""
-		tree_iter = combobox.get_active_iter()
-
-		if tree_iter is not None and self.prefs.image_source == ImageSourceEnum.IMAGESET:
-			# Get the selected value
-			model = combobox.get_model()
-			selected_image_set = model[tree_iter][0]
-
-			# Store to the preferences
-			self.prefs.selected_image_set = selected_image_set
-			self.prefs.source_folder = os.path.abspath(os.path.join(PREFERENCES_URI, os.pardir)) + \
-				  "/5.4/images/included_image_sets/" + selected_image_set + "/"
-			
-			# Load all possible options to the comboboxes
-			image_names = self.images.get_images_from_folder(self.prefs.source_folder)
-			self.load_image_options_to_combo_boxes(image_names)
-
-			# Image sets have the same names for the images:
-			# 9.jpg = Period 0
-			# 1.jpg = Period 1
-			# 2.jpg = Period 2
-			# and so on....
-			for i in range(0, 10):
-				self.ui.cb_periods[i].set_active(i + 1)
-
-
-	# +----------------------------------------------+
-	# | Select a heic file to import     | (None) 📄 |
-	# +----------------------------------------------+
-
-	def on_fc_heic_file_file_set(self, fc_button: Gtk.FileChooser):
-		""" User has a heic file selected with the FileChooserDialog
-
-		Args:
-				fc_button (Gtk.FileChooser): Parameter about the selected file
-		"""
-		# The the absolute path to the heic file
-		file_path: str = fc_button.get_filename()
-
-		# Extract the heic file
-		result = self.images.extract_heic_file(file_path)
-
-		# Update the preferences
-		self.prefs.selected_image_set = ""
-		self.prefs.source_folder = PREFERENCES_URI + "/images/extracted_images/"
-
-		# Load images only if the extraction was successfully
-		if result:
-			# Collect all extracted images and push them to the comboboxes
-			image_names = self.images.get_images_from_folder(self.prefs.source_folder)
-			self.load_image_options_to_combo_boxes(image_names)
-		else:
-			self.dialogs.message_dialog("Error during extraction")
-
-
-	# +------------------------------------------------------------+
-	# | Select a source folder     | 📂 Open file selection dialog |
-	# |             /home/developer/Downloads/
-	# +------------------------------------------------------------+
-
-	def on_btn_source_folder_clicked(self, button: Gtk.Button):
-		""" Button to choose an image source folder was clicked
-
-		Args:
-				button (Gtk.Button): The clicked button
-		"""
-		folder = self.dialogs.source_folder_dialog()
-		files = self.images.get_images_from_folder(folder)
-
-		# Update the preferences
-		self.prefs.selected_image_set = ""
-		self.prefs.source_folder = folder + "/"
-
-		# Update the label
-		self.ui.lbl_source_folder.set_label(folder)
-
-		# Update the image comboboxes
-		self.load_image_options_to_combo_boxes(files)
-
-		# Load the values for the images from the preferences
-		for i in range(0, 10):
-			self.ui.cb_periods[i].set_active(0)
-
-		if len(files) == 1:
-			self.dialogs.message_dialog("No image files found!")
-	
-
-	def on_cb_period_preview_changed(self, combobox: Gtk.ComboBox):
-		""" User select an image from the ComboBox for the time period
-
-		Args:
-				combobox (Gtk.ComboBox): The used ComboBox
-		"""
-		tree_iter = combobox.get_active_iter()
-
-		combobox_name = Gtk.Buildable.get_name(combobox)
-		period_index = int(combobox_name[10:11])
-
-		if tree_iter is not None:
-			# Get the selected value
-			model = combobox.get_model()
-			image_file_name = model[tree_iter][0]
-
-			# Store selection to preferences
-			self.prefs.period_images[period_index] = image_file_name
-
-			# Build up image path
-			image_path = self.prefs.source_folder + image_file_name
-
-			self.load_image_to_preview(self.ui.img_periods[period_index], image_path)
-	
-
-	## Location & Times
-
-	def on_toggle_button_network_location_clicked(self, button: Gtk.ToggleButton):
-		""" User clicks on the ToggleButton for the network location
-
-		Args:
-				button (Gtk.ToggleButton): Clicked ToggleButton
-		"""
-		if button.get_active():
-			self.prefs.period_source = PeriodSourceEnum.NETWORKLOCATION
-			self.ui.tb_custom_location.set_active(False)
-			self.ui.tb_time_periods.set_active(False)
-
-			self.ui.lbr_network_location.set_visible(True)
-			self.ui.lbr_current_location.set_visible(True)
-			self.ui.lbr_custom_location_longitude.set_visible(False)
-			self.ui.lbr_custom_location_latitude.set_visible(False)
-			self.ui.lbr_time_periods.set_visible(False)
-
-			self.ui.spb_network_location_refresh_time.set_value(self.prefs.location_refresh_intervals)
-		
-
-			# Display the location in the UI
-			current_location = self.location.get_location()
-			self.ui.lb_current_location.set_text("Latitude: " + current_location["latitude"] + \
-																		 ", Longitude: " + current_location["longitude"])
-			
-			# Store the location to the preferences
-			self.prefs.latitude_auto = float(current_location["latitude"])
-			self.prefs.longitude_auto = float(current_location["longitude"])
-
-			self.refresh_chart()
-
-
-	def on_toggle_button_custom_location_clicked(self, button: Gtk.ToggleButton):
-		if button.get_active():
-			self.prefs.period_source = PeriodSourceEnum.CUSTOMLOCATION
-			self.ui.tb_network_location.set_active(False)
-			self.ui.tb_time_periods.set_active(False)
-
-			self.ui.lbr_network_location.set_visible(False)
-			self.ui.lbr_current_location.set_visible(False)
-			self.ui.lbr_custom_location_longitude.set_visible(True)
-			self.ui.lbr_custom_location_latitude.set_visible(True)
-			self.ui.lbr_time_periods.set_visible(False)
-
-			self.ui.etr_latitude.set_text(str(self.prefs.latitude_custom))
-			self.ui.etr_longitude.set_text(str(self.prefs.longitude_custom))
-
-
-	def on_toggle_button_time_periods_clicked(self, button: Gtk.ToggleButton):
-		if button.get_active():
-			self.prefs.period_source = PeriodSourceEnum.CUSTOMTIMEPERIODS
-			self.ui.tb_network_location.set_active(False)
-			self.ui.tb_custom_location.set_active(False)
-
-			self.ui.lbr_network_location.set_visible(False)
-			self.ui.lbr_current_location.set_visible(False)
-			self.ui.lbr_custom_location_longitude.set_visible(False)
-			self.ui.lbr_custom_location_latitude.set_visible(False)
-			self.ui.lbr_time_periods.set_visible(True)
-			
-			
-			for i in range(0, 9):
-				pref_value = self.prefs.period_custom_start_time[i + 1]
-				time_parts = [int(pref_value[0:pref_value.find(":")]), int(pref_value[pref_value.find(":") + 1:])]
-
-				self.ui.spb_periods_hour[i].set_value(time_parts[0])
-				self.ui.spb_periods_minute[i].set_value(time_parts[1])
-
-
-
-	def on_spb_period_value_changed(self, spin_button: Gtk.SpinButton):
-		""" Callback if one of the time spinners (minute or hour) will be clicked
-
-					 (1)							 (2)							 (3)
-			Previous period		Current period		 Next period
-			12:34 - 14:40			14:41 - 16:20			16:21 - 17:30
-													^
-										Variable to change
-
-		Args:
-				spin_button (Gtk.SpinButton): SpinButton which was changed
-		"""
-		spin_button_name = Gtk.Buildable.get_name(spin_button)
-		index = int(spin_button_name[11:12]) - 1
-
-		# Determe time string and store to prefs
-		time_current_start = datetime(2024,1,1, int(self.ui.spb_periods_hour[index].get_value()), int(self.ui.spb_periods_minute[index].get_value()))
-		time_current_start_str = str(time_current_start.hour).rjust(2, '0') + ":" + str(time_current_start.minute).rjust(2, '0')
-
-		self.prefs.period_custom_start_time[index + 1] = time_current_start_str
-		
-
-		time_previous_end = time_current_start - timedelta(minutes=1)
-		self.ui.lb_period_end[index].set_text(str(time_previous_end.hour).rjust(2, '0') + ":" + str(time_previous_end.minute).rjust(2, '0'))
-
-
-		self.refresh_chart()
-
-
-	def on_spb_network_location_refresh_time_changed(self, spin_button: Gtk.SpinButton):
-		""" User changed the refresh time of network location estimation
-
-		Args:
-				spin_button (Gtk.SpinButton): The used SpinButton
-		"""
-		self.prefs.location_refresh_intervals = spin_button.get_value()
-
-
-	def on_etr_longitude_changed(self, entry: Gtk.Entry):
-		""" User changes the value of the longitude Entry
-
-		Args:
-				entry (Gtk.Entry): The manipulated Entry object
-		"""
-		try:
-			self.prefs.longitude_custom = float(entry.get_text())
-			self.refresh_chart()
-		except:
-			pass
-
-
-	def on_etr_latitude_changed(self, entry: Gtk.Entry):
-		""" User changes the value of the latitude Entry
-
-		Args:
-				entry (Gtk.Entry): The manipulated Entry object
-		"""
-		try:
-			self.prefs.latitude_custom = float(entry.get_text())
-			self.refresh_chart()
-		except:
-			pass
-
-
-	# Behaviour
-		
-	def on_cb_picture_aspect_changed(self, combobox: Gtk.ComboBox):
-		tree_iter = combobox.get_active_iter()
-
-		if tree_iter is not None:
-			model = combobox.get_model()
-			self.prefs.picture_aspect = model[tree_iter][0]
-		
-	def on_sw_dynamic_background_color_state_set(self, switch: Gtk.Switch, state):
-		self.prefs.dynamic_background_color = state
-
-
-	# About
-
-	def on_cinnamon_spices_website_button_clicked(self, button: Gtk.Button):
-		""" Callback for the button to navigate to the Cinnamon Spices web page of this project
-
-		Args:
-				button (Gtk.Button): Button which was clicked
-		"""
-		subprocess.Popen(["xdg-open", "https://cinnamon-spices.linuxmint.com/extensions/view/97"])
-
-
-	def on_github_website_button_clicked(self, button: Gtk.Button):
-		""" Callback for the button to navigate to the GitHub web page of this project
-
-		Args:
-				button (Gtk.Button): Button which was clicked
-		"""
-		subprocess.Popen(["xdg-open", "https://github.com/TobiZog/cinnamon-dynamic-wallpaper"])
-
-
-	def on_create_issue_button_clicked(self, button):
-		""" Callback for the button to navigate to the Issues page on GitHub of this project
-
-		Args:
-				button (Gtk.Button): Button which was clicked
-		"""
-		subprocess.Popen(["xdg-open", "https://github.com/TobiZog/cinnamon-dynamic-wallpaper/issues/new"])
-
-
-	def on_ok(self, *args):
-		""" Callback for the OK button in the top bar
-		"""
-		try:
-			self.on_apply()
-		except:
-			pass
-
-		# Close the window
-		self.on_destroy()
-
-
-	def on_apply(self, *args):
-		""" Callback for the Apply button in the top bar
-		"""
-		# Store all values to the JSON file
-		self.prefs.store_preferences()
-
-		# Use the new settings
-		loop = Loop()
-		loop.exchange_image()
-
-
-if __name__ == "__main__":
-	Preferences().show()

cinnamon-dynamic-wallpaper@TobiZog/5.4/res/preferences.glade

@@ -461,7 +461,7 @@
                             <property name="visible">True</property>
                             <property name="can-focus">False</property>
                             <property name="margin-top">16</property>
-                            <property name="label" translatable="yes">label</property>
+                            <property name="label">label</property>
                             <attributes>
                               <attribute name="style" value="italic"/>
                             </attributes>
@@ -517,7 +517,7 @@
                       <object class="GtkLabel" id="etr_period_1">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">00:00 - 07:35</property>
+                        <property name="label">00:00 - 00:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -531,7 +531,7 @@
                       <object class="GtkLabel" id="etr_period_3">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">08:15 - 08:43</property>
+                        <property name="label">02:00 - 02:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -545,7 +545,7 @@
                       <object class="GtkLabel" id="etr_period_5">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">11:13 - 13:12</property>
+                        <property name="label">04:00 - 04:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -559,7 +559,7 @@
                       <object class="GtkLabel" id="etr_period_7">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">14:42 - 15:41</property>
+                        <property name="label">06:00 - 06:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -573,7 +573,7 @@
                       <object class="GtkLabel" id="etr_period_9">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">16:13 - 16:52</property>
+                        <property name="label">08:00 - 08:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -789,7 +789,7 @@
                       <object class="GtkLabel" id="etr_period_2">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">07:35 - 08:14</property>
+                        <property name="label">01:00 - 01:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -803,7 +803,7 @@
                       <object class="GtkLabel" id="etr_period_4">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">08:44 - 11:12</property>
+                        <property name="label">03:00 - 03:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -817,7 +817,7 @@
                       <object class="GtkLabel" id="etr_period_6">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">13:13 - 14:41</property>
+                        <property name="label">05:00 - 05:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -831,7 +831,7 @@
                       <object class="GtkLabel" id="etr_period_8">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">15:41 - 16:12</property>
+                        <property name="label">07:00 - 07:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -845,7 +845,7 @@
                       <object class="GtkLabel" id="etr_period_10">
                         <property name="visible">True</property>
                         <property name="can-focus">False</property>
-                        <property name="label" translatable="yes">16:53 - 23:59</property>
+                        <property name="label">09:00 - 09:59</property>
                         <attributes>
                           <attribute name="size" value="15360"/>
                         </attributes>
@@ -1147,7 +1147,7 @@
                 <property name="selection-mode">none</property>
                 <property name="activate-on-single-click">False</property>
                 <child>
-                  <object class="GtkListBoxRow" id="lbr_network_location">
+                  <object class="GtkListBoxRow" id="lbr_network_refresh_time">
                     <property name="visible">True</property>
                     <property name="can-focus">True</property>
                     <child>
@@ -1173,7 +1173,7 @@
                           </packing>
                         </child>
                         <child>
-                          <object class="GtkSpinButton" id="spb_network_location_refresh_time">
+                          <object class="GtkSpinButton" id="spb_network_refresh_time">
                             <property name="visible">True</property>
                             <property name="can-focus">True</property>
                             <property name="adjustment">adjustment1</property>
@@ -1189,6 +1189,50 @@
                     </child>
                   </object>
                 </child>
+                <child>
+                  <object class="GtkListBoxRow" id="lbr_network_provider">
+                    <property name="visible">True</property>
+                    <property name="can-focus">True</property>
+                    <child>
+                      <object class="GtkBox">
+                        <property name="visible">True</property>
+                        <property name="can-focus">False</property>
+                        <property name="margin-left">8</property>
+                        <property name="margin-right">8</property>
+                        <property name="margin-start">8</property>
+                        <property name="margin-end">8</property>
+                        <property name="margin-top">8</property>
+                        <property name="margin-bottom">8</property>
+                        <property name="homogeneous">True</property>
+                        <child>
+                          <object class="GtkLabel">
+                            <property name="visible">True</property>
+                            <property name="can-focus">False</property>
+                            <property name="halign">start</property>
+                            <property name="label" translatable="yes">Location provider</property>
+                          </object>
+                          <packing>
+                            <property name="expand">False</property>
+                            <property name="fill">True</property>
+                            <property name="position">0</property>
+                          </packing>
+                        </child>
+                        <child>
+                          <object class="GtkComboBox" id="cb_network_provider">
+                            <property name="visible">True</property>
+                            <property name="can-focus">False</property>
+                            <signal name="changed" handler="on_cb_network_provider_changed" swapped="no"/>
+                          </object>
+                          <packing>
+                            <property name="expand">False</property>
+                            <property name="fill">True</property>
+                            <property name="position">1</property>
+                          </packing>
+                        </child>
+                      </object>
+                    </child>
+                  </object>
+                </child>
                 <child>
                   <object class="GtkListBoxRow" id="lbr_current_location">
                     <property name="visible">True</property>
@@ -1201,7 +1245,7 @@
                         <property name="margin-end">8</property>
                         <property name="margin-top">8</property>
                         <property name="margin-bottom">8</property>
-                        <property name="label" translatable="yes">label</property>
+                        <property name="label">label</property>
                         <attributes>
                           <attribute name="style" value="italic"/>
                         </attributes>
@@ -1388,7 +1432,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours5</property>
                                 <property name="value">23</property>
@@ -1408,7 +1452,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1423,7 +1467,7 @@
                               <object class="GtkSpinButton" id="spb_period_5_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes5</property>
                                 <property name="value">59</property>
@@ -1439,7 +1483,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1458,7 +1502,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1485,7 +1529,7 @@
                                 <property name="can-focus">True</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours6</property>
                                 <property name="value">23</property>
@@ -1505,7 +1549,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1520,7 +1564,7 @@
                               <object class="GtkSpinButton" id="spb_period_6_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes6</property>
                                 <property name="value">59</property>
@@ -1536,7 +1580,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1555,7 +1599,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1582,7 +1626,7 @@
                                 <property name="can-focus">True</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours7</property>
                                 <property name="value">23</property>
@@ -1602,7 +1646,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1617,7 +1661,7 @@
                               <object class="GtkSpinButton" id="spb_period_7_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes7</property>
                                 <property name="value">59</property>
@@ -1633,7 +1677,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1652,7 +1696,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1677,7 +1721,7 @@
                               <object class="GtkSpinButton" id="spb_period_8_hour">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours8</property>
                                 <property name="value">23</property>
@@ -1697,7 +1741,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1712,7 +1756,7 @@
                               <object class="GtkSpinButton" id="spb_period_8_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes8</property>
                                 <property name="value">59</property>
@@ -1728,7 +1772,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1747,7 +1791,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1776,7 +1820,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours9</property>
                                 <property name="value">23</property>
@@ -1796,7 +1840,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1811,7 +1855,7 @@
                               <object class="GtkSpinButton" id="spb_period_9_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">57</property>
+                                <property name="text">57</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes9</property>
                                 <property name="value">57</property>
@@ -1827,7 +1871,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1846,7 +1890,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">23:59</property>
+                                <property name="label">23:59</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1945,7 +1989,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1960,7 +2004,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -1979,7 +2023,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2008,7 +2052,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours2</property>
                                 <property name="value">23</property>
@@ -2028,7 +2072,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2043,7 +2087,7 @@
                               <object class="GtkSpinButton" id="spb_period_2_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes2</property>
                                 <property name="value">59</property>
@@ -2059,7 +2103,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2078,7 +2122,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2107,7 +2151,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours3</property>
                                 <property name="value">23</property>
@@ -2127,7 +2171,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2142,7 +2186,7 @@
                               <object class="GtkSpinButton" id="spb_period_3_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes3</property>
                                 <property name="value">59</property>
@@ -2158,7 +2202,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2177,7 +2221,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2206,7 +2250,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours4</property>
                                 <property name="value">23</property>
@@ -2226,7 +2270,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2241,7 +2285,7 @@
                               <object class="GtkSpinButton" id="spb_period_4_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes4</property>
                                 <property name="value">59</property>
@@ -2257,7 +2301,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2276,7 +2320,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2301,7 +2345,7 @@
                               <object class="GtkSpinButton" id="spb_period_1_hour">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">23</property>
+                                <property name="text">23</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_hours1</property>
                                 <property name="value">23</property>
@@ -2321,7 +2365,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">:</property>
+                                <property name="label">:</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2336,7 +2380,7 @@
                               <object class="GtkSpinButton" id="spb_period_1_minute">
                                 <property name="visible">True</property>
                                 <property name="can-focus">True</property>
-                                <property name="text" translatable="yes">59</property>
+                                <property name="text">59</property>
                                 <property name="orientation">vertical</property>
                                 <property name="adjustment">adjustment_minutes1</property>
                                 <property name="value">59</property>
@@ -2352,7 +2396,7 @@
                               <object class="GtkLabel">
                                 <property name="visible">True</property>
                                 <property name="can-focus">False</property>
-                                <property name="label" translatable="yes">-</property>
+                                <property name="label">-</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2371,7 +2415,7 @@
                                 <property name="margin-right">8</property>
                                 <property name="margin-start">8</property>
                                 <property name="margin-end">8</property>
-                                <property name="label" translatable="yes">00:00</property>
+                                <property name="label">00:00</property>
                                 <attributes>
                                   <attribute name="size" value="20480"/>
                                 </attributes>
@@ -2427,6 +2471,23 @@
             <property name="margin-top">8</property>
             <property name="margin-bottom">8</property>
             <property name="orientation">vertical</property>
+            <property name="spacing">8</property>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="halign">start</property>
+                <property name="label" translatable="yes">Scaling</property>
+                <attributes>
+                  <attribute name="weight" value="bold"/>
+                </attributes>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">0</property>
+              </packing>
+            </child>
             <child>
               <object class="GtkListBox">
                 <property name="visible">True</property>
@@ -2448,6 +2509,7 @@
                         <property name="margin-end">12</property>
                         <property name="margin-top">12</property>
                         <property name="margin-bottom">12</property>
+                        <property name="homogeneous">True</property>
                         <child>
                           <object class="GtkLabel">
                             <property name="visible">True</property>
@@ -2478,6 +2540,36 @@
                     </child>
                   </object>
                 </child>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="padding">3</property>
+                <property name="position">1</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="halign">start</property>
+                <property name="label" translatable="yes">Login Screen</property>
+                <attributes>
+                  <attribute name="weight" value="bold"/>
+                </attributes>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">2</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkListBox">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="selection-mode">none</property>
+                <property name="activate-on-single-click">False</property>
                 <child>
                   <object class="GtkListBoxRow">
                     <property name="visible">True</property>
@@ -2498,7 +2590,81 @@
                             <property name="can-focus">False</property>
                             <property name="halign">start</property>
                             <property name="hexpand">True</property>
-                            <property name="label" translatable="yes">Dynamic Background color</property>
+                            <property name="label" translatable="yes">Set the background image as Login Screen background</property>
+                          </object>
+                          <packing>
+                            <property name="expand">False</property>
+                            <property name="fill">True</property>
+                            <property name="position">0</property>
+                          </packing>
+                        </child>
+                        <child>
+                          <object class="GtkSwitch" id="sw_login_image">
+                            <property name="visible">True</property>
+                            <property name="can-focus">True</property>
+                            <signal name="state-set" handler="on_sw_login_image_state_set" swapped="no"/>
+                          </object>
+                          <packing>
+                            <property name="expand">False</property>
+                            <property name="fill">True</property>
+                            <property name="position">1</property>
+                          </packing>
+                        </child>
+                      </object>
+                    </child>
+                  </object>
+                </child>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="padding">3</property>
+                <property name="position">3</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkLabel">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="halign">start</property>
+                <property name="label" translatable="yes">Dynamic Background color</property>
+                <attributes>
+                  <attribute name="weight" value="bold"/>
+                </attributes>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">4</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkListBox">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="selection-mode">none</property>
+                <property name="activate-on-single-click">False</property>
+                <child>
+                  <object class="GtkListBoxRow">
+                    <property name="visible">True</property>
+                    <property name="can-focus">True</property>
+                    <child>
+                      <object class="GtkBox">
+                        <property name="visible">True</property>
+                        <property name="can-focus">False</property>
+                        <property name="margin-left">12</property>
+                        <property name="margin-right">12</property>
+                        <property name="margin-start">12</property>
+                        <property name="margin-end">12</property>
+                        <property name="margin-top">12</property>
+                        <property name="margin-bottom">12</property>
+                        <child>
+                          <object class="GtkLabel">
+                            <property name="visible">True</property>
+                            <property name="can-focus">False</property>
+                            <property name="halign">start</property>
+                            <property name="hexpand">True</property>
+                            <property name="label" translatable="yes">Use dynamic Background color to create a gradient</property>
                           </object>
                           <packing>
                             <property name="expand">False</property>
@@ -2527,7 +2693,19 @@
                 <property name="expand">False</property>
                 <property name="fill">True</property>
                 <property name="padding">3</property>
-                <property name="position">0</property>
+                <property name="position">5</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GtkImage">
+                <property name="visible">True</property>
+                <property name="can-focus">False</property>
+                <property name="pixbuf">images/dynamic_background_example.png</property>
+              </object>
+              <packing>
+                <property name="expand">False</property>
+                <property name="fill">True</property>
+                <property name="position">6</property>
               </packing>
             </child>
           </object>
@@ -2747,7 +2925,7 @@
                         <property name="margin-end">12</property>
                         <property name="margin-top">12</property>
                         <property name="margin-bottom">12</property>
-                        <property name="label" translatable="yes">Do you find an issue? Or want a new feature? Go to the GitHub repository and create a new issue. If you find an error message in the logs above, add it to the issue report.</property>
+                        <property name="label" translatable="yes">Do you find an issue? Or want a new feature? Go to the GitHub repository and create a new issue.</property>
                       </object>
                     </child>
                   </object>