summaryrefslogtreecommitdiff
path: root/templates/project/dashboards
diff options
context:
space:
mode:
authorvarac <varacanero@zeromail.org>2016-08-15 14:14:32 +0200
committervarac <varacanero@zeromail.org>2016-08-15 14:14:32 +0200
commit21a91cbc9681a2f3f4615e7e467febf1c8f4f6e6 (patch)
treeef26732b75858c5fb17925bc861f1ee8b4c43bf2 /templates/project/dashboards
parente56e58562bd1972df8e8d386b30175f6b12430ac (diff)
parented5463dce052852a5ace2d11a0265fff2244e60e (diff)
Merge tag 'v1.3.6' into dashing_io
Diffstat (limited to 'templates/project/dashboards')
-rw-r--r--templates/project/dashboards/layout.erb32
-rw-r--r--templates/project/dashboards/sample.erb25
-rw-r--r--templates/project/dashboards/sampletv.erb56
3 files changed, 113 insertions, 0 deletions
diff --git a/templates/project/dashboards/layout.erb b/templates/project/dashboards/layout.erb
new file mode 100644
index 0000000..4aa5120
--- /dev/null
+++ b/templates/project/dashboards/layout.erb
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8"/>
+ <meta name="description" content="">
+ <meta name="viewport" content="width=device-width">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+ <title><%= yield_content(:title) %></title>
+
+ <!-- The javascript and css are managed by sprockets. The files can be found in the /assets folder-->
+ <script type="text/javascript" src="/assets/application.js"></script>
+ <link rel="stylesheet" href="/assets/application.css">
+
+ <link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
+ <link rel="icon" href="/assets/favicon.ico">
+
+</head>
+ <body>
+ <div id="container">
+ <%= yield %>
+ </div>
+
+ <% if development? %>
+ <div id="saving-instructions">
+ <p>Paste the following at the top of <i><%= params[:dashboard] %>.erb</i></p>
+ <textarea id="gridster-code"></textarea>
+ </div>
+ <a href="#saving-instructions" id="save-gridster">Save this layout</a>
+ <% end %>
+ </body>
+</html>
diff --git a/templates/project/dashboards/sample.erb b/templates/project/dashboards/sample.erb
new file mode 100644
index 0000000..08c3b51
--- /dev/null
+++ b/templates/project/dashboards/sample.erb
@@ -0,0 +1,25 @@
+<% content_for :title do %>My super sweet dashboard<% end %>
+<div class="gridster">
+ <ul>
+ <li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
+ <div data-id="welcome" data-view="Text" data-title="Hello" data-text="This is your shiny new dashboard." data-moreinfo="Protip: You can drag the widgets around!"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+ <div data-id="synergy" data-view="Meter" data-title="Synergy" data-height="200" data-width="200" data-min="0" data-max="100" data-suffix="%"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="1" data-sizey="2">
+ <div data-id="buzzwords" data-view="List" data-unordered="true" data-title="Buzzwords" data-moreinfo="# of times said around the office"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+ <div data-id="valuation" data-view="Number" data-title="Current Valuation" data-moreinfo="In billions" data-prefix="$"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
+ <div data-id="convergence" data-view="Graph" data-title="Convergence" style="background-color:#ff9618"></div>
+ </li>
+ </ul>
+ <center><div style="font-size: 12px">Try this: curl -d '{ "auth_token": "YOUR_AUTH_TOKEN", "text": "Hey, Look what I can do!" }' \http://<%=request.host%>:<%=request.port%>/widgets/welcome</div></center>
+</div>
diff --git a/templates/project/dashboards/sampletv.erb b/templates/project/dashboards/sampletv.erb
new file mode 100644
index 0000000..6f3cb60
--- /dev/null
+++ b/templates/project/dashboards/sampletv.erb
@@ -0,0 +1,56 @@
+<script type='text/javascript'>
+$(function() {
+ // These settings override the defaults set in application.coffee. You can do this on a per dashboard basis.
+ Dashing.gridsterLayout('[{"col":2,"row":1},{"col":1,"row":1},{"col":3,"row":1},{"col":2,"row":2},{"col":3,"row":2},{"col":1,"row":2},{"col":5,"row":1},{"col":4,"row":2},{"col":2,"row":3}]')
+ Dashing.widget_base_dimensions = [370, 340]
+ Dashing.numColumns = 5
+});
+</script>
+
+
+<% content_for :title do %>1080p dashboard<% end %>
+
+<div class="gridster">
+ <ul>
+ <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+ <div data-view="Clock"></div>
+ <i class="fa fa-clock-o icon-background"></i>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+ <div data-view="Image" data-image="/logo.png"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
+ <div data-id="welcome" data-view="Text" data-title="Hello" data-text="This is your shiny new 1080p dashboard." data-moreinfo="Protip: You can drag the widgets around!"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+ <div data-id="synergy" data-view="Meter" data-title="Synergy" data-min="0" data-max="100"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+ <div data-id="synergy" data-view="Meter" data-moreinfo="In sync with my neighbour!" data-title="Synergy" data-min="0" data-max="100"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="1" data-sizey="2">
+ <div data-id="buzzwords" data-view="List" data-unordered="true" data-title="Buzzwords" data-moreinfo="# of times said around the office"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+ <div data-id="karma" data-view="Number" data-title="Karma" style="background-color:#96bf48;"></div>
+ <i class="fa fa-heart icon-background"></i>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="2" data-sizey="2">
+ <div data-id="convergence" data-view="Graph" data-title="Convergence" style="background-color:#47bbb3;"></div>
+ </li>
+
+ <li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
+ <div data-id="twitter_mentions" data-view="Comments" style="background-color:#ff9618;" data-moreinfo="Tweets tagged with #todayilearned"></div>
+ <i class="fa fa-twitter icon-background"></i>
+ </li>
+
+ </ul>
+ <center><div style="font-size: 12px">Try this: curl -d '{ "auth_token": "YOUR_AUTH_TOKEN", "text": "Hey, Look what I can do!" }' \http://<%=request.host%>:<%=request.port%>/widgets/welcome</div></center>
+</div>