camaleon_cms 0.0.1

data/app/views/admin/settings/custom_fields/fields/radio.html.erb

@@ -0,0 +1,5 @@
+<div class="group-input-fields-content" data-callback-set-value="custom_field_radio_val">
+    <% @field.options[:multiple_options].each do |option|  %>
+        <div class="radio"><label><input type="radio" value="<%= option[:value] %>" name="<%= @field_name %>[<%= @field.slug %>][values][]" <%= 'checked' if @default_use &&  option[:default].present? && option[:default] != 'none' %>> <%= option[:title] %></label></div>
+    <% end %>
+</div>

data/app/views/admin/settings/custom_fields/fields/select.html.erb

@@ -0,0 +1,7 @@
+<div class="group-input-fields-content">
+  <select name="<%= @field_name %>[<%= @field.slug %>][values][]" style="width: auto" class="form-control input-value <%= "required" if @field.options[:required].to_s.to_bool %>">
+    <% @field.options[:multiple_options].each do |option|  %>
+        <option value="<%= option[:value] %>" <%= 'selected' if @default_use && option[:default].present? %>><%= option[:title] %></option>
+    <% end %>
+  </select>
+</div>

data/app/views/admin/settings/custom_fields/fields/select_eval.html.erb

@@ -0,0 +1,3 @@
+<div class="group-input-fields-content">
+  <%= select_tag "#{@field_name}[#{@field.slug}][values][]", instance_eval(@field.options[:command].to_s.strip), class: "form-control input-value #{'required' if @field.options[:required].to_s.to_bool}"  %>
+</div>

data/app/views/admin/settings/custom_fields/fields/text_area.html.erb

@@ -0,0 +1,3 @@
+<div class="group-input-fields-content" data-callback-function="custom_field_text_area">
+  <textarea name="<%= @field_name %>[<%= @field.slug %>][values][]" class="form-control input-value <%= 'is_translate' if @field.options[:translate].to_s.to_bool %> <%= "required" if @field.options[:required].to_s.to_bool %>" rows="6"></textarea>
+</div>

data/app/views/admin/settings/custom_fields/fields/text_box.html.erb

@@ -0,0 +1,3 @@
+<div class="group-input-fields-content" data-callback-function="custom_field_text_box">
+  <input type="text" name="<%= @field_name %>[<%= @field.slug %>][values][]" class="form-control input-value <%= 'is_translate' if @field.options[:translate].to_s.to_bool %> <%= "required" if @field.options[:required].to_s.to_bool %>"/>
+</div>

data/app/views/admin/settings/custom_fields/fields/url.html.erb

@@ -0,0 +1,3 @@
+<div class="group-input-fields-content">
+  <input type="url" name="<%= @field_name %>[<%= @field.slug %>][values][]" class="form-control url input-value <%= "required" if @field.options[:required].to_s.to_bool %>"/>
+</div>

data/app/views/admin/settings/custom_fields/fields/users.html.erb

@@ -0,0 +1,8 @@
+<div class="group-input-fields-content">
+  <select name="<%= @field_name %>[<%= @field.slug %>][values][]" style="width: auto" class="form-control input-value <%= "required" if @field.options[:required].to_s.to_bool %>">
+    <option value=""></option>
+    <% current_site.users.all.each do |user|  %>
+        <option value="<%= user.id %>"><%= user.fullname %></option>
+    <% end %>
+  </select>
+</div>

data/app/views/admin/settings/custom_fields/fields/video.html.erb

@@ -0,0 +1,4 @@
+<div class="group-input-fields-content">
+  <input type="url" name="<%= @field_name %>[<%= @field.slug %>][values][]" class="form-control input-value <%= "required" if @field.options[:required].to_s.to_bool %>" />
+  <span class="input-group-addon btn_upload" onclick="load_upload_video_field(this);return false;"><i class="fa fa-upload"></i> <%= t('admin.button.upload_video')%></span>
+</div>

data/app/views/admin/settings/custom_fields/form.html.erb

@@ -0,0 +1,249 @@
+<div class="page-title">
+  <h2><span class="fa fa-cog"></span> <%= @field_group.new_record? ? t('admin.settings.new_custom_field_group') : "#{t('admin.settings.new_custom_field_group')}: #{@field_group.name} "%> </h2>
+</div>
+
+<!-- PAGE CONTENT WRAPPER -->
+<div class="page-content-wrap">
+
+  <div class="row">
+    <%= form_for @field_group, url:{action: @field_group.new_record? ? :create : :update}, html: {class: 'validate-custom-field'} do |f| %>
+        <div class="col-md-4">
+          <div class="panel panel-default">
+
+
+            <div class="panel-heading">
+              <h3 class="panel-title"><%= t('admin.settings.details_custom_field_group') %></h3>
+              <ul class="panel-controls">
+                <li><a href="#" class="panel-collapse"><span class="fa fa-angle-down"></span></a></li>
+              </ul>
+            </div>
+
+
+            <div class="panel-body">
+              <%= render partial: 'layouts/admin/form_error', locals: {data: @field_group} %>
+              <div class="form-group">
+                <%= f.label t('admin.table.name') %><br>
+                <%= f.text_field :name, :class => "form-control required" %>
+              </div>
+              <div class="form-group">
+                <%= f.label t('admin.table.description') %><br>
+                <%= f.text_area :description, :class => "form-control" %>
+              </div>
+              <div class="form-group">
+                <%= f.label t('admin.settings.where_display_group') %><br>
+                <select id="select_assign_group" name="custom_field_group[assign_group]" class="form-control required">
+                  <option value="">&nbsp;</option>
+                  <optgroup label="<%= t('admin.settings.posts_in') %>">
+                    <% current_site.post_types.each do |pt|
+                      pt = pt.decorate
+                      value = "PostType_Post,#{pt.id}"
+                    %>
+                        <option value="<%= value %>" data-help="<%= "#{t('admin.settings.tooltip.add_custom_field_posts')}"+ pt.the_title %>"><%= pt.the_title %></option>
+                    <% end  %>
+                  </optgroup>
+
+                  <optgroup label="<%= t('admin.settings.categories_in') %>">
+                    <% current_site.post_types.each do |pt|
+                      pt = pt.decorate
+                      value = "PostType_Category,#{pt.id}"
+                    %>
+                        <% if pt.manage_categories? %>
+                            <option value="<%= value %>" data-help="<%= "#{t('admin.settings.tooltip.add_custom_field_categories')}"+ pt.the_title %>"><%= pt.the_title %></option>
+                        <% end %>
+                    <% end  %>
+                  </optgroup>
+
+                  <optgroup label="<%= t('admin.settings.others') %>">
+                    <% value = "User,#{current_site.id}" %>
+                    <option value="<%= value %>" data-help="<%= t('admin.settings.tooltip.add_custom_field_users') %>"><%= t('admin.sidebar.users') %></option>
+                    <% value = "Site,#{current_site.id}" %>
+                    <option value="<%= value %>" data-help="<%= t('admin.settings.tooltip.add_custom_field_sites') %>"><%= t('admin.sidebar.site_settings') %></option>
+                    <% @_extra_models_for_fields.each do |model| %>
+                        <% value = "#{model.name},#{current_site.id}" %>
+                        <option value="<%= value %>" data-help=""><%= model.name %></option><%= model.name %>
+                    <% end %>
+                  </optgroup>
+
+                  <optgroup label="<%= t('admin.sidebar.themes') %>">
+                    <% PluginRoutes.all_themes.each do |theme| %>
+                        <% value = "Theme,#{theme[:key]}"  %>
+                        <option value="<%= value %>" data-help="<%= "#{t('admin.settings.tooltip.add_custom_field_themes')}"+ theme[:name] %>"><%= theme[:name] %></option>
+                    <% end  %>
+                  </optgroup>
+
+                  <optgroup label="<%= t('admin.sidebar.widgets') %>">
+                    <% current_site.widgets.each do |widget| %>
+                        <% value = "#{widget.class.name},#{widget.id}" %>
+                        <option value="<%= value %>" data-help="<%= "#{t('admin.settings.tooltip.add_custom_field_widget')}"+ widget.name %>"><%= widget.name %></option>
+                    <% end %>
+                  </optgroup>
+
+                  <option value="_post_simple" >Select Post Simple</option>
+                </select>
+                <select id="select_post_simple" name="custom_field_group[assign_group]" class="form-control required" style="display: none" disabled>
+                    <% current_site.post_types.each do |pt|
+                      pt = pt.decorate
+                    %>
+                      <optgroup label="<%= pt.the_title %>">
+                        <% pt.posts.visible_frontend.each do |post| %>
+                            <%
+                               value = "#{post.class.name},#{post.id}"
+                               post = post.decorate
+                            %>
+                            <option value="<%= value %>" data-help="<%= "#{t('admin.settings.tooltip.add_custom_field_posts')}"+ post.the_title %>"><%= post.the_title %></option>
+                        <% end %>
+                      </optgroup>
+                    <% end %>
+                 </select>
+
+
+                <input id="select_assign_group_caption" type="hidden" name="custom_field_group[caption]"/>
+                <div id="select_assign_group_help"></div>
+              </div>
+            </div>
+
+
+            <div class="panel-footer">
+              <a class="btn btn-default" role="back" href="<%= url_for action: :index %>"><%= t('admin.button.back') %></a>
+              <button class="btn btn-primary pull-right" type="submit"><%= t('admin.button.submit') %></button>
+            </div>
+          </div>
+        </div>
+
+
+        <div class="col-md-5">
+          <div class="panel panel-default">
+
+            <div class="panel-heading">
+              <h3 class="panel-title"><%= t('admin.settings.fields') %></h3>
+              <ul class="panel-controls">
+                <li><a href="#" class="panel-collapse"><span class="fa fa-angle-down"></span></a></li>
+              </ul>
+            </div>
+            <div class="panel-body padding-0">
+
+              <%
+                 fields =  @field_group.new_record? ? [] : @field_group.fields
+              %>
+
+              <ul id="sortable-fields">
+                <% fields.each do |field|
+                    @item_value = field
+                    @item_options_value = field.options
+                    @key = field.options[:field_key]
+                %>
+                    <li class="item">
+                    <%= render file: "admin/settings/custom_fields/get_items" %>
+                    </li>
+                <% end  %>
+              </ul>
+            </div>
+            <div class="panel-footer hidden">
+              <a class="btn btn-default" role="back" href="<%= url_for action: :index %>"><%= t('admin.button.back') %></a>
+              <button class="btn btn-primary pull-right" type="submit"><%= t('admin.button.submit') %></button>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-md-3">
+          <div class="panel panel-default">
+
+
+            <div class="panel-heading">
+              <h3 class="panel-title"><%= t('admin.settings.available_fields')%></h3>
+              <ul class="panel-controls">
+                <li><a href="#" class="panel-collapse"><span class="fa fa-angle-down"></span></a></li>
+              </ul>
+            </div>
+
+
+            <div class="panel-body">
+              <div id="content-items-default" class="form-group input-group-sm">
+                <% cf_get_items.each do |i,item| %>
+                      <% next if item[:key] == "select_eval" %>
+                    <a id="item-<%= item[:key] %>" class="btn btn-default" href="<%= get_items_admin_settings_custom_fields_path(item[:key]) %>" style="margin-bottom: 4px"><%= item[:label] %></a>
+                <% end %>
+              </div>
+            </div>
+            <div class="panel-footer hidden">
+              <a class="btn btn-default" role="back" href="<%= url_for action: :index %>"><%= t('admin.button.back') %></a>
+              <button class="btn btn-primary pull-right" type="submit"><%= t('admin.button.submit') %></button>
+            </div>
+          </div>
+        </div>
+
+
+      <% end %>
+
+  </div>
+
+</div>
+
+<script>
+  run.push(function(){
+      var group_class_name = '<%= @field_group.object_class %>,<%= @field_group.objectid %>';
+      var $content_fields = $( "#sortable-fields" );
+      $content_fields.sortable({
+          handle: ".panel-sortable"
+      });
+      //$content_fields.disableSelection();
+
+      $("#content-items-default > a").click(function(){
+          var href = $(this).attr('href');
+          $.post(href, function(html){
+              var li = '<li class="item">' + html + '</li>';
+              $content_fields.append(li)
+              set_slug()
+          });
+          return false;
+      });
+
+      $("body").on("click", ".panel-delete", function(){
+          var parent = $(this).parents(".item:first");
+          if(confirm(lang.message_delete_item)){
+              parent.remove()
+          }
+          return false;
+      });
+
+      $('#select_assign_group').change(function(){
+          var option = $(this).find('option:checked');
+          if(option.attr('value') == '_post_simple'){
+              $('#select_post_simple').show().removeAttr('disabled');
+          }else{
+              $('#select_post_simple').hide().attr('disabled','disabled');
+          }
+          var txt_help = option.data('help');
+          if(txt_help) txt_help = '<div class="alert alert-info"><i class="fa fa-info-circle"></i>&nbsp; ' + txt_help + ' </div>';
+          $('#select_assign_group_help').html(txt_help);
+          $('#select_assign_group_caption').val(option.parent('optgroup').attr("label") + ' ' + option.text());
+      }).val((group_class_name.search("Post,") == 0) ? '_post_simple':  group_class_name).trigger('change');
+
+      $('#select_post_simple').change(function(){
+          var option = $(this).find('option:checked');
+          var txt_help = option.data('help');
+          if(txt_help) txt_help = '<div class="alert alert-info"><i class="fa fa-info-circle"></i>&nbsp; ' + txt_help + ' </div>';
+          $('#select_assign_group_help').html(txt_help);
+          $('#select_assign_group_caption').val(option.parent('optgroup').attr("label") + ': ' + option.text());
+      }).val(group_class_name).trigger('change');
+
+  });
+
+    function set_slug(){
+      $('.text-slug:not(.runned)').each(function(){
+          var $parent = $(this).parents('.panel-item');
+          var $label = $parent.find('.span-title');
+          $(this).slugify($parent.find('.text-title'), {
+                      slugFunc: function(str, originalFunc) {
+                          $label.html(str);
+                          return originalFunc(str);
+                      }
+                  }
+          );
+          $(this).addClass('runned')
+      })
+  }
+</script>
+
+
+

data/app/views/admin/settings/custom_fields/get_items.html.erb

@@ -0,0 +1,199 @@
+<%
+   @item_value = @item_value || {}
+   @item_options_value = @item_options_value || {}
+   @item_id = @item_value[:id] || ''
+   @index = "#{@item_id}_#{Time.now.to_i}"
+   @field_config = cf_get_items[@key.to_sym]
+   colors = ['primary','success','warning','colorful','info','danger']
+%>
+
+<div id="panel-field<%= @index %>" class="panel panel-default panel-<%= colors.sample %> panel-item <%= 'panel-toggled' if @item_options_value[:panel_hidden].to_s.to_bool  %>">
+  <div class="panel-heading">
+    <h3 class="panel-title"><span class="span-title"><%= @item_value[:name]? @item_value[:name] : "#{t('admin.settings.untitled')}
+    #{@field_config[:label]}" %>
+    </span> - <%= @field_config[:label] %>
+        <%= t('admin.settings.field') %></h3>
+    <ul class="panel-controls">
+      <li><a class="panel-sortable" href="#" title="<%= t('admin.button.sortable')%>" data-toggle="tooltip" data-placement="left"><span class="fa fa-arrows"></span></a></li>
+      <li><a class="panel-delete" href="#" title="<%= t('admin.button.delete')%>" data-toggle="tooltip" data-placement="left"><span class="fa fa-times text-danger"></span></a></li>
+      <li><a class="panel-collapse" href="#"><span class="fa fa-angle-down"></span></a></li>
+    </ul>
+  </div>
+  <div class="panel-body">
+    <%= hidden_field(:fields, :id, index: @index, value: @item_id) %>
+    <div class="form-group input-group-sm">
+      <label for=""><%= t('admin.table.name') %></label><br>
+      <%= text_field(:fields, :name, class: "form-control text-title", index: @index, value: @item_value[:name]? @item_value[:name] : "#{t('admin.settings.untitled')} #{@field_config[:label]}") %>
+    </div>
+    <div class="form-group input-group-sm">
+      <label for=""><%= t('admin.table.slug') %></label><br>
+      <%= text_field(:fields, :slug, class: "form-control text-slug", index: @index, value: @item_value[:slug]) %>
+    </div>
+    <div class="form-group">
+      <label for=""><%= t('admin.table.description') %></label><br>
+      <%= text_area(:fields, :description, class: "form-control", index: @index, value: @item_value[:description]) %>
+    </div>
+
+    <%= hidden_field(:field_options, :field_key, index: @index, value: @key) %>
+    <%= hidden_field(:field_options, :panel_hidden, index: @index, value: @item_options_value[:panel_hidden], class: 'input-panel-hidden') %>
+
+    <%
+       html = ''
+       if @field_config[:extra_fields].present?
+
+           @field_config[:extra_fields].each do |input|
+                type = input[:type]
+                html += "<label>#{input[:label]}</label>" if input[:label].present?
+                case type
+                  when 'select'
+                    html += "<div class='form-group'> <select id=\"field_options_#{@index}_#{input[:key]}\" name=\"field_options[#{@index}][#{input[:key]}]\" class='form-control'>"
+                    input[:values].each do |val|
+                      html += "<option value='#{val[:value]}' #{"selected" if @item_options_value.present? ? (val[:value] == @item_options_value[input[:key].to_sym]) : false}>#{val[:label]}</option>"
+                    end
+                    html += "</select> </div>"
+                  when 'radio'
+                    input[:values].each do |val|
+                      html += "<div class='radio'><label>#{radio_button(:field_options, input[:key],val[:value], index: @index, checked: @item_options_value.present? ? (val[:value] == @item_options_value[input[:key].to_sym]) : (val[:value] == '0')) } #{val[:label]}</label></div>"
+                    end
+                  when 'checkbox'
+                    input[:values].each do |val|
+                      html += "<div class='checkbox'><label><input type=\"checkbox\" id=\"field_options_#{@index}_#{input[:key]}\" name=\"field_options[#{@index}][#{input[:key]}][]\" #{"checked" if @item_options_value[input[:key].to_sym].to_s.include?(val[:value].to_s) rescue false} value=\"#{val[:value]}\"> #{val[:label]} </label></div>"
+                    end
+                  when 'text_area'
+                    html += "#{text_area(:field_options, input[:key], index: @index , value: @item_options_value[input[:key].to_sym] || '', class: 'form-control') }"
+                  else
+                    html += "#{text_field(:field_options, input[:key], index: @index , value: @item_options_value[input[:key].to_sym] || '', class: 'form-control') }"
+                end
+            end
+        end
+    %>
+    <div class="form-group">
+      <%= raw html %>
+    </div>
+    <% if @field_config[:options][:multiple_options].present? %>
+        <div class="form-group">
+          <strong><%= @field_config[:options][:multiple_options][:label] %></strong>
+            <div class="sortable-fields-options">
+              <div id="clone<%= @index %>" class="hidden">
+                    <div class="actions">
+                      <i class="fa fa-arrows"></i> <i class="fa fa-times text-danger"></i>
+                    </div>
+                    <div class="inputs input-group input-group-sm">
+                      <input type="text" name="field_options[<%= @index %>][multiple_options][][title]" placeholder="Option title" class="form-control option-name" style="width: 160px;">
+                      <input type="text" name="field_options[<%= @index %>][multiple_options][][value]" placeholder="Value" class="form-control option-value" style="width: 120px;">
+                      <% if @field_config[:options][:multiple_options][:default].present? %>
+                          <div class="<%= @field_config[:options][:multiple_options][:default] %>" style="float: right; width: auto;">
+                            <label><input type="<%= @field_config[:options][:multiple_options][:default] %>" class="option-default" value="1" name="field_options[<%= @index %>][multiple_options][][default]"> <%= t('admin.table.default') %> </label>
+                          </div>
+                      <% end %>
+                    </div>
+              </div>
+
+
+              <ul id="sortable<%= @index %>" >
+
+              </ul>
+              <% if @field_config[:options][:multiple_options][:use_not_default].present?  %>
+                  <div class="radio_none_option">
+                    <label><input type="radio" class="option-default" value="none" name="field_options[<%= @index %>][multiple_options][][default]"> <%= t('admin.table.no_default') %> </label>
+                  </div>
+              <% end %>
+
+              <div style="margin-top: 4px">
+                <a id="add_btn<%= @index %>" href="#" class="btn btn-default btn-sm"> <i class="fa fa-plus"></i> <%= t('admin.button.add_option')%></a>
+              </div>
+              <script>
+
+                var function_init_options<%= @index %> = function(){
+                    var that = this;
+                    var $panel = $( "#panel-field<%= @index %>" );
+                    var $sortable = $( "#sortable<%= @index %>" );
+                    var option_default_html = $('#clone<%= @index %>').html();
+                    var option_default_values = <%= raw(@item_options_value[:multiple_options].present? ? @item_options_value[:multiple_options].to_json : '[]') %>
+                    function add_option_default(values){
+                        if(!values) values = {}
+                        values = $.extend({title: lang.option_title, value: '1',default: false},values)
+                        var $option = $('<li>'+option_default_html+'</li>');
+                        $option.find('.option-name').val(values.title);
+                        $option.find('.option-value').val(values.value);
+                        if(values.default && values.default != 'none') $option.find('.option-default').attr('checked','checked').prop('checked',true)
+                        if(values.default && values.default == 'none') $panel.find('.radio_none_option input').attr('checked','checked').prop('checked',true)
+
+                        $sortable.append($option)
+                    };
+
+                    if(option_default_values.length > 0){
+                        $.each(option_default_values, function(i, value){
+                            add_option_default(value);
+                        })
+                    }else{
+                        add_option_default({default: true});
+                    }
+
+                    $('#add_btn<%= @index %>').click(function(){
+                        add_option_default({
+                            value: $sortable.children('li').size() + 1
+                        });
+                        return false;
+                    });
+                    $sortable.sortable({
+                        handle: ".fa-arrows"
+                    });
+                    $sortable.on('click','.fa-times', function(){
+                        $(this).closest('li').remove()
+                        return false;
+                    })
+                    $('#clone<%= @index %>').remove();
+                }
+                if(typeof jQuery == 'function') jQuery(function_init_options<%= @index %>);
+                else run.push(function_init_options<%= @index %>);
+              </script>
+            </div>
+        </div>
+    <% end %>
+
+    <% if @field_config[:options][:default_value] %>
+
+        <div class="form-group input-group-sm">
+          <label><%= t('admin.table.default_value')%></label>
+        <%= text_field(:field_options, 'default_value', index: @index, value: @item_options_value[:default_value], class: 'form-control') %>
+        </div>
+    <% end %>
+
+    <% if @field_config[:options][:multiple] || @field_config[:options][:required] || @field_config[:options][:translate] %>
+        <strong><%= t('admin.table.options_field')%></strong>
+    <% end %>
+    <% if @field_config[:options][:multiple] %>
+        <div class="checkbox"><label><%= check_box(:field_options, 'multiple', index: @index, checked: @item_options_value[:multiple].to_s.to_bool) %> <%= t('admin.table.multiple_field_int') %> </label> <%= raw html_tooltip(t('admin.table.multiple_field_int'),'right')%></div>
+    <% end %>
+    <% if @field_config[:options][:required] %>
+        <div class="checkbox"><label><%= check_box(:field_options, 'required', index: @index, checked: @item_options_value[:required].to_s.to_bool) %> <%= t('admin.table.required_field_int') %> </label> <%= raw html_tooltip(t('admin.table.required_field_int'),'right')%></div>
+    <% end %>
+    <% if @field_config[:options][:translate] %>
+        <div class="checkbox"><label><%= check_box(:field_options, 'translate', index: @index, checked: @item_options_value[:translate].to_s.to_bool) %> <%= t('admin.table.translate_field_int') %> </label> <%= raw html_tooltip(t('admin.table.translate_field_int'),'right')%></div>
+    <% end %>
+    <% if @field_config[:options][:show_frontend] %>
+        <div class="checkbox"><label><%= check_box(:field_options, 'show_frontend', index: @index, checked: @item_options_value[:show_frontend].to_s.to_bool) %> <%= t('admin.table.show_in_frontend') %> </label> <%= raw html_tooltip( t('admin.table.show_in_frontend'),'right')%></div>
+    <% end %>
+
+
+  </div>
+</div>
+
+
+<script>
+
+    var function_init<%= @index %> = function(){
+        var that = this;
+        var $panel = $( "#panel-field<%= @index %>" );
+
+
+        $panel.find('.panel-collapse').click(function(){
+            setTimeout(function(){
+                $panel.find('.input-panel-hidden').val($panel.hasClass('panel-toggled'))
+            },500)
+        });
+    }
+    if(typeof jQuery == 'function') jQuery(function_init<%= @index %>);
+    else run.push(function_init<%= @index %>);
+</script>