binda 0.0.7 → 0.1.0

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

@@ -1,99 +1,121 @@
-<%# HEADING %>
-<h5 class="form-item--<%= field_setting.field_type.underscore %>-caption"><%= field_setting.name.capitalize %></h5>
+<div id="standard-form--<%= field_setting.field_type %>-<%= field_setting.id %>" class="standard-form--<%= field_setting.field_type %> form-item">	
+		
+		<% if field_setting.choices.any? %>
 
-<% unless field_setting.description.blank? %>
-	<small class="text-muted"><%= field_setting.description %></small>
-<% end %>
-
-<% if field_setting.choices.any? %>
-
-	<%# - - - - - - - - - - - - %>
-	<%# RADIO                   %>
-	<%# - - - - - - - - - - - - %>
-	<% if field_setting.field_type === 'radio' %>
-	  <% current = f.object.find_or_create_a_field_by( field_setting.id, 'radio' ) %>
-	  <%= f.simple_fields_for "radios_attributes[]", current do |ff| %>
-			<% if ff.object.choices.any? %>
-				<% unless field_setting.allow_null %>
-					<%= ff.input :choice_ids, as: :radio_buttons, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, checked: ff.object.choices.first.id %>
-				<% else %>
-					<%= ff.input :choice_ids, as: :radio_buttons, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, checked: ff.object.choices.first.id, include_blank: false %>
-				<% end %>
-			<% else %>
-				<% unless field_setting.allow_null %>
-					<%= ff.input :choice_ids, as: :radio_buttons, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, checked: field_setting.default_choice.id %>
-				<% else %>
-					<%= ff.input :choice_ids, as: :radio_buttons, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, checked: field_setting.default_choice.id, include_blank: false %>
+			<%# - - - - - - - - - - - - %>
+			<%# RADIO                   %>
+			<%# - - - - - - - - - - - - %>
+			<% if field_setting.field_type === 'radio' %>
+				<% current = f.object.find_or_create_a_field_by( field_setting.id, 'radio' ) %>
+				<%= f.simple_fields_for "radios_attributes[]", current do |ff| %>
+					<% if ff.object.choices.any? %>
+						<%= ff.input :choice_ids, 
+									label: field_setting.name.capitalize, 
+									hint: prepare_description_for_form_hint(field_setting), 
+									as: :radio_buttons, 
+									collection: field_setting.choices.order(:label), 
+									label_method: -> (x){ "<span class=\"standard-form--input-box\"></span>#{x[:label]}".html_safe },
+									value_method: :id, 
+									checked: ff.object.choices.first.id, 
+									include_blank: field_setting.allow_null %>
+					<% else %>
+						<%= ff.input :choice_ids,
+									label: field_setting.name.capitalize,
+									hint: prepare_description_for_form_hint(field_setting),
+									as: :radio_buttons,
+									collection: field_setting.choices.order(:label),
+									label_method: -> (x){ "<span class=\"standard-form--input-box\"></span>#{x[:label]}".html_safe },
+									value_method: :id,
+									checked: ( field_setting.default_choice.id unless field_setting.allow_null ),
+									include_blank: field_setting.allow_null %>
+					<% 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 %>
 				<% end %>
-			<% 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 %>
-	  <% end %>
 
 
-	<%# - - - - - - - - - - - - %>
-	<%# SELECT                  %>
-	<%# - - - - - - - - - - - - %>
-	<% elsif field_setting.field_type === 'selection' %>
-	  <% current = f.object.find_or_create_a_field_by( field_setting.id, 'selection' ) %>
-	  <%= f.simple_fields_for "selections_attributes[]", current do |ff| %>
-			<% if ff.object.choices.any? %>
-				<% unless field_setting.allow_null %>
-					<%= ff.input :choice_ids, as: :select, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, selected: ff.object.choices.first.id %>
-				<% else %>
-					<%= ff.input :choice_ids, as: :select, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, selected: ff.object.choices.first.id, include_blank: false %>
-				<% end %>
-			<% else %>
-				<% unless field_setting.allow_null %>
-					<%= ff.input :choice_ids, as: :select, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, selected: field_setting.default_choice.id %>
-				<% else %>
-					<%= ff.input :choice_ids, as: :select, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, selected: field_setting.default_choice.id, include_blank: false %>
+			<%# - - - - - - - - - - - - %>
+			<%# SELECT                  %>
+			<%# - - - - - - - - - - - - %>
+			<% elsif field_setting.field_type === 'selection' %>
+				<% current = f.object.find_or_create_a_field_by( field_setting.id, 'selection' ) %>
+				<%= f.simple_fields_for "selections_attributes[]", current do |ff| %>
+					<% if ff.object.choices.any? %>
+						<%= ff.input :choice_ids,
+									label: field_setting.name.capitalize,
+									hint: prepare_description_for_form_hint(field_setting),
+									as: :select,
+									collection: field_setting.choices.order(:label),
+									label_method: :label,
+									value_method: :id,
+									selected: ff.object.choices.first.id,
+									include_blank: field_setting.allow_null,
+									input_html: { class: 'select2-item' } %>
+					<% else %>
+						<%= ff.input :choice_ids,
+									label: field_setting.name.capitalize,
+									hint: prepare_description_for_form_hint(field_setting),
+									as: :select,
+									collection: field_setting.choices.order(:label),
+									label_method: :label,
+									value_method: :id,
+									selected: ( field_setting.default_choice.id unless field_setting.allow_null ),
+									include_blank: field_setting.allow_null,
+									input_html: { class: 'select2-item' } %>
+					<% 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 %>
 				<% end %>
-			<% 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 %>
-	  <% end %>
 
 
-	<%# - - - - - - - - - - - - %>
-	<%# CHECKBOX                %>
-	<%# - - - - - - - - - - - - %>
-	<% elsif field_setting.field_type === 'checkbox' %>
-	  <% current = f.object.find_or_create_a_field_by( field_setting.id, 'checkbox' ) %>
-	  <%= f.simple_fields_for "checkboxes_attributes[]", current do |ff| %>
-			<% if ff.object.choices.any? %>
-				<% if field_setting.allow_null %>
-					<%= ff.input :choice_ids, as: :check_boxes, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id %>
-				<% else %>
-					<small class="text-muted"><%= t('null_is_not_allowed') %></small>
-					<%= ff.input :choice_ids, as: :check_boxes, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, checked: ff.object.choice_ids, include_blank: false, include_hidden: false %>
-				<% end %>
-			<% else %>
-				<% if field_setting.allow_null %>
-					<%= ff.input :choice_ids, as: :check_boxes, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id %>
-				<% else %>
-					<small class="text-muted"><%= t('null_is_not_allowed') %></small>
-					<%= ff.input :choice_ids, as: :check_boxes, collection: field_setting.choices.order(:label), label_method: :label, value_method: :id, checked: field_setting.default_choice.id, include_blank: false, include_hidden: false %>
+			<%# - - - - - - - - - - - - %>
+			<%# CHECKBOX                %>
+			<%# - - - - - - - - - - - - %>
+			<% elsif field_setting.field_type === 'checkbox' %>
+				<% current = f.object.find_or_create_a_field_by( field_setting.id, 'checkbox' ) %>
+				<%= f.simple_fields_for "checkboxes_attributes[]", current do |ff| %>
+					<% if ff.object.choices.any? %>
+						<%= ff.input :choice_ids,
+									label: field_setting.name.capitalize,
+									hint: "#{t('binda.null_is_not_allowed')}. #{field_setting.description}",
+									as: :check_boxes,
+									collection: field_setting.choices.order(:label),
+									label_method: -> (x){ "<span class=\"standard-form--input-box\"></span>#{x[:label]}".html_safe },
+									value_method: :id,
+									checked: ff.object.choice_ids,
+									include_blank: field_setting.allow_null,
+									include_hidden: field_setting.allow_null %>
+					<% else %>
+						<%= ff.input :choice_ids,
+									label: field_setting.name.capitalize,
+									hint: "#{t('binda.null_is_not_allowed')}. #{field_setting.description}",
+									as: :check_boxes,
+									collection: field_setting.choices.order(:label),
+									label_method: -> (x){ "<span class=\"standard-form--input-box\"></span>#{x[:label]}".html_safe },
+									value_method: :id,
+									checked: ( field_setting.default_choice.id unless field_setting.allow_null ),
+									include_blank: field_setting.allow_null,
+									include_hidden: field_setting.allow_null %>
+					<% 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 %>
 				<% end %>
 			<% 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 %>
-	  <% end %>
-  <% end %>
 
-<% else %>
-	<p>Sorry, no choice is available. 
-		<% if current_user.is_superadmin %> 
-			Please ensure you setup at least two possible choices in the <a href="<%= edit_structure_field_group_path( structure_id: @structure.id, id: field_setting.field_group.id )%>">field group setup</a>.
 		<% else %>
-			Please contact the administrator.
+			<p>Sorry, no choice is available. 
+				<% if current_user.is_superadmin %> 
+					Please ensure you setup at least two possible choices in the <a href="<%= edit_structure_field_group_path( structure_id: @structure.id, id: field_setting.field_group.id )%>">field group setup</a>.
+				<% else %>
+					Please contact the administrator.
+				<% end %>
+			</p>
 		<% end %>
-	</p>
-<% end %>
-<hr>
+
+</div>

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

@@ -1,19 +1,21 @@
-<%# HEADING %>
-<h5 class="form-item--<%= field_setting.field_type.underscore %>-caption"><%= field_setting.name.capitalize %></h5>
+<div id="standard-form--string-<%= field_setting.id %>" class="standard-form--string form-item">
+	
+	<% if @instance.has_string( field_setting.slug ) %>
+			<%= ff.input :content, 
+						input_html: { value: @instance.get_string( field_setting.slug ) }, 
+						as: :string, 
+						hint: field_setting.description, 
+						label: field_setting.name.capitalize %>
+	<% else %>
+			<%= ff.input :content, 
+						as: :string, 
+						hint: field_setting.description, 
+						label: field_setting.name.capitalize  %>
+	<% end %>
 
-<% unless field_setting.description.blank? %>
-	<small class="text-muted"><%= field_setting.description %></small>
-<% 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 %>
 
-
-<% if @instance.has_string( field_setting.slug ) %>
-		<%= ff.input :content, input_html: { value: @instance.get_string( field_setting.slug ) }, as: :string %>
-<% else %>
-		<%= ff.input :content, as: :string %>
-<% 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_text.html.erb

@@ -1,19 +1,22 @@
-<%# HEADING %>
-<h5 class="form-item--<%= field_setting.field_type.underscore %>-caption"><%= field_setting.name.capitalize %></h5>
+<div id="standard-form--text-<%= field_setting.id %>" class="standard-form--text form-item">
 
-<% unless field_setting.description.blank? %>
-	<small class="text-muted"><%= field_setting.description %></small>
-<% end %>
+	<% if @instance.has_text( field_setting.slug ) %>
+			<%= ff.input :content, 
+						input_html: { value: @instance.get_text( field_setting.slug ), class: 'tinymce' }, 
+						as: :text,
+						hint: field_setting.description,
+						label: field_setting.name.capitalize %>
+	<% else %>
+			<%= ff.input :content, 
+						input_html: { class: 'tinymce' }, 
+						as: :text,
+						hint: field_setting.description,
+						label: field_setting.name.capitalize %>
+	<% 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 %>
 
-<% if @instance.has_text( field_setting.slug ) %>
-		<%= ff.input :content, input_html: { value: @instance.get_text( field_setting.slug ), class: 'tinymce' }, as: :text %>
-<% else %>
-		<%= ff.input :content, input_html: { class: 'tinymce' }, as: :text %>
-<% 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_video.html.erb

@@ -0,0 +1,32 @@
+<div id="standard-form--video-<%= field_setting.id %>" class="standard-form--video form-item">
+  <div id="fileupload-<%= ff.object.id %>" 
+    class="fileupload form-group">
+
+    <p class="control-label"><%= field_setting.name.capitalize %></p>
+
+    <div class="fileupload--dashboard">
+
+			<%= ff.input :video, 
+        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_video]).html_safe,
+        object: ff.object,
+        wrapper: false,
+				input_html: { 
+					class: 'form-item--video--uploader',
+          'data-url': url_for([@instance.structure, @instance, action: :upload]),
+          'data-id': ff.object.id 
+				} %>
+
+      
+    </div>
+
+    <%= ff.input :video_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_section.html.erb

@@ -29,12 +29,22 @@
 
 
 <%# - - - - - - - - - - - - %>
-<%# ASSET                   %>
+<%# IMAGE                   %>
 <%# - - - - - - - - - - - - %>
-<% elsif field_setting.field_type == 'asset' %>
-  <% current = @instance.find_or_create_a_field_by( field_setting.id, 'asset' ) %>
-  <%= f.simple_fields_for "assets_attributes[]", current do |ff| %>
-    <%= render 'binda/fieldable/form_item_asset', ff: ff, field_setting: field_setting %>
+<% elsif field_setting.field_type == 'image' %>
+  <% current = @instance.find_or_create_a_field_by( field_setting.id, 'image' ) %>
+  <%= f.simple_fields_for "images_attributes[]", current do |ff| %>
+    <%= render 'binda/fieldable/form_item_image', ff: ff, field_setting: field_setting %>
+  <% end %>
+
+
+<%# - - - - - - - - - - - - %>
+<%# VIDEO                   %>
+<%# - - - - - - - - - - - - %>
+<% elsif field_setting.field_type == 'video' %>
+  <% current = @instance.find_or_create_a_field_by( field_setting.id, 'video' ) %>
+  <%= f.simple_fields_for "videos_attributes[]", current do |ff| %>
+    <%= render 'binda/fieldable/form_item_video', ff: ff, field_setting: field_setting %>
   <% end %>
 
 
@@ -46,6 +56,18 @@
   <%= render 'binda/fieldable/form_item_repeater', f: f, repeater_setting: field_setting, repeaters: repeaters %>
 
 
+<%# - - - - - - - - - - - - %>
+<%# RELATED_FIELD           %>
+<%# - - - - - - - - - - - - %>
+<% elsif field_setting.field_type == 'relation' %>
+  <% current = @instance.find_or_create_a_field_by( field_setting.id, 'relation' ) %>
+  <%= f.simple_fields_for "relations_attributes[]", current do |ff| %>
+    <%= render 'binda/fieldable/form_item_relation', ff: ff, field_setting: field_setting %>
+  <% end %>
+
+<%# - - - - - - - - - - - - %>
+<%# SELECTION TYPES         %>
+<%# - - - - - - - - - - - - %>
 <% elsif ['radio', 'selection', 'checkbox'].include? field_setting.field_type %>
   <%= render 'binda/fieldable/form_item_selections', f: f, field_setting: field_setting %>
 

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

@@ -2,7 +2,7 @@
 <%# TEXT / STRING           %>
 <%# - - - - - - - - - - - - %>
 <% if repeater_setting_child.field_type == 'text' %>
-  <% current = f.object.find_or_create_a_field_by( repeater_setting_child.id, 'text' ) %>
+  <% current = @instance.repeaters.select{|r| r.id == f.object.id}.first.find_or_create_a_field_by( repeater_setting_child.id, 'text' ) %>
   <%= f.simple_fields_for "texts_attributes[]", current do |ff| %>
     <%= render 'binda/fieldable/form_item_text', ff: ff, field_setting: repeater_setting_child %>
   <% end %>
@@ -12,7 +12,7 @@
 <%# STRING                  %>
 <%# - - - - - - - - - - - - %>
 <% elsif repeater_setting_child.field_type == 'string' %>
-  <% current = f.object.find_or_create_a_field_by( repeater_setting_child.id, 'string' ) %>
+  <% current = @instance.repeaters.select{|r| r.id == f.object.id}.first.find_or_create_a_field_by( repeater_setting_child.id, 'string' ) %>
   <%= f.simple_fields_for "strings_attributes[]", current do |ff| %>
     <%= render 'binda/fieldable/form_item_string', ff: ff, field_setting: repeater_setting_child %>
   <% end %>
@@ -22,27 +22,47 @@
 <%# DATE                    %>
 <%# - - - - - - - - - - - - %>
 <% elsif repeater_setting_child.field_type == 'date' %>
-  <% current = f.object.find_or_create_a_field_by( repeater_setting_child.id, 'date' ) %>
+  <% current = @instance.repeaters.select{|r| r.id == f.object.id}.first.find_or_create_a_field_by( repeater_setting_child.id, 'date' ) %>
   <%= f.simple_fields_for "dates_attributes[]", current do |ff| %>
     <%= render 'binda/fieldable/form_item_date', ff: ff, field_setting: repeater_setting_child %>
   <% end %>
 
 
 <%# - - - - - - - - - - - - %>
-<%# ASSET                   %>
+<%# IMAGE                   %>
 <%# - - - - - - - - - - - - %>
-<% elsif repeater_setting_child.field_type == 'asset' %>
-  <% current = f.object.find_or_create_a_field_by( repeater_setting_child.id, 'asset' ) %>
-  <%= f.simple_fields_for "assets_attributes[]", current do |ff| %>
-    <%= render 'binda/fieldable/form_item_asset', ff: ff, field_setting: repeater_setting_child %>
+<% elsif repeater_setting_child.field_type == 'image' %>
+  <% current = @instance.repeaters.select{|r| r.id == f.object.id}.first.find_or_create_a_field_by( repeater_setting_child.id, 'image' ) %>
+  <%= f.simple_fields_for "images_attributes[]", current do |ff| %>
+    <%= render 'binda/fieldable/form_item_image', ff: ff, field_setting: repeater_setting_child %>
   <% end %>
 
 
+<%# - - - - - - - - - - - - %>
+<%# VIDEO                   %>
+<%# - - - - - - - - - - - - %>
+<% elsif repeater_setting_child.field_type == 'video' %>
+  <% current = @instance.repeaters.select{|r| r.id == f.object.id}.first.find_or_create_a_field_by( repeater_setting_child.id, 'video' ) %>
+  <%= f.simple_fields_for "videos_attributes[]", current do |ff| %>
+    <%= render 'binda/fieldable/form_item_video', ff: ff, field_setting: repeater_setting_child %>
+  <% end %>
+
+
+
+<%# - - - - - - - - - - - - %>
+<%# RELATED_FIELD           %>
+<%# - - - - - - - - - - - - %>
+<% elsif repeater_setting_child.field_type == 'relation' %>
+    <% current = @instance.repeaters.select{|r| r.id == f.object.id}.first.find_or_create_a_field_by( repeater_setting_child.id, 'relation' ) %>
+    <%= f.simple_fields_for "relations_attributes[]", current do |ff| %>
+        <%= render 'binda/fieldable/form_item_relation', ff: ff, field_setting: repeater_setting_child %>
+    <% end %>
+
 <%# - - - - - - - - - - - - %>
 <%# SELECTABLES             %>
 <%# - - - - - - - - - - - - %>
-<% elsif ['radio', 'select', 'checkbox'].include? repeater_setting_child.field_type %>
+<% elsif ['radio', 'selection', 'checkbox'].include? repeater_setting_child.field_type %>
   <%# current = f.object.find_or_create_a_field_by( repeater_setting_child.id, 'radio' ) %>
-  <%= render 'binda/fieldable/form_item_selectable', f: f, field_setting: repeater_setting_child %>
+  <%= render 'binda/fieldable/form_item_selections', f: f, field_setting: repeater_setting_child %>
 
 <% end %>

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

@@ -1,35 +1,59 @@
-<h4><%= "#{ t :setting }".pluralize.capitalize %></h4>
+<div class="standard-form--header">
+  <p><%= "#{ t :setting }".pluralize.capitalize %></p>
+</div>
+
+<div class="standard-form--radio">
 
 <% if @structure.has_categories %>
 
 	<% if @structure.categories.any? %>
-	  <h5><%= t(:category).capitalize %></h5>
-	  <%= f.association :categories, as: :radio_buttons, collection: @structure.categories ,checked: @instance.category_ids, include_blank: false %>
-	<% end %>
+	  <%= f.association :categories,
+                      as: :radio_buttons,
+                      collection: @structure.categories ,
+                      checked: @instance.category_ids,
+                      include_blank: false,
+                      label_method: -> (x){ "<span class=\"standard-form--input-box\"></span>#{x.name}".html_safe }%>
+  <% else %>
+    <%= f.association :categories, input: false %>
+  <% end %>
 
 	<% if @instance.slug.nil? %>
-	  <h5>
-	    <%= t( :hint_create_parent_before_child, arg1: "#{ t :category }", arg2: "#{ t :instance }" ).capitalize %>  
-	  </h5>
+
+      <h5>
+        <%= t( :hint_create_parent_before_child, arg1: "#{ t :category }", arg2: "#{ t :instance }" ).capitalize %>
+      </h5>
+
 	<% else %>
-	  <a class="main-header--link btn btn-default" href="<%= new_structure_category_path( @structure ) %>">
-	    <%= "#{ t :new }".capitalize %> <%= t :category %>  
-	  </a>
+
+      <div class="standard-form--secondary-actions">
+        <a class="main-header--link b-btn b-btn-primary b-btn-settings b-btn-category" href="<%= new_structure_category_path( @structure ) %>">
+          <%= "<i class=\"fa fa-plus\" aria-hidden=\"true\"></i> New".html_safe %> <%= t :category %>
+        </a>
+      </div>
+
 	<% end %>
 
 <% end %>
 
-<hr>
+<div class="standard-form--radio">
 
-<% if @instance.respond_to? :publish_state %>
-	<h5><%= t(:publish_settings).capitalize %></h5>
-	<%= f.input :publish_state, as: :radio_buttons, collection: [ 'draft', 'published' ], checked: f.object.publish_state %>
-	<hr>
-<% end %>
+  <% if @instance.respond_to? :publish_state %>
+    <%= f.input :publish_state,
+                as: :radio_buttons,
+                collection: [ 'draft', 'published' ],
+                checked: f.object.publish_state,
+                include_blank: false,
+                label_method: -> (x){ "<span class=\"standard-form--input-box\"></span>#{x}".html_safe } %>
+
+  <% end %>
+</div>
 
-<%= f.button :submit, 'Save changes', class: 'btn btn-primary' %>
+<div class="standard-form--main-actions">
+  
+  <%= button_tag "<i class=\"fas fa-check\"></i>Save changes".html_safe, { class: 'b-btn-block b-btn b-btn-primary b-btn-settings', id: 'save'} %>
 
 
-<% unless @instance.new_record? || @instance.structure.instance_type == 'board' %>
-	<a class="form-body--delete btn btn-default" href="<%= url_for([@structure, @instance]) %>" data-method="delete" data-confirm="This operation will delete this <%= @structure.name %> and there is no coming back. Are you ok with that?">Delete <%= @structure.name.capitalize %> <span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
-<% end %>
+  <% unless @instance.new_record? || @instance.structure.instance_type == 'board' %>
+    <a class="form-body--delete b-btn-block b-btn b-btn-outline-danger b-btn-settings" href="<%= url_for([@structure, @instance]) %>" data-method="delete" data-confirm="This operation will delete this <%= @structure.name %> and there is no coming back. Are you ok with that?"><i class="far fa-trash-alt"></i> <%= t('binda.delete').capitalize %> <%= @structure.name.capitalize %></a>
+  <% end %>
+</div>