RubyGems - kiso_themes - Versions diffs - 1.0.2 - Mend

kiso_themes 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (944) hide show

data/lib/generators/kiso_themes/templates/layouts/application.html.slim ADDED Viewed

@@ -0,0 +1,3 @@
+= render :layout => "layouts/base" do
+  = render "layouts/flashes"
+  = yield

data/lib/generators/kiso_themes/templates/layouts/devise.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<%= render :layout => "layouts/base" do %>
+  <%= yield %>
+<% end %>

data/lib/generators/kiso_themes/templates/layouts/devise.html.haml ADDED Viewed

@@ -0,0 +1,5 @@
+= render :layout => "layouts/base" do
+  .row
+    #content.col-12
+      = yield
+    / /#content

data/lib/generators/kiso_themes/templates/layouts/devise.html.slim ADDED Viewed

@@ -0,0 +1,5 @@
+= render :layout => "layouts/base" do
+  .row
+    #content.col-12
+      = yield
+    /! /#content

data/lib/generators/kiso_themes/templates/layouts/email.html.erb ADDED Viewed

@@ -0,0 +1,68 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title><%= @title || message.subject %></title>
+    <style type="text/css">
+      /* Take care of image borders and formatting */
+      img     { max-width:600px !important; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; }
+      a img   { border:none; }
+      /* Fix Apple contact links and hide the preheader */
+      .applefix a           {color:#888888; text-decoration: none;}
+      span[class="preheader"] { display:none; }
+      tbody,
+      tr,
+      td {
+        display: block;
+        width: 100%;
+      }
+      /* Responsive Styles */
+      @media only screen and (max-width:600px) {
+        img                             { width:100% !important; height:auto !important; }
+        img[class="columnImage"]        { height:auto !important; max-width:480px !important; width:100% !important; }
+        table[id="emailContainer"]      { width:100% !important; }
+        table[class="columnContainer"]  { width:100% !important; }
+        table[class="mobileButton"]     { width:60% !important; }
+        td[class="columnSingle"]        { display:block !important; width:100% !important; }
+      }
+    </style>
+  </head>
+  <body bgcolor="#efefef" style="background-color:#efefef; -webkit-text-size-adjust: none;">
+    <span class="preheader" style="display:none; color:#efefef;"><%= @title || message.subject %></span>
+    <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" id="emailContainer" style="display:block; max-width:600px; background-color:#efefef;">
+      <tr>
+        <td align="center" valign="top">
+          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
+            <tr>
+              <td>
+                <%= render partial: 'emails/email_header', locals: { title: message.subject } %>
+              </td>
+            </tr>
+            <%= yield %>
+            <tr>
+              <td>
+                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
+                  <tr>
+                    <td align="center" valign="top">
+                      <%= render partial: 'emails/email_footer' %>
+                    </td>
+                  </tr>
+                </table>
+              </td>
+            </tr>
+          </table>
+        </td>
+      </tr>
+    </table>
+  </body>
+</html>

data/lib/generators/kiso_themes/templates/layouts/email.html.haml ADDED Viewed

@@ -0,0 +1,40 @@
+!!!
+%html{xmlns: "http://www.w3.org/1999/xhtml"}
+  %head
+    %meta{content: "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
+    %meta{content: "width=device-width, initial-scale=1", name: "viewport"}/
+    %title= @title || message.subject
+    :css
+      /* Take care of image borders and formatting */
+      img     { max-width:600px !important; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; }
+      a img   { border:none; }
+      /* Fix Apple contact links and hide the preheader */
+      .applefix a           {color:#888888; text-decoration: none;}
+      span[class="preheader"] { display:none; }
+      /* Responsive Styles */
+      @media only screen and (max-width:600px) {
+        img                             { width:100% !important; height:auto !important; }
+        img[class="columnImage"]        { height:auto !important; max-width:480px !important; width:100% !important; }
+        table[id="emailContainer"]      { width:100% !important; }
+        table[class="columnContainer"]  { width:100% !important; }
+        table[class="mobileButton"]     { width:60% !important; }
+        td[class="columnSingle"]        { display:block !important; width:100% !important; }
+      }
+  %body{bgcolor: "#efefef", style: "background-color:#efefef; -webkit-text-size-adjust: none;"}
+    %span.preheader{style: "display:none; color:#efefef;"}= @title || message.subject
+    %table#emailContainer{align: "center", border: "0", cellpadding: "0", cellspacing: "0", style: "display:block; max-width:600px; background-color:#efefef;", width: "600"}
+      %tr
+        %td{align: "center", valign: "top"}
+          %table{border: "0", cellpadding: "0", cellspacing: "0", style: "max-width:600px;", width: "100%"}
+            %tr
+              %td
+                = render partial: 'emails/email_header', locals: { title: message.subject }
+            = yield
+            %tr
+              %td
+                %table{border: "0", cellpadding: "0", cellspacing: "0", style: "max-width:600px;", width: "100%"}
+                  %tr
+                    %td{align: "center", valign: "top"}
+                      = render partial: 'emails/email_footer'

data/lib/generators/kiso_themes/templates/layouts/email.html.slim ADDED Viewed

@@ -0,0 +1,40 @@
+doctype html
+html xmlns: "http://www.w3.org/1999/xhtml"
+  head
+    meta content: "text/html; charset=UTF-8" http-equiv="Content-Type" /
+    meta content: "width=device-width, initial-scale=1", name: "viewport" /
+    title= @title || message.subject
+    css:
+      /!* Take care of image borders and formatting */
+      | img     { max-width:600px !important; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; }
+      | a img   { border:none; }
+      /!* Fix Apple contact links and hide the preheader */
+      .applefix a            color:#888888; text-decoration: none;
+      | span[class="preheader"] { display:none; }
+      /!* Responsive Styles */
+      | @media only screen and (max-width:600px) {
+        | img                             { width:100% !important; height:auto !important; }
+        | img[class="columnImage"]        { height:auto !important; max-width:480px !important; width:100% !important; }
+        | table[id="emailContainer"]      { width:100% !important; }
+        | table[class="columnContainer"]  { width:100% !important; }
+        | table[class="mobileButton"]     { width:60% !important; }
+        | td[class="columnSingle"]        { display:block !important; width:100% !important; }
+      | }
+  body bgcolor: "#efefef", style: "background-color:#efefef; -webkit-text-size-adjust: none;"
+    span.preheader style: "display:none; color:#efefef;" = @title || message.subject
+    table#emailContainer align: "center", border: "0", cellpadding: "0", cellspacing: "0", style: "display:block; max-width:600px; background-color:#efefef;", width: "600"
+      tr
+        td align: "center", valign: "top"
+          table border: "0", cellpadding: "0", cellspacing: "0", style: "max-width:600px;", width: "100%"
+            tr
+              td
+                = render partial: 'emails/email_header', locals: { title: message.subject }
+            = yield
+            tr
+              td
+                table border: "0", cellpadding: "0", cellspacing: "0", style: "max-width:600px;", width: "100%"
+                  tr
+                    td align: "center", valign: "top"
+                      = render partial: 'emails/email_footer'

data/lib/generators/kiso_themes/templates/layouts/landing.html.erb ADDED Viewed

@@ -0,0 +1,3 @@
+<%= render layout: "layouts/base" do %>
+  <%= yield %>
+<% end %>

data/lib/generators/kiso_themes/templates/layouts/landing.html.haml ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ = render layout: "layouts/base" do
2	+ = yield

data/lib/generators/kiso_themes/templates/layouts/landing.html.slim ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ = render layout: "layouts/base" do
2	+ = yield

data/lib/generators/kiso_themes/templates/layouts/scaffold.html.erb ADDED Viewed

@@ -0,0 +1,25 @@
+<%= render "layouts/app_nav" do %>
+  <div class="page-header  d-flex align-items-center mb-3">
+    <div class='container'>
+      <div class="row align-items-center">
+        <div class="col-12 col-md-6">
+          <h2 class='m-0 tracking-tighter'><%= @title %></h2>
+          <%= yield :description %>
+        </div>
+        <div class="col-12 col-md-6">
+          <%= yield :actions %>
+        </div>
+      </div>
+    </div>
+  </div><!-- /.page-header -->
+  <div class='container'>
+    <div class='row'>
+      <div class="col-12">
+        <%= render "layouts/flashes" %>
+      </div>
+    </div>
+  </div>
+  <%= yield %>
+<% end %>

data/lib/generators/kiso_themes/templates/layouts/scaffold.html.haml ADDED Viewed

@@ -0,0 +1,15 @@
+= render "layouts/app_nav" do
+  .page-header.bg-white.d-flex.align-items-center.mb-3
+    .container
+      .row.align-items-center
+        .col-12.col-md-6
+          %h2.m-0.tracking-tighter= @title
+          = yield :description
+        .col-12.col-md-6
+          = yield :actions
+  / /.page-header
+  .container
+    .row
+      .col-12
+        = render "layouts/flashes"
+  = yield

data/lib/generators/kiso_themes/templates/layouts/scaffold.html.slim ADDED Viewed

@@ -0,0 +1,15 @@
+= render "layouts/app_nav" do
+  .page-header.bg-white.d-flex.align-items-center.mb-3
+    .container
+      .row.align-items-center
+        .col-12.col-md-6
+          h2.m-0.tracking-tighter= @title
+          = yield :description
+        .col-12.col-md-6
+          = yield :actions
+  /! /.page-header
+  .container
+    .row
+      .col-12
+        = render "layouts/flashes"
+  = yield

data/lib/generators/kiso_themes/templates/layouts/sidenav.html.erb ADDED Viewed

@@ -0,0 +1,33 @@
+<%= render layout: "layouts/base" do %>
+  <%= render partial: "layouts/side_menu" %>
+  <div class="main-content">
+    <%= render partial: 'layouts/dashboard_top_nav' %>
+    <% if content_for?(:description) || content_for(:actions) %>
+      <div class="scaffold page-header d-flex align-items-center mb-3">
+        <div class='container'>
+          <div class="row align-items-center">
+            <div class="col-12 col-md-6">
+              <% if content_for?(:description) %>
+                <h2 class='m-0 tracking-tighter'><%= @title %></h2>
+                <%= yield :description %>
+              <% end %>
+            </div>
+            <div class="col-12 col-md-6">
+              <% if content_for?(:actions) %>
+                <%= yield :actions %>
+              <% end %>
+            </div>
+          </div>
+        </div>
+      </div><!-- /.page-header -->
+    <% end %>
+    <div class="container pt-4">
+      <%= render "layouts/flashes" %>
+      <%= yield %>
+    </div>
+  </div>
+<% end %>

data/lib/generators/kiso_themes/templates/layouts/sidenav.html.haml ADDED Viewed

@@ -0,0 +1,19 @@
+= render layout: "layouts/base" do
+  = render partial: "layouts/side_menu"
+  .main-content
+    = render partial: 'layouts/dashboard_top_nav'
+    - if content_for?(:description) || content_for?(:actions)
+      .scaffold.page-header
+        .container-fluid
+          .row.equal-cols
+            .col-12.col-md-10.d-flex.align-items-center
+              - if content_for?(:description)
+                %h2.m0= @title
+                = yield :description
+            .col-12.col-md-2.d-flex.align-items-center
+              - if content_for?(:actions)
+                = yield :actions
+      / /.page-header
+    .container.pt-4
+      = render "layouts/flashes"
+      = yield

data/lib/generators/kiso_themes/templates/layouts/sidenav.html.slim ADDED Viewed

@@ -0,0 +1,19 @@
+= render layout: "layouts/base" do
+  = render partial: "layouts/side_menu"
+  .main-content
+    = render partial: 'layouts/dashboard_top_nav'
+    - if content_for?(:description) || content_for?(:actions)
+      .scaffold.page-header
+        .container-fluid
+          .row.equal-cols
+            .col-12.col-md-10.d-flex.align-items-center
+              - if content_for?(:description)
+                h2.m0= @title
+                = yield :description
+            .col-12.col-md-2.d-flex.align-items-center
+              - if content_for?(:actions)
+                = yield :actions
+      /! /.page-header
+    .container.pt-4
+      = render "layouts/flashes"
+      = yield

data/lib/generators/kiso_themes/templates/rails6/index.js ADDED Viewed

@@ -0,0 +1,39 @@
+require('./kiso_themes/kernel');
+require('./kiso_themes/fastclick');
+require('./kiso_themes/slimscroll');
+require('./kiso_themes/metis_menu');
+require('./kiso_themes/popper');
+require('./kiso_themes/bootstrap');
+require('./kiso_themes/sidenav');
+require('./kiso_themes/header');
+require('./kiso_themes/forms');
+require('./kiso_themes/bootstrap_switch');
+require('./kiso_themes/sheets');
+require('./kiso_themes/gmaps');
+require('./kiso_themes/jqvectormaps');
+require('./kiso_themes/jasny');
+require('./kiso_themes/flot');
+require('./kiso_themes/chartjs');
+require('./kiso_themes/sparklines');
+require('./kiso_themes/easypiechart');
+require('./kiso_themes/prettify');
+require('./kiso_themes/countTo');
+require('./kiso_themes/prism');
+require('./kiso_themes/clipboard');
+require('./kiso_themes/countdown');
+require('./kiso_themes/parallax');
+require('./kiso_themes/demo/data_generator');
+require('./kiso_themes/demo/chartjs');
+require('./kiso_themes/demo/dashboard');
+require('./kiso_themes/demo/easypiechart');
+require('./kiso_themes/demo/flot');
+require('./kiso_themes/demo/gmaps');
+require('./kiso_themes/demo/jqvectormap');
+require('./kiso_themes/demo/sparklines');
+require('./kiso_themes/inspect_mode/inspect_mode');
+Popper.Defaults.modifiers.computeStyle.gpuAcceleration = false;
+//Popper.Defaults.modifiers.computeStyle.enabled = false;

data/lib/generators/kiso_themes/templates/rails6/kiso_themes/bootstrap.js ADDED Viewed

@@ -0,0 +1,20 @@
+//= require vendor/bootstrap/bootstrap
+(function() {
+  function initBootstrap() {
+    $('[data-toggle="popover"]').popover({
+      container: 'body'
+    });
+    $('[data-toggle="tooltip"]').tooltip({
+      container: 'body'
+    });
+  }
+  KisoThemes.hookOnPageLoad( function() {
+    KisoThemes.jsLibIsActive('bootstrap') && initBootstrap.call(this)
+  })
+})()

data/lib/generators/kiso_themes/templates/rails6/kiso_themes/bootstrap_switch.js ADDED Viewed

@@ -0,0 +1,23 @@
+//= require vendor/bootstrap_switch/bootstrap_switch
+(function() {
+  function initBootstrapSwitch() {
+    $('.bootstrap-switch').each(function() {
+      $this = $(this);
+      data_on_label = $this.data('on-label') || '';
+      data_off_label = $this.data('off-label') || '';
+      $this.bootstrapSwitch({
+        onText: data_on_label,
+        offText: data_off_label
+      });
+    });
+  }
+  KisoThemes.hookOnPageLoad( function() {
+    KisoThemes.jsLibIsActive('bs-switch') && initBootstrapSwitch.call(this)
+  })
+})()

data/lib/generators/kiso_themes/templates/rails6/kiso_themes/chartjs.js ADDED Viewed

@@ -0,0 +1,11 @@
+(function() {
+  function initChartJS() {
+  }
+  KisoThemes.hookOnPageLoad( function() {
+    KisoThemes.jsLibIsActive('chartjs') && initChartJS.call(this)
+  })
+})()

data/lib/generators/kiso_themes/templates/rails6/kiso_themes/clipboard.js ADDED Viewed

@@ -0,0 +1,12 @@
+//= require vendor/clipboardjs/clipboard
+(function() {
+  function initClipboard() {
+  }
+  KisoThemes.hookOnPageLoad( function() {
+    KisoThemes.jsLibIsActive('clipboard') && initClipboard.call(this)
+  })
+})()

data/lib/generators/kiso_themes/templates/rails6/kiso_themes/countTo.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ //= require vendor/countTo/countTo

data/lib/generators/kiso_themes/templates/rails6/kiso_themes/countdown.js ADDED Viewed

@@ -0,0 +1,28 @@
+//= require vendor/countdown/countdown
+(function() {
+  function initCountdown() {
+    var els = $('.countdown')
+    els.each(function() {
+      var el = $(this)
+      var countDownTo = el.attr('data-countdownto')
+      el.countdown(countDownTo, function(event) {
+        var $this = $(this).html(event.strftime(''
+                                                + '<div class="countDownWrap"><span class="digits">%-D</span> <div class="digits-label">day%!d</div></div> '
+                                                + '<div class="countDownWrap"><span class="digits">%H</span> <div class="digits-label">hours</div></div> '
+                                                + '<div class="countDownWrap"><span class="digits">%M</span> <div class="digits-label">minutes</div></div> '
+                                                + '<div class="countDownWrap"><span class="digits">%S</span> <div class="digits-label">seconds</div></div> '))
+      })
+    })
+  }
+  KisoThemes.hookOnPageLoad( function() {
+    KisoThemes.jsLibIsActive('countdown') && initCountdown.call(this)
+  })
+})()

data/lib/generators/kiso_themes/templates/rails6/kiso_themes/demo/chartjs.js ADDED Viewed

@@ -0,0 +1,101 @@
+import DataGenerator from './data_generator';
+(function() {
+  if(window.Chart) {
+    Chart.defaults.global.defaultFontColor              = '#555555';
+    Chart.defaults.scale.gridLines.color                = "rgba(0,0,0,.04)";
+    Chart.defaults.scale.gridLines.zeroLineColor        = "rgba(0,0,0,.1)";
+    Chart.defaults.scale.ticks.beginAtZero              = true;
+    Chart.defaults.global.elements.line.borderWidth     = 2;
+    Chart.defaults.global.elements.point.radius         = 5;
+    Chart.defaults.global.elements.point.hoverRadius    = 7;
+    Chart.defaults.global.tooltips.cornerRadius         = 3;
+    Chart.defaults.global.legend.labels.boxWidth        = 6;
+  }
+  function lineCharts(el, type) {
+    var chartLinesCon  = jQuery(el);
+    var data = {
+      labels: ['MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT', 'SUN'],
+      datasets: [
+        {
+        label: 'Refunds',
+        fill: true,
+        backgroundColor: '#81A2D0',
+        borderColor: 'rgba(66,165,245,1)',
+        pointBackgroundColor: 'rgba(66,165,245,1)',
+        pointBorderColor: '#fff',
+        pointHoverBackgroundColor: '#fff',
+        pointHoverBorderColor: 'rgba(66,165,245,1)',
+        data: [19, 20, 8, 32, 100, 15, 99]
+      },
+      {
+        label: 'Sales',
+        fill: true,
+        backgroundColor: '#e9f4fb',
+        borderColor: '#A3D9FE',
+        pointBackgroundColor: '#A3D9FE',
+        pointBorderColor: '#fff',
+        pointHoverBackgroundColor: '#fff',
+        pointHoverBorderColor: 'rgba(66,165,245,1)',
+        data: [200, 192, 220, 240, 200, 131, 126]
+      }
+      ]
+    };
+    if(chartLinesCon.length > 0) {
+      new Chart(chartLinesCon, { type: type, data: data });
+    }
+  }
+  function roundChart(el, type) {
+    var chart  = jQuery(el);
+    var data = {
+      labels: [
+        'New Issues',
+        'Closed Issues',
+        'Reopened Issues'
+      ],
+      datasets: [{
+        data: [
+          67,
+          23,
+          10
+        ],
+        backgroundColor: [
+          'rgba(156,204,101,1)',
+          'rgba(255,202,40,1)',
+          'rgba(239,83,80,1)'
+        ],
+        hoverBackgroundColor: [
+          'rgba(156,204,101,.5)',
+          'rgba(255,202,40,.5)',
+          'rgba(239,83,80,.5)'
+        ]
+      }]
+    };
+    if(chart.length > 0) {
+      new Chart(chart, { type: type, data: data });
+    }
+  }
+  function initChartJsDemo() {
+    lineCharts('.sales-vs-refunds', 'line');
+    lineCharts('.sales-vs-refunds-bars', 'bar');
+    lineCharts('.demo-radar', 'radar');
+    roundChart('.demo-pie', 'pie')
+    roundChart('.demo-polar', 'polarArea')
+    roundChart('.demo-doughnut', 'doughnut')
+    lineCharts('[data-chartjs-line-demo]', 'line');
+  }
+  KisoThemes.hookOnPageLoad( function() {
+    KisoThemes.jsLibIsActive('demo-chartjs') && initChartJsDemo.call(this)
+  })
+})()