New Customization Options!

- You can now change colours of day, date and time individually. - You can now show/hide any line.
Prayag2 · May 19, 2022 · a376d1a · a376d1a
1 parent 6a22f05
commit a376d1a
Show file tree

Hide file tree

Showing 6 changed files with 131 additions and 36 deletions.
diff --git a/package/contents/config/main.xml b/package/contents/config/main.xml
@@ -12,6 +12,9 @@
         <entry name="day_letter_spacing" type="Int">
             <default>17</default>
         </entry>
+        <entry name="show_day" type="Bool">
+            <default>true</default>
+        </entry>
         <entry name="date_font_size" type="Int">
             <default>19</default>
         </entry>
@@ -21,13 +24,25 @@
         <entry name="date_format" type="String">
             <default>dd MMM yyyy</default>
         </entry>
+        <entry name="show_date" type="Bool">
+            <default>true</default>
+        </entry>
         <entry name="time_font_size" type="Int">
             <default>19</default>
         </entry>
         <entry name="time_letter_spacing" type="Int">
             <default>3</default>
         </entry>
-        <entry name="font_color" type="Color">
+        <entry name="time_font_color" type="Color">
+            <default>#FFFFFF</default>
+        </entry>
+        <entry name="show_time" type="Bool">
+            <default>true</default>
+        </entry>
+        <entry name="date_font_color" type="Color">
+            <default>#FFFFFF</default>
+        </entry>
+        <entry name="day_font_color" type="Color">
             <default>#FFFFFF</default>
         </entry>
         <entry name="use_24_hour_format" type="Bool">

diff --git a/package/contents/ui/ColorDial.qml b/package/contents/ui/ColorDial.qml
@@ -0,0 +1,35 @@
+import QtQuick 2.0
+import QtQuick.Controls 2.0
+import QtQuick.Layouts 1.15
+import QtQuick.Dialogs 1.0
+import org.kde.plasma.core 2.0 as PlasmaCore
+
+RowLayout {
+    id: root
+    property var color;
+
+    Label {
+        text: i18n("Font Color")
+    }             
+    Rectangle {
+        id: colorbutton
+        height: PlasmaCore.Units.gridUnit * 1.3; width: height
+        border.width: 1
+        color: root.color
+        border.color: "gray"
+        MouseArea {
+            anchors.fill: parent
+            onClicked: {
+                colordialog.visible=true
+            }
+        }
+    }
+    ColorDialog {
+        id: colordialog
+        title: i18n("Select a color")
+        onAccepted: {
+            root.color=color
+        }
+    }
+}
+
diff --git a/package/contents/ui/ColorDialog.qml b/package/contents/ui/ColorDialog.qml
@@ -0,0 +1,25 @@
+RowLayout {
+        Label {
+            text: i18n("Font Color")
+        }             
+        Rectangle {
+            id: colorbutton
+            height: PlasmaCore.Units.gridUnit * 1.3; width: height
+            border.width: 1
+            border.color: "gray"
+            color: cfg_font_color
+            MouseArea {
+                anchors.fill: parent
+                onClicked: {
+                    colordialog.visible=true
+                }
+            }
+        }
+    }
+    ColorDialog {
+        id: colordialog
+        title: i18n("Select a color")
+        onAccepted: {
+            cfg_font_color=color
+        }
+    }
diff --git a/package/contents/ui/configAppearance.qml b/package/contents/ui/configAppearance.qml
@@ -9,23 +9,36 @@ Column {
     id: appearancePage
 
     // properties
+    property alias cfg_show_day: showDay.checked
+    property alias cfg_show_date: showDate.checked
+    property alias cfg_show_time: showTime.checked
     property alias cfg_day_font_size: dayFontSize.value
     property alias cfg_date_font_size: dateFontSize.value
     property alias cfg_time_font_size: timeFontSize.value
     property alias cfg_day_letter_spacing: dayLetterSpacing.value
+    property alias cfg_day_font_color: dayFontColor.color
     property alias cfg_date_letter_spacing: dateLetterSpacing.value
     property alias cfg_time_letter_spacing: timeLetterSpacing.value
-    property alias cfg_font_color: colordialog.color
+    property alias cfg_time_font_color: timeFontColor.color
     property alias cfg_use_24_hour_format: use24HourFormat.checked
     property alias cfg_time_character: timeCharacter.text
     property alias cfg_date_format: dateFormat.text
+    property alias cfg_date_font_color: dateFontColor.color
 
     // size
     spacing: 5 
 
     Title {
         title: i18n("Day")
     }
+    RowLayout {
+        Label {
+            text: i18n("Show Day")
+        }
+        CheckBox {
+            id: showDay
+        }
+    }
     NumberField {
         id: dayFontSize
         label: i18n("Font Size")
@@ -34,10 +47,21 @@ Column {
         id: dayLetterSpacing
         label: i18n("Letter Spacing")
     }
-
+    ColorDial {
+        id: dayFontColor 
+        color: cfg_day_font_color
+    }
     Title {
         title: i18n("Date")
     }
+    RowLayout {
+        Label {
+            text: i18n("Show Date")
+        }
+        CheckBox {
+            id: showDate
+        }
+    }
     NumberField {
         id: dateFontSize
         label: i18n("Font Size")
@@ -54,11 +78,23 @@ Column {
             id: dateFormat
         }
     }
+    ColorDial {
+        id: dateFontColor
+        color: cfg_date_font_color
+    }
 
 
     Title {
         title: i18n("Time")
     }
+    RowLayout {
+        Label {
+            text: i18n("Show Time")
+        }
+        CheckBox {
+            id: showTime
+        }
+    }
     NumberField {
         id: timeFontSize
         label: i18n("Font Size")
@@ -84,34 +120,9 @@ Column {
             maximumLength: 1
         }
     }
-
-
-    Title {
-        title: i18n("Font Settings") 
-    }
-    RowLayout {
-        Label {
-            text: i18n("Font Color")
-        }             
-        Rectangle {
-            id: colorbutton
-            height: PlasmaCore.Units.gridUnit * 1.3; width: height
-            border.width: 1
-            border.color: "gray"
-            color: cfg_font_color
-            MouseArea {
-                anchors.fill: parent
-                onClicked: {
-                    colordialog.visible=true
-                }
-            }
-        }
-    }
-    ColorDialog {
-        id: colordialog
-        title: i18n("Select a color")
-        onAccepted: {
-            cfg_font_color=color
-        }
+    ColorDial {
+        id: timeFontColor
+        color: cfg_time_font_color
     }
+
 }
diff --git a/package/contents/ui/main.qml b/package/contents/ui/main.qml
@@ -74,12 +74,15 @@ Item {
             // The day ("Tuesday", "Wednesday" etc..)
             PlasmaComponents.Label {
                 id: display_day
+
+                // visible
+                visible: plasmoid.configuration.show_day
 
                 // font settings
                 font.pixelSize: plasmoid.configuration.day_font_size
                 font.letterSpacing: plasmoid.configuration.day_letter_spacing
                 font.family: font_anurati.name
-                color: plasmoid.configuration.font_color
+                color: plasmoid.configuration.day_font_color
                 anchors.horizontalCenter: parent.horizontalCenter
                 horizontalAlignment: Text.AlignHCenter 
             }
@@ -88,11 +91,14 @@ Item {
             PlasmaComponents.Label {
                 id: display_date
 
+                // visibility
+                visible: plasmoid.configuration.show_date
+
                 // font settings
                 font.pixelSize: plasmoid.configuration.date_font_size
                 font.letterSpacing: plasmoid.configuration.date_letter_spacing
                 font.family: font_poppins.name
-                color: plasmoid.configuration.font_color
+                color: plasmoid.configuration.date_font_color
                 horizontalAlignment: Text.AlignHCenter
                 anchors.horizontalCenter: parent.horizontalCenter
             }
@@ -101,10 +107,13 @@ Item {
             PlasmaComponents.Label {
                 id: display_time
 
+                // visibility
+                visible: plasmoid.configuration.show_time
+
                 // font settings
                 font.pixelSize: plasmoid.configuration.time_font_size
                 font.family: font_poppins.name
-                color: plasmoid.configuration.font_color
+                color: plasmoid.configuration.time_font_color
                 font.letterSpacing: plasmoid.configuration.time_letter_spacing
                 horizontalAlignment: Text.AlignHCenter
                 anchors.horizontalCenter: parent.horizontalCenter

diff --git a/package/metadata.json b/package/metadata.json
@@ -15,7 +15,7 @@
         "ServiceTypes": [
             "Plasma/Applet"
         ],
-        "Version": "0.0.1",
+        "Version": "0.2.0",
         "Website": "https://github.com/prayag2/kde_modernclock"
 
     },