camaleon_cms 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 418b31e8a9007f20ed7e54b748b16b7edd8b0c6d
-  data.tar.gz: a7f16254d383c954d350d7f23b6f1d56bc16e0ae
+  metadata.gz: 3b50e18ba1373540299a6e15770552a38ee6c46e
+  data.tar.gz: 62c7b76bd64ee158012caa5ce7a5a27a09bf5746
 SHA512:
-  metadata.gz: 6b550adda1b21074dd7118693739e0a87c72ed76edafe9ac7fc7ab361882c035bbfd61eab6c545eff7311a016d13ca1317e17d898abbf05c135d5e6ecef09b7b
-  data.tar.gz: 9f89b6a54b89da1e76db22ea6d45a425304cdfacb859f6be332c78d2a3f2feb4bf1903b5fd13b367d23107df96c63c85657bc3721ae0555a3e0cdeff73f6825d
+  metadata.gz: 13016956ede770e599d3f96b841d5d2656d8e8822ecd63df8dee9a8a3eb2367957013ec87d0580be1a1dd148a364177ccabfee19668be496dc41cd915506af50
+  data.tar.gz: 2b1b18d5866277735b92a1efdec56a6709e2e96ffcffa22cb4f5be2c76b54c4974e5f07ddfeb13b0957de6ed70fa4356fa9768c75cad1454556ef2b7403ec013

data/app/assets/javascripts/admin/grid-editor.js

@@ -0,0 +1,255 @@
+jQuery(function(){
+    $.fn.fadeDestroy = function(speed){ $(this).fadeOut(speed, function(){ $(this).remove(); }) }
+    $.fn.gridEditor_extra_rows = [];
+    $.fn.gridEditor_options = {
+        text: {title: "Text", callback: function(panel){
+            open_modal({title: "Entere Your Text", modal_settings: { keyboard: false, backdrop: "static" }, show_footer: true, content: "<textarea rows='10' class='form-control'></textarea>", callback: function(modal){
+                var submit = $('<button type="button" class="btn btn-primary">Save</button>').click(function(){
+                    alert(modal.find("textarea").val());
+                    panel.html(modal.find("textarea").val());
+                    modal.modal("hide");
+                })
+                modal.find(".modal-footer").prepend(submit);
+            }});
+        }},
+        editor: {title: "Editor", callback: function(panel){  }},
+        slider: {title: "Slider", callback: function(panel){  }},
+    };
+
+    // grid editor plugin
+    var gridEditor_id = 0;
+    $.fn.gridEditor = function(tinyEditor){
+        var tinymce_panel = $(tinyEditor.editorContainer).hide();
+        gridEditor_id ++;
+        var textarea = $(this);
+        if(textarea.prev().hasClass("panel_grid_editor")){ textarea.prev().show(); return textarea; }
+        var tpl_rows = "";
+        $.each({6: 50, 4: 33, 3: 25, 2: 16, 8: 66, 9: 75, 12: 100}, function(k, val){ tpl_rows += '<div class="" data-col="'+k+'" data-col_title="'+val+'%"><div class="grid_sortable_items"></div></div>'; });
+
+        // break line
+        tpl_rows += '<div class="clearfix" data-col_title="Break Line" data-col="12"></div>' + $.fn.gridEditor_extra_rows.join("");
+
+        // tpl options
+        var tpl_options = "";
+        $.each($.fn.gridEditor_options, function(key, item){ tpl_options += '<div class="" data-kind="'+key+'" data-content_title="'+item["title"]+'"><div class="grid_item_content"></div></div>'; });
+
+        var editor = $("<div class='panel_grid_editor'>"+
+                            "<div class='grid_editor_menu'>"+
+                                "<ul class='nav nav-tabs'>"+
+                                    "<li class='active'><a href='#grid_columns_"+gridEditor_id+"' role='tab' data-toggle='tab'>Rows</a></li>"+
+                                    "<li class=''><a href='#grid_contents_"+gridEditor_id+"' role='tab' data-toggle='tab'>Content</a></li>"+
+                                    "<li class=''><a href='#' class='toggle_panel_grid'>Text Editor</a></li>"+
+                                    "<li class=''><a class='export'>Export</a></li>"+
+                                    "<li class=''><a class='parse'>Parse</a></li>"+
+                                "</ul>"+
+                                "<div class='tab-content'>"+
+                                    "<div role='tabpanel' class='tab-pane active' id='grid_columns_"+gridEditor_id+"'> "+tpl_rows+" </div>"+
+                                    "<div role='tabpanel' class='tab-pane' id='grid_contents_"+gridEditor_id+"'>"+tpl_options+"</div>"+
+                                "</div>"+
+                            "</div>"+
+                            "<style> .panel_grid_editor{ margin-top: 40px; } /*.panel_grid_body.hover-grid{ background: red !important; }*/ .panel_grid_body .drg_column .header_box .dropdown{ position: absolute; right: 8px; top: 0px; } .panel_grid_body .grid_sortable_items{ min-height: 100px; margin-top: -23px; padding-top: 23px; } .panel_grid_body .drg_item > *{ display: none; } .panel_grid_body .drg_item > :first-child{ display: block } /*.grid_sortable_items.hover-grid{ background: blue; }*/  </style>"+
+                            "<div class='panel_grid_body row' style='min-height: 300px; background: #eee; border: 1px solid #ccc;'></div>"+
+                        "</div>");
+
+        // grid editor export
+        function export_content(editor_body){
+            editor_body.children().each(function(){
+                var col = $(this).removeClass("drg_column btn btn-default grid-col-built ui-draggable ui-draggable-handle").removeAttr("style");
+                col.children(".header_box").remove();
+                col.find(".grid_sortable_items").children().each(function(){ //contents
+                    var content = $(this).removeClass("drg_item btn btn-default ui-draggable ui-draggable-handle grid-item-built").removeAttr("style").children(".header_box").remove();
+                });
+            });
+            return editor_body;
+        }
+
+        // grid editor parser to recover
+        function parse_content(editor){
+            editor.find(".panel_grid_body").children().each(function(){
+                var col = parse_content_column($(this));
+            });
+            return editor;
+        }
+
+        // parse column editor
+        // column: content element
+        // skip_options: boolean to add drodown options
+        function parse_content_column(column, skip_options){
+            var html = '<div class="header_box">'+
+                            '<a><i class="icon-bar"></i>'+column.attr("data-col_title")+'</a>'+
+                        '</div>';
+            var options = "<div class='dropdown'>" +
+                                "<a class='dropdown-toggle' data-toggle='dropdown'>&nbsp; <span class='caret'></span></a>" +
+                                "<ul class='dropdown-menu' role='menu'>"+
+                                    "<li><a class='grid_col_remove' title='Remove' href='#'><i class='fa fa-trash-o'></i> Remove</a></li>"+
+                                    "<li><a class='grid_col_clone' title='Clone' href='#'><i class='fa fa-copy'></i> Clone</a></li>"+
+                                "</ul>"+
+                            "</div>" ;
+            column.addClass("drg_column btn btn-default");
+            if(column.children(".header_box").length == 0) column.prepend(html);
+            if(!skip_options){
+                column.find('.header_box').append(options);
+                grid_content_manager(column.find(".grid_sortable_items"));
+                column.find(".grid_sortable_items").children().each(function(){ //contents
+                    parse_content_content($(this));
+                });
+            }
+            column;
+        }
+
+        // parse column editor
+        // content: content element
+        // skip_options: boolean to add drodown options
+        function parse_content_content(content, skip_options){
+            var html = '<div class="header_box">'+
+                        '<a><i class="icon-bar"></i>'+content.attr("data-content_title")+'</a>'+
+                    '</div>';
+            var options = "<div class='dropdown'>" +
+                "<a class='dropdown-toggle' data-toggle='dropdown'>&nbsp; <span class='caret'></span></a>" +
+                    "<ul class='dropdown-menu' role='menu'>"+
+                        "<li><a class='grid_content_remove' title='Remove' href='#'><i class='fa fa-trash-o'></i> Remove</a></li>"+
+                        "<li><a class='grid_content_clone' title='Clone' href='#'><i class='fa fa-copy'></i> Clone</a></li>"+
+                        "<li><a class='grid_content_edit' title='Clone' href='#'><i class='fa fa-pencil'></i> Edit</a></li>"+
+                    "</ul>"+
+                "</div>";
+            content.addClass("drg_item btn btn-default");
+            if(content.children(".header_box").length == 0) content.prepend(html);
+            if(!skip_options){
+                content.find('.header_box').append(options);
+            }
+            content;
+        }
+
+        // grid editor reverse parser
+
+        // toggle editor
+        editor.find(".grid_editor_menu .toggle_panel_grid").click(function(){ if(!confirm("Are you sure to change the editor?")) return false; editor.hide(); tinymce_panel.show(); return false; })
+        editor.find(".grid_editor_menu .export").click(function(){ export_content(editor.find(".panel_grid_body")); return false; })
+        editor.find(".grid_editor_menu .parse").click(function(){ parse_content(editor); return false; })
+        editor.find("#grid_columns_"+gridEditor_id).children().each(function(){ parse_content_column($(this), true) });
+        editor.find("#grid_contents_"+gridEditor_id).children().each(function(){ parse_content_content($(this), true) });
+        textarea.before(editor);
+        var time_control;
+        $('.panel_grid_body', editor).bind("DOMSubtreeModified",function(){
+            var thiss = $(this);
+            if(time_control) clearTimeout(time_control);
+            time_control = setTimeout(function(){ textarea.val(export_content(thiss.clone()).html()); console.log(textarea.val()); }, 1000);
+        });
+
+        // drag columns
+        jQuery(".drg_column", editor).draggable({
+            connectToSortable: editor.find(".panel_grid_body"),
+            cursor: 'move',          // sets the cursor apperance
+            revert: 'invalid',       // makes the item to return if it isn't placed into droppable
+            revertDuration: -1,     // duration while the item returns to its place
+            opacity: 1,           // opacity while the element is dragged
+            helper: "clone"
+        });
+
+        //draggable content elements
+        jQuery(".drg_item", editor).draggable({
+            connectToSortable: '.grid_sortable_items',
+            cursor: 'move',          // sets the cursor apperance
+            revert: 'invalid',       // makes the item to return if it isn't placed into droppable
+            revertDuration: -1,     // duration while the item returns to its place
+            opacity: 1,           // opacity while the element is dragged
+            helper: "clone"
+        });
+
+        // Sort the parents
+        jQuery(".panel_grid_body", editor).sortable({
+            tolerance: "pointer",
+            cursor: "move",
+            revert: false,
+            delay: 150,
+            dropOnEmpty: true,
+            items: ".drg_column",
+            connectWith: '.panel_grid_body',
+            placeholder: "placeholder",
+            start: function (e, ui) {
+                ui.helper.css({'width': '' , 'height': ''}).addClass('col-md-' + jQuery(ui.helper).attr('data-col'));
+                ui.placeholder.attr('class', jQuery(ui.helper).attr("class")).html(ui.helper.html()).fadeTo("fast", 0.4);
+            },
+            over: function (e, ui) {
+                ui.placeholder.attr('class', jQuery(ui.helper).attr("class"));
+                $(this).addClass("hover-grid");
+            },
+            out: function (e, ui) {
+                $(this).removeClass("hover-grid");
+            },
+            stop: function (e, ui) {
+                ui.item.removeAttr('style');
+                if(!jQuery(ui.item).hasClass('grid-col-built')) parse_content_column(ui.item)
+                ui.item.addClass('grid-col-built');
+            }
+        });
+
+        // column dropdown options
+        jQuery('.panel_grid_body ', editor).on({
+            click: function (e) {
+                if(confirm("Are you sure to delete this block?")) jQuery(this).closest(".drg_column").fadeDestroy();
+                e.preventDefault();
+            }
+        }, '.grid_col_remove').on({
+            click: function (e) {
+                var widget = jQuery(this).closest(".drg_column");
+                var widget_clone = widget.clone();
+                widget.after(widget_clone);
+                grid_content_manager(widget_clone.find(".grid_sortable_items"));
+                e.preventDefault();
+            }
+        }, '.grid_col_clone');
+
+        // content dropdown options
+        jQuery('.panel_grid_body ', editor).on({
+            click: function (e) {
+                if(confirm("Are you sure to delete this content?")) jQuery(this).closest(".drg_item").fadeDestroy();
+                e.preventDefault();
+            }
+        }, '.drg_item .grid_content_remove').on({
+            click: function (e) {
+                var widget = jQuery(this).closest(".drg_item");
+                var widget_clone = widget.clone();
+                widget.after(widget_clone);
+                e.preventDefault();
+            }
+        }, '.drg_item .grid_content_clone').on({
+            click: function (e) {
+                var panel_content = $(this).closest(".drg_item");
+                var key = panel_content.attr("data-kind");
+                $.fn.gridEditor_options[key]["callback"](panel_content.children(".grid_item_content"));
+                e.preventDefault();
+            }
+        }, '.drg_item .grid_content_edit');
+
+        function grid_content_manager(item) {
+            // Sort the children (content elements)
+            jQuery(item).sortable({
+                tolerance: "pointer",
+                cursor: "move",
+                revert: false,
+                delay: 150,
+                dropOnEmpty: true,
+                items: ".drg_item",
+                connectWith: '.grid_sortable_items',
+                placeholder: "placeholder",
+                start: function (e, ui) {
+                    ui.helper.css({'width': '' , 'height': ''}).addClass('col-md-12');
+                    ui.placeholder.attr('class', jQuery(ui.helper).attr("class")).html(ui.helper.html()).fadeTo("fast", 0.4);
+                },
+                over: function (e, ui) {
+                    $(this).addClass("hover-grid");
+                },
+                out: function (e, ui) {
+                    $(this).removeClass("hover-grid");
+                },
+                stop: function (e, ui) {
+                    ui.item.addClass('col-md-12').removeAttr('style');
+                    if(!jQuery(ui.item).hasClass('grid-item-built')) parse_content_content(ui.item)
+                    ui.item.addClass('grid-item-built');
+                }
+            });
+        }
+        return textarea;
+    }
+});

data/app/assets/stylesheets/admin/bootstrap/{bootstrap-datetimepicker.css → bootstrap-datetimepicker.css.scss}

@@ -327,7 +327,7 @@
 }
 
 [class^="icon-"], [class*=" icon-"] {
-    background-image: url("images/glyphicons-halflings.png");
+    background-image: asset-url("admin/bootstrap/images/glyphicons-halflings.png");
     background-position: 14px 14px;
     background-repeat: no-repeat;
     display: inline-block;

data/app/assets/stylesheets/admin/grid-editor.css.scss

@@ -0,0 +1,300 @@
+.content_grill {
+    max-width: 786px;
+    background: gray;
+}
+
+#content_list {
+    list-style: none;
+    display: table;
+    margin: 0;
+    padding: 0;
+}
+
+section .box {
+    border-radius: 4px;;
+    float: left;
+    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
+    -moz-box-sizing: border-box; /* Firefox, other Gecko */
+    box-sizing: border-box; /* Opera/IE 8+ */
+}
+
+section .box .content_box {
+    border-radius: 4px;
+    padding: 5px;
+}
+
+.sky_close_widget {
+    text-decoration: none;
+}
+
+section .box .content_box h3 {
+    font-size: 16px;
+    font-weight: 300;
+    margin: 0;
+    text-align: center;
+    display: block;
+    height: 23px;
+    line-height: 23px;
+    padding-bottom: 13px;
+    color: #5e6776;
+
+}
+
+section .box .content_box h3.dark {
+    color: #494a5b;
+    line-height: 23px;
+    display: block;
+    height: 23px;
+    padding-bottom: 13px;
+}
+
+section .box .content_box .title_box {
+    display: table;
+    font-size: 18px;
+    margin-bottom: 5px;
+    color: #535438;
+
+}
+
+section .box .content_box .link_details {
+    color: #535438;
+    display: table;
+    font-style: italic;
+    text-decoration: underline;
+
+}
+
+section .box .content_box .body_box {
+
+    background: none repeat scroll 0 0 #fffcf4;
+    border-radius: 4px;
+    display: table;
+    width: 100%;
+
+}
+
+section .box .content_box .body_box ul.simple_list {
+    padding-left: 6px;
+    padding-right: 6px;
+    padding-top: 20px;
+
+}
+
+section .box .content_box .body_box ul.simple_list li {
+    width: auto;
+    padding-top: 0;
+    padding-left: 0;
+    padding-right: 0;
+    padding-bottom: 16px;
+}
+
+section .box .content_box .body_box ul {
+    list-style: none;
+    margin: 0;
+    padding-left: 0;
+    padding-top: 10px;
+    display: table;
+
+}
+
+section .box .content_box .body_box .content_text {
+    padding-left: 6px;
+    padding-right: 6px;
+    padding-top: 20px;
+
+}
+
+section .box .content_box .body_box ul li {
+    float: left;
+    text-align: center;
+    width: 106px;
+    padding: 23px;
+
+}
+
+/*graph*/
+.demo {
+    display: block;
+    height: 60px;
+    width: 60px;
+    overflow: hidden;
+    margin: 0 auto;
+    margin-bottom: 16px;
+
+}
+
+/*graph*/
+/*colors*/
+.blue {
+    background: #3887a9;
+}
+
+.blue2 {
+    background: #b5d2d9;
+}
+
+.pink {
+    background: #ff5576;
+}
+
+.pink2 {
+    background: #ffbdc5;
+}
+
+.hi_blue {
+    background: #55cbff;
+}
+
+.hi_blue2 {
+    background: #c0ecf9;
+}
+
+.green {
+    background: #71df37;
+}
+
+.gray {
+    background: #494a5b;
+}
+
+.red {
+    background: #de593f;
+}
+
+/*colors*/
+.content_items{
+    height: 100%;
+}
+
+/* Item placeholder (visual helper) */
+
+.placeholder {
+    background-color: #BFB;
+    /*border: 1px dashed #666;*/
+    min-height: 50px;
+    height: 50px;
+}
+.placeholder_item {
+    background-color: #FF9B08;
+    /*border: 1px dashed #666;*/
+    height: 50px;
+}
+.placeholder_row {
+    background-color: #c0ecf9;
+    /*border: 1px dashed #666;*/
+
+}
+.header_box{
+    display: table;
+    width: 100%;
+}
+.header_box a{
+    float: left;
+}
+.header_box .dropdown{
+    float: right;
+}
+.header_box .dropdown > a{
+    border: 1px solid #efefef;
+    padding: 0px 5px;
+}
+
+/*sub sortable*/
+.column_active .list_items{
+    margin-top: -22px;
+    min-height: 50px;
+    padding-top: 25px;
+}
+.sky_widget_item{
+    background: #b5d2d9;
+}
+/*sub sorteable*/
+/*row sorteable*/
+#sortable_row{
+    height: 100%;
+}
+/*row sorteable*/
+/*row sorteable*/
+.sky_widget_row{
+    margin: 0 !important;
+    padding: 0 !important;
+
+}
+.row_active .sortable_columns{
+    height: 50px;
+}
+.placeholder {
+    margin-left: 0 !important;
+}
+.bs-example{
+    height: 150px;
+}
+/*
+.col-lg-3 {
+     width: 25%!important;
+}
+.col-lg-4{
+    width: 33.3333%!important;
+}
+.col-lg-6{
+    width: 50%!important;
+}
+.col-lg-8{
+    width: 66.6667%!important;
+}
+.col-lg-9{
+    width: 75%!important;
+}
+.col-lg-12{
+    width: 100%!important;
+}
+*/
+
+
+#drop {
+    width: 60%;
+    height: 500px;
+    margin: 3px auto;
+    background: transparent;
+    font-size: 16px;
+    border: 1px solid;
+    border-radius: 4px;
+}
+.ui-draggable-handle{
+
+}
+#drop.drp {
+    /*background: #E0EEEE;*/
+
+}
+
+#drop #sw {
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+#drag {
+}
+#drg .drg_row{
+    height: 100%;
+    min-height: 50px;
+}
+.drg {
+    height: auto;
+    min-height: 50px;
+}
+
+/*row sorteable*/
+.sortable_columns{
+    height: 100%;
+    float: left;
+    background: transparent;
+    font-size: 16px;
+    border-radius: 4px;
+    margin: 0 auto;
+    width: 100%;
+}
+.sortable_columns .column_active.first{
+    clear: both;
+    background: gray;
+}

data/app/decorators/site_decorator.rb

@@ -16,7 +16,7 @@ class SiteDecorator < TermTaxonomyDecorator
   # return logo url for this site
   # default: this url will be returned if logo is not present.
   def the_logo(default = nil)
-    object.options[:logo] || (default || "#{h.asset_path("camaleon.png")}")
+    object.options[:logo] || (default || "#{h.asset_url("camaleon.png")}")
   end
 
   def the_icon

data/lib/camaleon_cms/version.rb

@@ -1,3 +1,3 @@
 module CamaleonCms
-  VERSION = "0.2.0"
+  VERSION = "0.2.1"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: camaleon_cms
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - Owen Peredo Diaz
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-09-05 00:00:00.000000000 Z
+date: 2015-09-08 00:00:00.000000000 Z
 dependencies: []
 description: Camaleon CMS is a dynamic and advanced content management system based
   on Ruby on Rails 4 as an alternative to Wordpress.
@@ -204,6 +204,7 @@ files:
 - app/assets/javascripts/admin/form-builder/vendor.js
 - app/assets/javascripts/admin/form/cropper.min.js
 - app/assets/javascripts/admin/form/jquery.form.js
+- app/assets/javascripts/admin/grid-editor.js
 - app/assets/javascripts/admin/it.js
 - app/assets/javascripts/admin/jquery-sieve.js
 - app/assets/javascripts/admin/jquery-ui.min.js
@@ -267,7 +268,7 @@ files:
 - app/assets/javascripts/jquery-1.11.3.min.js
 - app/assets/stylesheets/admin/admin-manifest.css
 - app/assets/stylesheets/admin/animate/animate.min.css
-- app/assets/stylesheets/admin/bootstrap/bootstrap-datetimepicker.css
+- app/assets/stylesheets/admin/bootstrap/bootstrap-datetimepicker.css.scss
 - app/assets/stylesheets/admin/bootstrap/bootstrap.min.css
 - app/assets/stylesheets/admin/bootstrap/images/glyphicons-halflings.png
 - app/assets/stylesheets/admin/core.scss
@@ -296,6 +297,7 @@ files:
 - app/assets/stylesheets/admin/fonts/OpenSans-Regular-webfont.ttf
 - app/assets/stylesheets/admin/fonts/OpenSans-Regular-webfont.woff
 - app/assets/stylesheets/admin/form-builder/formbuilder.css
+- app/assets/stylesheets/admin/grid-editor.css.scss
 - app/assets/stylesheets/admin/img/bg.png
 - app/assets/stylesheets/admin/img/colorpicker/alpha.png
 - app/assets/stylesheets/admin/img/colorpicker/hue.png