Added weekly/daily status text on both current and previous views. Al…

…so added level ULTRA to previous screen. All with nice colors to boot :-)
harrewarre · Feb 10, 2016 · 830b262 · 830b262
1 parent 557fb7a
commit 830b262
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 5 deletions.
diff --git a/ThroneFeed.Stream/Widget/Assets/Widget.css b/ThroneFeed.Stream/Widget/Assets/Widget.css
@@ -12,10 +12,33 @@ body {
     margin: 5px 0;
 }
 
-.line > img {
-    margin: 0 0 5px 0;
-}
+    .line > img {
+        margin: 0 0 5px 0;
+    }
 
 .kill-icon {
     height: 38px;
-}
+}
+
+.daily {
+    color: red;
+}
+
+.weekly {
+    color: #0094ff;
+}
+
+.ultra {
+    color: #4cff00;
+    animation: glow 3s linear 0s infinite alternate;
+}
+
+@keyframes glow {
+    0% {
+        color: #b6ff00;
+    }
+
+    100% {
+        color: #00ff21;
+    }
+}
diff --git a/ThroneFeed.Stream/Widget/Index.cshtml b/ThroneFeed.Stream/Widget/Index.cshtml
@@ -34,6 +34,12 @@
                 <div class="line">
                     <img class="kill-icon" src="~/Assets/dead.png" /> <span data-bind="text: kills"></span>
                 </div>
+                <div class="line daily" data-bind="visible: type == 'daily'">
+                    daily
+                </div>
+                <div class="line weekly" data-bind="visible: type == 'weekly'">
+                    weekly
+                </div>
             </div>
 
             <div data-bind="with: previous">
@@ -51,11 +57,17 @@
                     loop <span data-bind="text: loops"></span>
                 </div>
                 <div class="line">
-                    level <span data-bind="text: charlvl"></span>
+                    level <span data-bind="visible: charlvl <= 9,text: charlvl"></span><span class="ultra" data-bind="visible: charlvl > 9">Ultra</span>
                 </div>
                 <div class="line">
                     <img class="kill-icon" src="~/Assets/dead.png" /> <span data-bind="text: kills"></span>
                 </div>
+                <div class="line daily" data-bind="visible: type == 'daily'">
+                    daily
+                </div>
+                <div class="line weekly" data-bind="visible: type == 'weekly'">
+                    weekly
+                </div>
                 <!-- /ko -->
             </div>