sinatra-hexacta 0.9.0 → 0.9.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6884934e4cc519d87597493303f9a125118d60297589eb52a70f12a17646a83d
-  data.tar.gz: aa29474ab59cac85241982115645260e091cae81d1a26478d6b7b09e928978a9
+  metadata.gz: d79ff3433bcac2fb8f84b38f2847eb2807a481f952d7940e9015f703c189afd3
+  data.tar.gz: 5b14042aab9d75bf41cc2804f10e6df792f833c480de934ec14c0d03b9df22d3
 SHA512:
-  metadata.gz: 39d714392cac7c9f2b0502530aa1041c7a8b6b1d7f41c7adcf574e7f96c3195f96159d3f539bcdcb0bbd5309a3a737324660ba5002892b0d59556b9aef59ce8d
-  data.tar.gz: 97812801c6f809c9265092fc445c79f6fa577adef853da00704647af74749e79daa941a217160c07797ab0d1f3456254c39351e1fd368fee77145971195d6ed5
+  metadata.gz: 60566a5a7826baa9993d1d5f4b61dc57cfde3a99ced5af08daa80d5436099ca74d1f8625c2f76007d5662f2278356a1f8e4de61d8de277fef15973b309e39dd3
+  data.tar.gz: 4b5263301f5e43d3541f252d404f02028565adf9728b01e96fb145040eea19e774201b42ca727402f618b08247cbadc7800a99867b12809be0e8d6f957ba7ef4

data/lib/sinatra/extensions/menu.rb

@@ -1,7 +1,7 @@
 # encoding: utf-8
 class MenuBuilder
 
-  def new
+  def initialize
     @elements = []
   end
 
@@ -11,7 +11,7 @@ class MenuBuilder
   end
 
   def link(text,icon,link,target)
-    @elements << { :type => 'dropdown' , :text => text, :icon => icon, :link => link, :target => target }
+    @elements << { :type => 'link' , :text => text, :icon => icon, :link => link, :target => target }
     return self
   end
 

data/lib/sinatra/public/css/app.min.1.css

@@ -13894,6 +13894,22 @@ fieldset[disabled] .btn-inverse:active {
   bottom: 340px;
 }
 
+.footer-text :nth-child(7), .footer-btn :nth-child(7) {
+  bottom: 400px;
+}
+
+.footer-text :nth-child(8), .footer-btn :nth-child(8) {
+  bottom: 460px;
+}
+
+.footer-text :nth-child(9), .footer-btn :nth-child(9) {
+  bottom: 520px;
+}
+
+.footer-text :nth-child(10), .footer-btn :nth-child(10) {
+  bottom: 580px;
+}
+
 .footer-text .text {
   position: fixed;
   right: 100px;

data/lib/sinatra/views/menu/menu.slim

@@ -1,42 +1,68 @@
-.actions-menu.m-b-20
-  .btn-group.p-fixed style="border-radius: 5px;z-index:5;"
-    -for item in menu
-      -if item[:type] == 'dropdown'
-        .btn-group
-          a.btn.btn-default.dropdown-toggle.waves-effect.btn-icon-text aria-expanded="true" data-toggle="dropdown" type="button" 
-            i.zmdi class="zmdi-#{item[:icon]}"
-            | #{item[:text]}
-
-          ul.dropdown-menu role="menu" style="border-radius: 5px;"
-            -for subitem in item[:link]
-              -if subitem[:type] == 'link'
-                li
-                  a.btn-icon-text href="#{subitem[:link]}" target="#{subitem[:target]}"
-                    i.zmdi class="zmdi-#{subitem[:icon]}"
-                    | #{subitem[:text]}
-
-      -if item[:type] == 'link'
-        a.btn.btn-default.waves-effect.btn-icon-text type="button" href="#{item[:link]}" target="#{item[:target]}"
-          i.zmdi class="zmdi-#{item[:icon]}"
-          | #{item[:text]}
-
-      -if item[:type] == 'modal'
-        a.btn.btn-default.waves-effect.btn-icon-text type="button" data-toggle="modal" data-target="#{item[:link]}"
-          i.zmdi class="zmdi-#{item[:icon]}"
-          | #{item[:text]}
+.footer-text
+  a.text.btn.bgm-white.c-gray onclick='toggle_menu()' Menu
+
+.actions-menu.hidden
+  -for item in menu
+    -idx = menu.index(item) + 1
+    -if item[:type] == 'link'
+      a.text.btn.bgm-white.c-gray type="button" href="#{item[:link]}" target="#{item[:target]}" style="bottom:#{50+idx*45}px;animation-duration: #{(idx.to_f/10.0).round(2)}s" #{item[:text]}
+    -if item[:type] == 'modal'
+      a.text.btn.bgm-white.c-gray type="button" data-toggle="modal" data-target="#{item[:link]}" style="bottom:#{50+idx*45}px;animation-duration: #{(idx.to_f/10.0).round(2)}s" #{item[:text]}
+
+.footer-btn
+  a.btn.btn-float.bgm-blue.m-btn.waves-effect.waves-circle.waves-float onclick='toggle_menu()'
+    i.zmdi.zmdi-menu
+
+.actions-menu.hidden
+  -for item in menu
+    -idx = menu.index(item) + 1
+    -if item[:type] == 'link'
+      a.btn.btn-float.bgm-blue.m-btn.waves-effect.waves-circle.waves-float type="button" href="#{item[:link]}" target="#{item[:target]}" style="bottom:#{50+idx*45}px;animation-duration: #{(idx.to_f/10.0).round(2)}s"
+        i.zmdi class="zmdi-#{item[:icon]}"
+
+    -if item[:type] == 'modal'
+      a.btn.btn-float.bgm-blue.m-btn.waves-effect.waves-circle.waves-float type="button" data-toggle="modal" data-target="#{item[:link]}" style="bottom:#{50+idx*45}px;animation-duration: #{(idx.to_f/10.0).round(2)}s"
+        i.zmdi class="zmdi-#{item[:icon]}"
 
 
 css:
-  .actions-menu {
-    height: 38px;
+  .actions-menu .btn-float {
+    width: 40px;
+    height: 40px;
+    line-height : 30px !Important;
+    margin-right: 5px;
   }
-  .actions-menu a.btn {
-    padding: 10px;
-    border-radius: 5px;
-    border-left: 1px solid #eee;
+
+  .actions-menu .btn-float i {
+    font-size: 17px;
   }
 
-  .actions-menu a:hover {
-    background: #2196f3 !important;
-    color: white !important;
+  .actions-menu .text {
+    position: fixed;
+    right: 100px;
+    margin-bottom: 6px;
+    border-radius: 20px;
+    font-size: 8pt;
+    z-index: 9;
+  }
+
+javascript:
+  function toggle_menu() {
+    if ($(".actions-menu.hidden")[0]) {
+      show_menu();
+    } else {
+      hide_menu();
+    }
+  }
+  function hide_menu() {
+    $(".actions-menu a" ).removeClass('animated fadeInUp')
+    $(".actions-menu a" ).addClass('animated fadeOutDown');
+    setTimeout(function(){
+      $(".actions-menu" ).addClass("hidden");
+    }, 300);
+  }
+  function show_menu() {
+    $(".actions-menu a" ).removeClass('animated fadeOutDown')
+    $(".actions-menu a" ).addClass('animated fadeInUp');
+    $(".actions-menu" ).removeClass("hidden");
   }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sinatra-hexacta
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 0.9.5
 platform: ruby
 authors:
 - Marco Zanger