RubyGems - keppler - Versions diffs - 2.1.9 → 2.1.10 - Mend

keppler 2.1.9 → 2.1.10

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 (47) hide show

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

@@ -0,0 +1,13 @@
+<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 ADDED Viewed

@@ -0,0 +1,59 @@
+<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 ADDED Viewed

@@ -0,0 +1,58 @@
+<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 ADDED Viewed

@@ -0,0 +1,49 @@
+<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 ADDED Viewed

@@ -0,0 +1,48 @@
+<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 ADDED Viewed

@@ -0,0 +1,54 @@
+<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 ADDED Viewed

@@ -0,0 +1,15 @@
+<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 ADDED Viewed

@@ -0,0 +1,13 @@
+<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 ADDED Viewed

@@ -0,0 +1,13 @@
+<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 ADDED Viewed

@@ -0,0 +1,13 @@
+<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 ADDED Viewed

@@ -0,0 +1,13 @@
+<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 ADDED Viewed

@@ -0,0 +1,13 @@
+<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 ADDED Viewed

@@ -0,0 +1,43 @@
+<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_frontend/app/controllers/keppler_frontend/app/app_controller.rb CHANGED Viewed

@@ -27,6 +27,13 @@ module KepplerFrontend
     private
+    def live_editor_info
+      if params[:editor] && controller_name.eql?('frontend') && !action_name.eql?('keppler')
+        view = View.find(params[:view])
+        gon.editor = view.live_editor_render
+      end
+    end
     def rocket(name, model)
       name = name.singularize.downcase.camelize
       model = model.singularize.downcase.camelize

data/lib/keppler/version.rb CHANGED Viewed

@@ -1,3 +1,3 @@
 module Keppler
-  VERSION = "2.1.9"
+  VERSION = "2.1.10"
 end