allow for custom alarmtip time

Author: RoderickQiu

locales/en.json

@@ -242,6 +242,7 @@
 	"alarmtip-duration-20min": "20 min",
 	"alarmtip-duration-30min": "30 min",
 	"alarmtip-duration-60min": "60 min",
+	"alarmtip-duration-custom": "Custom",
 	"personalization-notification": "Custom notifications",
 	"personalization-notification-tip": "Define the words shown at notifications to motivate yourself. Clear textboxes to remove personalized text. Use \"//\" as to separate different sentences and each time you will be given a random choice.",
 	"personalization-notification-label-begin": "\"",

locales/zh-CN.json

@@ -281,6 +281,7 @@
 	"alarmtip-duration-20min": "20 分钟",
 	"alarmtip-duration-30min": "30 分钟",
 	"alarmtip-duration-60min": "60 分钟",
+	"alarmtip-duration-custom": "自定义",
 	"personalization-notification": "通知文本个性化",
 	"personalization-notification-tip": "自定义这些通知文本，让它们更加能激励你前行！清空以复位。输入\"//\"来分割数条语句，每次随机出现。",
 	"personalization-notification-label-begin": "“",

locales/zh-TW.json

@@ -274,6 +274,7 @@
 	"alarmtip-duration-20min": "20 分鐘",
 	"alarmtip-duration-30min": "30 分鐘",
 	"alarmtip-duration-60min": "60 分鐘",
+	"alarmtip-duration-custom": "自訂",
 	"personalization-notification": "通知文本個性化",
 	"personalization-notification-tip": "自定義這些通知文本，讓它們更加能激勵你前行！清空以復位。輸入\"//\"來分割數條語句，每次隨機出現。",
 	"personalization-notification-label-begin": "“",

main.js

@@ -165,6 +165,10 @@ function createWindow() {
 function getAlarmtipDurationMs() {
     const idx = store.get('alarmtip-duration');
     const minutes = [3, 5, 10, 15, 20, 30, 60];
+    if (idx === 7) {
+        const custom = store.get('alarmtip-duration-custom');
+        return (custom && custom > 0 ? custom : 45) * 60 * 1000;
+    }
     const n = (idx >= 0 && idx < minutes.length) ? minutes[idx] : 10;
     return n * 60 * 1000;
 }

preferences-items.js

@@ -168,7 +168,7 @@ if (store.get("islocked") !== true) {
                 }, {
                     type: "dropdown",
                     id: "alarmtip-duration",
-                    choices: ['3min', '5min', '10min', '15min', '20min', '30min', '60min'],
+                    choices: ['3min', '5min', '10min', '15min', '20min', '30min', '60min', 'custom'],
                     def: 2,
                     after: alarmtipDurationAfter
                 }
@@ -322,6 +322,11 @@ function napAfter(val) {
 }
 
 function alarmtipDurationAfter(val) {
+    if (val == 7) {
+        $('#alarmtip-custom-row').show();
+    } else {
+        $('#alarmtip-custom-row').hide();
+    }
 }
 
 

preferences-renderer.js

@@ -127,6 +127,25 @@ function dropdownSolution(obj, parent) {
         $('#dropdown-button-' + id).html(choiceLabel(choices[store.get(id)]));
         console.log(choiceLabel(choices[store.get(id)]), "CHOICE", id, store.get(id));
     }
+    if (id === 'alarmtip-duration') {
+        const customVal = store.get('alarmtip-duration-custom') || 45;
+        parent.append(`
+            <div id="alarmtip-custom-row" class="row w-100 align-items-center" style="display:none">
+                <div class="col-8 text-left">
+                    <label>${i18n.__('alarmtip-duration-custom')}</label>
+                </div>
+                <div class="col-4 text-right">
+                    <input type="number" id="alarmtip-custom-input" class="hotkeyset"
+                           value="${customVal}" min="1" max="1440"
+                           onchange="store.set('alarmtip-duration-custom', Number(this.value))"
+                           oninput="if(Number(value)<1)value=1;if(Number(value)>1440)value=1440"/>
+                    <span class="small text-muted">${i18n.__('min')}</span>
+                </div>
+            </div>
+            <br/>
+        `);
+        after(store.has(id) ? store.get(id) : def);
+    }
 }
 
 function dropdownTrigger(id, choiceId, choiceMsg, relaunch, after) {