binda 0.0.7 → 0.1.0

data/app/views/binda/field_settings/edit.html.erb

@@ -1,5 +1,5 @@
 <% content_for :header do %>
-	<h3><%= "#{ t :edit }".capitalize %><%= @field_group.name.humanize.split.map(&:capitalize).join(' ') %></h3>
+	<h3><%= "#{ t :edit }" %><%= @field_group.name.humanize.split.map(&:capitalize).join(' ') %></h3>
   <a href="<%= structure_field_group_path( id: @field_group.slug ) %>" class="main-header--back"><span class="glyphicon glyphicon-list"></span> <%= "#{ t :back_to }".capitalize %> <%= @field_group.name.capitalize %></a>
 <% end %>
 		

data/app/views/binda/fieldable/_form_body.html.erb

@@ -1,86 +1,100 @@
-  <div class="row">
-    <div class="form-body--container col-sm-12">
-      
-      <%= simple_form_for [ @instance.structure, @instance ], defaults: { label: false }, html: { class: 'form-body' } do |f| %>
-        <%= f.error_notification %>
-        
-        <%# - - - - - - - - - - - - %>
-        <%# SET POSITION            %>
-        <%# - - - - - - - - - - - - %>
-        <% unless f.object.new_record? %>
-          <%= f.input :position, as: :hidden %>
-        <% end %>
-
-        <div class="row">
-          <div class="col-sm-8">
-
-            <%# - - - - - - - - - - - - %>
-            <%# NOTICE / ERRORS         %>
-            <%# - - - - - - - - - - - - %>
-            <div class="form-section--wide-container row">
-              <div class="col-sm-12">
-
-                <h4><%= "#{ t :details }".capitalize %></h4>
-
-                <h5><%= "#{ t :title }".capitalize %></h5>
-                <%= f.input :name %>
-                
-                <% if f.object.slug.nil? %>
-                  <%= f.input :slug, as: :hidden %>
-                <% else %>
-                  <h5><%= "#{ t :slug }".capitalize %></h5>
-                  <%= f.input :slug, disabled: true, hint: "#{ t :slug_disable_hint }" %>
-                <% end %>
-
-                <%= f.input :structure_id, as: :hidden, input_html: { value: @structure.id } %>
-                
-              </div>
-            </div>
-
-            <%# - - - - - - - - - - - - %>
-            <%# FIELD GROUP LOOP        %>
-            <%# - - - - - - - - - - - - %>
-            <% @structure.field_groups.order( :position, :name ).each_with_index do |field_group, index| %>
-            <div class="form-section--wide-container row">
-              <div class="col-sm-12">
-
-                <h4><%= field_group.name.capitalize %></h4>
-
-                <% if f.object.new_record? %>
-
-                  <h5><%= t( :hint_create_parent_before_child, arg1: "#{ t :instance }", arg2: "#{ t :detail }" ).capitalize %></h5>
-                
-                <% else %>
-
-                  <% field_group.field_settings.order( :position, :name ).each do |field_setting| %>
-                    <% next unless field_setting.is_root? %>
-                    <%= render "binda/fieldable/form_section", f: f, field_setting: field_setting %>
-                  <% end %>
-
-                <% end %>
-
-              </div>
-            </div>
-            <% end %>
+<div class="popup-warning popup-warning--hidden">
+    <div class="popup-warning--loader">
+      <span></span>
+      <span></span>
+      <span></span>
+      <span></span>
+    </div>
+    <p><%= t 'binda.upload_loading_message' %></p>
+</div>
 
-          </div>
-          <div class="col-sm-4">
+<%= simple_form_for [ @instance.structure, @instance ], html: { class: 'form-body', multipart: true } do |f| %>
 
-            <%# - - - - - - - - - - - - %>
-            <%# SIDEBAR                 %>
-            <%# - - - - - - - - - - - - %>
-            <div class="form-section--narrow-container row">
-              <div class="col-sm-12">
+  <%= f.error_notification %>
 
-                <%= render "binda/fieldable/form_sidebar", f: f %>
+  <% if f.object.errors.any? %>
+  <div class="standard-form--error-explanation">
+    <div class="alert alert-error">
+      <%= t('binda.standard_form_error_heading') %> <%= pluralize(f.object.errors.count, t("binda.standard_form_error")) %>.
+    </div>
+    <ul>
+      <% f.object.errors.full_messages.each do |msg| %>
+        <li><%= msg %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>
+
+  <%# - - - - - - - - - - - - %>
+  <%# SET POSITION            %>
+  <%# - - - - - - - - - - - - %>
+  <% unless f.object.new_record? %>
+    <%= f.input :position, as: :hidden %>
+  <% end %>
+
+  <div class="standard-form--body">
+
+    <%# - - - - - - - - - - - - %>
+    <%# NOTICE / ERRORS         %>
+    <%# - - - - - - - - - - - - %>
+    <div class="standard-form--container">
+
+        <div class="standard-form--header">
+          <p><%= "#{ t :details }".capitalize %></p>
+        </div>
+
+        <div class="standard-form--fields">
+
+          <%= f.input :name, label: "#{t('binda.title')}".capitalize %>
+
+          <% if f.object.slug.nil? %>
+            <%= f.input :slug, as: :hidden %>
+          <% else %>
+            <%= f.input :slug, disabled: true, hint: "#{ t :slug_disable_hint }" %>
+          <% end %>
+
+          <%= f.input :structure_id, as: :hidden, input_html: { value: @structure.id } %>
 
-              </div>
-            </div>
-            
-          </div>
         </div>
-      
-      <% end %>
 
     </div>
-  </div>
+
+    <%# - - - - - - - - - - - - %>
+    <%# FIELD GROUP LOOP        %>
+    <%# - - - - - - - - - - - - %>
+    <% @structure.field_groups.order( :position, :name ).each_with_index do |field_group, index| %>
+
+      <div class="standard-form--container">
+
+          <div class="standard-form--header">
+            <p><%= field_group.name.capitalize %></p>
+          </div>
+
+          <% if f.object.new_record? %>
+
+            <p><%= t( :hint_create_parent_before_child, arg1: "#{@structure.name} #{@structure.instance_type}", arg2: "#{ t :detail }" ).capitalize %></p>
+
+          <% else %>
+
+            <% field_group.field_settings.order( :position, :name ).each do |field_setting| %>
+              <% next unless field_setting.is_root? %>
+              <%= render "binda/fieldable/form_section", f: f, field_setting: field_setting %>
+            <% end %>
+
+          <% end %>
+
+      </div>
+
+    <% end %>
+  </div>
+
+  <%# - - - - - - - - - - - - %>
+  <%# SIDEBAR                 %>
+  <%# - - - - - - - - - - - - %>
+  <div class="standard-form--container standard-form--sidebar">
+
+    <%= render "binda/fieldable/form_sidebar", f: f %>
+
+  </div>
+
+<% end %>

data/app/views/binda/fieldable/_form_item_date.html.erb

@@ -1,16 +1,16 @@
-<%# HEADING %>
+<div id="standard-form--date-<%= field_setting.id %>"  class="standard-form--date form-item">	
 
-<h5><%= field_setting.name.capitalize %></h5>
+	<%= ff.input :date, 
+				as: :date, 
+				start_year: Date.today.year - 200, 
+				end_year: Date.today.year + 200, 
+				hint: field_setting.description, 
+				label: field_setting.name.capitalize, 
+				input_html: { class: 'select2-item' } %>
+				
+	<%= ff.input :field_setting_id, as: :hidden, input_html: { value: field_setting.id } %>
+	<%= ff.input :id, as: :hidden, input_html: { value: ff.object.id } %>
+	<%= ff.input :fieldable_id, as: :hidden %>
+	<%= ff.input :fieldable_type, as: :hidden %>
 
-<% unless field_setting.description.blank? %>
-	<small class="text-muted"><%= field_setting.description %></small>
-<% end %>
-
-
-<%# INPUT %>
-
-<%= ff.input :date, start_year: Date.today.year - 200, end_year: Date.today.year + 200 %>
-<%= ff.input :field_setting_id, as: :hidden, input_html: { value: field_setting.id } %>
-<%= ff.input :id, as: :hidden, input_html: { value: ff.object.id } %>
-<%= ff.input :fieldable_id, as: :hidden %>
-<%= ff.input :fieldable_type, as: :hidden %>
+</div>

data/app/views/binda/fieldable/_form_item_image.html.erb

@@ -0,0 +1,35 @@
+<div id="standard-form--image-<%= field_setting.id %>" class="standard-form--image form-item">
+  <div id="fileupload-<%= ff.object.id %>" 
+    class="fileupload form-group">
+
+    <p class="control-label"><%= field_setting.name.capitalize %></p>
+
+    <% image = ff.object.image.thumb.url if ff.object.image.present? %>
+    <div class="fileupload--dashboard">
+
+      <%= ff.input :image, 
+        label: "<i class=\"fa fa-upload\" aria-hidden=\"true\"></i> #{t('binda.choose_file_button')}".html_safe, 
+        hint: field_setting.description, 
+        url: url_for([ff.object, action: :remove_image]).html_safe,
+        object: ff.object,
+        wrapper: false,
+        input_html: {
+          'data-url': url_for([
+            @instance.structure, 
+            @instance, 
+            action: :upload, 
+            repeater: { id: "#{field_setting.parent_id}" }]),
+          'data-id': ff.object.id 
+        } %>
+
+    </div>
+
+    <%= ff.input :image_cache, as: :hidden %>
+    <%= ff.input :field_setting_id, as: :hidden, input_html: { value: field_setting.id } %>
+    <%= ff.input :id, as: :hidden, input_html: { value: ff.object.id } %>
+    <%= ff.input :fieldable_id, as: :hidden %>
+    <%= ff.input :fieldable_type, as: :hidden %>
+    <div class="clearfix"></div>
+
+  </div>
+</div>

data/app/views/binda/fieldable/_form_item_new_repeater.html.erb

@@ -1,14 +1,21 @@
 <%# - - - - - - - - - - - - - - %>
 <%# REPEATER NEW FIELDS         %>
 <%# - - - - - - - - - - - - - - %>
-<%= simple_form_for [@instance.structure, @instance], defaults: { label: false } do |f| %>
+<%= simple_form_for [@instance.structure, @instance], defaults: { label: false }, html: { multipart: true }  do |f| %>
 <!-- SPLIT -->
-	<li id="repeater_<%= @repeater.id %>">
+	<li id="repeater_<%= @repeater.id %>" class="form-item--repeater form-item--collapsable">
 
 		<%# - - - - - - - - - - - - %>
-		<%# REMOVE BUTTON           %>
+		<%# REPEATER HEADER         %>
 		<%# - - - - - - - - - - - - %>
-		<a class="form-item--delete-repeater-item" href="<%= repeater_path( id: @repeater.id ) %>" data-id="<%= @repeater.id %>""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
+		<div class="form-item--repeater-header">
+			<a class="form-item--collapse-btn" href="#">
+				<span><i class="fas fa-angle-up"></i> <%= t('binda.collapse') %></span>
+				<span><i class="fas fa-angle-down"></i> <%= t('binda.expand') %></span>
+			</a>
+			<a class="form-item--delete-repeater-item" href="<%= repeater_path( id: @repeater.id ) %>" data-id="<%= @repeater.id %>" data-confirm="<%= t 'binda.confirm_delete' %>"><i class="far fa-trash-alt"></i> <%= t('binda.delete') %></a>
+			<p><%= @repeater.field_setting.name %> <%= t('binda.item') %> #<%= @repeater.id %></p>
+		</div>
 
 		<%# - - - - - - - - - - - - - - %>
 		<%# FIRST REPEATER              %>
@@ -17,7 +24,7 @@
 			<%= f.simple_fields_for "repeaters_attributes[]", @repeater do |ff| %>
 				<%= ff.input :fieldable_id, as: :hidden %>
 				<%= ff.input :fieldable_type, as: :hidden %>
-		  	<%= ff.input :field_setting_id, as: :hidden, input_html: { value: ff.object.field_setting.id } %>
+		  	<%= ff.input :field_setting_id, as: :hidden %>
 				<%= ff.input :id, as: :hidden, input_html: { value: ff.object.id } %>
 				<% ff.object.field_setting.children.order( :position, :id ).each do |repeater_setting_child| %>
 				  <%= render "binda/fieldable/form_section_repeater", f: ff, repeater_setting_child: repeater_setting_child %>

data/app/views/binda/fieldable/_form_item_relation.html.erb

@@ -0,0 +1,44 @@
+<div id="standard-form--relation-<%= field_setting.id %>" class="standard-form--relation form-item">
+
+<%# TODO: refactor in order to have a single depenedent field, not one per instance type %>
+
+	<% if field_setting.accepted_structures.select{|s| s.instance_type == "component"}.any? %>
+		<%= ff.input :dependent_component_ids, collection: get_relationable_components(field_setting), 
+			as: :select,
+			input_html: { multiple: true, class: 'select2-item' },
+			label: field_setting.name.capitalize,
+			hint: field_setting.description,
+			value_method: :id,
+			checked: ff.object.dependent_component_ids, 
+			include_blank: false, 
+			include_hidden: false,
+			placeholder: t('binda.select_placeholder') %>
+	<% end %>
+
+	<% if field_setting.accepted_structures.select{|s| s.instance_type == "board"}.any? %>
+		<%= ff.input :dependent_board_ids, collection: get_relationable_boards(field_setting), 
+			as: :select, 
+			input_html: { multiple: true, class: 'select2-item' }, 
+			label: field_setting.name.capitalize,
+			hint: field_setting.description,
+			value_method: :id, 
+			checked: ff.object.dependent_board_ids, 
+			include_blank: false, 
+			include_hidden: false,
+			placeholder: t('binda.select_placeholder') %>
+	<% end %>
+
+	<% unless field_setting.accepted_structures.any? %>
+		<div class="form-group">
+			<div class="control-label-wrap">
+				<label class="control-label"><%= field_setting.name.capitalize %></label>
+			</div>
+			<p><%= t('binda.relation_warning') %></p>
+		</div>
+	<% end %>
+
+	<%= ff.input :field_setting_id, as: :hidden, input_html: { value: field_setting.id } %>
+	<%= ff.input :id, as: :hidden, input_html: { value: ff.object.id } %>
+	<%= ff.input :fieldable_id, as: :hidden %>
+	<%= ff.input :fieldable_type, as: :hidden %>
+</div>

data/app/views/binda/fieldable/_form_item_repeater.html.erb

@@ -1,80 +1,102 @@
-<div class="form-item--label-on-left form-item--repeater-section">
-	<h5 class="form-item--repeater-title">
-		<a class="sortable--toggle" href="#" data-repeater-id="form-item--repeater-setting-<%= repeater_setting.id %>">
-			<span class="sortable--toggle-text">Done</span>
-			<span class="sortable--toggle-text">Sort items</span>
-			<span class="glyphicon glyphicon-sort"></span>
-		</a>
-		<%= repeater_setting.name %> 
-	</h5>
+<div id="standard-form--repeater-<%= repeater_setting.id %>" class="form-item--label-on-left form-item--repeater-section standard-form--repeater form-item">
+	<div class="form-group">		
+	  
+		<div class="form-item--repeater-title">
 
-	<ul id="form-item--repeater-setting-<%= repeater_setting.id %>" class="sortable sortable--disabled" data-update-url="<%= url_for([@structure, @instance, :sort_repeaters]) %>">
-
-		<% if repeaters.size == 0 %>
-
-			<% repeater = @instance.find_or_create_a_field_by( repeater_setting.id, 'repeater' ) %>
+			<%# SORT REPEATER FIELDS %>
+			<a class="b-btn b-btn-primary sortable--toggle" href="#" data-repeater-id="form-item--repeater-setting-<%= repeater_setting.id %>">
+				<span class="sortable--toggle-text">
+					<i class="fa fa-check" aria-hidden="true"></i> <%= t'binda.done' %>
+				</span>
+				<span class="sortable--toggle-text">
+					<i class="fa fa-random" aria-hidden="true"></i> <%= t'binda.sort_items' %>
+				</span>
+			</a>
 			
-			<li id="repeater_<%= repeater.id %>">
-
-				<%# - - - - - - - - - - - - %>
-				<%# REMOVE BUTTON           %>
-				<%# - - - - - - - - - - - - %>
-				<a href="<%= repeater_path( id: repeater.id ) %>" data-method="delete" data-confirm="This operation will delete this group of fields. Are you ok with that?"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
+			<%# ADD NEW REPEATER FIELDS %>
+			<a id="form-item--repeater-<%= repeater_setting.id %>--add-new-button" class="form-item--repeater-section--add-new main-header--link b-btn b-btn-primary" href="#" data-url="<%= url_for([@structure, @instance, :new_repeater]) %>" data-id="<%= repeater_setting.id %>">
+			  <i class="fas fa-plus"></i> <%= t('binda.new_item_in_repeater', arg1: repeater_setting.name.capitalize ) %>
+			</a>
+			
+			<%# REPEATER NAME %>
+			<p class="control-label clearfix"><%= repeater_setting.name.capitalize %></p>
+		
+		</div>
 
-				<%# - - - - - - - - - - - - - - %>
-				<%# FIRST REPEATER              %>
-				<%# - - - - - - - - - - - - - - %>
-				<div class="form-item--repeater-fields">
-			    <%= f.simple_fields_for "repeaters_attributes[]", repeater do |ff| %>
-						<%= ff.input :fieldable_id, as: :hidden %>
-						<%= ff.input :fieldable_type, as: :hidden %>
-			    	<%= ff.input :field_setting_id, as: :hidden, input_html: { value: repeater_setting.id } %>
-						<%= ff.input :id, as: :hidden, input_html: { value: ff.object.id } %>
-						<% repeater_setting.children.order( :position, :id ).each do |repeater_setting_child| %>
-						  <%= render "binda/fieldable/form_section_repeater", f: ff, repeater_setting_child: repeater_setting_child %>
-					  <% end %>
-					<% end %>
-				</div>
-			</li>
+		<ul id="form-item--repeater-setting-<%= repeater_setting.id %>" class="sortable sortable--disabled" data-update-url="<%= url_for([@structure, @instance, :sort_repeaters]) %>">
 
-		<% else %>
+			<% if repeaters.size == 0 %>
 
-		  <% repeaters.each do |repeater| %>
-				<li id="repeater_<%= repeater.id %>">
+				<% repeater = @instance.find_or_create_a_field_by( repeater_setting.id, 'repeater' ) %>
+				
+				<li id="repeater_<%= repeater.id %>" class="form-item--repeater form-item--collapsable">
 
 					<%# - - - - - - - - - - - - %>
-					<%# REMOVE BUTTON           %>
+					<%# REPEATER HEADER         %>
 					<%# - - - - - - - - - - - - %>
-					<a class="form-item--delete-repeater-item" href="<%= repeater_path( id: repeater.id ) %>" data-id="<%= repeater.id %>""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
+					<div class="form-item--repeater-header">
+						<a class="form-item--collapse-btn" href="#">
+							<span><i class="fas fa-angle-up"></i> <%= t('binda.collapse') %></span>
+							<span><i class="fas fa-angle-down"></i> <%= t('binda.expand') %></span>
+						</a>
+						<a class="form-item--delete-repeater-item" href="<%= repeater_path( id: repeater.id ) %>" data-confirm="<%= t 'binda.confirm_delete' %>"><i class="far fa-trash-alt"></i> <%= t('binda.delete').capitalize %></a>
+						<p><%= repeater.field_setting.name %> <%= t('binda.item') %> #<%= repeater.id %></p>
+					</div>
 
 					<%# - - - - - - - - - - - - - - %>
-					<%# EACH REPEATER               %>
+					<%# FIRST REPEATER              %>
 					<%# - - - - - - - - - - - - - - %>
 					<div class="form-item--repeater-fields">
 				    <%= f.simple_fields_for "repeaters_attributes[]", repeater do |ff| %>
-				    	<%= ff.input :field_setting_id, as: :hidden, input_html: { value: ff.object.field_setting.id } %>
-							<%= ff.input :id, as: :hidden, input_html: { value: ff.object.id } %>
 							<%= ff.input :fieldable_id, as: :hidden %>
 							<%= ff.input :fieldable_type, as: :hidden %>
-							<% ff.object.field_setting.children.order( :position, :id ).each do |repeater_setting_child| %>
-							  <%= render "binda/fieldable/form_section_repeater", f: ff, repeater_setting_child: repeater_setting_child, repeater: repeater %>
+				    	<%= ff.input :field_setting_id, as: :hidden, input_html: { value: repeater_setting.id } %>
+							<%= ff.input :id, as: :hidden, input_html: { value: ff.object.id } %>
+							<% repeater_setting.children.order( :position, :id ).each do |repeater_setting_child| %>
+							  <%= render "binda/fieldable/form_section_repeater", f: ff, repeater_setting_child: repeater_setting_child %>
 						  <% end %>
-					  <% end %>
+						<% end %>
 					</div>
-
 				</li>
-		  <% end %>
 
-		<% end %>
-	</ul>
+			<% else %>
+
+			  <% repeaters.each do |repeater| %>
+					<li id="repeater_<%= repeater.id %>" class="form-item--repeater form-item--collapsable">
+
+						<%# - - - - - - - - - - - - %>
+						<%# REPEATER HEADER         %>
+						<%# - - - - - - - - - - - - %>
+						<div class="form-item--repeater-header">
+							<a class="form-item--collapse-btn" href="#">
+								<span><i class="fas fa-angle-up"></i> <%= t('binda.collapse') %></span>
+								<span><i class="fas fa-angle-down"></i> <%= t('binda.expand') %></span>
+							</a>
+							<a class="form-item--delete-repeater-item" href="<%= repeater_path( id: repeater.id ) %>" data-id="<%= repeater.id %>" data-confirm="<%= t 'binda.confirm_delete' %>"><i class="far fa-trash-alt"></i> <%= t('binda.delete').capitalize %></a>
+							<p><%= repeater.field_setting.name %> <%= t('binda.item') %>  #<%= repeater.id %></p>
+						</div>
+						<%# - - - - - - - - - - - - - - %>
+						<%# EACH REPEATER               %>
+						<%# - - - - - - - - - - - - - - %>
+						<div class="form-item--repeater-fields">
+					    <%= f.simple_fields_for "repeaters_attributes[]", repeater do |ff| %>
+					    	<%= ff.input :field_setting_id, as: :hidden, input_html: { value: ff.object.field_setting.id } %>
+								<%= ff.input :id, as: :hidden, input_html: { value: ff.object.id } %>
+								<%= ff.input :fieldable_id, as: :hidden %>
+								<%= ff.input :fieldable_type, as: :hidden %>
+								<% ff.object.field_setting.children.order( :position, :id ).each do |repeater_setting_child| %>
+								  <%= render "binda/fieldable/form_section_repeater", f: ff, repeater_setting_child: repeater_setting_child, repeater: repeater %>
+							  <% end %>
+						  <% end %>
+						</div>
+
+					</li>
+			  <% end %>
 
-</div>
+			<% end %>
+		</ul>
 
+		<div class="clearfix"></div>
 
-<%# - - - - - - - - - - - - - - %>
-<%# ADD NEW REPEATER FIELDS     %>
-<%# - - - - - - - - - - - - - - %>
-<a class="form-item--repeater-section--add-new main-header--link btn btn-default" href="#" data-url="<%= url_for([@structure, @instance, :new_repeater]) %>" data-id="<%= repeater_setting.id %>">
-  <%= t(:new_item_in_repeater, arg1: repeater_setting.name.capitalize ) %>
-</a>
-<hr>
+	</div>
+</div>