Merge pull request #1 from MartinPicc/dev

Dev
MartinPicc · Oct 31, 2022 · cb200ca · cb200ca
2 parents 8b4b1ba + 8f6005d
commit cb200ca
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Interval",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Set time interval to trigger actions.",
   "license": "MIT",
   "svelte": "index.js",

diff --git a/schema.json b/schema.json
@@ -20,6 +20,16 @@
         "label": "Display component in frontend",
         "defaultValue": true
       },
+      {
+        "type": "text",
+        "key": "text",
+        "label": "Text to display",
+        "defaultValue": "Interval",
+        "dependsOn": {
+          "setting": "display",
+          "value": true
+        }
+      },
       {
         "type": "event",
         "key": "trigger",

diff --git a/src/Component.svelte b/src/Component.svelte
@@ -5,12 +5,12 @@
   export let trigger;
   export let interval;
   export let display;
-  export let text
+  export let text;
 
   const { styleable } = getContext("sdk");
   const component = getContext("component");
 </script>
 
 <div use:styleable={$component.styles}>
-  <Interval class="interval" on:trigger={trigger} interval={interval} display={display}/>
+  <Interval on:trigger={trigger} interval={interval} display={display} text={text}/>
 </div>
diff --git a/src/lib/Interval.svelte b/src/lib/Interval.svelte
@@ -4,17 +4,19 @@
 
   const dispatch = createEventDispatcher();
   export let interval;
-  export let display;
+  export let display = true;
+  export let text = "Interval";
 
   if (interval > 0) {
-    window.setInterval(() => { dispatch("trigger"); console.log("trigger"); }, interval * 1000);
+    window.setInterval(() => { dispatch("trigger"); }, interval * 1000);
   }
+
 </script>
 
 {#if display}
   <div class="container">
     {@html stopwatchSvg} 
-    <span>Trigger every {interval} second(s)</span>
+    <span>{text}</span>
   </div>
 {/if}