From cdd8ff258582f5eba7e3941a5a18007e7aabbbfa Mon Sep 17 00:00:00 2001
From: Daniel Beauchamp <daniel.beauchamp@shopify.com>
Date: Thu, 2 Aug 2012 13:38:19 -0400
Subject: Better generators, sample widgets, and more!

---
 templates/project/widgets/meter/meter.coffee | 16 +++++++++++++
 templates/project/widgets/meter/meter.html   |  5 ++++
 templates/project/widgets/meter/meter.scss   | 35 ++++++++++++++++++++++++++++
 3 files changed, 56 insertions(+)
 create mode 100644 templates/project/widgets/meter/meter.coffee
 create mode 100644 templates/project/widgets/meter/meter.html
 create mode 100644 templates/project/widgets/meter/meter.scss

(limited to 'templates/project/widgets/meter')

diff --git a/templates/project/widgets/meter/meter.coffee b/templates/project/widgets/meter/meter.coffee
new file mode 100644
index 0000000..4dbc2da
--- /dev/null
+++ b/templates/project/widgets/meter/meter.coffee
@@ -0,0 +1,16 @@
+class AllTheThings.Meter extends AllTheThings.Widget
+  source: 'meter'
+
+  @accessor 'value', Batman.Property.EasingSetter
+
+  constructor: ->
+    super
+    @observe 'value', (value) ->
+      $(@node).find(".meter").val(value).trigger('change')
+
+  ready: ->
+    Batman.setImmediate =>
+      meter = $(@node).find(".meter")
+      meter.attr("data-bgcolor", meter.css("background-color"))
+      meter.attr("data-fgcolor", meter.css("color"))
+      meter.knob()
\ No newline at end of file
diff --git a/templates/project/widgets/meter/meter.html b/templates/project/widgets/meter/meter.html
new file mode 100644
index 0000000..1476ba1
--- /dev/null
+++ b/templates/project/widgets/meter/meter.html
@@ -0,0 +1,5 @@
+<h1 class="title" data-bind="title"></h1>
+
+<input class="meter" data-angleOffset=-125 data-angleArc=250 data-width=200 data-readOnly=true data-bind-value="value" data-bind-data-min="min" data-bind-data-max="max">
+
+<p class="text-moreinfo" data-bind="moreinfo"></p>
\ No newline at end of file
diff --git a/templates/project/widgets/meter/meter.scss b/templates/project/widgets/meter/meter.scss
new file mode 100644
index 0000000..b134361
--- /dev/null
+++ b/templates/project/widgets/meter/meter.scss
@@ -0,0 +1,35 @@
+// ----------------------------------------------------------------------------
+// Sass declarations
+// ----------------------------------------------------------------------------
+$widget-meter_background-color: #9c4274;
+$widget-meter_value-color:      #fff;
+
+$widget-meter_title-color:      lighten($widget-meter_background-color, 45%);
+$widget-text_moreinfo-color:    lighten($widget-meter_background-color, 45%);
+
+$widget-meter-bg: darken($widget-meter_background-color, 15%);
+$widget-meter-fg: lighten($widget-meter_background-color, 75%);
+
+// ----------------------------------------------------------------------------
+// Widget-meter styles
+// ----------------------------------------------------------------------------
+.widget-meter { 
+
+  background-color: $widget-meter_background-color;
+  
+  input.meter { 
+    background-color: $widget-meter-bg;
+    color: $widget-meter-fg;
+  }
+
+  .title { 
+    color: $widget-meter_title-color;
+  }
+
+  .text-moreinfo {
+    font-weight: 600;
+    font-size: 20px;
+    margin-top: 0;
+  }
+  
+}
\ No newline at end of file
-- 
cgit v1.2.3


From 780fe49f715c2fced88e958b02541bf8e7dca934 Mon Sep 17 00:00:00 2001
From: Daniel Beauchamp <daniel.beauchamp@shopify.com>
Date: Wed, 8 Aug 2012 18:02:56 -0400
Subject: Rename project to 'Dashing', and do some other cleanups

---
 templates/project/widgets/meter/meter.coffee | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

(limited to 'templates/project/widgets/meter')

diff --git a/templates/project/widgets/meter/meter.coffee b/templates/project/widgets/meter/meter.coffee
index 4dbc2da..0e0a8ad 100644
--- a/templates/project/widgets/meter/meter.coffee
+++ b/templates/project/widgets/meter/meter.coffee
@@ -1,7 +1,6 @@
-class AllTheThings.Meter extends AllTheThings.Widget
-  source: 'meter'
+class Dashing.Meter extends Dashing.Widget
 
-  @accessor 'value', Batman.Property.EasingSetter
+  @accessor 'value', Dashing.AnimatedValue
 
   constructor: ->
     super
@@ -9,8 +8,7 @@ class AllTheThings.Meter extends AllTheThings.Widget
       $(@node).find(".meter").val(value).trigger('change')
 
   ready: ->
-    Batman.setImmediate =>
-      meter = $(@node).find(".meter")
-      meter.attr("data-bgcolor", meter.css("background-color"))
-      meter.attr("data-fgcolor", meter.css("color"))
-      meter.knob()
\ No newline at end of file
+    meter = $(@node).find(".meter")
+    meter.attr("data-bgcolor", meter.css("background-color"))
+    meter.attr("data-fgcolor", meter.css("color"))
+    meter.knob()
\ No newline at end of file
-- 
cgit v1.2.3


From 54c6a04b722663b518bf99b4d98a1c2e86ee5103 Mon Sep 17 00:00:00 2001
From: Daniel Beauchamp <daniel.beauchamp@shopify.com>
Date: Tue, 14 Aug 2012 05:23:57 -0400
Subject: Updated the sample project.

---
 templates/project/widgets/meter/meter.html |  2 +-
 templates/project/widgets/meter/meter.scss | 22 ++++++++++++----------
 2 files changed, 13 insertions(+), 11 deletions(-)

(limited to 'templates/project/widgets/meter')

diff --git a/templates/project/widgets/meter/meter.html b/templates/project/widgets/meter/meter.html
index 1476ba1..6051d2f 100644
--- a/templates/project/widgets/meter/meter.html
+++ b/templates/project/widgets/meter/meter.html
@@ -1,5 +1,5 @@
 <h1 class="title" data-bind="title"></h1>
 
-<input class="meter" data-angleOffset=-125 data-angleArc=250 data-width=200 data-readOnly=true data-bind-value="value" data-bind-data-min="min" data-bind-data-max="max">
+<input class="meter" data-angleOffset=-125 data-angleArc=250 data-width=200 data-readOnly=true data-bind-value="value | shortenedNumber" data-bind-data-min="min" data-bind-data-max="max">
 
 <p class="text-moreinfo" data-bind="moreinfo"></p>
\ No newline at end of file
diff --git a/templates/project/widgets/meter/meter.scss b/templates/project/widgets/meter/meter.scss
index b134361..dec0cc6 100644
--- a/templates/project/widgets/meter/meter.scss
+++ b/templates/project/widgets/meter/meter.scss
@@ -1,32 +1,34 @@
 // ----------------------------------------------------------------------------
 // Sass declarations
 // ----------------------------------------------------------------------------
-$widget-meter_background-color: #9c4274;
-$widget-meter_value-color:      #fff;
 
-$widget-meter_title-color:      lighten($widget-meter_background-color, 45%);
-$widget-text_moreinfo-color:    lighten($widget-meter_background-color, 45%);
+$background-color:  #9c4274;
+$value-color:       #fff;
 
-$widget-meter-bg: darken($widget-meter_background-color, 15%);
-$widget-meter-fg: lighten($widget-meter_background-color, 75%);
+$title-color:       lighten($background-color, 75%);
+$moreinfo-color:    lighten($background-color, 45%);
+
+$meter-background:  darken($background-color, 10%);
+$meter-foreground:  lighten($background-color, 75%);
 
 // ----------------------------------------------------------------------------
 // Widget-meter styles
 // ----------------------------------------------------------------------------
 .widget-meter { 
 
-  background-color: $widget-meter_background-color;
+  background-color: $background-color;
   
   input.meter { 
-    background-color: $widget-meter-bg;
-    color: $widget-meter-fg;
+    background-color: $meter-background;
+    color: $meter-foreground;
   }
 
   .title { 
-    color: $widget-meter_title-color;
+    color: $title-color;
   }
 
   .text-moreinfo {
+    color: $moreinfo-color;
     font-weight: 600;
     font-size: 20px;
     margin-top: 0;
-- 
cgit v1.2.3


From a4a4564f760bb1bcd541366186cd46488d5a569b Mon Sep 17 00:00:00 2001
From: Daniel Beauchamp <daniel.beauchamp@shopify.com>
Date: Tue, 30 Oct 2012 05:16:35 -0400
Subject: Added new widgets, and made them more flexible. Ready for 0.1.3!

---
 templates/project/widgets/meter/meter.html |  4 +++-
 templates/project/widgets/meter/meter.scss | 20 +++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

(limited to 'templates/project/widgets/meter')

diff --git a/templates/project/widgets/meter/meter.html b/templates/project/widgets/meter/meter.html
index 6051d2f..7d51b15 100644
--- a/templates/project/widgets/meter/meter.html
+++ b/templates/project/widgets/meter/meter.html
@@ -2,4 +2,6 @@
 
 <input class="meter" data-angleOffset=-125 data-angleArc=250 data-width=200 data-readOnly=true data-bind-value="value | shortenedNumber" data-bind-data-min="min" data-bind-data-max="max">
 
-<p class="text-moreinfo" data-bind="moreinfo"></p>
\ No newline at end of file
+<p class="more-info" data-bind="moreinfo"></p>
+
+<p class="updated-at" data-bind="updatedAtMessage"></p>
\ No newline at end of file
diff --git a/templates/project/widgets/meter/meter.scss b/templates/project/widgets/meter/meter.scss
index dec0cc6..98cf638 100644
--- a/templates/project/widgets/meter/meter.scss
+++ b/templates/project/widgets/meter/meter.scss
@@ -1,15 +1,12 @@
 // ----------------------------------------------------------------------------
 // Sass declarations
 // ----------------------------------------------------------------------------
-
 $background-color:  #9c4274;
-$value-color:       #fff;
 
-$title-color:       lighten($background-color, 75%);
-$moreinfo-color:    lighten($background-color, 45%);
+$title-color:       rgba(255, 255, 255, 0.7);
+$moreinfo-color:    rgba(255, 255, 255, 0.3);
 
-$meter-background:  darken($background-color, 10%);
-$meter-foreground:  lighten($background-color, 75%);
+$meter-background:  darken($background-color, 15%);
 
 // ----------------------------------------------------------------------------
 // Widget-meter styles
@@ -20,18 +17,19 @@ $meter-foreground:  lighten($background-color, 75%);
   
   input.meter { 
     background-color: $meter-background;
-    color: $meter-foreground;
+    color: #fff;
   }
 
   .title { 
     color: $title-color;
   }
 
-  .text-moreinfo {
+  .more-info {
     color: $moreinfo-color;
-    font-weight: 600;
-    font-size: 20px;
-    margin-top: 0;
+  }
+
+  .updated-at {
+    color: rgba(0, 0, 0, 0.3);
   }
   
 }
\ No newline at end of file
-- 
cgit v1.2.3


From 5934a2729d93d24e67016dc4dd101c689378ae33 Mon Sep 17 00:00:00 2001
From: Ayrton De Craene <ayrton.decraene@vasco.com>
Date: Fri, 16 Nov 2012 11:18:06 +0100
Subject: Removes whitespace :scissors:

---
 templates/project/widgets/meter/meter.coffee |  2 +-
 templates/project/widgets/meter/meter.html   |  2 +-
 templates/project/widgets/meter/meter.scss   | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

(limited to 'templates/project/widgets/meter')

diff --git a/templates/project/widgets/meter/meter.coffee b/templates/project/widgets/meter/meter.coffee
index 0e0a8ad..b823ec7 100644
--- a/templates/project/widgets/meter/meter.coffee
+++ b/templates/project/widgets/meter/meter.coffee
@@ -11,4 +11,4 @@ class Dashing.Meter extends Dashing.Widget
     meter = $(@node).find(".meter")
     meter.attr("data-bgcolor", meter.css("background-color"))
     meter.attr("data-fgcolor", meter.css("color"))
-    meter.knob()
\ No newline at end of file
+    meter.knob()
diff --git a/templates/project/widgets/meter/meter.html b/templates/project/widgets/meter/meter.html
index 7d51b15..16f1f06 100644
--- a/templates/project/widgets/meter/meter.html
+++ b/templates/project/widgets/meter/meter.html
@@ -4,4 +4,4 @@
 
 <p class="more-info" data-bind="moreinfo"></p>
 
-<p class="updated-at" data-bind="updatedAtMessage"></p>
\ No newline at end of file
+<p class="updated-at" data-bind="updatedAtMessage"></p>
diff --git a/templates/project/widgets/meter/meter.scss b/templates/project/widgets/meter/meter.scss
index 98cf638..da9ff0b 100644
--- a/templates/project/widgets/meter/meter.scss
+++ b/templates/project/widgets/meter/meter.scss
@@ -11,16 +11,16 @@ $meter-background:  darken($background-color, 15%);
 // ----------------------------------------------------------------------------
 // Widget-meter styles
 // ----------------------------------------------------------------------------
-.widget-meter { 
+.widget-meter {
 
   background-color: $background-color;
-  
-  input.meter { 
+
+  input.meter {
     background-color: $meter-background;
     color: #fff;
   }
 
-  .title { 
+  .title {
     color: $title-color;
   }
 
@@ -31,5 +31,5 @@ $meter-background:  darken($background-color, 15%);
   .updated-at {
     color: rgba(0, 0, 0, 0.3);
   }
-  
-}
\ No newline at end of file
+
+}
-- 
cgit v1.2.3


From 6f097d8293eb69106c2c35f42ad18b8fdcf95d14 Mon Sep 17 00:00:00 2001
From: mr-deamon <christian.lehmann@swisstxt.ch>
Date: Wed, 12 Mar 2014 08:42:05 +0100
Subject: Making meter-widget adjustable

---
 templates/project/widgets/meter/meter.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'templates/project/widgets/meter')

diff --git a/templates/project/widgets/meter/meter.html b/templates/project/widgets/meter/meter.html
index 16f1f06..d2b8c22 100644
--- a/templates/project/widgets/meter/meter.html
+++ b/templates/project/widgets/meter/meter.html
@@ -1,6 +1,6 @@
 <h1 class="title" data-bind="title"></h1>
 
-<input class="meter" data-angleOffset=-125 data-angleArc=250 data-width=200 data-readOnly=true data-bind-value="value | shortenedNumber" data-bind-data-min="min" data-bind-data-max="max">
+<input class="meter" data-angleOffset=-125 data-angleArc=250 data-bind-data-height="height | default 200" data-bind-data-width="width | default 200" data-readOnly=true data-bind-value="value | shortenedNumber" data-bind-data-min="min" data-bind-data-max="max">
 
 <p class="more-info" data-bind="moreinfo"></p>
 
-- 
cgit v1.2.3


From 76a645b75b0f8173a5e5c7c1e16ea9633ca11e40 Mon Sep 17 00:00:00 2001
From: mr-deamon <christian.lehmann@swisstxt.ch>
Date: Wed, 12 Mar 2014 10:13:15 +0100
Subject: Adding Suffix and Prefix to Meter-Widget

---
 templates/project/widgets/meter/meter.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'templates/project/widgets/meter')

diff --git a/templates/project/widgets/meter/meter.html b/templates/project/widgets/meter/meter.html
index d2b8c22..72592fb 100644
--- a/templates/project/widgets/meter/meter.html
+++ b/templates/project/widgets/meter/meter.html
@@ -1,6 +1,6 @@
 <h1 class="title" data-bind="title"></h1>
 
-<input class="meter" data-angleOffset=-125 data-angleArc=250 data-bind-data-height="height | default 200" data-bind-data-width="width | default 200" data-readOnly=true data-bind-value="value | shortenedNumber" data-bind-data-min="min" data-bind-data-max="max">
+<input class="meter" data-angleOffset=-125 data-angleArc=250 data-bind-data-height="height | default 200" data-bind-data-width="width | default 200" data-readOnly=true data-bind-value="value | shortenedNumber | prepend prefix | append suffix" data-bind-data-min="min" data-bind-data-max="max">
 
 <p class="more-info" data-bind="moreinfo"></p>
 
-- 
cgit v1.2.3