editorconfig fixes, charts demo

.editorconfig

@@ -10,8 +10,8 @@ indent_style=tab
 tab_width=3
 
 [*.html]
-indent_style=space
 indent_size=3
+insert_final_newline=false
 
 [*.md]
 indent_style=tab
@@ -20,12 +20,3 @@ tab_width=3
 [*.js.map]
 indent_style=tab
 indent_size=3
-
-[{*.css,*.scss}]
-indent_style=space
-indent_size=2
-insert_final_newline = true
-
-[{*.yml,*.yaml}]
-indent_style=space
-indent_size=2

pages/_data/charts.yml

@@ -1,5 +1,6 @@
 total-sales:
   type: donut
+  demo: true
   sparkline: true
   hide-legend: true
   name: Total sales
@@ -19,6 +20,7 @@ total-sales:
 
 campaigns:
   name: Campaigns
+  demo: true
   type: radialBar
   sparkline: true
   hide-legend: true
@@ -35,6 +37,7 @@ campaigns:
 
 tasks:
   name: Tasks
+  demo: true
   type: line
   categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W']
   groups: [1, 2, 3]
@@ -71,7 +74,7 @@ development-activity:
 
 line:
   name: Employment Growth
-  display: true
+  demo: true
   type: line
   show-grid: true
   categories: ['2013', '2014', '2015', '2016', '2017', '2018']
@@ -88,7 +91,7 @@ line:
 
 line-stroke:
   name: Line chart
-  display: true
+  demo: true
   type: line
   stroke-curve: straight
   hide-legend: true
@@ -107,7 +110,7 @@ line-stroke:
 
 stepline:
   name: Stepline
-  display: true
+  demo: true
   type: line
   hide-legend: true
   stroke-curve: stepline
@@ -119,7 +122,7 @@ stepline:
 
 temperature:
   name: Monthly Average Temperature
-  display: true
+  demo: true
   type: line
   show-labels: true
   show-data-labels: true
@@ -138,7 +141,7 @@ temperature:
 
 area:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: area
   hide-legend: true
   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
@@ -153,7 +156,7 @@ area:
 
 area-spline:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: area
   spline: true
   hide-legend: true
@@ -169,7 +172,7 @@ area-spline:
 
 area-spline-stacked:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: area
   spline: true
   hide-legend: true
@@ -186,7 +189,7 @@ area-spline-stacked:
 
 spline:
   name: Wind speed during two days
-  display: true
+  demo: true
   type: line
   spline: true
   show-labels: true
@@ -203,7 +206,7 @@ spline:
 
 spline-rotated:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: line
   spline: true
   rotated: true
@@ -220,7 +223,7 @@ spline-rotated:
 
 bar:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: bar
   hide-legend: true
   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
@@ -234,7 +237,7 @@ bar:
 
 bar-rotated:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: bar
   rotated: true
   hide-legend: true
@@ -250,7 +253,7 @@ bar-rotated:
 
 bar-stacked:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: bar
   stacked: true
   hide-legend: true
@@ -266,7 +269,7 @@ bar-stacked:
 
 pie:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: pie
   hide-legend: true
   show-data-labels: true
@@ -287,7 +290,7 @@ pie:
 
 donut:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: donut
   sparkline: true
   hide-legend: true
@@ -302,7 +305,7 @@ donut:
 
 scatter:
   name: Lorem ipsum
-  display: true
+  demo: true
   type: scatter
   hide-legend: true
   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
@@ -317,7 +320,7 @@ scatter:
 
 combination:
   name: Combination chart
-  display: true
+  demo: true
   type: bar
   types:
     2: 'line'

pages/_includes/cards/charts/card.html

@@ -1,10 +0,0 @@
-{% assign data = site.data.charts[include.chart-id] %}
-{% assign height = include.height | default: 10 %}
-<div class="card">
-   <div class="card-body">
-      {% if include.title %}
-         <h3 class="card-title">{{ include.title }}</h3>
-      {% endif %}
-      {% include ui/chart.html height=height chart-id=include.chart-id %}
-   </div>
-</div>

pages/_includes/layout/homepage.html

@@ -43,10 +43,10 @@
    <div class="col-lg-6">
       <div class="row row-deck">
          <div class="col-md-12">
-            {% include cards/charts/card.html chart-id="temperature" height=10 %}
+            {% comment %}{% include cards/charts/card.html chart-id="temperature" height=10 %}{% endcomment %}
          </div>
          <div class="col-md-12">
-            {% include cards/charts/card.html chart-id="donut" height=10 %}
+            {% comment %}{% include cards/charts/card.html chart-id="donut" height=10 %}{% endcomment %}
          </div>
       </div>
    </div>

pages/_includes/ui/chart.html

@@ -105,10 +105,10 @@
       {% endif %}
 
       {% if data.series %}
-      colors: [ //chart colors
+      colors: [
          {% for serie in data.series %}
-      {{ serie.color | default: 'blue' | tabler_js_color }}{% unless forloop.last %},{% endunless %}{% endfor %}
+         {{ serie.color | default: 'blue' | tabler_js_color }}{% unless forloop.last %},{% endunless %}{% endfor %}
-   ],
+      ],
       {% endif %}
 
       {% if data.hide-legend %}

pages/charts.html

@@ -1,16 +1,25 @@
 ---
 title: Charts
+page-title: Charts
 menu: charts
 ---
 
 <div class="row">
    {% for chart in site.data.charts %}
-   {% if chart[1].display %}
+   {% if chart[1].demo %}
-   {% assign chart-name = chart[0] %}
+   {% assign chart-id = chart[0] %}
    <div class="col-lg-6 col-xl-4">
-      {% include cards/charts/card.html chart-id=chart-name %}
+      <div class="card">
+         {% if chart[1].name %}
+         <div class="card-header">
+            <h3 class="card-title">{{ chart[1].name }}</h3>
+         </div>
+         {% endif %}
+         <div class="card-body">
+            {% include ui/chart.html chart-id=chart-id height=15 %}
+         </div>
+      </div>
    </div>
    {% endif %}
    {% endfor %}
-
 </div>