simple_sidebar 0.0.2.pre → 0.0.6.pre

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b6c8cfb26fe5f3067b7f90aa1877e35310286ec547953b8fe105b0347b872d53
-  data.tar.gz: e7cf4ec723265a31cae6b8a0a70e12fb2958fd1bde1b599b881c6d44e45b7b63
+  metadata.gz: 12b49ad6da2f3a70f0ff42aae6693f2cb8c11068205d1c0d30feaf485a3ba06d
+  data.tar.gz: e565b066187ce8c22eff03e42a484aa15673d49965eec14fdf42bd0a6b6dd413
 SHA512:
-  metadata.gz: 86a5a613c1c626c439e518f2e1c5b0b2aaa60e9e6ece42999b9f13b86dca8047eea533d48a6ac69fee2ae74b25631293f0a3df478fe9d1b014f3c6c41ca19790
-  data.tar.gz: 3d7d44cec8e331f42cb22da8baf120d486860db960edb355de5f4c07fefc4a36a1ba9faa4750de4e20b7d5e44a65970ef4442a927d064bbd93ea90e612ce8f3e
+  metadata.gz: ac369c508ef423b47c6a7ffa1156ebafc173bbf5f89e307f126fca91ab31a951c09c4cb3aaffd66cd81e877482b0ea607712d90f0e33e4e164fae77e3362e53f
+  data.tar.gz: eab0e4f47c56a41c33c25e021a4476219264986ed153b9c57a0bfd123fae02b21b75cdcb574c84bce52aa7ff087015953619c08b5292d2078dd7131529059a8a

data/app/assets/javascripts/simple_sidebar/application/core.js.coffee

@@ -28,6 +28,7 @@
 #     modal: Like overlay, but with a modal background.
 #  position: left|right|top|bottom
 #  size: size that the sidebar will take up (width for left and right, height for top and bottom). Pass any css size in px, rem or whatever you like.
+#  state: open|closed
 #
 $ ->
   initializeSidebars = ->
@@ -36,6 +37,8 @@ $ ->
       position = $(@).data('sidebar-position')
       mode = $(@).data('sidebar-mode')
       size = $(@).data('sidebar-size')
+      state = $(@).data('sidebar-state')
+
       $(e).addClass("sidebar sidebar-#{position} sidebar-#{mode}")
 
       # set correct size
@@ -51,14 +54,16 @@ $ ->
       # display it
       $(e).css("display", "inherit")
 
-  initializeSidebars()
+      # set initial state
+      if state == 'open'
+        openSidebar($(@), false)
+
 
   initializeModalBackground = ->
     $('body').on 'click', '#sidebar-modal-background', ->
       target = $("##{$(@).data('sidebar-target')}")
       closeSidebar(target)
 
-  initializeModalBackground()
 
   initializeTriggers = ->
     $('[data-sidebar-trigger]').on 'click', ->
@@ -66,13 +71,12 @@ $ ->
       state = target.data('sidebar-state')
 
       if state == 'closed'
-        openSidebar(target)
+        openSidebar(target, true)
       else
-        closeSidebar(target)
+        closeSidebar(target, true)
 
-  initializeTriggers()
 
-  openSidebar = (target) ->
+  openSidebar = (target, animate = false) ->
     main_content = $('#main-content')
 
     position = target.data('sidebar-position')
@@ -80,19 +84,25 @@ $ ->
     size = target.data('sidebar-size')
 
     # Move sidebar into viewport
-    target.css(position, 0)
+    if(animate == true)
+      target.animate({ "#{position}": 0 }, 500);
+    else
+      target.css(position, 0)
 
     # Add margin equal to sidebar width/height to main content to make room
     # for the sidebar if in push mode
-    main_content.css("margin-#{position}", size) if mode == 'push'
-
+    if(mode == 'push')
+      if(animate == true)
+        main_content.animate({ "margin-#{position}": size }, 500)
+      else
+        main_content.css("margin-#{position}", size)
 
     # add modal if in modal mode
     if mode == 'modal'
       $("body").append("<div id=\"sidebar-modal-background\" data-sidebar-target=\"#{target.attr('id')}\"></div>")
       $('#sidebar-modal-background').fadeIn()
 
-    # load content via ajay if the load option was given
+    # load content via ajax if the load option was given
     if target.data('sidebar-load')
       url = target.data('sidebar-load')
       $.ajax
@@ -103,9 +113,9 @@ $ ->
           return
 
     # set state
-    target.data('sidebar-state', 'opened')
+    target.data('sidebar-state', 'open')
 
-  closeSidebar = (target) ->
+  closeSidebar = (target, animate = false) ->
     main_content = $('#main-content')
 
     position = target.data('sidebar-position')
@@ -115,14 +125,23 @@ $ ->
     
     # push
     if mode == 'push'
-      # main_content.css("margin-#{position}", size)
-      main_content.css("margin-#{position}", '0px')
+      if(animate == true)
+        main_content.animate({ 'marginLeft': 0 }, 500);
+      else
+        main_content.css("margin-#{position}", '0px')
 
     # modal
     if mode == 'modal'
       $("#sidebar-modal-background").remove()
 
-    target.css(position, "-#{target.outerWidth()}px")
+    if(animate == true)
+     target.animate({ "#{position}": "-#{target.outerWidth()}px" }, 500);
+    else
+      target.css(position, "-#{target.outerWidth()}px")
 
     # set state
     target.data('sidebar-state', 'closed')
+
+  initializeSidebars()
+  initializeModalBackground()
+  initializeTriggers()

data/app/assets/stylesheets/simple_sidebar/application/core.css

@@ -15,27 +15,23 @@
 .sidebar-left {
   height: 100%;
   top: 0;
-  transition: left .5s;
+  overflow-y: auto;
 }
 .sidebar-right {
   height: 100%;
   top: 0;
-  transition: right .5s;
+  overflow-y: auto;
 }
 .sidebar-top {
   width: 100%;
   left: 0;
-  transition: top .5s;
 }
 .sidebar-bottom {
   width: 100%;
   left: 0;
-  transition: bottom .5s;
 }
 
-#main-content {
-  transition: margin .5s;
-}
+#main-content {}
 
 #sidebar-modal-background {
   display: none;

data/lib/simple_sidebar/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module SimpleSidebar
-  VERSION = "0.0.2.pre".freeze
+  VERSION = "0.0.6.pre".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: simple_sidebar
 version: !ruby/object:Gem::Version
-  version: 0.0.2.pre
+  version: 0.0.6.pre
 platform: ruby
 authors:
 - Roberto Vasquez Angel
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-04-03 00:00:00.000000000 Z
+date: 2021-09-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -142,15 +142,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.5.0
+      version: 2.4.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">"
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 3.0.8
 signing_key: 
 specification_version: 4
 summary: Simple sidebar.