simple_sidebar 0.0.1.pre

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 (14) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/Rakefile +19 -0
  4. data/app/assets/javascripts/simple_sidebar/application/core.js.coffee +104 -0
  5. data/app/assets/javascripts/simple_sidebar/application.js +1 -0
  6. data/app/assets/javascripts/simple_sidebar.js +1 -0
  7. data/app/assets/stylesheets/simple_sidebar/application/core.css +51 -0
  8. data/app/assets/stylesheets/simple_sidebar/application.css +3 -0
  9. data/app/assets/stylesheets/simple_sidebar.css +3 -0
  10. data/config/initializers/assets.rb +4 -0
  11. data/lib/simple_sidebar/engine.rb +7 -0
  12. data/lib/simple_sidebar/version.rb +5 -0
  13. data/lib/simple_sidebar.rb +4 -0
  14. metadata +56 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA256:
3
+ metadata.gz: 8fad6bb78024f4558c3143f3f0c1f7b10fb9fdbd1a01ae95ab04ce9dd62e3319
4
+ data.tar.gz: e50593f52f64be048658dae81689eb3aad693d4168faf35fe81ea26ce13b9f24
5
+ SHA512:
6
+ metadata.gz: ff9a4d0b9cdb66cf743837a76685d0ef8dc412b1f706aab2b0090e95c63f878938f86488771569671ab1515fecdae4730154863c368f795ed9a9aa381237e73b
7
+ data.tar.gz: d9186df087cbcfc44d9164c41b66dcef4d90aede982128895ca1d7fe0dc177bde3af34e5c69ae603f39fe0c364e7e9fdabe901952656f9488604520b82e9d12d
data/MIT-LICENSE ADDED
@@ -0,0 +1,20 @@
1
+ Copyright 2019 Roberto Vasquez Angel
2
+
3
+ Permission is hereby granted, free of charge, to any person obtaining
4
+ a copy of this software and associated documentation files (the
5
+ "Software"), to deal in the Software without restriction, including
6
+ without limitation the rights to use, copy, modify, merge, publish,
7
+ distribute, sublicense, and/or sell copies of the Software, and to
8
+ permit persons to whom the Software is furnished to do so, subject to
9
+ the following conditions:
10
+
11
+ The above copyright notice and this permission notice shall be
12
+ included in all copies or substantial portions of the Software.
13
+
14
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/Rakefile ADDED
@@ -0,0 +1,19 @@
1
+ # frozen_string_literal: true
2
+
3
+ begin
4
+ require "bundler/setup"
5
+ rescue LoadError
6
+ puts "You must `gem install bundler` and `bundle install` to run rake tasks"
7
+ end
8
+
9
+ require "rdoc/task"
10
+
11
+ RDoc::Task.new(:rdoc) do |rdoc|
12
+ rdoc.rdoc_dir = "rdoc"
13
+ rdoc.title = "Simple Sidebar"
14
+ rdoc.options << "--line-numbers"
15
+ rdoc.rdoc_files.include("README.rdoc")
16
+ rdoc.rdoc_files.include("lib/**/*.rb")
17
+ end
18
+
19
+ Bundler::GemHelper.install_tasks
data/app/assets/javascripts/simple_sidebar/application/core.js.coffee ADDED
@@ -0,0 +1,104 @@
1
+ # Usage:
2
+ #
3
+ # Put all the content that is not in the sidebar in a container with the id #main-content a trigger button and add a sidebar.
4
+ #
5
+ # <body>
6
+ # <div id="main-content">
7
+ # <button data-sidebar-trigger="#example-sidebar">
8
+ # Toggle the example sidebar!
9
+ # </button>
10
+ # </div>
11
+ # <aside
12
+ # id="example-sidebar">
13
+ # data-sidebar-load="/de/backend/authentifizierung/user_sidebar.html"
14
+ # data-sidebar-mode="overlay"
15
+ # data-sidebar-position="right"
16
+ # data-sidebar-size="20rem"
17
+ # data-sidebar-state="closed"
18
+ # <h3>Hello from the example sidebar!</h3>
19
+ # </aside>
20
+ # </body>
21
+ #
22
+ # Options:
23
+ #
24
+ # load: Passing an url to load will load the content of the url via ajax and display it in the sidebar.
25
+ # mode:
26
+ # push: This will decrease the size of the main content, making room for the sidebar.
27
+ # overlay: This will show the sidebar on top of the content, without moving it.
28
+ # modal: Like overlay, but with a modal background.
29
+ # position: left|right|top|bottom
30
+ # 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.
31
+ #
32
+ $ ->
33
+ $('body').on 'click', '#sidebar-modal-background', ->
34
+ target = $("##{$(@).data('sidebar-target')}")
35
+ closeModal(target)
36
+
37
+ $('[data-sidebar-position]').each (_, e) ->
38
+ position = $(@).data('sidebar-position')
39
+ $(e).addClass("sidebar sidebar-#{position}")
40
+ if $(@).data('sidebar-state') == 'opened'
41
+ openModal($(@))
42
+
43
+ $('[data-sidebar-trigger]').on 'click', ->
44
+ target = $($(@).data('sidebar-trigger'))
45
+ state = target.data('sidebar-state')
46
+
47
+ if state == 'closed'
48
+ openModal(target)
49
+ else
50
+ closeModal(target)
51
+
52
+ openModal = (target) ->
53
+ main_content = $('#main-content')
54
+
55
+ position = target.data('sidebar-position')
56
+ mode = target.data('sidebar-mode')
57
+ size_attribute = if position in ['top', 'bottom'] then 'height' else 'width'
58
+ size = target.data('sidebar-size')
59
+
60
+ target.css("display", "inherit")
61
+ target.css(size_attribute, size)
62
+ main_content.css("margin-#{position}", size) if mode == 'push'
63
+
64
+
65
+ # modal
66
+ if mode == 'modal'
67
+ $("body").append("<div id=\"sidebar-modal-background\" data-sidebar-target=\"#{target.attr('id')}\"></div>")
68
+
69
+ # load
70
+ if target.data('sidebar-load')
71
+ url = target.data('sidebar-load')
72
+ $.ajax
73
+ type: 'GET'
74
+ url: url
75
+ success: (response) ->
76
+ $(target).html(response)
77
+ return
78
+
79
+ # set state
80
+ target.data('sidebar-state', 'opened')
81
+
82
+ closeModal = (target) ->
83
+ main_content = $('#main-content')
84
+
85
+ position = target.data('sidebar-position')
86
+ mode = target.data('sidebar-mode')
87
+ size_attribute = if position in ['top', 'bottom'] then 'height' else 'width'
88
+ size = target.data('sidebar-size')
89
+
90
+ # push
91
+ if mode == 'push'
92
+ main_content.css("margin-#{position}", size)
93
+
94
+ # modal
95
+ if mode == 'modal'
96
+ $("#sidebar-modal-background").remove()
97
+
98
+ target.css(size_attribute, '0px')
99
+
100
+ if mode == 'push'
101
+ main_content.css("margin-#{position}", '0px')
102
+
103
+ # set state
104
+ target.data('sidebar-state', 'closed')
data/app/assets/javascripts/simple_sidebar/application.js ADDED
@@ -0,0 +1 @@
1
+ //= require_tree ./application
data/app/assets/javascripts/simple_sidebar.js ADDED
@@ -0,0 +1 @@
1
+ //= require simple_sidebar/application
data/app/assets/stylesheets/simple_sidebar/application/core.css ADDED
@@ -0,0 +1,51 @@
1
+ .sidebar {
2
+ position: fixed;
3
+ z-index: 3000;
4
+ overflow-x: hidden;
5
+ transition: 0.5s;
6
+ }
7
+
8
+ .sidebar-left {
9
+ height: 100%;
10
+ width: 0;
11
+ top: 0;
12
+ left: 0;
13
+ }
14
+ .sidebar-right {
15
+ height: 100%;
16
+ width: 0;
17
+ top: 0;
18
+ right: 0;
19
+ }
20
+ .sidebar-top {
21
+ width: 100%;
22
+ height: 0;
23
+ left: 0;
24
+ top: 0;
25
+ }
26
+ .sidebar-bottom {
27
+ width: 100%;
28
+ height: 0;
29
+ left: 0;
30
+ bottom: 0;
31
+ }
32
+
33
+ #sidebar-modal-background {
34
+ position: fixed;
35
+ z-index: 2000;
36
+ left: 0;
37
+ top: 0;
38
+ width: 100%;
39
+ height: 100%;
40
+ background-color: rgb(0,0,0);
41
+ background-color: rgba(0,0,0,0.4);
42
+ }
43
+
44
+ #main-content {
45
+ transition: margin .5s;
46
+ }
47
+
48
+ /* @media screen and (max-height: 450px) {
49
+ .sidebar {padding-top: 15px;}
50
+ .sidebar a {font-size: 18px;}
51
+ } */
data/app/assets/stylesheets/simple_sidebar/application.css ADDED
@@ -0,0 +1,3 @@
1
+ /*
2
+ *= require_tree ./application
3
+ */
data/app/assets/stylesheets/simple_sidebar.css ADDED
@@ -0,0 +1,3 @@
1
+ /*
2
+ *= require simple_sidebar/application
3
+ */
data/config/initializers/assets.rb ADDED
@@ -0,0 +1,4 @@
1
+ # frozen_string_literal: true
2
+
3
+ Rails.application.config.assets.precompile += %w( simple_sidebar.css )
4
+ Rails.application.config.assets.precompile += %w( simple_sidebar.js )
data/lib/simple_sidebar/engine.rb ADDED
@@ -0,0 +1,7 @@
1
+ # frozen_string_literal: true
2
+
3
+ module SimpleSidebar
4
+ class Engine < ::Rails::Engine
5
+ isolate_namespace SimpleSidebar
6
+ end
7
+ end
data/lib/simple_sidebar/version.rb ADDED
@@ -0,0 +1,5 @@
1
+ # frozen_string_literal: true
2
+
3
+ module SimpleSidebar
4
+ VERSION = "0.0.1.pre".freeze
5
+ end
data/lib/simple_sidebar.rb ADDED
@@ -0,0 +1,4 @@
1
+ require "simple_sidebar/engine"
2
+
3
+ module SimpleSidebar
4
+ end
metadata ADDED
@@ -0,0 +1,56 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: simple_sidebar
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1.pre
5
+ platform: ruby
6
+ authors:
7
+ - Roberto Vasquez Angel
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2019-04-03 00:00:00.000000000 Z
12
+ dependencies: []
13
+ description:
14
+ email:
15
+ - roberto@vasquez-angel.de
16
+ executables: []
17
+ extensions: []
18
+ extra_rdoc_files: []
19
+ files:
20
+ - MIT-LICENSE
21
+ - Rakefile
22
+ - app/assets/javascripts/simple_sidebar.js
23
+ - app/assets/javascripts/simple_sidebar/application.js
24
+ - app/assets/javascripts/simple_sidebar/application/core.js.coffee
25
+ - app/assets/stylesheets/simple_sidebar.css
26
+ - app/assets/stylesheets/simple_sidebar/application.css
27
+ - app/assets/stylesheets/simple_sidebar/application/core.css
28
+ - config/initializers/assets.rb
29
+ - lib/simple_sidebar.rb
30
+ - lib/simple_sidebar/engine.rb
31
+ - lib/simple_sidebar/version.rb
32
+ homepage:
33
+ licenses:
34
+ - MIT
35
+ metadata: {}
36
+ post_install_message:
37
+ rdoc_options: []
38
+ require_paths:
39
+ - lib
40
+ required_ruby_version: !ruby/object:Gem::Requirement
41
+ requirements:
42
+ - - ">="
43
+ - !ruby/object:Gem::Version
44
+ version: '0'
45
+ required_rubygems_version: !ruby/object:Gem::Requirement
46
+ requirements:
47
+ - - ">"
48
+ - !ruby/object:Gem::Version
49
+ version: 1.3.1
50
+ requirements: []
51
+ rubyforge_project:
52
+ rubygems_version: 2.7.7
53
+ signing_key:
54
+ specification_version: 4
55
+ summary: Simple sidebar.
56
+ test_files: []