kirgudu_base 0.0.1

data/app/views/shared/kirgudu_base/_body_javascripts_files.html.erb

@@ -0,0 +1,71 @@
+
+<%= tinymce_assets %>
+
+
+<%= javascript_include_tag "/assets/jquery.sparkline.min.js" %>
+
+<%= javascript_include_tag "jquery.tagsinput.js" %>
+<%= javascript_include_tag "mustache.js" %>
+<%= javascript_include_tag "jquery.history.js" %>
+<%= javascript_include_tag "jquery.url-2.0.js" %>
+<%= javascript_include_tag "jquery.cookie.js" %>
+
+<%= javascript_include_tag "jquery.fancybox.js" %>
+<%= javascript_include_tag "jquery.blockUI.js" %>
+
+<%= javascript_include_tag "excanvas.compiled.js" %>
+<%= javascript_include_tag "bootstrap-transition.js" %>
+<%= javascript_include_tag "bootstrap-alert.js" %>
+<%= javascript_include_tag "bootstrap-modal.js" %>
+<%= javascript_include_tag "bootstrap-dropdown.js" %>
+<%= javascript_include_tag "bootstrap-scrollspy.js" %>
+<%= javascript_include_tag "bootstrap-tab.js" %>
+<%= javascript_include_tag "bootstrap-tooltip.js" %>
+<%= javascript_include_tag "bootstrap-popover.js" %>
+<%= javascript_include_tag "bootstrap-button.js" %>
+<%= javascript_include_tag "bootstrap-collapse.js" %>
+<%= javascript_include_tag "bootstrap-carousel.js" %>
+<%= javascript_include_tag "bootstrap-typeahead.js" %>
+
+
+<%= javascript_include_tag "fileinput.jquery.js" %>
+<%= javascript_include_tag "jquery-ui-1.8.23.custom.min.js" %>
+<%= javascript_include_tag "jquery.touchdown.js" %>
+
+
+<%= javascript_include_tag "wysihtml5-0.3.0.min.js" %>
+<%= javascript_include_tag "bootstrap-wysihtml5.js" %>
+<%= javascript_include_tag "jquery.peity.min.js" %>
+<%= javascript_include_tag "jquery.uniform.min.js" %>
+<%= javascript_include_tag "textarea-autogrow.js" %>
+<%= javascript_include_tag "character-limit.js" %>
+<%= javascript_include_tag "jquery.maskedinput-1.3.js" %>
+<%= javascript_include_tag "chosen.jquery.min.js" %>
+<%= javascript_include_tag "jquery.simplemodal-1.4.4.js" %>
+
+
+
+<%= javascript_include_tag "jquery.flot.js" %>
+<%= javascript_include_tag "jquery.flot.stack.js" %>
+<%= javascript_include_tag "jquery.flot.pie.js" %>
+<%= javascript_include_tag "jquery.flot.resize.js" %>
+<%= javascript_include_tag "jquery.peity.min.js" %>
+
+
+<%= javascript_include_tag "raphael.2.1.0.min.js" %>
+<%= javascript_include_tag "justgage.1.0.1.min.js" %>
+
+<%= javascript_include_tag "fullcalendar.js" %>
+
+<%= javascript_include_tag "scripts.js" %>
+
+<%= javascript_include_tag "jnavigate.jquery.min.js" %>
+
+<%= javascript_include_tag "jquery.uploadify-3.1.js" %>
+
+<%= javascript_include_tag "jquery.json-2.3.min.js" %>
+
+<%= javascript_include_tag "jquery.jeditable.js" %>
+
+<%= javascript_include_tag "syntax-highlighter/shCore.js" %>
+<%= javascript_include_tag "syntax-highlighter/shBrushXml.js" %>

data/app/views/shared/kirgudu_base/_body_javascripts_scripts.html.erb

@@ -0,0 +1,1099 @@
+<script type='text/javascript'>
+
+
+//    $(window).load(function () {
+//        $('#loading').show();
+//    });
+
+    $(document).ready(function () {
+
+        attachEventsAfterAjax();
+
+//        $('body').css('display', 'none');
+//        $('body').fadeIn(500);
+
+        //$('body').show();
+
+
+//        $("#logo a, #sidebar_menu a:not(.accordion-toggle), a.ajx").click(function () {
+//            event.preventDefault();
+//            newLocation = this.href;
+//            $('body').fadeOut(500, newpage);
+//        });
+//        function newpage() {
+//            window.location = newLocation;
+//
+//
+//        }
+
+
+//        $('#process_bulk_action').click(function () {
+//            // getting path in bulk action select
+//            path = getSelectedValueForSelect('#bulk_actions_select');
+//
+//            if (path == null || path == "" || path == undefined) {
+//                showFancyMessage("No Bulk Action Selected.<br/>Please Select Bulk Action");
+//                return;
+//            }
+//            // collect selected ids
+//            itemIds = collectCheckedItems('.item_ids', 'id');
+//
+//
+//            ProcessMassAction(path, itemIds,
+//                    {
+//                        method:'post',
+//                        dataType:'json',
+//                        onSuccess:function (data) {
+//                            items_container = $('#items_containder');
+//                            result_html = '';
+//
+//                            $.each(data.items, function (key, value) {
+//                                result_html += Mustache.to_html(item_template_for_mustache, value);
+//                            });
+//                            items_container.html(result_html);
+//                        }
+//                    }
+//            );
+//        });
+
+
+//        var dontSort = [];
+//        $('#datatable_example thead th').each(function () {
+//            if ($(this).hasClass('no_sort')) {
+//                dontSort.push({ "bSortable":false });
+//            } else {
+//                dontSort.push(null);
+//            }
+//        });
+//        $('#datatable_example').dataTable({
+//            "sDom":"<'row table_top_bar'<'row-fluid'>'<'to_hide_phone'>'f'<'>r>t<'row'>",
+//            "sDom":"<'row table_top_bar'<'row-fluid'<'to_hide_phone' f>>><'row'>",
+//            "aaSorting":[
+//                [ 4, "asc" ]
+//            ],
+//            "bPaginate":false,
+//            "bJQueryUI":false,
+//            "aoColumns":dontSort
+//        });
+//        $.extend($.fn.dataTableExt.oStdClasses, {
+//            "s`":"dataTables_wrapper form-inline"
+//        });
+
+    });
+
+
+    //              $(document).ready(function() {
+    //                var date = new Date();
+    //                var d = date.getDate();
+    //                var m = date.getMonth();
+    //                var y = date.getFullYear();
+    //                var calendar = $('#calendar').fullCalendar({
+    //                  header: {
+    //                    left: 'prev,next today',
+    //                    center: 'title',
+    //                    right: 'month,agendaWeek,agendaDay'
+    //                  },
+    //                  selectable: true,
+    //                  selectHelper: true,
+    //                  select: function(start, end, allDay) {
+    //                    var title = prompt('Event Title:');
+    //                    if (title) {
+    //                      calendar.fullCalendar('renderEvent',
+    //                        {
+    //                          title: title,
+    //                          start: start,
+    //                          end: end,
+    //                          allDay: allDay
+    //                        },
+    //                        true // make the event "stick"
+    //                      );
+    //                    }
+    //                    calendar.fullCalendar('unselect');
+    //                  },
+    //                  editable: true,
+    //                  events: [
+    //                    {
+    //                      title: 'All Day Event',
+    //                      start: new Date(y, m, 1)
+    //                    },
+    //                    {
+    //                      title: 'Long Event',
+    //                      start: new Date(y, m, d+5),
+    //                      end: new Date(y, m, d+7)
+    //                    },
+    //                    {
+    //                      id: 999,
+    //                      title: 'Repeating Event',
+    //                      start: new Date(y, m, d-3, 16, 0),
+    //                      allDay: false
+    //                    },
+    //                    {
+    //                      id: 999,
+    //                      title: 'Repeating Event',
+    //                      start: new Date(y, m, d+4, 16, 0),
+    //                      allDay: false
+    //                    },
+    //                    {
+    //                      title: 'Meeting',
+    //                      start: new Date(y, m, d, 10, 30),
+    //                      allDay: false
+    //                    },
+    //                    {
+    //                      title: 'Lunch',
+    //                      start: new Date(y, m, d, 12, 0),
+    //                      end: new Date(y, m, d, 14, 0),
+    //                      allDay: false
+    //                    },
+    //                    {
+    //                      title: 'Birthday Party',
+    //                      start: new Date(y, m, d+1, 19, 0),
+    //                      end: new Date(y, m, d+1, 22, 30),
+    //                      allDay: false
+    //                    },
+    //                    {
+    //                      title: 'Click for PixelGrade',
+    //                      start: new Date(y, m, 28),
+    //                      end: new Date(y, m, 29),
+    //                      url: 'http://pixelgrade.com/'
+    //                    }
+    //                  ]
+    //                });
+    //              });
+
+
+    //    $(function () {
+    //
+    //        var sin = [], cos = [], tes = [];
+    //        for (var i = 0; i < 14; i += 1) {
+    //            sin.push([i, Math.sin(i) * Math.random() * 0.9]);
+    //            cos.push([i, Math.cos(i) * Math.random() * 1.4]);
+    //            tes.push([i, Math.cos(i) * Math.random() * 0.4]);
+    //        }
+    //        var plot = $.plot($("#placeholder"),
+    //                [
+    //                    { data:sin, label:"Google+", color:"#ef4723", shadowSize:0 },
+    //                    { data:cos, label:"Envato", color:"#a1d14d", shadowSize:0},
+    //                    { data:tes, label:"Facebook", color:"#4a8cf7", shadowSize:0 }
+    //                ], {
+    //                    series:{
+    //                        lines:{ show:true, fill:true },
+    //                        points:{ show:true, fill:true }
+    //                    },
+    //                    grid:{ hoverable:true, clickable:true, autoHighlight:false, borderWidth:0, backgroundColor:{ colors:["#fff", "#fbfbfb"] } },
+    //                    yaxis:{ min:-1.5, max:1.5 }
+    //                });
+    //
+    //        function showTooltip(x, y, contents) {
+    //            $('<div id="tooltip">' + contents + '</div>').css({
+    //                position:'absolute',
+    //                display:'none',
+    //                top:y + 5,
+    //                left:x + 5,
+    //                border:'1px solid #ccc',
+    //                padding:'2px 6px',
+    //                'background-color':'#fff',
+    //                opacity:0.80
+    //            }).appendTo("body").fadeIn(200);
+    //        }
+    //
+    //        var previousPoint = null;
+    //        $("#placeholder").bind("plothover", function (event, pos, item) {
+    //            $("#x").text(pos.x.toFixed(2));
+    //            $("#y").text(pos.y.toFixed(2));
+    //            if (item) {
+    //                if (previousPoint != item.dataIndex) {
+    //                    previousPoint = item.dataIndex;
+    //                    $("#tooltip").remove();
+    //                    var x = item.datapoint[0].toFixed(2),
+    //                            y = item.datapoint[1].toFixed(2);
+    //                    showTooltip(item.pageX, item.pageY,
+    //                            item.series.label + " of " + x + " = " + y);
+    //                }
+    //            }
+    //        });
+    //    });
+
+
+    //    $(function () {
+    //        var data = [];
+    //        var series = Math.floor(Math.random() * 5) + 1;
+    //        data[0] = { label:"Google+", data:42, color:"#cb4b4b" };
+    //        data[1] = { label:"Envato", data:27, color:"#4da74d"};
+    //        data[2] = { label:"Pinterest", data:9, color:"#edc240"};
+    //        data[3] = { label:"Facebook", data:22, color:"#5e96ea"};
+    //        // DONUT
+    //        $.plot($("#donut"), data,
+    //                {
+    //                    series:{
+    //                        pie:{
+    //                            show:true,
+    //                            innerRadius:0.42,
+    //                            highlight:{
+    //                                opacity:0.3
+    //                            },
+    //                            radius:1,
+    //                            stroke:{
+    //                                color:'#fff',
+    //                                width:4
+    //                            },
+    //                            startAngle:0,
+    //                            combine:{
+    //                                color:'#353535',
+    //                                threshold:0.05
+    //                            },
+    //                            label:{
+    //                                show:true,
+    //                                radius:1,
+    //                                formatter:function (label, series) {
+    //                                    return '<div class="chart-label">' + label + '&nbsp;' + Math.round(series.percent) + '%</div>';
+    //                                }
+    //                            }
+    //                        },
+    //                        grow:{ active:false}
+    //                    },
+    //                    legend:{show:true},
+    //                    grid:{
+    //                        hoverable:true,
+    //                        clickable:true
+    //                    }
+    //                });
+    //    });
+
+
+    function getPartialWithAjax(url, method, parameters) {
+        makeAjaxCall(url, {
+            method: method,
+            dataType: 'html',
+            data: parameters,
+            success: function (data) {
+                History.pushState(null, url, url);
+                $('#page_data_content').html(data);
+                attachEventsAfterAjax();
+                scrollTo($('#page_data_content'));
+            },
+            complete: function (xhr, textStatus) {
+                if (xhr.status == 302) {
+                    getPartialWithAjax(url, method, parameters);
+                }
+            },
+            error: function () {
+                showFancyMessage("Error of Loading Edit Page with Ajax");
+            }
+        });
+    }
+
+
+    function attachEventsAfterAjax() {
+        $('.to-remove-before-ajax').each(function () {
+            $(this).stop();
+            $(this).hide();
+            $(this).remove();
+        });
+
+        //attachToContentNavLinks(['a.navigate-link', 'div.pagination a']);
+        //attachToSubmitForm(['form[ajaxify="true"]']);
+        //atachImageSelectDialog('div.image-select-dialog');
+
+        attachAutocomplete(["input[type='hidden'].autocomplete"]);
+        attachDatePicker("input.date-picker");
+        attachChosenSelect('select.chzn-select');
+
+        managementAttachDragables('div.items-management-url', '#items-management-tray', '#items-management-gallery');
+
+        attachToSortableTray('ul#sorting-management-tray');
+
+        attachSwitches('.toggle');
+
+        attachTaggable('.taggable');
+
+        attachImageUploader();
+
+        attachImagePicker('.image-picker');
+
+        myNotificationMessages = ['.notifications-info', '.notifications-warning', '.notifications-error', '.notifications-success'];
+
+        notifications_hideAllMessages();
+        notifications_showInfo();
+        notifications_showError();
+        notifications_showSuccess();
+        notifications_showWarning();
+
+    }
+
+    // Used for selectors passed to functions
+    // as string or as an array and as result
+    // we get an array of selectors even if we passed string
+    function normalizeSelectorsToArray(selectors) {
+        var normSelectors = [];
+
+        if ($.isArray(selectors) == false) {
+            //console.log('selectors is a string');
+            normSelectors.push(selectors);
+        }
+        else {
+            //console.log('selectors is an array')
+            $.each(selectors, function (index, value) {
+                normSelectors.push(value);
+            });
+        }
+        return normSelectors;
+
+    }
+
+
+    // Attaching autocomplete_with_id for hidden inputs with selectors
+    //  control is rendered in ::KirguduBase::FormBuilder
+    function attachAutocomplete(selectors) {
+        var selsArr = normalizeSelectorsToArray(selectors);
+        $.each(selsArr, function (idx1, sel) {
+
+//                    console.log('Selector ' + sel);
+//                    console.log('Selected Objects ' + $(sel));
+
+            $(sel).each(function () {
+                //console.log('Autocomplete ' + $.toJSON(html_input));
+                var ctrlId = $(this).attr('id');
+                var dataSourcePath = $(this).attr('path');
+                //console.log('Autocomplete ID: ' + autocomplete_object_id + "Path: " + autocomplete_object_path);
+                AssignLabeledAutocompleteWithId(ctrlId + '_edit', ctrlId, ctrlId + '_label', dataSourcePath);
+            });
+
+
+        });
+    }
+
+
+    function attachDatePicker(selectors) {
+        var selsArr = normalizeSelectorsToArray(selectors);
+        $.each(selsArr, function (idx1, sel) {
+
+//                    console.log('Selector ' + sel);
+//                    console.log('Selected Objects ' + $(sel));
+
+
+//                    console.log("All Links: " + $('a').length);
+//                    console.log("Selected Objects: " + selected_objects.length);
+
+            $(sel).each(function () {
+                //console.log('Datepicker ID: ' + $(this).attr('id'));
+                AssignDatePicker($(this).attr('id'));
+            });
+        });
+    }
+
+
+    function attachImageUploader() {
+        <% key = Rails.application.config.session_options[:key] %>
+        var uploadify_script_data = {};
+        var csrf_param = $('meta[name=csrf-param]').attr('content');
+        var csrf_token = $('meta[name=csrf-token]').attr('content');
+        uploadify_script_data[csrf_param] = encodeURI(encodeURIComponent(csrf_token));
+        uploadify_script_data['<%= key %>'] = '<%= cookies[key] %>';
+
+        //var uploadify_script_data = {};
+        $('#uploadify').uploadify({
+            swf: '<%= asset_path("uploadify.swf") %>',
+            uploader: '<%= url_for(controller: '/erp_zone/common/images', action: 'create') %>',
+            // buttonText      : 'Загрузить...',
+            buttonCursor: 'hand',
+            height: 20,
+            auto: true,
+            multi: true,
+            removeCompleted: true,
+            beforeSend: function (xhr) {
+                xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'))
+            },
+            onUploadSuccess: function (file, data, response) {
+                imageData = jQuery.parseJSON(data);
+
+                //alert('Image Data:' + imageData.filename.thumb.url );
+                var str =
+                        '<li>' +
+                                '   <div class="btn-group">' +
+                                '       <a href="<%= url_for(controller: '/erp_zone/common/images')%>/' + imageData.id + '/edit"  rel="tooltip" data-placement="top" data-original-title="Edit Image">' +
+                                '           <i class="icon-magic"></i>' +
+                                '       </a>' +
+                                '       <a href="<%= url_for(controller: '/erp_zone/common/images')%>/' + imageData.id + '" rel="tooltip" data-placement="top" data-original-title="Show Image">' +
+                                '           <i class=" icon-heart"></i>' +
+                                '        </a>' +
+                                '        <a rel="tooltip" data-placement="top" data-original-title="Delete image">' +
+                                '           <i class=" icon-trash"></i>' +
+                                '       </a>' +
+                                '   </div>' +
+                                '        <a class="thumbnail" data-toggle="modal">' +
+                                '        <img src="' + imageData.filename.thumb.url + '" alt=""/>' +
+                                '        </a>' +
+                                '</li>';
+
+                $('#uploaded_images_container').append(str);
+
+
+                /*                                $.ajax({
+                 url: "
+
+                <%= url_for(controller: '/erp_zone/common/images', action: 'get_thumb') %>",
+                 dataType: 'json',
+                 type: 'get',
+                 beforeSend: function(xhr) {
+                 xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'))
+                 },
+                 data: {file: imageData.filename.thumb},
+                 complete: function(json) {
+                 var obj = jQuery.parseJSON(json.responseText);
+                 var str =
+                 '<li>' +
+                 '   <div class="btn-group">' +
+                 '       <a href="
+
+                <%= url_for(controller: '/erp_zone/common/images')%>'+ obj.id +' / edit
+                 "  rel="
+                 tooltip
+                 " data-placement="
+                 top
+                 " data-original-title="
+                 Edit
+                 Image
+                 ">' +
+                 '           <i class="icon-magic"></i>' +
+                 '       </a>' +
+                 '       <a href="
+
+                <%= url_for(controller: '/erp_zone/common/images')%>'+ obj.id +'
+                 " rel="
+                 tooltip
+                 " data-placement="
+                 top
+                 " data-original-title="
+                 Show
+                 Image
+                 ">' +
+                 '           <i class=" icon-heart"></i>' +
+                 '        </a>' +
+                 '        <a rel="tooltip" data-placement="top" data-original-title="Delete image">' +
+                 '           <i class=" icon-trash"></i>' +
+                 '       </a>' +
+                 '   </div>' +
+                 '        <a class="thumbnail" data-toggle="modal">' +
+                 '        <img src="' + obj.thumb + '" alt=""/>' +
+                 '        </a>' +
+                 '</li>';
+
+                 $('#uploaded_images_container').append(str);
+
+                 // var obj = jQuery.parseJSON(json.responseText);
+                 // console.log(obj.thumb);
+                 }
+                 }); */
+            },
+            onUploadError: function (file, errorCode, errorMsg, errorString) {
+                alert('The file ' + file.name + ' could not be uploaded: ' + errorString);
+            },
+            formData: uploadify_script_data
+            // onUploadComplete : function(file) {
+            //   alert(file);
+            // }
+        });
+
+    }
+
+    function attachTaggable(selectors) {
+        $.each(normalizeSelectorsToArray(selectors), function (idx1, sel) {
+
+            $(sel).each(function () {
+
+                var taggable_id = $(this).attr('taggable-id');
+                var taggable_type = $(this).attr('taggable-type');
+                var add_tag_label = $(this).attr('add-tag-label');
+                if (add_tag_label == null || add_tag_label == undefined) {
+                    add_tag_label = 'add tag';
+                }
+                var url_to_complete = $(this).attr('autocomplete-url');
+
+                if (url_to_complete == null || url_to_complete == undefined) {
+                    $(this).tagsInput({
+                        height: '100px',
+                        width: '300px',
+                        interactive: true,
+                        defaultText: add_tag_label,
+//                            onAddTag: function(tag) {
+//                                alert("Added a tag: " + tag);
+//                            },
+//                            onRemoveTag: function(tag) {
+//                                alert("Removed a tag: " + tag);
+//                            },
+//                            onChange: function(input,tag) {
+//                                alert("Changed a tag: " + tag);
+//                            },
+                        removeWithBackspace: true,
+                        minChars: 0,
+                        maxChars: 0, //if not provided there is no limit,
+                        placeholderColor: '#666666'
+                    });
+                }
+                else {
+                    $(this).tagsInput({
+                        autocomplete_url: url_to_complete,
+                        height: '100px',
+                        width: '300px',
+                        interactive: true,
+                        defaultText: add_tag_label,
+                        removeWithBackspace: true,
+                        minChars: 0,
+                        maxChars: 0, //if not provided there is no limit,
+                        placeholderColor: '#666666'
+                    });
+                }
+            });
+        });
+    }
+
+
+    function chosen_select_process_children(parent, children, value) {
+        if (value == "") {
+
+            return;
+        }
+
+    }
+
+
+    //    function chosen_select_process_disable_children(parentControl, childControl)
+    //    {
+    //        if(parentControl == null || childControl == null) return;
+    //
+    //        //alert("Parent Control: " + parentControl.attr("id"));
+    //        //alert("Child Control: " + childControl.attr("id"));
+    //
+    //        var value = parentControl.attr('value');
+    //        //alert("Value in Disable: " + value);
+    //        if (value == "" || value == null) {
+    //            //alert("Process Value in Disable: " + value);
+    //
+    //            childControl.attr('disabled', "disabled");
+    //            $('#' + childControl.attr("id") + ' option:gt(0)').remove();
+    //            childControl.trigger("liszt:updated");
+    //
+    //            if (childControl.attr("onchange") != null) {
+    //                var child_actions = jQuery.parseJSON(childControl.attr("onchange"));
+    //                $.each(child_actions, function (index, chained_action)
+    //                {
+    //                    var child_of_child = $("#" + chained_action.property_control);
+    //                    //alert("Child of Child: " + child_of_child.attr("id"));
+    //                    chosen_select_process_disable_children(childControl, child_of_child);
+    //                });
+    //            }
+    //        }
+    //    }
+
+
+    function disableChildrenControls(ctrl) {
+        if (ctrl == null) return;
+        //alert("In Process of Diabling Children");
+        if (ctrl.attr("onchange")) {
+            //alert("Onchange found");
+            var act2pro = jQuery.parseJSON(ctrl.attr("onchange"));
+            //alert("Onchange parsed from json");
+            $.each(act2pro, function (index, parent_action) {
+
+                var childCtrl = $(normalizeIdForCss(parent_action.property_control));
+
+                if (childCtrl.attr("control_type") == "chosen_select") {
+                    //alert("Disabling Chosen Select: " + childControl.attr("id"));
+                    disableChosenSelect(childCtrl);
+                }
+                else if (childCtrl.attr("control_type") == "autocomplete_wtih_id") {
+                    //alert("Disabling Autocomplet With ID: " + childControl.attr("id"));
+                    set_default_autocomplete(childCtrl);
+                    disableAutoCompleteWithID(childCtrl);
+                }
+                else if (childCtrl.attr("control_type") == "text_edit") {
+                    childCtrl.attr("value", null);
+                    disableTextEdit(childCtrl);
+                }
+                else if (childCtrl.attr("control_type") == "switcher") {
+                    disableSwitcher(childCtrl);
+                }
+                else if (childCtrl.attr("control_type") == "checkbox") {
+                    disableCheckbox(childCtrl);
+                }
+
+                disableChildrenControls(childCtrl); // disabling children for childCtrl
+            });
+        }
+
+
+        //alert("Value in Disable: " + value);
+
+    }
+
+
+    function disableChosenSelect(ctrl) {
+        if (ctrl == null) return;
+        ctrl.attr('disabled', "disabled");
+        $('#' + ctrl.attr("id") + ' option:gt(0)').remove();
+        ctrl.trigger("liszt:updated");
+    }
+    function disableAutoCompleteWithID(ctrl) {
+        if (ctrl == null) return;
+        ctrl.addClass("disabled");
+        var ctrlLabel = $("#" + ctrl.attr('id') + "_label");
+        if (ctrlLabel != null) {
+            ctrlLabel.addClass("disabled");
+        }
+    }
+    function disableTextEdit(ctrl) {
+
+    }
+    function disableSwitcher(ctrl) {
+
+    }
+    function disableCheckbox(ctrl) {
+
+    }
+
+    function set_default_autocomplete(ctrl) {
+        if (ctrl == null) return;
+        var ctrlLabel = $("#" + ctrl.attr('id') + "_label");
+        ctrl.attr("value", null);
+        if (ctrlLabel != null) {
+            ctrlLabel.text = ctrl.attr("placeholder");
+        }
+    }
+
+    function processCtrlValueChanged(ctrl, oldVal, newVal) {
+        if (ctrl == null) return; // control is null
+        //alert("New Value: " + new_value + "\r\nOld Value: " + old_value);
+        if (newVal == null || newVal == "") {
+            //alert("Ready to Disable");
+            disableChildrenControls(ctrl);
+            return;
+        }
+        //alert("OnChange Found: " + control);
+        if (ctrl.attr("onchange") == null) {
+            // control dosenot have onchange attribute
+            return;
+        }
+
+        // parsing actions from onchange
+        var acts2proc = jQuery.parseJSON(ctrl.attr("onchange")); // actions for onchange attribute deserialized from json
+        var cur_prop_name = ctrl.attr("property_name"); // property name for current control
+
+        $.each(acts2proc, function (index, act2pr) {
+            //alert("Processing Child Controls: "+ act2pr.property_control);
+            var child_prop_name = act2pr.property;
+            var childCtrl = $(normalizeIdForCss(act2pr.property_control));
+            //alert("Child Control Type: " + childCtrl.attr("control_type"));
+            if (childCtrl.attr("control_type") == "chosen_select") {
+                //alert("Processing Chosen Select");
+                var ajax_options = {};
+                ajax_options[cur_prop_name] = newVal;
+                //alert("Select Path: " + act2pr.source);
+                if (newVal != "" && newVal != null) {
+                    makeAjaxCall(act2pr.source, {
+                        method: 'get',
+                        dataType: getJsonTypeForAjax($(location).attr('href'), act2pr.source),
+                        data: ajax_options,
+                        success: function (jsonResult) {
+                            if (jsonResult.status == "ok") {
+                                //alert("JSON AJAX is OK");
+                                childCtrl.removeAttr('disabled');
+                                $('#' + act2pr.property_control + ' option:gt(0)').remove();
+                                $.each(jsonResult.data, function (index, entry) {
+                                    childCtrl.append("<option value='" + entry.id + "'>" + entry.name + "</option>");
+                                });
+                                childCtrl.trigger("liszt:updated");
+                            }
+                        },
+                        error: function (response) {
+                            //alert("Response Code: " + response.status);
+                            showFancyMessage("Failed to Retrieve Data from Source");
+                        }
+
+                    });
+                    //alert("Making JSON");
+
+                    //if(currentControlAction.source)
+
+//                            makeJsonCall(currentControlAction.source, {
+//                                data: ajax_options,
+//                                success: function (json_result) {
+//                                    //alert("JSON RESUTL: " + json_result);
+//                                    if (json_result.status == "ok") {
+//                                        childControl.removeAttr('disabled');
+//                                        $('#' + currentControlAction.property_control + ' option:gt(0)').remove();
+//                                        $.each(json_result.data, function (index, entry) {
+//                                            childControl.append("<option value='" + entry.id + "'>" + entry.name + "</option>");
+//                                        });
+//                                        childControl.trigger("liszt:updated");
+//                                    }
+//                                }
+//                            });
+
+                }
+                disableChildrenControls(childCtrl);
+            }
+            else if (childCtrl.attr("control_type") == "autocomplete_with_id") {
+                set_default_autocomplete(childCtrl);
+                disableChildrenControls(childCtrl);
+            }
+        });
+
+
+    }
+
+    function attachChosenSelect(selectors) {
+        $.each(normalizeSelectorsToArray(selectors), function (idx1, sel) {
+
+            $(sel).change(function () {
+                var new_value = $(this).attr('value');
+                processCtrlValueChanged($(this), null, new_value);
+            });
+
+            $(sel).chosen({
+                disable_search_threshold: 10,
+                allow_single_deselect: true
+            });
+        });
+    }
+
+
+    function attachImagePicker(selectors) {
+        $.each(normalizeSelectorsToArray(selectors), function (index, sel) {
+            //alert("Image Selector: " + sel);
+            $(sel).simpleImagePicker(
+                    {
+                        on_select: function (ui, id, thumb_url) {
+                            console.log(ui);
+                            var input = ui;
+                            input.attr('value', id);
+                            var image = input.next();
+                            image.attr('src', thumb_url);
+                        }
+                    });
+        });
+    }
+
+    function attachToContentNavLinks(selectors) {
+
+        //alert('Hello: Attaching Nav Link Clicks');
+
+        $.each(normalizeSelectorsToArray(selectors), function (index, sel) {
+            $(sel).click(function () {
+                //alert('NAv Link Click');
+                //alert('Hello from Nav Link Click');
+                var request_data = {};
+                request_data['layout'] = false;
+
+                var url = $(this).attr('href');
+                var http_method = normalizeHttpMethod($(this).attr('http-method'));
+
+                var current_uri = $.url();
+                var uri = $.url(url);
+                var new_page = (uri).param('page');
+
+                if (new_page == undefined || new_page == null) {
+                    var current_page = current_uri.param('page');
+                    if (current_page == undefined || current_page == null) {
+
+                    }
+                    else {
+                        request_data['page'] = current_page;
+                    }
+                }
+
+                var confirm_message = $(this).attr('confirm-message');
+
+                if (confirm_message == undefined || confirm_message == null) {
+                    makeNavLinkRequest(url, http_method, request_data);
+                }
+                else {
+                    fancyConfirm(confirm_message,
+                            function (ret) {
+                                if (ret == true) {
+                                    makeNavLinkRequest(url, http_method, request_data);
+                                }
+                            }
+                    );
+                }
+                //alert('Edit Button Url: ' + url);
+//                        makeAjaxCall(url, {
+//                            method: http_method,
+//                            dataType: 'html',
+//                            data: request_data,
+//                            success: function(data)
+//                            {
+//                                if(http_method != 'delete')
+//                                {
+//                                    History.pushState($(document).html(), url, url);
+//                                }
+//                                $('#page_data_content').html(data);
+//                                attachEventsAfterAjax();
+//                                scrollTo($('#page_data_content'));
+//                            },
+//                            error: function()
+//                            {
+//                                showFancyMessage("Error of Loading Edit Page with Ajax");
+//                            }
+//                        });
+                return false;
+            });
+        });
+    }
+
+    function makeNavLinkRequest(url, http_method, request_data) {
+        makeAjaxCall(url, {
+            method: http_method,
+            dataType: 'html',
+            data: request_data,
+            success: function (data) {
+                $('#page_data_content').html(data);
+                if (http_method != 'delete') {
+                    History.pushState("", url, url);
+                }
+                attachEventsAfterAjax();
+                scrollTo($('#page_data_content'));
+            },
+            error: function () {
+                showFancyMessage("<%= I18n.t('admin.shared.messages.error_ajax_load') %>");
+            }
+        });
+    }
+
+    function attachToSubmitForm(selectors) {
+        var selsArr = normalizeSelectorsToArray(selectors);
+
+        $.each(selsArr, function (index, sel) {
+            var frm2submit = $(sel);
+
+            if( frm2submit == null) return;
+
+            //alert("Form URL: " + url + ", Form Method: " + method);
+
+            frm2submit.submit(function () {
+
+                var url = $(this).attr('action');
+                var method = $(this).attr('method');
+
+                if (method == undefined || method == null) {
+
+                    // searching for Rails input with PUT method if exists
+                    var input_w_method = $(this).find('input[name="_method"]');
+
+                    //alert("Form to Submit: " + form_2_submit);
+                    //alert("input name='_method': " + input_w_method);
+
+                    if (input_w_method) {
+                        //alert("Put Method Found");
+                        method = input_w_method.val();
+                    }
+
+                    if (method == undefined || method == null) {
+                        method = "post";
+                    }
+                }
+
+                //alert('Hello from Submited Form ');
+
+                //Serializing form to JSON
+                var formData = serializeToJson($(this));
+                formData['layout'] = false;
+
+                //alert("Form Serialized Data: " + form_data);
+
+                //alert('Edit Button Url: ' + url);
+                makeAjaxCall(url, {
+                    method: method,
+                    dataType: 'html',
+                    data: formData,
+                    success: function (data) {
+                        History.pushState(null, null, url);
+                        var contentContainer = $('#page_data_content')
+                        if( contentContainer != null){
+                            contentContainer .html(data);
+                        }
+                        attachEventsAfterAjax();
+                        scrollTo($('#page_data_content'));
+                    },
+                    error: function (response) {
+                        //alert("Response Code: " + response.status);
+                        showFancyMessage("<%= I18n.t('admin.shared.messages.error_ajax_load') %>");
+                    }
+
+                });
+                return false;
+            });
+        });
+    }
+
+
+    function managementAttachDragables(url_css, tray_css, gallery_css) {
+        var gallery = $(gallery_css);
+        var tray = $(tray_css);
+        var management_url_add = $(url_css + "[type='add']").first().attr('href');
+        var management_url_remove = $(url_css + "[type='remove']").first().attr('href');
+
+        //alert("URL ADD CSS: " + url_css+"[type='add']\r\nURL ADD: " + management_url_add + "\r\nURL REMOVE: " + management_url_remove);
+
+        $("li", gallery).draggable({
+            cancel: "a.ui-icon",
+            revert: "invalid",
+            cursor: "move",
+            helper: "clone"
+        });
+
+        tray.droppable({
+            accept: gallery_css + " > li",
+            drop: function (event, ui) {
+                //alert("URL Add: " + management_url_add);
+                makeAjaxCall(management_url_add, {
+                    method: 'post',
+                    dataType: 'json',
+                    data: {entry_id: ui.draggable.attr('entry-id')},
+                    success: function (data) {
+                        if (data.status == <%= ::SharedZone::SetManagementResult.id_by_tag("management_ok") %>) {
+                            ui.draggable.fadeOut(function () {
+                                tray.append(ui.draggable);
+                                ui.draggable.fadeIn();
+                                ui.draggable.append(" --- <a href=\"javascript:managementRemoveItem( '" + management_url_remove + "', '" + tray_css + "', " + ui.draggable.attr('entry-id') + " );\"><%= I18n.t("admin.shared.management.remove_button") %></a>");
+                            });
+                        }
+                        else {
+                            showFancyMessage(data.message);
+                        }
+                    },
+                    error: function () {
+                        showFancyMessage("<%= I18n.t('admin.shared.messages.error_ajax_load') %>");
+                    }
+                });
+            }
+        });
+    }
+
+    function managementRemoveItem(url, tray_css, entry_id) {
+        makeAjaxCall(url, {
+            method: 'post',
+            dataType: 'json',
+            data: {entry_id: entry_id },
+            success: function (data) {
+                if (data.status == <%= ::SharedZone::SetManagementResult.id_by_tag("management_ok") %>) {
+                    var tray = $(tray_css);
+                    var item_to_remove = tray.find('li[entry-id = ' + entry_id + ']');
+                    item_to_remove.fadeOut();
+                }
+                else {
+                    showFancyMessage(data.message);
+                }
+            },
+            error: function () {
+                showFancyMessage("<%= I18n.t('admin.shared.messages.error_ajax_load') %>");
+            }
+        });
+    }
+
+
+    // Initialize sortiable on #sortable div
+    function attachToSortableTray(tray_css) {
+        var tray = $(tray_css);
+        tray.sortable();
+        tray.disableSelection();
+    }
+
+    function attachSwitches(label_css) {
+        var off = false;
+
+        $(label_css).each(function () {
+            var toggle = $(this);
+
+            toggle.siblings().hide();
+            toggle.show();
+
+            if (toggle.siblings().find('input[checked="checked"]').val() == "1") {
+                //alert('switcher on for ' + toggle.html());
+                toggle.removeClass('off').addClass('on');
+            }
+            else {
+                //alert('switcher off for ' + toggle.html());
+                toggle.removeClass('on').addClass('off');
+            }
+
+            $(this).click(function () {
+                var self = $(this);
+
+                if (self.hasClass('on')) {
+                    self.siblings('.off').click();
+                    self.removeClass('on').addClass('off');
+                } else {
+                    self.siblings('.on').click();
+                    self.removeClass('off').addClass('on');
+                }
+            });
+        });
+    }
+
+
+    // Prepare and go-to proper url for updating order of slides.
+    // Called via html anchor tag by user
+    function sortingUpdateItemsOrder(ajax_path, tray_css) {
+
+        var tray = $(tray_css);
+
+        makeAjaxCall(ajax_path, {
+            method: 'post',
+            dataType: 'json',
+            data: {
+                items: tray.sortable("toArray")
+            },
+            success: function (data) {
+                showFancyMessage(data.message);
+            },
+            error: function () {
+                showFancyMessage("<%= I18n.t('admin.shared.messages.error_ajax_load') %>");
+            }
+        });
+        return false;
+    }
+
+    function notifications_hideAllMessages() {
+        var messagesHeights = new Array(); // this array will store height for each
+
+        for (i = 0; i < myNotificationMessages.length; i++) {
+            messagesHeights[i] = $(myNotificationMessages[i]).outerHeight(); // fill array
+            $(myNotificationMessages[i]).css('top', -messagesHeights[i]); //move element outside viewport
+        }
+    }
+
+    function notifications_showMessage(type, html_text) {
+        //hideAllMessages();
+
+        var message_container = $(type);
+        if (message_container) {
+            message_container.remove();
+            if (html_text) {
+                message_container.html(html_text);
+            }
+            message_container.appendTo(document.body);
+            //message_container = $(type);
+            message_container.addClass('to-remove-before-ajax');
+            message_container.animate({top: "0"}, 500);
+            message_container.slideDown(300).delay(3500).slideUp(500, function () {
+                message_container.remove();
+            });
+        }
+    }
+
+    function notifications_showInfo(html_text) {
+        notifications_showMessage('.notifications-info', html_text)
+    }
+    function notifications_showWarning(html_text) {
+        notifications_showMessage('.notifications-warning', html_text)
+    }
+    function notifications_showError(html_text) {
+        notifications_showMessage('.notifications-error', html_text)
+    }
+    function notifications_showSuccess(html_text) {
+        notifications_showMessage('.notifications-success', html_text)
+    }
+
+</script>
+
+<%= tinymce %>