RubyGems - kirgudu_base - Versions diffs - 0.0.1 → 0.0.3 - Mend

kirgudu_base 0.0.1 → 0.0.3

Files changed (871) hide show

data/app/views/admin_templates/good_flexy/admin/layouts/application.html.erb ADDED Viewed

@@ -0,0 +1,1296 @@
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>
+        <%= yield :header_title %>
+        Antonio Veracruz Designs
+    </title>
+    <meta name='csrf-token' content="<%= form_authenticity_token.to_s %>"/>
+    <!-- Google Fonts -->
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Raleway:100,900,800,700,600,500,400,300,200' rel='stylesheet' type='text/css'>
+    <!-- Bootstrap -->
+    <link rel="stylesheet" href="/assets/kirgudu_base/admin/good/bootstrap.css" type="text/css"/>
+    <!-- Custom Scroll Bar -->
+    <link href="/assets/kirgudu_base/admin/good/jquery.mCustomScrollbar.css" rel="stylesheet"/>
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="/assets/kirgudu_base/admin/good/font-awesome.css" type="text/css"/>
+    <!-- Style -->
+    <link rel="stylesheet" href="/assets/kirgudu_base/admin/good/style.css" type="text/css"/>
+    <!-- Responsive Style -->
+    <link rel="stylesheet" href="/assets/kirgudu_base/admin/good/responsive.css" type="text/css"/>
+    <link rel="stylesheet" href="/assets/kirgudu_base/admin/good/jquery.switchButton.css" type="text/css"/>
+    <link rel="stylesheet" href="/assets/kirgudu_base/admin/good/jquery-ui.css" type="text/css"/>
+    <!-- Jquery -->
+    <script src="/assets/jquery.js"></script>
+    <!-- Scroll Bar -->
+    <script src="/assets/jquery.mCustomScrollbar.concat.min.js"></script>
+    <!-- Circle Chart -->
+    <!--<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>-->
+    <script src="/assets/jquery.easing.min.js"></script>
+    <!-- Bootstrap -->
+    <!--<script type="text/javascript" src="/assets/bootstrap.js"></script>-->
+    <!-- Script -->
+    <script type="text/javascript" src="/assets/script.js"></script>
+    <!-- Chart -->
+    <script src="/assets/jquery.flot.min.js"></script>
+    <!-- Side Navigation -->
+    <script src="/assets/side-navigation-tag.js"></script>
+    <!-- Sparkline -->
+    <script type="text/javascript" src="/assets/jquery.sparkline.min.js"></script>
+    <!-- Jquery UI Custom -->
+    <script src="/assets/jquery-ui.js"></script>
+    <!-- Easy Pie Chart -->
+    <script src="/assets/jquery.easypiechart.min.js"></script>
+    <!-- Sidebar Add Tag -->
+    <script type="text/javascript" src="/assets/jquery.tagsinput.js"></script>
+    <script type="text/javascript" src="/assets/jquery.switchButton.js"></script>
+    <script type="text/javascript" src="/assets/jquery.autocompleteWithId.js"></script>
+    <script type="text/javascript" src="/assets/scripts_nrg.js"></script>
+    <script type="text/javascript" src="/assets/jquery.json.min.js"></script>
+    <script type="text/javascript" src="/assets/dynamicEvents.js"></script>
+    <script type="text/javascript" src="/assets/jquery.colorbox.js"></script>
+    <!-- Sparklines -->
+    <script type="text/javascript">
+        $(function () {
+            $("#new-orders").sparkline([4, 5, 6, 7, 6, 5, 4, 3, 2, 2, 3, 4], {
+                type: 'bar',
+                height: '40px',
+                barSpacing: 3,
+                barWidth: 6,
+                barColor: '#ff4646',
+                negBarColor: '#D6A838'});
+        });
+        $(function () {
+            $("#my-balance").sparkline([4, 5, 6, 7, 6, 5, 4, 3, 2, 2, 3, 4], {
+                type: 'bar',
+                height: '40px',
+                barSpacing: 3,
+                barWidth: 6,
+                barColor: '#21b95e',
+                negBarColor: '#27A9E3'});
+        });
+    </script>
+    <%= yield :header %>
+</head>
+<body>
+<%= render "/admin_templates/good/admin/shared/chat" %>
+<div id="container" class="ui-notify">
+    <% @sticky_notifications.each do |st_nf| %>
+        <%= render '/admin_templates/good/sticky_notification', notification: st_nf %>
+    <% end if @sticky_notifications %>
+</div>
+<div class="wrapper dark">
+    <header>
+        <div class="logo">
+            <img src="/assets/kirgudu_base/admin/good/logo.png" alt=""/>
+        </div>
+        <!-- Logo -->
+        <div class="welcome-user">
+            <img src="/assets/kirgudu_base/admin/good/user.png" alt=""/>
+            <span><%= ::ChupakabraTools::Strings.cut_string(@current_user.full_name, 17) %></span>
+            <p>Welcome <%= ::ChupakabraTools::Strings.cut_string(@current_user.first_name, 10) %></p>
+        </div>
+        <%= render "/admin_templates/good/admin/shared/left_menu" %>
+        <%= render "/admin_templates/good/admin/shared/left_menu_social_stats" %>
+        <%= render "/admin_templates/good/admin/shared/left_menu_emails" %>
+        <%= render "/admin_templates/good/admin/shared/left_menu_tags" %>
+        <a href="" class="slide-up-btn"><i class="icon-align-justify"></i></a>
+    </header>
+    <!-- Header End -->
+    <section class="main-section">
+        <div class="responsive-logo">
+            <img src="/assets/kirgudu_base/admin/good/logo.png" alt=""/>
+        </div>
+        <div class="responsive-menu">
+            <ul>
+                <li><a title=""><i class="icon-laptop"></i>Dashboard<span>5</span></a>
+                    <ul>
+                        <li><a href="dashboard.html" title=""><i class="icon-angle-right"></i>Dashboard 1</a></li>
+                        <li><a href="dashboard2.html" title=""><i class="icon-angle-right"></i>Dashboard 2</a></li>
+                        <li><a href="dashboard3.html" title=""><i class="icon-angle-right"></i>Dashboard 3</a></li>
+                        <li><a href="hosting-dashboard.html" title=""><i class="icon-angle-right"></i>Hosting Dashboard</a>
+                        </li>
+                        <li><a href="sale-purchase-dashboard.html" title=""><i class="icon-angle-right"></i>For Sale &
+                            Purchase</a></li>
+                    </ul>
+                </li>
+                <li><a title=""><i class="icon-cogs"></i>Components<span>13</span></a>
+                    <ul>
+                        <li><a href="charts.html" title=""><i class="icon-angle-right"></i>Charts</a></li>
+                        <li><a href="notification.html" title=""><i class="icon-angle-right"></i>Notifications</a></li>
+                        <li><a href="grids.html" title=""><i class="icon-angle-right"></i>Grids</a></li>
+                        <li><a href="ribbon-grids.html" title=""><i class="icon-angle-right"></i>Ribbon Grids</a></li>
+                        <li><a href="buttons.html" title=""><i class="icon-angle-right"></i>Buttons</a></li>
+                        <li><a href="calendars.html" title=""><i class="icon-angle-right"></i>Calendars</a></li>
+                        <li><a href="progressbar.html" title=""><i class="icon-angle-right"></i>Progress Bar</a></li>
+                        <li><a href="file-manager.html" title=""><i class="icon-angle-right"></i>File Manager</a></li>
+                        <li><a href="gallery.html" title=""><i class="icon-angle-right"></i>Gallery</a></li>
+                        <li><a href="slider.html" title=""><i class="icon-angle-right"></i>Slider</a></li>
+                        <li><a href="dashboard.html" title=""><i class="icon-angle-right"></i>Page Tour</a></li>
+                        <li><a href="collapse.html" title=""><i class="icon-angle-right"></i>Collapse</a></li>
+                        <li><a href="range-slider.html" title=""><i class="icon-angle-right"></i>Range Slider</a></li>
+                    </ul>
+                </li>
+                <li><a title=""><i class="icon-shopping-cart"></i>Cart Example</a>
+                    <ul>
+                        <li><a href="cart.html" title=""><i class="icon-angle-right"></i>Cart Page</a></li>
+                        <li><a href="billing.html" title=""><i class="icon-angle-right"></i>Billing Page</a></li>
+                        <li><a href="order-recieved.html" title=""><i class="icon-angle-right"></i>Order Recieved</a>
+                        </li>
+                    </ul>
+                </li>
+                <li><a href="form.html" title=""><i class="icon-pencil"></i>Form Elements</a></li>
+            </ul>
+            <ul>
+                <li><a href="icon.html" title=""><i class="icon-tint"></i>Icons</a></li>
+                <li><a href="tables.html" title=""><i class="icon-list-alt"></i>Tables</a></li>
+                <li><a href="typography.html" title=""><i class="icon-font"></i>Typography</a></li>
+                <li><a title=""><i class="icon-rocket"></i>Sample Pages<span>4</span></a>
+                    <ul>
+                        <li><a href="invoice.html" title=""><i class="icon-angle-right"></i>Invoice</a></li>
+                        <li><a href="index.html" title=""><i class="icon-angle-right"></i>Log in</a></li>
+                        <li><a href="404.html" title=""><i class="icon-angle-right"></i>404 Error Page</a></li>
+                        <li><a href="blank-page.html" title=""><i class="icon-angle-right"></i>Blank Page</a></li>
+                    </ul>
+                </li>
+                <li><a title=""><i class="icon-ellipsis-horizontal"></i>Bonus Free<span>5</span></a>
+                    <ul>
+                        <li><a href="price-table.html" title=""><i class="icon-angle-right"></i>Pricing Table</a></li>
+                        <li><a href="search.html" title=""><i class="icon-angle-right"></i>Search Result</a></li>
+                        <li><a href="inbox.html" title=""><i class="icon-angle-right"></i>Message</a></li>
+                        <li><a href="profile.html" title=""><i class="icon-angle-right"></i>Profile</a></li>
+                        <li><a href="faq.html" title=""><i class="icon-angle-right"></i>FAQ</a></li>
+                    </ul>
+                </li>
+            </ul>
+        </div>
+        <div class="container">
+            <div class="row">
+                <div class="main-bg">
+                    <div class="top-stats">
+                        <form>
+                            <input type="text" placeholder="Your Search Here" class="search-box"/>
+                            <input type="submit" class="search-submit" value=""/>
+                        </form>
+                        <div class="top-bar-chart">
+                            <div class="bar-chart-details">
+                                <p>New User</p>
+                                <h5><%= @new_user_stats || 0 %></h5>
+                            </div>
+                            <span id="new-orders" class="sparkline">4,5,6,7,6,5,4,3,2,2,4</span>
+                        </div>
+                        <div class="top-bar-chart">
+                            <div class="bar-chart-details">
+                                <p>My Balance</p>
+                                <h5>$<%= @my_balance_stats || 0 %></h5>
+                            </div>
+                            <span id="my-balance" class="sparkline">4,5,6,7,6,5,4,3,2,2,4</span>
+                        </div>
+                        <div class="top-stats-icons">
+                            <i class="icon-rocket"></i><i class="icon-user"></i><i class="icon-laptop"></i><i class="icon-tasks"></i>
+                        </div>
+                    </div>
+                    <div class="breadcrumbs-notify">
+                        <%= render '/admin_templates/good/admin/shared/breadcrumbs' %>
+                        <div class="notification-auto">
+                            <div class="fade-notification">
+                                <h5>
+                                    <i class="icon-warning-sign"></i> <%= @notifications ? "Notification :" : "No new Notifications" %>
+                                </h5>
+                            </div>
+                            <div class="notification-slideshow">
+                                <% @notifications.each do |notify| %>
+                                    <h6 class="notify-fade"><%= notifi.message %>  <i><%= notify.created_at %></i></h6>
+                                <% end if @notifications %>
+                            </div>
+                        </div>
+                    </div>
+                    <!--<div class="heading-buttons-sec">
+                        <h1>Blank Page</h1>
+                        <p>Good Morning <%= @current_user.full_name %>!!</p>
+                        <div class="heading-buttons">
+                            <ul>
+                                <li class="dropdown heading-dropdown">
+                                    <a href="#" data-toggle="dropdown" role="button" id="drop1">Dropdown
+                                        <b class="caret"></b></a>
+                                    <ul aria-labelledby="drop1" role="menu" class="dropdown-menu" id="menu1">
+                                        <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Action</a>
+                                        </li>
+                                        <li role="presentation">
+                                            <a href="#" tabindex="-1" role="menuitem">Another action</a>
+                                        </li>
+                                        <li role="presentation">
+                                            <a href="#" tabindex="-1" role="menuitem">Something else here</a></li>
+                                        <li class="divider" role="presentation"></li>
+                                        <li role="presentation">
+                                            <a href="#" tabindex="-1" role="menuitem">Separated link</a>
+                                        </li>
+                                    </ul>
+                                </li>
+                            </ul>
+                            <a href="#" title=""><i class="icon-paper-clip"></i></a><a href="#" title=""><i class="icon-calendar"></i></a><a href="#" title=""><i class="icon-envelope"></i></a><a href="#" title=""><i class="icon-refresh"></i></a>
+                        </div>
+                    </div>-->
+                    <div class="body-sec">
+                        <%= yield %>
+                    </div>
+                    <!-- Body Sec -->
+                </div>
+                <!-- main-bg-->
+            </div>
+            <!-- Row -->
+        </div>
+        <!-- Container -->
+    </section>
+    <!-- Main Section -->
+</div>
+<!-- Wrapper -->
+<!-- Side Panel -->
+<!--<div class="side-panel green">-->
+<!--<a class="panel-button gray"><i class="icon-cogs"></i></a>-->
+<!--<h4 class="gray">Sidebar Theme</h4>-->
+<!--<div class="patterns">-->
+<!--<div class="light-theme-sec">-->
+<!--<img src="/assets/kirgudu_base/admin/good/light-theme-thumb.jpg" alt=""/>-->
+<!--<a title="" class="light-theme">LIGHT</a>-->
+<!--</div>-->
+<!--<div class="dark-theme-sec">-->
+<!--<img src="/assets/kirgudu_base/admin/good/dark-theme-thumb.jpg" alt=""/>-->
+<!--<a title="" class="dark-theme">DARK</a>-->
+<!--</div>-->
+<!--<a title="" class="gradient-theme-btn">GRADIENT THEME</a>-->
+<!--</div>-->
+<!--</div>-->
+<script type='text/javascript'>
+    /*$(window).load(function () {
+     $('#loading').show();
+     });*/
+    $(document).ready(function () {
+        $.ajaxSetup({
+            headers: {
+                'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
+            }
+        });
+        <%= yield :body_scripts_on_document_ready %>
+        attachDynamicEvents(".chzn-select");
+        attachToAllAfterAjax();
+//        $('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 getPartialHtmlWithAjax(url, method, parameters) {
+        makeAjaxCall(url, {
+            method: method,
+            dataType: 'html',
+            data: parameters,
+            success: function (data) {
+                History.pushState(null, url, url);
+                $('#page_data_content').html(data);
+                attachToAllAfterAjax();
+                scrollTo($('#page_data_content'));
+            },
+            complete: function (xhr, textStatus) {
+                if (xhr.status == 302) {
+                    getPartialHtmlWithAjax(url, method, parameters);
+                }
+            },
+            error: function () {
+                showFancyMessage("Error of Loading Edit Page with Ajax");
+            }
+        });
+    }
+    function attachToAllAfterAjax() {
+        $('.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[control-type='autocomplete-with-id']"]);
+        attachDatePicker("input.date-picker");
+        attachChosenSelect("select.chzn-select");
+        attachSwitchButtons("input[type='checkbox'].switch-button");
+        managementAttachDragables("div.items-management-url", "#items-management-tray", "#items-management-gallery");
+        attachToSortableTray("ul#sorting-management-tray");
+        attachModalDialogs("a[link-target='modal_dialog']");
+        //attachTaggable(".taggable");
+        //attachImageUploader();
+        //attachFileUploader();
+        attachImagePicker(".image-picker");
+        myNotificationMessages = ['.notifications-info', '.notifications-warning', '.notifications-error', '.notifications-success'];
+        notifications_hideAllMessages();
+        notifications_showInfo();
+        notifications_showError();
+        notifications_showSuccess();
+        notifications_showWarning();
+    }
+    function attachSwitchButtons(selectors) {
+        $.each(normalizeSelectorsToArray(selectors), function (index, sel) {
+            $(sel).each(function () {
+                $(this).switchButton({
+                    on_label: 'yes',
+                    off_label: 'no',
+                    width: 100,
+                    height: 40,
+                    button_width: 50
+                });
+            });
+        });
+    }
+    // Attaching autocomplete_with_id for hidden inputs with selectors
+    //  control is rendered in ::KirguduBase::FormBuilder
+    function attachAutocomplete(selectors) {
+        $.each(normalizeSelectorsToArray(selectors), function (index, sel) {
+//                    console.log('Selector ' + sel);
+//                    console.log('Selected Objects ' + $(sel));
+            $(sel).each(function () {
+                var options = {
+                    css_text_container: "form-control"
+                };
+                options["value-property"] = $(this).attr("value-property");
+                options["id-property"] = $(this).attr("id-property");
+                $(this).autocompleteWithId(options);
+            });
+        });
+    }
+    function attachDatePicker(selectors) {
+        $.each(normalizeSelectorsToArray(selectors), 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: '<%= ::Admin::Common::ImagesController.to_url_for(: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: '/admin/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: '/admin/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: '/admin/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: '/admin/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: '/admin/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:
+//            // onUploadComplete : function(file) {
+//            //   alert(file);
+//            // }
+            onUploadStart: function (file) {
+                //alert("Selected Category Tag: " + $("#core_common_image_category_tag :selected").val());
+                uploadify_script_data['category_tag'] = $("#core_common_image_category_tag :selected").val();
+                $('#uploadify').uploadify('settings', 'formData', uploadify_script_data);
+            }
+        });
+    }
+    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 attachChosenSelect(selectors) {
+//        $.each(normalizeSelectorsToArray(selectors), 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).change(function () {
+//
+//                //attachDynamicEventsToControl(this);
+//
+//                var selector = $(this);
+//                var datasource_url = selector.attr('child-datasource');
+//                var child_control = $('#' + selector.attr('child-id'));
+//                var new_value = selector.attr('value');
+//                //alert('Selector: ' + selector);
+//                //alert('Datasource Url: ' + datasource_url);
+//
+//
+//                if (new_value == "") {
+//                    child_control.attr('disabled', "disabled");
+//                    $('#' + selector.attr('child-id') + ' option:gt(0)').remove();
+//                    child_control.trigger("liszt:updated");
+//                    return;
+//                }
+//
+//                var parent_for_child = child_control;
+//                var child_of_child = null;
+//                while (true) {
+//                    if (parent_for_child.attr('child-id') != null) {
+//                        child_of_child = $('#' + parent_for_child.attr('child-id'));
+//                        if (child_of_child == null || child_of_child == undefined) break;
+//                        child_of_child.attr('disabled', "disabled");
+//                        $('#' + parent_for_child.attr('child-id') + ' option:gt(0)').remove();
+//                        child_of_child.trigger("liszt:updated");
+//                        parent_for_child = child_of_child;
+//                    }
+//                    else {
+//                        break;
+//                    }
+//                }
+//
+//                makeAjaxCall(datasource_url, {
+//                    method: 'get',
+//                    dataType: 'json',
+//                    data: {parent_id: new_value},
+//                    success: function (data) {
+//                        child_control.removeAttr('disabled');
+//                        $('#' + selector.attr('child-id') + ' option:gt(0)').remove();
+//                        $.each(data, function (index, entry) {
+//                            child_control.append("<option value='" + entry.id + "'>" + entry.name + "</option>");
+//                        });
+//                        child_control.trigger("liszt:updated");
+//                    },
+//                    error: function (response) {
+//                        //alert("Response Code: " + response.status);
+//                        showFancyMessage("Failed to Retrive Data from Source");
+//                    }
+//
+//                });
+//
+//
+//            });
+//
+////            $(sel).chosen({
+////                disable_search_threshold: 10,
+////                allow_single_deselect: true
+////            });
+//        });
+    }
+    function attachModalDialogs(selectors) {
+        $.each(normalizeSelectorsToArray(selectors), function (index, sel) {
+            $(sel).colorbox();
+//            .click(function () {
+//                $(this).colorbox();
+//
+//                return false;
+//            });
+        });
+    }
+    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);
+//                                attachToAllAfterAjax();
+//                                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);
+                }
+                attachToAllAfterAjax();
+                scrollTo($('#page_data_content'));
+            },
+            error: function () {
+                showFancyMessage("<%= I18n.t("admin.shared.messages.error_ajax_load") %>");
+            }
+        });
+    }
+    function attachToSubmitForm(selectors) {
+        var new_selectors = normalizeSelectorsToArray(selectors);
+        $.each(new_selectors, function (index, sel) {
+            var form_2_submit = $(sel);
+            //alert("Form URL: " + url + ", Form Method: " + method);
+            form_2_submit.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
+                form_data = serializeToJson($(this));
+                form_data['layout'] = false;
+                //alert("Form Serialized Data: " + form_data);
+                //alert('Edit Button Url: ' + url);
+                makeAjaxCall(url, {
+                    method: method,
+                    dataType: 'html',
+                    data: form_data,
+                    success: function (data) {
+                        History.pushState(null, null, url);
+                        $('#page_data_content').html(data);
+                        attachToAllAfterAjax();
+                        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 == <%= ::ChupakabraTools::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 == <%= ::ChupakabraTools::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>
+</body>
+<!-- Body -->
+</html>
+<!-- Html -->