style updates

dux · Jul 14, 2024 · c39f878 · c39f878
1 parent 13aa1af
commit c39f878
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 4 deletions.
diff --git a/demo/fez/todo.js b/demo/fez/todo.js
@@ -6,7 +6,10 @@ Fez('ui-todo', class extends FezBase {
     {{/if}}
     {{#for task, index in @tasks}}
       <p>
-        <input type="text" name="" value="{{ task.name }}" onkeyup="$$.setName({{ index }}, this.value)" />
+        <input
+          type="text" name="" value="{{ task.name }}" onkeyup="$$.setName({{ index }}, this.value)"
+          style="{{ task.done ? 'background-color: #ccc;' : '' }}"
+        />
         &sdot;
         <input
           type="checkbox"

diff --git a/dist/fez.js.map b/dist/fez.js.map
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Test</title>
+  <link rel="icon" href="./demo/fez.webp">
   <link rel="stylesheet" href="./demo/main.css" />
   <link rel="stylesheet" href="./demo/hjs-theme.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>  <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
@@ -644,7 +645,10 @@ <h2>
     {{/if}}
     {{#for task, index in @tasks}}
       &lt;p>
-        &lt;input type="text" name="" value="{{ task.name }}" onkeyup="$$.setName({{ index }}, this.value)" />
+        &lt;input
+          type="text" name="" value="{{ task.name }}" onkeyup="$$.setName({{ index }}, this.value)"
+          style="{{ task.done ? 'background-color: #ccc;' : '' }}"
+        />
         &sdot;
         &lt;input
           type="checkbox"

diff --git a/index.html.tpl b/index.html.tpl
@@ -37,6 +37,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Test</title>
+  <link rel="icon" href="./demo/fez.webp">
   <link rel="stylesheet" href="./demo/main.css" />
   <link rel="stylesheet" href="./demo/hjs-theme.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>  <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

diff --git a/src/fez.js b/src/fez.js
@@ -152,6 +152,7 @@ class FezBase {
 
     if (text.includes('{{')) {
       try {
+        // TODO: return template function pointer
         text = renderStache(text, this)
       } catch(error) {
         console.error(`Fez stache template error in "${this.fezName}"`, error)