replace dashing with smashing

Author: Marcelo Costa

Dockerfile

@@ -1,7 +1,33 @@
-FROM frvi/dashing
+FROM ruby:2.3.1
 
-ADD widgets /widgets
-ADD dashboards /dashboards
-ADD jobs /jobs
+RUN printf "deb http://archive.debian.org/debian/ jessie main\ndeb-src http://archive.debian.org/debian/ jessie main\ndeb http://security.debian.org jessie/updates main\ndeb-src http://security.debian.org jessie/updates main" > /etc/apt/sources.list
+RUN apt-get update && apt-get install -y --no-install-recommends apt-utils
+RUN apt-get update && \
+    apt-get -y install nodejs && \
+    apt-get -y clean
+RUN gem update --system
+RUN gem install bundler smashing
+RUN mkdir /smashing && \
+    smashing new smashing && \
+    cd /smashing && \
+    bundle && \
+    ln -s /smashing/dashboards /dashboards && \
+    ln -s /smashing/jobs /jobs && \
+    ln -s /smashing/assets /assets && \
+    ln -s /smashing/lib /lib-smashing && \
+    ln -s /smashing/public /public && \
+    ln -s /smashing/widgets /widgets && \
+    mkdir /smashing/config && \
+    mv /smashing/config.ru /smashing/config/config.ru && \
+    ln -s /smashing/config/config.ru /smashing/config.ru && \
+    ln -s /smashing/config /config
 
-CMD ["/run.sh"]
+COPY . /smashing
+
+VOLUME ["/dashboards", "/jobs", "/lib-smashing", "/config", "/public", "/widgets", "/assets"]
+
+ENV PORT 3030
+EXPOSE $PORT
+WORKDIR /smashing
+
+CMD ["/smashing/run.sh"]

Gemfile

@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+gem 'smashing'
+
+## Remove this if you don't need a twitter widget.
+gem 'twitter', '>= 5.9.0'

README.md

@@ -1,2 +1,3 @@
 # qa-metrics
+
 Dashboards and tools to improve observability

assets/fonts/FontAwesome.otf

@@ -0,0 +1,25 @@
+# dashing.js is located in the dashing framework
+# It includes jquery & batman for you.
+#= require dashing.js
+
+#= require_directory .
+#= require_tree ../../widgets
+
+console.log("Yeah! The dashboard has started!")
+
+Dashing.on 'ready', ->
+  Dashing.widget_margins ||= [5, 5]
+  Dashing.widget_base_dimensions ||= [300, 360]
+  Dashing.numColumns ||= 4
+
+  contentWidth = (Dashing.widget_base_dimensions[0] + Dashing.widget_margins[0] * 2) * Dashing.numColumns
+
+  Batman.setImmediate ->
+    $('.gridster').width(contentWidth)
+    $('.gridster ul:first').gridster
+      widget_margins: Dashing.widget_margins
+      widget_base_dimensions: Dashing.widget_base_dimensions
+      avoid_overlapped_widgets: !Dashing.customGridsterLayout
+      draggable:
+        stop: Dashing.showGridsterInstructions
+        start: -> Dashing.currentWidgetPositions = Dashing.getWidgetPositions()

assets/fonts/fontawesome-webfont.eot

@@ -0,0 +1,37 @@
+#= require_directory ./gridster
+
+# This file enables gridster integration (http://gridster.net/)
+# Delete it if you'd rather handle the layout yourself.
+# You'll miss out on a lot if you do, but we won't hold it against you.
+
+Dashing.gridsterLayout = (positions) ->
+  Dashing.customGridsterLayout = true
+  positions = positions.replace(/^"|"$/g, '')
+  positions = $.parseJSON(positions)
+  widgets = $("[data-row^=]")
+  for widget, index in widgets
+    $(widget).attr('data-row', positions[index].row)
+    $(widget).attr('data-col', positions[index].col)
+
+Dashing.getWidgetPositions = ->
+  $(".gridster ul:first").gridster().data('gridster').serialize()
+
+Dashing.showGridsterInstructions = ->
+  newWidgetPositions = Dashing.getWidgetPositions()
+
+  unless JSON.stringify(newWidgetPositions) == JSON.stringify(Dashing.currentWidgetPositions)
+    Dashing.currentWidgetPositions = newWidgetPositions
+    $('#save-gridster').slideDown()
+    $('#gridster-code').text("
+      <script type='text/javascript'>\n
+      $(function() {\n
+      \ \ Dashing.gridsterLayout('#{JSON.stringify(Dashing.currentWidgetPositions)}')\n
+      });\n
+      </script>
+    ")
+
+$ ->
+  $('#save-gridster').leanModal()
+
+  $('#save-gridster').click ->
+    $('#save-gridster').slideUp()