camaleon_cms 1.1.0 → 2.0.1

data/app/assets/javascripts/{admin/modal.js → camaleon_cms/admin/_modal.js}

@@ -19,9 +19,12 @@ jQuery(function(){
     }
 
     // custom alert dialog
+    // show a custom modal box with messages
+    // sample: $.fn.alert({type: 'error', content: 'My error', title: "My Title"})
+    // type: error | warning | success
     $.fn.alert = function (options) {
         hideLoading();
-        var default_options = {title: I18n("msg.updated_success"), content: "", type: "success" };
+        var default_options = {title: I18n("msg.updated_success"), type: "success" };
         options = $.extend(default_options, options || {});
         if(options.type == "error") options.type = "danger";
         if(options.type == "alert") options.type = "warning";
@@ -124,7 +127,7 @@ function open_modal(settings){
         modal.find(".modal-body").html(settings.content);
         modal.modal(settings.modal_settings);
     }else if(settings.mode == "iframe"){
-        modal.find(".modal-body").html('<iframe style="min-height: 500px;" src="'+settings.url+'" width="100%" frameborder=0></iframe>');
+        modal.find(".modal-body").html('<iframe id="ow_inline_modal_iframe" style="min-height: 500px;" src="'+settings.url+'" width="100%" frameborder=0></iframe>');
         modal.modal(settings.modal_settings);
     }else{ //ajax mode
         showLoading();
@@ -138,28 +141,42 @@ function open_modal(settings){
 }
 
 /**************LOADING SPINNER************/
-/*
- * use:
- *      showLoading() for show the loading spinner
- *      hideLoading() for hide the loading spinner
- */
-function wait_modal(){
-    var modal;
-    var html = '<div class="modal" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false"><div class="modal-dialog modal-sm"><div class="modal-content"><div class="modal-header"><h4 class="modal-title">Processing...</h4></div>'+
-        '<div class="modal-body"><div class="progress"><div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div></div>'+
-        '</div>'+
-        '</div>'+
-        '</div>'+
-        '</div>';
-    this.show = function(){
-        if(!modal) modal = $(html);
-        modal.modal("show");
+function showLoading(){ $.fn.customLoading("show"); }
+function hideLoading(){ $.fn.customLoading("hide"); }
+jQuery(function(){
+    /**
+     * params:
+     *  percentage: integer (percentage of the progress)
+     *  state: String (show | hide)
+     * Sample:
+     *  $.fn.customLoading("show"); // show loading
+     *  $.fn.customLoading("hide"); // hide de loading
+     */
+    $.fn.customLoading2 = function(params){
+        if(!params) params = "show";
+        if(typeof params == "string") params = {state: params};
+        var settings = $.extend({}, {percentage: 100, state: "show"}, params);
+        if(settings.state == "show"){
+            if($("body > #custom_loading").length == 0)
+                $("body").append('<div id="custom_loading" style="position: fixed; z-index: 99999; width: 100%; top: 0px; height: 15px;" class="progress"><div class="progress-bar progress-bar-striped active progress-bar-success" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: '+settings.percentage+'%;"><span class="sr-only">45% Complete</span></div></div>');
+            else
+                $("body > #custom_loading").width(settings.percentage);
+        }else{
+            $("body > #custom_loading").remove();
+        }
     }
-    this.hide = function(){
-        if(!modal) modal = $(html);
-        modal.modal("hide");
+
+    $.fn.customLoading = function(params){
+        if(!params) params = "show";
+        if(typeof params == "string") params = {state: params};
+        var settings = $.extend({}, {percentage: 100, state: "show"}, params);
+        if(settings.state == "show"){
+            if($("body > #cama_custom_loading").length == 0)
+                $("body").append('<div id="cama_custom_loading"><div class="back_spinner"></div><div class="loader_spinner"></div></div>');
+            else
+                $("body > #cama_custom_loading").width(settings.percentage);
+        }else{
+            $("body > #cama_custom_loading").remove();
+        }
     }
-}
-var loading_modal = new wait_modal();
-function showLoading(){ $("body > .modal").not("#pleaseWaitDialog").hide(); loading_modal.show(); }
-function hideLoading(){ loading_modal.hide(); $("body > .modal").not("#pleaseWaitDialog").show(); }
+});

data/app/assets/javascripts/camaleon_cms/admin/_post.js

@@ -0,0 +1,303 @@
+var App_post = {};
+var $form = null;
+function init_post(obj) {
+    $form = $('#form-post');
+
+    if (obj.recover_draft == "true") {
+        $form.css('opacity', 0).before('<h2 style="text-align: center">' + I18n("msg.recover") + '</h2>');
+    }
+
+    var _draft_inited = false;
+    var class_translate = ".translate-item";
+
+    var post_id = obj.post_id;
+    var post_draft_id = obj.post_draft_id;
+    var post_status = obj.post_status;
+    var _post_path = obj._post_path;
+    var _drafts_path = obj._drafts_path;
+    var _posts_path = obj._posts_path;
+    var _ajax_path = obj._ajax_path;
+    var _post_tags_path = obj._post_tags_path;
+
+    App_post.save_draft_ajax = function (callback, called_from_interval) {
+        _draft_inited = true;
+        var data = $form.serializeObject();
+        data._method = post_draft_id ? 'patch' : 'post';
+        data.post_id = post_id;
+        if ($form.data("hash") != get_hash_form() || !called_from_interval) {
+            $.ajax({
+                type: 'POST',
+                url: _drafts_path,
+                data: data,
+                success: function (res) {
+                    if (res.error) {
+                        $.fn.alert({type: 'error', title: res.error.join(", "), icon: "times"})
+                    } else {
+                        if (res._drafts_path) _drafts_path = res._drafts_path
+                        post_draft_id = res.draft.id
+                        $("#post_draft_id").val(post_draft_id);
+                    }
+                    if (callback) callback(res);
+                },
+                dataType: 'json',
+                async: false
+            });
+        }
+
+    };
+
+    App_post.save_draft = function () {
+        App_post.save_draft_ajax(function () {
+            $form.data("submitted", 1);
+            location.href = _posts_path + '?flash[notice]=' + I18n("msg.draft")
+        });
+
+    }
+    if(window["post_editor_draft_intrval"]) clearInterval(window["post_editor_draft_intrval"]);
+    window["post_editor_draft_intrval"] = setInterval(function () { if($form.length == 0){ clearInterval(window["post_editor_draft_intrval"]); } else{ App_post.save_draft_ajax(null, true); } }, 3 * 60 * 1000);
+    window.save_draft = App_post.save_draft_ajax;
+
+    if ($(".title-post" + class_translate).size() == 0) class_translate = '';
+    $(".title-post" + class_translate).each(function () {
+        var $this = $(this);
+        if (!$this.hasClass('sluged')) {
+            if (class_translate) {
+                var lng = $this.attr("name").match(/-(.*)-/i).pop();
+                var $input_slug = $('.slug-post' + class_translate + '[name^="translation-' + lng + '"]')
+                var post_path = _post_path.replace('____', lng)
+            } else {
+                var $input_slug = $('.slug-post');
+                var post_path = _post_path.replace('/____', '');
+            }
+
+            var $link = $('<div class="sl-slug-edit">' +
+                '<strong>' + I18n("msg.permalink") + ':&nbsp;</strong><span class="sl-link"></span> <span>/ &nbsp;&nbsp;</span>' +
+                '<a href="#" class="btn btn-default btn-xs btn-edit">' + I18n("button.edit") + '</a> &nbsp;&nbsp; ' +
+                '<a href="#" class="btn btn-info btn-xs btn-preview" target="_blank">' + I18n("msg.preview") + '</a> &nbsp;&nbsp; ' +
+                '<a href="#" class="btn btn-success btn-xs btn-view" style="display: none" target="_blank">' + I18n("msg.view_page") + '</a>' +
+                '</div>').hide();
+            $this.addClass('sluged');
+            $this.after($link)
+
+            function set_slug(slug) {
+                $link.show().find('.sl-link').html(post_path.replace('__-__', '<span class="sl-url">' + slug + '</span>'))
+                $link.find('.btn-preview').attr('href', post_path.replace('__-__', slug) + '?draft_id=' + post_draft_id)
+                $input_slug.trigger('change_in');
+                set_meta_slug();
+            }
+
+            var xhr = null;
+
+            function ajax_set_slug(slug) {
+                if (xhr) xhr.abort();
+                xhr = $.ajax({
+                    type: "POST",
+                    url: _ajax_path,
+                    data: {method: 'exist_slug', slug: slug, post_id: post_id},
+                    success: function (res) {
+                        if (res.index > 0) {
+                            $input_slug.addClass('slugify-locked').val(res.slug);
+                            set_slug(res.slug)
+                        }
+
+                    }
+                });
+            }
+
+            function set_meta_slug() {
+                $('#meta_slug').val($('.slug-post' + class_translate).map(function () {
+                    return this.value;
+                }).get().join(","));
+            }
+
+            var slug_tmp = null;
+            $input_slug.slugify($this, {
+                    change: function (slug) {
+                        slug_tmp = slug;
+                        set_slug(slug);
+                    }
+                }
+            );
+
+            $this.change(function () {
+                if (slug_tmp) ajax_set_slug(slug_tmp);
+                //if (!_draft_inited) App_post.save_draft_ajax();
+            });
+            if ($input_slug.val()) {
+                set_slug($input_slug.val());
+                if (post_status == "published") $link.find('.btn-view').show().attr('href', post_path.replace('__-__', $input_slug.val()))
+            }
+            $link.find('.btn-preview').click(function () { // preview button
+                var link = $(this);
+                showLoading();
+                App_post.save_draft_ajax(function(){
+                    hideLoading();
+                    var ar = link.attr("href").split("draft_id=");
+                    ar[1] = post_draft_id;
+                    var clone = link.clone().hide();
+                    clone.insertAfter(link).attr('href', ar.join("draft_id="))[0].click();
+                    clone.remove();
+                });
+                return false;
+            });
+            $link.find('.btn-edit').click(function () {
+                var $btn = $(this);
+                var $btn_edit = $('<a href="#" class="btn btn-default btn-xs btn-edit">' + I18n("button.accept") + '</a> &nbsp; <a href="#"  class="btn-cancel">' + I18n("button.cancel") + '</a>');
+                var $label = $link.find('.sl-url');
+                var $input = $("<input type='text' />");
+                $label.hide().after($input);
+                $btn.hide().after($btn_edit);
+                $input.val($label.text());
+
+                function set_delete() {
+                    $label.show();
+                    $btn.show();
+                    $input.remove();
+                    $btn_edit.remove();
+                }
+
+                $btn_edit.filter('.btn-cancel').click(function () {
+                    set_delete();
+                    set_meta_slug()
+                    return false;
+                });
+                $btn_edit.filter('.btn-edit').click(function () {
+                    var value_new_slug = slugFunc($input.val());
+                    if (value_new_slug) {
+                        $input_slug.addClass('slugify-locked').val(value_new_slug);
+                        ajax_set_slug(value_new_slug)
+                        set_slug(value_new_slug)
+                        set_delete();
+                    }
+                    return false;
+                });
+                return false;
+            });
+        }
+    });
+
+    try{$(".tinymce_textarea:not(.translated-item)", $form).tinymce().destroy();}catch(e){}
+    tinymce.init(cama_get_tinymce_settings({
+        selector: '.tinymce_textarea:not(.translated-item)',
+        height: '480px',
+        onPostRender: onEditorPostRender,
+        base_path: obj.base_path
+    }));
+
+    $form.validate();
+    $("#post_status").change(function () {
+        $('#post-actions .btn[data-type]').hide();
+        $('#post-actions .btn[data-type="' + $(this).val() + '"]').show();
+    });
+
+    // here all later actions
+    var form_later_actions = function () {
+        /*********** scroller (fix buttons position) ***************/
+        var panel_scroll = $("#form-post > .content-frame-right");
+        var fixed_position = panel_scroll.children(":first");
+        var fixed_offset_top = panel_scroll.offset().top;
+        $(window).scroll(function () {
+            if ($(window).width() < 1024) {
+                fixed_position.css({position: "", width: ""});
+                panel_scroll.css("padding-top", "");
+                return;
+            }
+            if ($(window).scrollTop() >= fixed_offset_top + 10) {
+                fixed_position.css({position: "fixed", width: "279px", top: 0, "z-index": 4});
+                panel_scroll.css("padding-top", fixed_position.height() + 20)
+            } else {
+                fixed_position.css({position: "", width: "auto"});
+                panel_scroll.css("padding-top", "")
+            }
+        }).resize(function () {
+            if ($(window).width() >= 1024) {
+                panel_scroll.show();
+            }
+        }).scroll();
+        /*********** end scroller buttons ***************/
+
+        /********** post tagEditor ******************/
+        var post_tags = $.ajax({
+            type: 'GET',
+            url: _post_tags_path,
+            dataType: "json",
+            async: false
+        }).responseText;
+
+        $form.find(".tagsinput").tagEditor({
+            autocomplete: {delay: 0, position: {collision: 'flip'}, source: $.parseJSON(post_tags)},
+            forceLowercase: false,
+            placeholder: I18n("button.add_tag") + '...'
+        });
+        /********** end post tagEditor **************/
+            ////// thumbnail
+        $form.on("click", ".gallery-item-remove", function () {
+            $('#feature-image').hide();
+            $('#feature-image input').val('');
+            return false;
+        });
+
+        // sidebar toggle
+        $("#admin_content .content-frame-right-toggle").on("click", function () {
+            $(".content-frame-right").is(":visible") ? $(".content-frame-right").hide() : $(".content-frame-right").show();
+        });
+
+        /*********** control save changes before unload form. ***************/
+        $form.submit(function () {
+            if ($(this).valid()) $form.data("submitted", 1);
+        });
+        window.onbeforeunload = function () {
+            if ($form.data("submitted"))
+                return;
+            if ($form.data("hash") != get_hash_form()) {
+                return "You sure to leave the page without saving changes?";
+            }
+            if (!$form.data("submitted"))
+                return;
+            return "You sure to leave the page without saving changes?";
+        };
+    }
+    setTimeout(form_later_actions, 1000);
+
+    // wait for render editors
+    var wait_render;
+
+    function onEditorPostRender(editor) {
+        if (wait_render) clearTimeout(wait_render);
+        wait_render = setTimeout(function () {
+            $form.data("hash", get_hash_form());
+        }, 1000);
+    }
+
+    function get_hash_form() {
+        for (editor in tinymce.editors) {
+            editor = tinymce.editors[editor];
+            var i = $("#" + editor.id).val(tinymce.get(editor.id).getContent()).trigger("change");
+        }
+        return $form.serialize();
+    }
+
+    if (obj.recover_draft == "true") {
+        $form.data("validator").cancelSubmit = true;
+        $('#post_status').val('published');
+        $form.submit();
+    }
+}
+
+// thumbnail updloader
+function upload_feature_image() {
+    $.fn.upload_filemanager({
+        formats: "image",
+        selected: function (image) {
+            if (image.mime && image.mime.indexOf("image") > -1) {
+                var image_url = image.url;
+                $('#feature-image img').attr('src', image_url);
+                $('#feature-image input').val(image_url);
+                $('#feature-image .meta strong').html(image.name);
+                $('#feature-image').show();
+            } else {
+                alert("You must upload an image");
+            }
+        }
+    });
+}

data/app/assets/javascripts/{admin/translator.js → camaleon_cms/admin/_translator.js}

@@ -19,7 +19,7 @@ jQuery(function($){
     $.fn.Translatable = function(languages, default_language){
         languages = languages || ADMIN_TRANSLATIONS; // rescue from admin variable
         default_language = default_language?default_language:languages[0];
-        var self = $(this).not(".translated-item");
+        var self = $(this).not(".translated-item, .translate-item");
 
         // decode translations
         // text: string containing translations
@@ -38,8 +38,9 @@ jQuery(function($){
                 var splitted = text.split('<!--:-->');
                 for(var i in splitted){
                     var str = splitted[i];
-                    var m_atch = str.trim().match(/^<!--:([\w]{2})/);
+                    var m_atch = str.trim().match(/^<!--:([\w]{2,5})/);
                     if(m_atch && m_atch.length == 2){
+                        m_atch[1] = m_atch[1].replace("--", "")
                         translations_per_locale[m_atch[1]] = str.replace("<!--:"+m_atch[1]+"-->", "")
                     }
                 }
@@ -68,7 +69,7 @@ jQuery(function($){
             for(var ii in languages){
                 var l = languages[ii];
                 var key = "translation-"+l+"-"+TRANSLATOR_counter;
-                tabs_title.push('<li role="presentation" class="pull-right '+(ii==0?"active":"")+'"><a href="#pane-'+key+'" role="tab" data-toggle="tab">'+l+'</a></li>');
+                tabs_title.push('<li role="presentation" class="pull-right '+(ii==0?"active":"")+'"><a href="#pane-'+key+'" role="tab" data-toggle="tab">'+ l.titleize()+'</a></li>');
                 var clone = ele.clone(true).attr({id: key, name: key}).addClass("translate-item").val(get_translation(translations, l));
                 inputs[l] = clone;
                 clone.wrap("<div class='tab-pane "+class_group+" trans_tab_item "+(ii==0?"active":"")+"' id='pane-"+key+"'/>");

data/app/assets/javascripts/camaleon_cms/admin/admin-basic-manifest.js

@@ -0,0 +1,3 @@
+//= require jquery
+//= require camaleon_cms/bootstrap.min
+//= require ./jquery.validate

data/app/assets/javascripts/{admin → camaleon_cms/admin}/admin-manifest.js

@@ -11,31 +11,36 @@
 // about supported directives.
 //
 //= require jquery
-//= require ./data
-//= require bootstrap.min
-//= require ./jquery-ui.min
-//= require ./underscore
+//= require ./_data
+//= require camaleon_cms/bootstrap.min
+//= require ./_jquery-ui.min
+//= require ./_underscore
 //= require ./jquery.validate
 
 //= require jquery_ujs
 
-//= require ./elfinder/elfinder.full
-//= require ./elfinder/proxy/elFinderSupportVer1
-//= require ./elfinder/upload_elfinder
+//= require ./_jquery.slugify
+//= require ./_translator
+//= require ./_i18n
+//= require ./_custom_fields
 
-//= require ./jquery.slugify
-//= require ./translator
-//= require ./i18n
-//= require ./custom_fields
+//= require ./_libraries
+//= require ./_actions
+//= require ./introjs/_intro.min
 
-//= require ./libraries
-//= require ./actions
-//= require ./introjs/intro.min
 
+//= require ./_modal
+//= require ./uploader/uploader_manifest
 
-//= require ./modal
-
-//= require ./tageditor/jquery.caret.min
-//= require ./tageditor/jquery.tag-editor
+//= require ./tageditor/_jquery.caret.min
+//= require ./tageditor/_jquery.tag-editor
 
 //= require ./lte/app
+
+// tinymce
+//= require ./tinymce/tinymce.min
+//= require ./tinymce/plugins/filemanager/plugin.min
+
+// post
+//= require ./_jquery.tagsinput.min
+//= require ./_post