RubyGems - camaleon_cms_rails6 - Versions diffs - 2.5.0 - Mend

camaleon_cms_rails6 2.5.0

Files changed (719) hide show

data/app/assets/javascripts/camaleon_cms/admin/_jquery.tagsinput.min.js ADDED

@@ -0,0 +1 @@

data/app/assets/javascripts/camaleon_cms/admin/_libraries.js ADDED

@@ -0,0 +1,136 @@
+function log(d) {
+    if (console.log)console.log(d);
+}
+// prepend flash message into current element
+// message: text message
+// kind: string kind of message, default danger (success, danger, info, warning)
+// sample: $("my_ele").flash_message("updated", "success");
+jQuery(function(){
+    $.fn.flash_message = function(message, kind){
+        if(!kind) kind = !message ? "success" : "danger";
+        if(!message) message = I18n("msg.success_action", "Action completed successfully.");
+        var msg = '<div class="alert alert-'+kind+'"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> '+message+' </div>';
+        $(this).prepend(msg);
+        return this;
+    }
+});
+/****************** form validations ************/
+// panel can be a object: $("#my_form")
+// if panel is null, then this will be replaced by body
+    // args: {validate_settings}
+var init_form_validations = function (form, args) {
+    args = args || {};
+    // slug management
+    // you need to add class no_translate to avoid translations in slugs
+    (form ? form : $('#admin_content')).find('input.slug').each(function () {
+        var sl_id = $(this).attr("data-parent");
+        if (!sl_id) return;
+        var $parent = $('#' + sl_id);
+        if ($parent.hasClass('translated-item')) {
+            var $panel_parent = $parent.siblings('.trans_panel:first');
+            if ($(this).hasClass("no_translate")) {
+                $(this).slugify('#' + $panel_parent.find('.tab-content .tab-pane:first input:first').attr('id'));
+            } else {
+                $(this).addClass('translatable').Translatable(ADMIN_TRANSLATIONS);
+                var $panel_slug = $(this).siblings('.trans_panel:first');
+                $panel_parent.find('.tab-content .tab-pane').each(function (index, tab_pane) {
+                    var p_id = $(tab_pane).children('input').attr('id');
+                    $panel_slug.find('.tab-content .tab-pane:eq(' + index + ') input:first').slugify('#' + p_id);
+                })
+                $panel_parent.find('.nav > li a').each(function (index, a_tab) {
+                    $(a_tab).click(function () {
+                        $panel_slug.find('.nav > li:eq(' + index + ') a').click()
+                    })
+                })
+            }
+        } else {
+            $(this).slugify('#' + sl_id);
+        }
+    });
+    (form ? form : $('#admin_content form')).each(function () {
+        var $form = $(this)
+        if ($form.find('.translatable').length > 0) {
+            $form.find('.translatable').Translatable();
+        }
+    }).filter(".validate").each(function () {
+        $(this).validate(args['validate_settings'])
+    });
+};
+// file uploader
+(function ($) {
+    // sample: <input name="icon" class="upload_input" type="hidden" data-dimension="23x22" value="current_image_url"/>
+    //          $(".upload_input").input_upload({label: '', title: 'Select Images', type: 'image', dimension: '30x30'});
+    $.fn.input_upload = function (options_init) {
+        var default_options = {label: I18n("msg.upload_image"), type: "image", ext: "none", icon: "upload", full_url: true, height: '100px'};
+        default_options = $.extend({}, default_options, options_init || {});
+        $(this).each(function () {
+            var $that = $(this);
+            var options = $.extend({}, default_options, $that.data() || {});
+            var $content_image = $("<div class='content-upload-plugin'><a style='' href='#' target='_blank'><img src=''><br><span class='rm-file btn btn-xs btn-danger'><i class='fa fa-trash'></i></span></a></div>").hide();
+            if (options.type != 'image') $content_image.find('img').remove();
+            var $btn_upload = $('<a class="btn btn-default" href="#"><i class="fa fa-upload"></i> ' + options.label + '</a>')
+            $content_image.find('img').css('max-height', options.height);
+            $content_image.find(".rm-file").click(function(){ $that.val("").trigger("change"); return false; });
+            $btn_upload.click(function(){
+                $.fn.upload_filemanager({
+                    formats: options.type,
+                    selected: function (file, response) {
+                        $that.val(file.url).trigger("change");
+                    },
+                    dimension: $that.attr('data-dimension') || options["dimension"],
+                    versions: $that.attr('data-versions') || options["versions"],
+                    thumb_size: $that.attr('data-thumb_size') || options["thumb_size"],
+                    title: $that.attr('title') || options["title"],
+                });
+                return false;
+            });
+            $that.after($content_image).after($btn_upload);
+            $that.change(function(){
+                var url = $that.val();
+                if(url){
+                    $content_image.find('img').attr('src', url);
+                    $content_image.find('a').attr('href', url);
+                    //$content_image.find('strong').html(_.last(url.split('/')));
+                    $content_image.show();
+                }else{
+                    $content_image.hide();
+                }
+            }).trigger("change");
+        });
+    };
+    // create inline input file uploader with an icon to upload file
+    // options: all options needed for uploader
+    // you can add an attribute "data-format" in the input to define the file formats required
+    $.fn.input_upload_field = function (options) {
+        this.each(function () {
+            var input = $(this);
+            var def = {
+                formats: (input.attr("data-format") || "image"),
+                selected: function (file) {
+                    input.val(file.url);
+                }
+            };
+            if (!input.parent().hasClass("input-group")) {
+                input.wrap('<div class="group-input-fields-content input-group"></div>');
+                input.after('<span class="input-group-addon btn_upload"><i class="fa fa-upload"></i> </span>');
+                input.addClass("form-control");
+            }
+            input.next("span").click(function () {
+                $.fn.upload_filemanager($.extend({}, def, (options || {})));
+            });
+        });
+    }
+})(jQuery);
+// serialize form into json
+!(function ($) { jQuery.fn.serializeObject = function () { var json = {}; jQuery.map(jQuery(this).serializeArray(), function (n, i) { var __i = n.name.indexOf('['); if (__i > -1) { var o = json; _name = n.name.replace(/\]/gi, '').split('['); for (var i = 0, len = _name.length; i < len; i++) { if (i == len - 1) { if (o[_name[i]] && $.trim(_name[i]) == '') { if (typeof o[_name[i]] == 'string') { o[_name[i]] = [o[_name[i]]]; } o[_name[i]].push(n.value); } else o[_name[i]] = n.value || ''; } else o = o[_name[i]] = o[_name[i]] || {}; } } else { if (json[n.name] !== undefined) { if (!json[n.name].push) { json[n.name] = [json[n.name]]; } json[n.name].push(n.value || ''); } else json[n.name] = n.value || ''; } }); return json; }; })(jQuery);
+// jquery browser support
+!function (a) { "function" == typeof define && define.amd ? define(["jquery"], function (b) { a(b) }) : "object" == typeof module && "object" == typeof module.exports ? module.exports = a(require("jquery")) : a(window.jQuery) }(function (a) { "use strict"; function b(a) { void 0 === a && (a = window.navigator.userAgent), a = a.toLowerCase(); var b = /(edge)\/([\w.]+)/.exec(a) || /(opr)[\/]([\w.]+)/.exec(a) || /(chrome)[ \/]([\w.]+)/.exec(a) || /(version)(applewebkit)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec(a) || /(webkit)[ \/]([\w.]+).*(version)[ \/]([\w.]+).*(safari)[ \/]([\w.]+)/.exec(a) || /(webkit)[ \/]([\w.]+)/.exec(a) || /(opera)(?:.*version|)[ \/]([\w.]+)/.exec(a) || /(msie) ([\w.]+)/.exec(a) || a.indexOf("trident") >= 0 && /(rv)(?::| )([\w.]+)/.exec(a) || a.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(a) || [], c = /(ipad)/.exec(a) || /(ipod)/.exec(a) || /(iphone)/.exec(a) || /(kindle)/.exec(a) || /(silk)/.exec(a) || /(android)/.exec(a) || /(windows phone)/.exec(a) || /(win)/.exec(a) || /(mac)/.exec(a) || /(linux)/.exec(a) || /(cros)/.exec(a) || /(playbook)/.exec(a) || /(bb)/.exec(a) || /(blackberry)/.exec(a) || [], d = {}, e = { browser: b[5] || b[3] || b[1] || "", version: b[2] || b[4] || "0", versionNumber: b[4] || b[2] || "0", platform: c[0] || ""}; if (e.browser && (d[e.browser] = !0, d.version = e.version, d.versionNumber = parseInt(e.versionNumber, 10)), e.platform && (d[e.platform] = !0), (d.android || d.bb || d.blackberry || d.ipad || d.iphone || d.ipod || d.kindle || d.playbook || d.silk || d["windows phone"]) && (d.mobile = !0), (d.cros || d.mac || d.linux || d.win) && (d.desktop = !0), (d.chrome || d.opr || d.safari) && (d.webkit = !0), d.rv || d.edge) { var f = "msie"; e.browser = f, d[f] = !0 } if (d.safari && d.blackberry) { var g = "blackberry"; e.browser = g, d[g] = !0 } if (d.safari && d.playbook) { var h = "playbook"; e.browser = h, d[h] = !0 } if (d.bb) { var i = "blackberry"; e.browser = i, d[i] = !0 } if (d.opr) { var j = "opera"; e.browser = j, d[j] = !0 } if (d.safari && d.android) { var k = "android"; e.browser = k, d[k] = !0 } if (d.safari && d.kindle) { var l = "kindle"; e.browser = l, d[l] = !0 } if (d.safari && d.silk) { var m = "silk"; e.browser = m, d[m] = !0 } return d.name = e.browser, d.platform = e.platform, d } return window.jQBrowser = b(window.navigator.userAgent), window.jQBrowser.uaMatch = b, a && (a.browser = window.jQBrowser), window.jQBrowser });

data/app/assets/javascripts/camaleon_cms/admin/_modal.js ADDED

@@ -0,0 +1,156 @@
+/*
+ * PLUGIN FOR SHOW LINK CONTENTS INTO MODAL
+ * add events to links for open their content by ajax into modal
+ * use: <a class='my_link' href='mylink' title='my title' data-show_footer='true'>
+ * $(".my_link").ajax_modal({settings});
+ * settings: check open_modal(settings)
+ */
+jQuery(function(){
+    $.fn.ajax_modal = function(settings){
+        $(this).click(function(e){
+            var title = $(this).attr("title");
+            title = (title == "")? $(this).attr("data-original-title") : title
+            var def = {title: title?title:$(this).data("title"), mode: "ajax", url: $(this).attr("href"), show_footer: $(this).data("show_footer")};
+            if($(this).attr('data-modal_size')) def["modal_size"] = $(this).attr('data-modal_size');
+            var c_settings = $.extend({}, def, settings);
+            open_modal(c_settings);
+            e.preventDefault();
+        });
+        return this;
+    }
+    // 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"), type: "success", zindex: '99999999', id: 'cama_alert_modal' };
+        options = $.extend(default_options, options || {});
+        if(options.type == "error") options.type = "danger";
+        if(options.type == "alert") options.type = "warning";
+        if(!options.content){
+            options.content = options.title
+            options.title = "";
+        }
+        open_modal(options);
+    };
+});
+/*********** METHOD FOR OPEN A MODAL WITH CONTENT OR FETCH FROM A URL ***********/
+/*
+ * open a bootstrap modal for ajax or inline contents
+ * show_footer: boolean true/false, default false
+ * title: title for the modal
+ * content: content for the modal, this can be empty and use below attr
+ * url: url for the ajax or iframe request and get the content for the modal
+ * mode: inline/ajax/iframe
+ * ajax_params: json with ajax params
+ * modal_size: "modal-lg", "modal-sm", ""(default as normal "")
+ * callback: function evaluated after modal shown
+ * type: modal color (primary|default|success)
+ * zindex: Integer zindex position (default null)
+ * on_submit: Function executed after submit button click (if this is present, enable the submit button beside cancel button)
+ * on_close: function executed after modal closed
+ * return modal object
+ */
+function open_modal(settings){
+    var def = {title: "", content: null, url: null, show_footer: false, mode: "inline", ajax_params: {}, id: 'ow_inline_modal', zindex: null, modal_size: "", type: '', modal_settings:{}, on_submit: null, callback: function(){}, on_close: function(){}}
+    settings = $.extend({}, def, settings);
+    if(settings.id){
+        var hidden_modal = $("#"+settings.id);
+        if(hidden_modal.length){ hidden_modal.modal('show'); return hidden_modal; }
+    }
+    var modal = $('<div id="'+settings.id+'" class="modal fade modal-'+settings.type+'">'+
+        '<div class="modal-dialog '+settings.modal_size+'">'+
+        '<div class="modal-content">'+
+        '<div class="modal-header">'+
+        '<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>'+
+        '<h4 class="modal-title">'+settings.title+'</h4>'+
+        '</div>'+
+        '<div class="modal-body"></div>'+
+        ((settings.show_footer || settings.on_submit)?'<div class="modal-footer"> '+(settings.on_submit ? '<button type="button" class="btn btn-primary modal_submit" ><i class="fa fa-save"></i> '+I18n("button.save")+'</button>' : '')+' <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-arrow-circle-down"></i> '+I18n("button.close")+'</button></div>':'')+
+        '</div>'+
+        '</div>'+
+        '</div>');
+    // on modal hide
+    modal.on("hidden.bs.modal", function(e){
+        settings.on_close(modal);
+        if(!$(e["currentTarget"]).attr("data-skip_destroy")) $(e["currentTarget"]).remove();
+        modal_fix_multiple();
+    });
+    if(settings.zindex) modal.css("z-index", settings.zindex);
+    // submit button
+    if(settings.on_submit) modal.find(".modal-footer .modal_submit").click(function(){
+        settings.on_submit(modal);
+    });
+    // on modal show
+    modal.on("show.bs.modal", function(e){
+        if(!modal.find(".modal-title").text()) modal.find(".modal-header .close").css("margin-top", "-9px");
+        settings.callback(modal);
+    });
+    // show modal
+    if(settings.mode == "inline"){
+        modal.find(".modal-body").html(settings.content);
+        modal.modal(settings.modal_settings);
+    }else if(settings.mode == "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();
+        $.get(settings.url, settings.ajax_params, function(res){
+            modal.find(".modal-body").html(res);
+            hideLoading()
+            modal.modal(settings.modal_settings);
+        });
+    }
+    return modal;
+}
+/**************LOADING SPINNER************/
+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();
+        }
+    }
+    $.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();
+        }
+    }
+});

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

@@ -0,0 +1,317 @@
+var App_post = {};
+var $form = null;
+function cama_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 _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); } }, 1 * 60 * 1000);
+    window.save_draft = App_post.save_draft_ajax;
+    if($form.find(".title-post" + class_translate).length == 0) class_translate = '';
+    $form.find(".title-post" + class_translate).each(function () {
+        var $this = $(this);
+        if (!$this.hasClass('sluged')) {
+            if (class_translate) {
+                var lng = $this.attr("data-translation_l");
+                var $input_slug = $form.find('.slug-post' + class_translate + '[data-translation_l="' + lng + '"]');
+                var post_path = obj._post_urls[lng];
+            } else {
+                var $input_slug = $form.find('.slug-post');
+                var post_path = obj._post_urls[Object.keys(obj._post_urls)[0]];
+            }
+            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($form.find('.slug-post' + class_translate).map(function () { return this.value; }).get().join(","));
+            }
+            var slug_tmp = null;
+            $input_slug.slugify($this, {
+                    change: function (slug) {
+                        if (slug == "") {
+                            // generate 5-length random character slug when slugify result is empty
+                            slug = Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 5);
+                        }
+                        slug_tmp = slug;
+                        set_slug(slug);
+                    }
+                }
+            );
+            $this.change(function () {
+                if (slug_tmp) ajax_set_slug(slug_tmp);
+            });
+            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' />").keyup(function(e){ if(e.keyCode == 13){ $btn_edit.filter('.btn-edit').click(); return false; } });
+                $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',
+        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 > #post_right_bar");
+        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: panel_scroll.width()+'px', 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;
+        });
+        /* Disabled until fix to reload only category fields and not all
+        $form.on("change", ".list-categories input", function () {
+          showLoading();
+          $.get(
+            $form.find("#post_add_new_category").data('fields-reload-url'), {
+              categories: $form.find("#post_right_bar .list-categories input[name='categories[]']:checked").map(function(i, el){ return $(this).val(); }).get(),
+              post_id: post_id
+            },
+            function (res) {
+              $form.find('.c-field-group').remove();
+              $form.find('.panel .panel-default').after(res);
+              hideLoading();
+            });
+        });
+        */
+        // sidebar toggle
+        //$("#admin_content #post_right_bar-toggle").on("click", function () {
+        //    $("#post_right_bar").is(":visible") ? $("#post_right_bar").hide() : $("#post_right_bar").show();
+        //});
+        /*********** control save changes before unload form. ***************/
+        $form.submit(function () {
+            if ($(this).valid()) $form.data("submitted", 1);
+        });
+        window.onbeforeunload = function () {
+            if ($form.data("submitted") || $('#form-post').length == 0)
+                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?";
+        };
+        /*********** link to create categories *************/
+        $form.find("#post_add_new_category").ajax_modal({modal_size: 'modal-lg', mode: 'iframe', callback: function(modal){
+            modal.find('iframe').on('load', function(){
+                $(this).contents().find("#main-header, #sidebar-menu, #main-footer").hide();
+                $(this).contents().find('#admin_content').parent().css("margin-left", 0);
+            });
+        }, on_close: function(modal){
+            var panel_cats = $form.find("#post_right_bar .list-categories");
+            $.get($form.find("#post_add_new_category").data('reload-url'), {categories: panel_cats.find("input[name='categories[]']:checked").map(function(i, el){ return $(this).val(); }).get()}, function(res){ panel_cats.html(res); });
+        }});
+        /*********** end *************/
+    }
+    setTimeout(form_later_actions, 1000);
+    setTimeout(function(){ $form.data("hash", get_hash_form()); }, 2000);
+    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 uploader
+function cama_upload_feature_image(data) {
+    $.fn.upload_filemanager($.extend({
+        formats: "image",
+        selected: function (image) {
+            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();
+        }
+    }, data));
+}