scrivito_accordion_widget 1.0.8 → 1.0.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9df3a5713ded233e49006e054850b0db0117265a
-  data.tar.gz: b7d5c14d4fbdfd96fd4f539ab33790b1a7b45e54
+  metadata.gz: 1dca34b6bf305573c5e0a3c60a7e49a6e595df31
+  data.tar.gz: 05bf5f62784514f1b524738eb1a9b68b60fbd9dc
 SHA512:
-  metadata.gz: f5968ba71d3c93339326247928b44d00bbe62a7b35c32beb2304e918c2be6e98e58f88338d6b48b2ab6acd3345f24f8ea6066b79964a2fbdc7ea58010d724aa3
-  data.tar.gz: c9f50c0a7bb98a3a4370fa502ed35c8b1634e7656ae6de9238e52745c6f5019caba6224728e53ba98b07308967f388f7427842e4ed331ba1d5048b1b5734aefe
+  metadata.gz: 4c8750ea96514bb26a529af8c6f89e7ef3921a6f94a7e4f63aa32aff91ebcfe36385b20585d65a27810915a21f79903f8431a9865ee56890eead9413f5cb4f79
+  data.tar.gz: e56e0ef6aec00165b44bbae3000e1db262f0743e9fd730e8bae15ae0199082a3d9455cfaa9b6e22238bc55375dcb6d012080f4e383ac25d7450b738f56391acd

data/README.md

@@ -1,13 +1,10 @@
 # scrivito_accordion_widget
 
 [![Gem Version](https://badge.fury.io/rb/scrivito_accordion_widget.svg)](http://badge.fury.io/rb/scrivito_accordion_widget)
-[![Code Climate](https://codeclimate.com/github/Scrivito/scrivito_accordion_widget/badges/gpa.svg)](https://codeclimate.com/github/Scrivito/scrivito_accordion_widget)
 
 ## Installation
 
-A Widget for Scrivito for an accordion. It is using Bootstrap 3.
-
-If they use a different framework, then they should overwrite the views and the javascript.
+A Widget for Scrivito for an accordion.
 
 ## Installation
 
@@ -19,12 +16,9 @@ Than add to your stylesheet manifest:
 
     *= require scrivito_accordion_widget
 
-After that, execute:
+Than add to your Javascript manifest:
 
-    $ bundle
-    $ rake scrivito:migrate:install
-    $ rake scrivito:migrate
-    $ rake scrivito:migrate:publish
+    *//= require scrivito_accordion_widget
 
 ## Changelog
 See [Changelog](https://github.com/Scrivito/scrivito_accordion_widget/blob/master/CHANGELOG.md) for more

data/app/assets/javascripts/scrivito_accordion_widget.js

@@ -1,11 +1,20 @@
-$(function() {
-  $.each($("[data-scrivito-widget-obj-class='AccordionWidget']"), function(index, accordion) {
-    $(accordion).scrivito("menu").add("add_panel_to_accordion", {
-      title: "Add Panel",
-      icon: "plus",
-      execute: function(dom_element) {
-        // TODO: create new widget
-      },
+(function($, App) {
+  'use strict';
+
+  $(function() {
+    scrivito.on('content', function(content) {
+      $(content).find('.scrivito-accordion-group').each(function(i, group) {
+        var accordion_group = $(group);
+        accordion_group.find('.scrivito-accordion-title').each(function(i, accordion_title) {
+          var accordion_title = $(accordion_title);
+          accordion_title.click(function() {
+            accordion_group.find('.scrivito-accordion-title').removeClass('scrivito-accordion-active');
+            accordion_title.addClass('scrivito-accordion-active');
+            accordion_group.find('.scrivito-accordion-content').removeClass('scrivito-accordion-active');
+            accordion_title.next().addClass('scrivito-accordion-active');
+          });
+        });
+      });
     });
   });
-});
+})(jQuery, this);

data/app/assets/stylesheets/scrivito_accordion_widget.css.scss

@@ -0,0 +1,18 @@
+.scrivito-accordion-group {
+  .scrivito-accordion-title {
+    background-color: #fff;
+    padding: 10px;
+    font-size: 14px;
+    line-height: 14px;
+    cursor: pointer;
+    &.scrivito-accordion-active {
+      background-color: #ddd;
+    }
+  }
+  .scrivito-accordion-content {
+    display: none;
+  }
+  .scrivito-accordion-content.scrivito-accordion-active {
+    display: block;
+  }
+}

data/app/models/accordion_panel_widget.rb

@@ -1,13 +1,14 @@
 class AccordionPanelWidget < Widget
-  attribute :headline, :string
+  attribute :title, :string, default: 'New Panel'
   attribute :content, :widgetlist
 
-  def active_class
-    "in" if self.container.panels.first == self
-  end
+  attribute :background_color, :string
 
-  def description_for_editor
-    "Accordion Panel"
+  def self.valid_container_classes
+    [AccordionWidget]
   end
 
-end
+  def self.description_for_editor
+    'Panel'
+  end
+end

data/app/models/accordion_widget.rb

@@ -1,12 +1,14 @@
 class AccordionWidget < Widget
-  attribute :panels, :widgetlist
-
-  def description_for_editor
-    "Accordion"
-  end
+  attribute :panels, :widgetlist, default: [
+    AccordionPanelWidget.new(title: 'First Panel'),
+    AccordionPanelWidget.new(title: 'Second Panel')
+  ]
 
   def valid_widget_classes_for(field_name)
-    %w[AccordionPanelWidget]
+    [AccordionPanelWidget]
   end
 
+  def self.description_for_editor
+    'Accordion'
+  end
 end

data/app/views/accordion_panel_widget/details.html.erb

@@ -0,0 +1,10 @@
+<div class="scrivito-tab-title-details">
+  <%= scrivito_tag :h4, widget, :title %>
+  <%= link_to '(details)', '#', 'data-scrivito-tab-toggle-details' => widget.id %>
+  <div class="scrivito-tab-details-<%= widget.id %>">
+    <div>
+      <b>Background Color</b>
+      <%= render 'scrivito_advanced_editors/color_picker', widget: widget, attribute: :background_color %>
+    </div>
+  </div>
+</div>

data/app/views/accordion_widget/details.html.erb

@@ -0,0 +1,3 @@
+<%= scrivito_details_for do %>
+  <%= scrivito_tag :div, widget, :panels, 'data-scrivito-modal-size' => 'large' %>
+<% end %>

data/app/views/accordion_widget/show.html.erb

@@ -1,12 +1,8 @@
-<div class='panel-group' id='<%= "accordion-#{widget.id}" %>'  role="tablist" aria-multiselectable="true">
-
-  <% widget.panels.each do |panel| %>
-    <%= render 'accordion_panel_widget/show', widget: panel %>
+<div class="scrivito-accordion-group">
+  <% widget.panels.each_with_index do |panel, i| %>
+    <div class="scrivito-accordion-title <%= 'scrivito-accordion-active' if i == 0 %>">
+      <%= scrivito_value panel.title %>
+    </div>
+    <%= scrivito_tag :div, panel, :content, class: "scrivito-accordion-content #{'scrivito-accordion-active' if i == 0}" %>
   <% end %>
-  
 </div>
-
-
-
-
-<%#= scrivito_tag(:div, widget, :panels, class: 'panel-group', id: "accordion-#{widget.id}", role: "tablist") %>

data/lib/scrivito_accordion_widget/version.rb

@@ -1,3 +1,3 @@
 module ScrivitoAccordionWidget
-  VERSION = "1.0.8"
+  VERSION = "1.0.9"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: scrivito_accordion_widget
 version: !ruby/object:Gem::Version
-  version: 1.0.8
+  version: 1.0.9
 platform: ruby
 authors:
 - Scrivito
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-04-21 00:00:00.000000000 Z
+date: 2015-06-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -64,11 +64,11 @@ files:
 - Rakefile
 - app/assets/images/widget_preview_accordion.png
 - app/assets/javascripts/scrivito_accordion_widget.js
-- app/assets/stylesheets/scrivito_accordion_widget.css
+- app/assets/stylesheets/scrivito_accordion_widget.css.scss
 - app/models/accordion_panel_widget.rb
 - app/models/accordion_widget.rb
-- app/views/accordion_panel_widget/_show.html.erb
-- app/views/accordion_panel_widget/thumbnail.html.erb
+- app/views/accordion_panel_widget/details.html.erb
+- app/views/accordion_widget/details.html.erb
 - app/views/accordion_widget/show.html.erb
 - app/views/accordion_widget/thumbnail.html.erb
 - lib/scrivito_accordion_widget.rb
@@ -96,7 +96,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.5
 signing_key: 
 specification_version: 4
 summary: Scrivito Accordion Widget.

data/app/assets/stylesheets/scrivito_accordion_widget.css

@@ -1,11 +0,0 @@
-.scrivito_editing_active .panel-group .panel-body.scrivito_empty_widget_field {
-  margin: 10px !important;
-}
-
-.scrivito_editing_active .panel-group .panel-body {
-  margin: 0px !important; 
-}
-
-.scrivito_editing_active .panel-group {
-  padding-top: 30px;
-}

data/app/views/accordion_panel_widget/_show.html.erb

@@ -1,11 +0,0 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
-    <h4 class="panel-title">
-      <%= scrivito_tag(:a, widget, :headline, href: "#collapse-panel-#{widget.id}", data: { toggle: 'collapse', parent: "#accordion-#{widget.container.id}" }) %>
-    </h4>
-  </div>
-
-  <div class="panel-collapse collapse <%= widget.active_class %>" id="collapse-panel-<%= widget.id %>">
-    <%= scrivito_tag(:div, widget, :content, class: 'panel-body') %>
-  </div>
-</div>

data/app/views/accordion_panel_widget/thumbnail.html.erb

@@ -1,3 +0,0 @@
-<%= scrivito_thumbnail 'Accordion Panel', image_tag("widget_preview_accordion.png") do %>
-  Displays a collapsible content panel inside an accordion widget.
-<% end %>