gui_foldable_content 0.0.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5d969a29117e6289847292d7de4de764d0c3041f
+  data.tar.gz: 5c9758d210d10fe7bc623478f09e36bf27cae16d
+SHA512:
+  metadata.gz: 1f27539789819fa7cba273cd7e6f2d7247a43982b467baca0fa7e3b677699e6543e62e3772a0bd139b584463eb9fcfa10d1980ace44cd327a8c251eb51a85271
+  data.tar.gz: 2808e0c6cb2e2fe32e0bd30454a4950461c659ddf5bf6ab6e13c613177008d104741ae47d2d67ac6e457a9e8d7de3a9f4226e4c81a9f81b9cd8d4ba667981c96

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2016 Leo Benkel
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,45 @@
+= AsyncDataFetch
+
+This project uses MIT-LICENSE.
+
+---
+
+== To use:
+
+=== In your gemfile
+
+gem 'gui_foldable_content'
+
+---
+
+=== In application.js
+
+//= require gui_foldable_content
+
+---
+
+=== In config/initializers/gui_foldable_content.rb
+
+|	GuiFoldableContent.configure do |config|
+|		config.default_close_indicator = 'UP'
+|		config.default_open_indicator = 'DOWN'
+|	end
+
+So you can configure the default indicator across your application.
+- *default_close_indicator* is the indicator on the side of the title when the block is closed. Default: '[C]'.
+- *default_open_indicator* is the indicator on the side of the title when the block is open. Default: '[O]'.
+
+---
+
+=== In your views, user the helper:
+
+<%= create_foldable_area(title: 'TITLE', title_tag: 'h3', default_state: false, close_indicator: simple_format('plop', {}, wrapper_tag: 'span' ), open_indicator: 'down' ) do %>
+[SOME HTML CONTENT]
+<% end %>
+
+- *title* is the clickable table of the block.
+- *title_tag* is the tag surrounding the title. Default: 'h3'.
+- *default_state* is state of the block when the page load. Default: false (means closed)
+- *close_indicator* is the indicator on the side of the title when the block is closed. Default: '[C]'.
+- *open_indicator* is the indicator on the side of the title when the block is open. Default: '[O]'.
+

data/Rakefile

@@ -0,0 +1,34 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'GuiFoldableContent'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+
+
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/javascripts/gui_foldable_content/folder_engine.js

@@ -0,0 +1,58 @@
+
+
+$(document).ready(function(){
+	$('.gui_foldable_area').each(function(i, elem){
+		var default_state = $(elem).data().default_foldable_state
+		$(elem).find('.gui_foldable_area_title').each(function(i, elem){
+			if (default_state) {
+				$(elem).find('.gui_foldable_indicator_open').show();
+				$(elem).find('.gui_foldable_indicator_close').hide();
+			} else {
+				$(elem).find('.gui_foldable_indicator_close').show();
+				$(elem).find('.gui_foldable_indicator_open').hide();
+			}
+		});
+		$(elem).find('.gui_foldable_content').each(function(i, elem){
+			$(elem).toggle(default_state);
+			$(elem).data().foldable_state = default_state
+		});
+	});
+})
+
+toggle_gui_divs = function(div_hidding, div_showing){
+	var hidden_opacity = 0.3;
+	var fading_speed = 'fast';
+
+	$(div_hidding).stop(true,true);
+	$(div_showing).stop(true,true);
+
+	$(div_hidding).fadeTo(fading_speed, hidden_opacity,'linear', function(){
+		$(div_showing).css('opacity', hidden_opacity);
+		$(div_hidding).hide();
+		$(div_showing).show();
+		$(div_showing).fadeTo(fading_speed, 1);
+	});
+}
+
+toggle_gui_foldable_content = function(title){
+
+	var foldy = $(title).next('.gui_foldable_content');
+	var state = foldy.data().foldable_state;
+
+	var fading_options = {
+			duration: 'fast',
+			queue: false,
+			easing: 'linear'
+		};
+
+	if (state) {
+		$(foldy).fadeOut(fading_options);
+
+		toggle_gui_divs($(title).find('.gui_foldable_indicator_open'), $(title).find('.gui_foldable_indicator_close'));
+	} else {
+		$(foldy).fadeIn(fading_options);
+		toggle_gui_divs($(title).find('.gui_foldable_indicator_close'), $(title).find('.gui_foldable_indicator_open'));
+	}
+
+	foldy.data().foldable_state = !state;
+}

data/app/assets/javascripts/gui_foldable_content/index.js

@@ -0,0 +1,3 @@
+//= require jquery
+//= require jquery_ujs
+//= require ./folder_engine

data/app/views/gui_foldable_content/_foldable_content.html.erb

@@ -0,0 +1,6 @@
+<div class="gui_foldable_area" data-default_foldable_state="<%= _default_state %>">
+	<<%= _title_tag %> class="gui_foldable_area_title" onclick="toggle_gui_foldable_content(this);" style="cursor:pointer;"><%= _title %>&nbsp;<span class="gui_foldable_indicator_open"><%= _open_indicator %></span><span class="gui_foldable_indicator_close" ><%= _close_indicator %></span></<%= _title_tag %>>
+	<div class="gui_foldable_content" data-foldable_state="<%= _default_state %>">
+		<%= _content %>
+	</div>
+</div>

data/lib/gui_foldable_content.rb

@@ -0,0 +1,16 @@
+require "gui_foldable_content/configuration"
+require 'gui_foldable_content/view_helpers'
+
+module GuiFoldableContent
+	require 'gui_foldable_content/engine'
+
+	class << self
+		attr_accessor :configuration
+	end
+	def self.configuration
+		@configuration ||= Configuration.new
+	end
+	def self.configure
+		yield(configuration)
+	end
+end

data/lib/gui_foldable_content/configuration.rb

@@ -0,0 +1,11 @@
+module GuiFoldableContent
+	class Configuration
+		attr_accessor :default_close_indicator
+		attr_accessor :default_open_indicator
+
+		def initialize
+			@default_close_indicator = "[C]"
+			@default_open_indicator = "[O]"
+		end
+	end
+end

data/lib/gui_foldable_content/engine.rb

@@ -0,0 +1,5 @@
+module GuiFoldableContent
+	class Engine < ::Rails::Engine
+		isolate_namespace GuiFoldableContent
+	end
+end

data/lib/gui_foldable_content/version.rb

@@ -0,0 +1,3 @@
+module GuiFoldableContent
+	VERSION = "0.0.4"
+end

data/lib/gui_foldable_content/view_helpers.rb

@@ -0,0 +1,9 @@
+module GuiFoldableContent
+	module ViewHelpers
+		def create_foldable_area(title: , title_tag: "h3", default_state: false, close_indicator: GuiFoldableContent.configuration.default_close_indicator, open_indicator: GuiFoldableContent.configuration.default_open_indicator )
+			render partial: 'gui_foldable_content/foldable_content', locals: { _title_tag: title_tag, _title: title, _default_state: default_state, _content: capture { yield }, _close_indicator: close_indicator , _open_indicator: open_indicator  }
+		end
+	end
+end
+
+ActionView::Base.send :include, GuiFoldableContent::ViewHelpers

metadata

@@ -0,0 +1,83 @@
+--- !ruby/object:Gem::Specification
+name: gui_foldable_content
+version: !ruby/object:Gem::Version
+  version: 0.0.4
+platform: ruby
+authors:
+- Leo Benkel
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-03-16 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 4.2.4
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 4.2.4
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">"
+      - !ruby/object:Gem::Version
+        version: 3.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">"
+      - !ruby/object:Gem::Version
+        version: 3.0.0
+description: Helper to have foldable blocks of html
+email:
+- leo.benkel@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.rdoc
+- Rakefile
+- app/assets/javascripts/gui_foldable_content/folder_engine.js
+- app/assets/javascripts/gui_foldable_content/index.js
+- app/views/gui_foldable_content/_foldable_content.html.erb
+- lib/gui_foldable_content.rb
+- lib/gui_foldable_content/configuration.rb
+- lib/gui_foldable_content/engine.rb
+- lib/gui_foldable_content/version.rb
+- lib/gui_foldable_content/view_helpers.rb
+homepage: https://gitlab.com/wonay/gui_foldable_content
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.3.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.1
+signing_key: 
+specification_version: 4
+summary: Helper to have foldable blocks of html
+test_files: []