keppler 2.1.11 → 2.1.12

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/bootstrap/btsp-input.html

@@ -1,13 +0,0 @@
-<keppler-component>
-  <input type="text" class="form-control" placeholder="Text input">
-</keppler-component>
-<script>
-  'bootstrap-input', {
-    label: 'Input',
-    category: 'Bootstrap',
-    attributes: { class:'fa fa-link' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-banner-blur-parallax.html

@@ -1,59 +0,0 @@
-<keppler-component>
-  <div class="kppl-blur">
-    <div class="kppl-blur-img"></div>
-    <div class="kppl-blur-mask">
-      <div class="kppl-container">
-        <h1>Banner Blur Parallax</h1>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare turpis eu elit ultricies mollis. Nulla sollicitudin orci mauris, nec fermentum tortor venenatis vel</p>
-      </div>
-    </div>
-  </div>
-
-  <style>
-    .kppl-blur {
-      width: auto;
-      height: 400px;
-      position: relative;
-      overflow: hidden;
-    }
-    
-    .kppl-blur .kppl-blur-img {
-      background-image: url(https://images.pexels.com/photos/804954/pexels-photo-804954.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
-      background-size: cover;
-      background-position: center;
-      background-attachment: fixed;
-      height: 100%;
-      width: 100%;
-      position: absolute;
-      filter: blur(4px);
-      transform: scale(1.1);
-    } 
-
-    .kppl-blur .kppl-blur-mask {
-      background: #00000075;
-      position: relative;
-      height: 100%;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-family: Arial, Helvetica, sans-serif;
-      text-align: center;
-      color: #fff;
-    }
-
-    .kppl-blur .kppl-container {
-      max-width: 40%;
-    }
-  </style>
-</keppler-component>
-<script>
-  'kppl-banner-blur-parallax', {
-    label: 'Banner Blur Parallax',
-    category: 'Banners',
-    attributes: { class:'fa fa-picture-o' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-banner-blur.html

@@ -1,58 +0,0 @@
-<keppler-component>
-  <div class="kppl-blur">
-    <div class="kppl-blur-img"></div>
-    <div class="kppl-blur-mask">
-      <div class="kppl-container">
-        <h1>Banner Blur</h1>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare turpis eu elit ultricies mollis. Nulla sollicitudin orci mauris, nec fermentum tortor venenatis vel</p>
-      </div>
-    </div>
-  </div>
-
-  <style>
-    .kppl-blur {
-      width: auto;
-      height: 400px;
-      position: relative;
-      overflow: hidden;
-    }
-    
-    .kppl-blur .kppl-blur-img {
-      background-image: url(https://images.pexels.com/photos/907142/pexels-photo-907142.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
-      background-size: cover;
-      background-position: center;
-      height: 100%;
-      width: 100%;
-      position: absolute;
-      filter: blur(4px);
-      transform: scale(1.1);
-    } 
-
-    .kppl-blur .kppl-blur-mask {
-      background: #00000075;
-      position: relative;
-      height: 100%;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-family: Arial, Helvetica, sans-serif;
-      text-align: center;
-      color: #fff;
-    }
-
-    .kppl-blur .kppl-container {
-      max-width: 40%;
-    }
-  </style>
-</keppler-component>
-<script>
-  'kppl-banner-blur', {
-    label: 'Banner Blur',
-    category: 'Banners',
-    attributes: { class:'fa fa-picture-o' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-banner-parallax.html

@@ -1,49 +0,0 @@
-<keppler-component>
-  <div class="kppl-parallax">
-    <div class="kppl-parallax-mask">
-      <div class="kppl-container">
-        <h1>Banner Parallax</h1>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare turpis eu elit ultricies mollis. Nulla sollicitudin orci mauris, nec fermentum tortor venenatis vel</p>
-      </div>
-    </div>
-  </div>
-
-  <style>
-    .kppl-parallax {
-      background-image: url(https://images.pexels.com/photos/67386/pexels-photo-67386.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
-      background-size: cover;
-      background-position: center;
-      background-attachment: fixed;
-      width: auto;
-      height: 400px;
-      position: relative;
-    }
-
-    .kppl-parallax > .kppl-parallax-mask {
-      background: #00000075;
-      position: relative;
-      height: 100%;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-family: Arial, Helvetica, sans-serif;
-      text-align: center;
-      color: #fff;
-    }
-
-    .kppl-parallax .kppl-container {
-      max-width: 40%;
-    }
-  </style>
-</keppler-component>
-<script>
-  'kppl-banner-parallax', {
-    label: 'Banner Parallax',
-    category: 'Banners',
-    attributes: { class:'fa fa-picture-o' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-banner-static.html

@@ -1,48 +0,0 @@
-<keppler-component>
-  <div class="kppl-static">
-    <div class="kppl-static-mask">
-      <div class="kppl-container">
-        <h1>Banner Static</h1>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare turpis eu elit ultricies mollis. Nulla sollicitudin orci mauris, nec fermentum tortor venenatis vel</p>
-      </div>
-    </div>
-  </div>
-
-  <style>
-    .kppl-static {
-      background-image: url(https://images.pexels.com/photos/125532/pexels-photo-125532.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
-      background-size: cover;
-      background-position: center;
-      width: auto;
-      height: 400px;
-      position: relative;
-    }
-
-    .kppl-static > .kppl-static-mask {
-      background: #00000075;
-      position: relative;
-      height: 100%;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-family: Arial, Helvetica, sans-serif;
-      text-align: center;
-      color: #fff;
-    }
-
-    .kppl-static .kppl-container {
-      max-width: 40%;
-    }
-  </style>
-</keppler-component>
-<script>
-  'kppl-banner-static', {
-    label: 'Banner Static',
-    category: 'Banners',
-    attributes: { class:'fa fa-picture-o' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-banner-video.html

@@ -1,54 +0,0 @@
-<keppler-component>
-  <div class="kppl-youtube">
-    <iframe class="kppl-youtube-video" width="560" height="315" src="https://www.youtube.com/embed/SpaqUrNPb-4?rel=0&amp;controls=0&amp;showinfo=0&amp;mute=1&amp;autoplay=1&amp;loop=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-    <div class="kppl-youtube-mask">
-      <div class="kppl-container">
-        <h1>Banner Youtube</h1>
-        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare turpis eu elit ultricies mollis. Nulla sollicitudin orci mauris, nec fermentum tortor venenatis vel</p>
-      </div>
-    </div>
-  </div>
-
-  <style>
-    .kppl-youtube {
-      width: auto;
-      height: 400px;
-      position: relative;
-      overflow: hidden;
-    }
-    
-    .kppl-youtube .kppl-youtube-video {
-      height: 100%;
-      width: 100%;
-      position: absolute;
-      transform: scale(2);
-    } 
-
-    .kppl-youtube .kppl-youtube-mask {
-      background: #00000075;
-      position: relative;
-      height: 100%;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-family: Arial, Helvetica, sans-serif;
-      text-align: center;
-      color: #fff;
-    }
-
-    .kppl-youtube .kppl-container {
-      max-width: 40%;
-    }
-  </style>
-</keppler-component>
-<script>
-  'kppl-banner-youtube', {
-    label: 'Banner Video',
-    category: 'Banners',
-    attributes: { class:'fa fa-youtube-play' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-block.html

@@ -1,15 +0,0 @@
-<keppler-component>
-  <div style="padding:10px">
-    <h1>Block</h1>
-  </div>
-</keppler-component>
-<script>
-  'kppl-block', {
-    label: 'Block',
-    category: 'Layouts',
-    attributes: { class:'fa fa-code' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-h1.html

@@ -1,13 +0,0 @@
-<keppler-component>
-  <h1>Header 1</h1>
-</keppler-component>
-<script>
-  'kppl-h1', {
-    label: 'Header 1',
-    category: 'Typography',
-    attributes: { class:'fa fa-header' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-h2.html

@@ -1,13 +0,0 @@
-<keppler-component>
-  <h2>Header 2</h2>
-</keppler-component>
-<script>
-  'kppl-h2', {
-    label: 'Header 2',
-    category: 'Typography',
-    attributes: { class:'fa fa-header' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-h3.html

@@ -1,13 +0,0 @@
-<keppler-component>
-  <h3>Header 3</h3>
-</keppler-component>
-<script>
-  'kppl-h3', {
-    label: 'Header 3',
-    category: 'Typography',
-    attributes: { class:'fa fa-header' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-h4.html

@@ -1,13 +0,0 @@
-<keppler-component>
-  <h4>Header 4</h4>
-</keppler-component>
-<script>
-  'kppl-h4', {
-    label: 'Header 4',
-    category: 'Typography',
-    attributes: { class:'fa fa-header' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/keppler/kppl-small.html

@@ -1,13 +0,0 @@
-<keppler-component>
-  <small>Text small</small>
-</keppler-component>
-<script>
-  'kppl-small', {
-    label: 'Small',
-    category: 'Typography',
-    attributes: { class:'fa fa-text-height' },
-    content: {
-      script: function(){}
-    }    
-  }
-</script>

data/installer/core/rockets/keppler_frontend/app/assets/html/keppler_frontend/app/slick/slick-basic.html

@@ -1,43 +0,0 @@
-<keppler-component>
-  <div class="slick-caroucel">
-    <div class="slick-item slick-item-1">
-      <img src="https://dummyimage.com/1440x500/c0c0c0/000000.jpg" alt="...">
-    </div>
-    <div class="slick-item slick-item-2">
-      <img src="https://dummyimage.com/1440x500/c0c0c0/000000.jpg" alt="...">
-    </div>
-    <div class="slick-item slick-item-3">
-      <img src="https://dummyimage.com/1440x500/c0c0c0/000000.jpg" alt="...">
-    </div>
-  </div>
-  <script>
-    function guid() {
-      return Math.floor((1 + Math.random()) * 0x10000)
-          .toString(16)
-          .substring(1);
-    }
-    var id = "slick-"+guid();
-    document.getElementsByClassName('slick-caroucel')[0].id = id;
-    console.log(document.getElementsByClassName('slick-caroucel')[0])
-    $("#"+id).slick();
-  </script>
-  <style>
-    .slick-caroucel {
-      height: 500px;
-    }
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  </style>
-</keppler-component>
-<script>
-  // 'slick-basic', {
-  //   label: 'Slick Basic (1440x500)',
-  //   category: 'Sliders',
-  //   attributes: { class:'fa fa-sliders' },
-  //   content: {
-  //     script: function(){}
-  //   }  
-  // }
-</script>

data/installer/core/rockets/keppler_ga_dashboard/app/controllers/keppler_ga_dashboard/dashboard_controller.rb

@@ -1,64 +0,0 @@
-require 'google/api_client'
-
-module KepplerGaDashboard
-  # DashboarController
-  class DashboardController < ::ApplicationController
-    layout 'keppler_ga_dashboard/admin/layouts/application'
-    before_action :dashboard_access, only: [:analytics]
-    before_action :set_apparience_colors
-    before_action :authenticate_user!
-
-    def analytics
-      # set up a client instance
-      client = ::Google::APIClient.new(
-        application_name: 'keppler',
-        application_version: '1'
-      )
-
-      client.authorization = Signet::OAuth2::Client.new(
-        options
-      ).tap(&:fetch_access_token!)
-
-      @access_token = client.authorization.fetch_access_token!['access_token']
-
-      gon.color = @color
-    end
-
-    # Options for authenticate
-    def options
-      { token_credential_uri: 'https://accounts.google.com/o/oauth2/token',
-        audience: 'https://accounts.google.com/o/oauth2/token',
-        scope: 'https://www.googleapis.com/auth/analytics.readonly',
-        issuer: Rails.application.secrets.ga_auth.fetch(
-          :service_account_email_address
-        ),
-        signing_key: Google::APIClient::KeyUtils.load_from_pkcs12(
-          file_key, 'notasecret'
-        )
-      }
-    end
-
-    def set_apparience_colors
-      variables_file = File.readlines(style_file)
-      @color = ""
-      variables_file.each { |line| @color = line[15..21] if line.include?('$keppler-color') }
-
-
-      puts "********************** #{@color}"
-    end
-
-    def style_file
-      "#{Rails.root}/app/assets/stylesheets/admin/utils/_variables.scss"
-    end
-
-    # get .p12 File for authenticate token
-    def file_key
-      File.join(
-        Rails.root,
-        'config',
-        'gaAuth',
-        Rails.application.secrets.ga_auth.fetch(:file_key_name)
-      )
-    end
-  end
-end