it-logica-application-backbone 1.1.8 → 1.2.0

data/app/assets/javascripts/backbone_js/ladas_table_builder.js.coffee

@@ -45,7 +45,7 @@ class TableBuilder
             summarize_page += if col.summarize_page_label? then col.summarize_page_label else ''
             summarize_page += '<span class="value">'
             summarize_page += if col.summarize_page_value? then col.summarize_page_value else 0
-            summarize_pagel += '</span>'
+            summarize_page += '</span>'
             summarize_page += '</div>'
 
           summarize_page += '</td>'

data/app/assets/stylesheets/backbone_css/bootstrap_modal.css

@@ -0,0 +1,139 @@
+/*!
+ * Bootstrap v2.2.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.clearfix:after {
+  clear: both;
+}
+.hide-text {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000000;
+}
+.modal-backdrop.fade {
+  opacity: 0;
+}
+.modal-backdrop,
+.modal-backdrop.fade.in {
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+.modal {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: 1050;
+  width: 560px;
+  margin: -250px 0 0 -280px;
+  background-color: #ffffff;
+  border: 1px solid #999;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  *border: 1px solid #999;
+  /* IE6-7 */
+
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding-box;
+  background-clip: padding-box;
+  outline: none;
+}
+.modal.fade {
+  -webkit-transition: opacity .3s linear, top .3s ease-out;
+  -moz-transition: opacity .3s linear, top .3s ease-out;
+  -o-transition: opacity .3s linear, top .3s ease-out;
+  transition: opacity .3s linear, top .3s ease-out;
+  top: -25%;
+}
+.modal.fade.in {
+  top: 50%;
+}
+.modal-header {
+  padding: 9px 15px;
+  border-bottom: 1px solid #eee;
+}
+.modal-header .close {
+  margin-top: 2px;
+}
+.modal-header h3 {
+  margin: 0;
+  line-height: 30px;
+}
+.modal-body {
+  overflow-y: auto;
+  max-height: 400px;
+  padding: 15px;
+}
+.modal-form {
+  margin-bottom: 0;
+}
+.modal-footer {
+  padding: 14px 15px 15px;
+  margin-bottom: 0;
+  text-align: right;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  -webkit-border-radius: 0 0 6px 6px;
+  -moz-border-radius: 0 0 6px 6px;
+  border-radius: 0 0 6px 6px;
+  -webkit-box-shadow: inset 0 1px 0 #ffffff;
+  -moz-box-shadow: inset 0 1px 0 #ffffff;
+  box-shadow: inset 0 1px 0 #ffffff;
+  *zoom: 1;
+}
+.modal-footer:before,
+.modal-footer:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.modal-footer:after {
+  clear: both;
+}
+.modal-footer .btn + .btn {
+  margin-left: 5px;
+  margin-bottom: 0;
+}
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}

data/app/assets/stylesheets/backbone_css/design.css

@@ -35,7 +35,7 @@
 .dataGrid table tr td:first-child, .dataGrid table tr th:first-child {border-left: 0;}
 .dataGrid table tr td:last-child, .dataGrid table tr th:last-child {border-right: 0;}
 .dataGrid table thead th, .dataGrid table tfoot td {background: #f5f3ef;}
-.dataGrid table tbody tr:hover td {background: #f1fadf !important;}
+/*.dataGrid table tbody tr:hover td {background: #f1fadf !important;}*/
 .dataGrid table tbody tr.checked td {background: #faf9f8;}
 .dataGrid table tbody tr td .btn {margin: 0 !important;}
 .dataGrid table thead th {text-align: left;width: 115px;}

data/app/assets/stylesheets/backbone_css/editable_tables.css.scss

@@ -0,0 +1,108 @@
+
+.detachedTableContainer th, .detachedTableContainer td, .scrollTargetContainter th, .scrollTargetContainter td {
+  padding: 2px !important;
+  border: 1px solid #CCC !important;
+  margin: 0px;;
+}
+
+.centerContainer .detachedTableContainer {
+  width: 1016px;
+}
+
+.centerContainer .scrollTargetContainter {
+  width: 1000px;
+  overflow: hidden;
+}
+
+.centerContainer .detachedTableContainer, {
+  overflow: auto;
+  height: 616px;
+}
+
+.detachedTableContainer, .fixed_left_column .scrollTargetContainter {
+  overflow: hidden;
+  overflow-y: hidden;
+  height: 600px;
+
+}
+
+.fixedLeftColumn table {
+  border-right: 5px solid #CCC !important;
+  width: 100px;
+}
+
+/* table cells must have same properties */
+
+//.scrollTargetContainter .headcol, .detachedTableContainer .headcol {
+//  position: absolute;
+//  //width: 5em;
+//  left: 0;
+//  top: auto;
+//  border-right: 0px none black;
+//  border-top-width: 3px;
+//  margin-top: -3px;
+//}
+
+.editable_cell {
+  cursor: pointer;
+}
+
+.no_hover .table tbody tr:hover td,
+.no_hover .table tbody tr:hover th {
+  //background-color: transparent !important;
+  background-color: inherit;
+}
+
+label.mini_color_box {
+  width: 15px;
+  height: 15px;
+  display: inline-block;
+  cursor: pointer;
+}
+
+span.mini_color_box {
+  //width: 25px;
+  //height: 25px;
+  display: inline-block;
+  margin: 1px;
+}
+
+label.mini_color_box_blank {
+  width: 100px;
+  border: 2px solid #CCC;
+  vertical-align: center;
+  text-align: center;
+  padding-top: 5px;
+}
+
+label.mini_color_box.active {
+  border: 6px solid #05e876;
+  width: 13px;
+  height: 13px;
+}
+label.mini_color_box_blank.active {
+  width: 100px;
+  height: 20px;
+}
+
+span.mini_color_cell {
+   display: inline-block;
+   width: 20px;
+   height: 20px;
+}
+
+
+
+/* tabbulka bude mit fixni vysku radku, prepocinani s 500 polozkama trva moc doulho */
+/* !!!!! proste se do ni nesmi rvat nic vetsiho */
+.editable_table tbody tr {
+  height: 25px;
+  max-height: 25px;
+  min-height: 25px;
+}
+
+.editable_table table .btn {
+  padding: 0px;
+  margin: 0px;
+  margin-right: 2px;
+}

data/app/views/helpers/editable_table/_build_ajax_callback_code.html.erb

@@ -0,0 +1,3 @@
+<script type="text/javascript">
+    connect_callback_to_form('<%= caller_id %>');
+</script>

data/app/views/helpers/editable_table/_build_table.html.erb

@@ -0,0 +1,128 @@
+<div class="page">
+  <%= render :partial => "/helpers/editable_table/build_table_text_description", :locals => {:settings => settings} %>
+</div>
+<% if settings[:display_method]=="print_by_checkboxes" %>
+    <div class="print-window-buttons" style="float:right">
+      <a class="print_page_functionality print-window-print-dialog-button" href="" onclick="window.print()">
+        <i class="icon-print"></i>Tisknout</a>
+      <a class="print_page_functionality print-window-close-button" href="" onclick="window.close();">
+        <i class="icon-remove"></i>Zavřít</a>
+    </div>
+    <div style="clear:both"></div>
+
+<% end %>
+
+<% if settings[:display_method].blank? %>
+    <div class="tabs">
+      <%= yield :table_form_tabs %>
+
+      <div class="info">
+
+
+        <% if settings[:checkboxes] %>
+    <span>Vybráno: <strong>
+      <span title="Počet označených řádků na všech stránkách" id="<%= settings[:form_id]+ "_active_checkboxes_count" %>">
+                                         <%= !settings[:params]["checkbox_pool"].blank? ? settings[:params]["checkbox_pool"].split(",").count : 0 %>
+                                       </span>
+    </strong>
+    </span>
+
+
+        <% end %>
+
+        <% if settings[:display_method].blank? %>
+            <% if settings[:checkboxes] %>
+                <script type="text/javascript">
+                    function submit_in_new_window(form_id) {
+                        var form_original = $("#" + form_id);
+
+                        // create new form by cloning without events
+                        var form = form_original.clone(false)
+
+                        // disabling ajax
+                        form.removeAttr("data-remote");
+
+                        form.attr("target", "_blank");
+                        form.attr("action", form_original.attr("action"));
+                        form.attr("style", "display: none;");
+
+                        // need to append it to browser html, otherwise it wont send in many browsers (with clone it works only with chrome)
+                        form_original.after(form);
+
+                        //Create an input type dynamically.
+                        var element = document.createElement("input");
+
+                        //Assign different attributes to the element.
+                        element.setAttribute("type", "hidden");
+                        element.setAttribute("value", "print_by_checkboxes");
+                        element.setAttribute("name", "___display_method___");
+
+                        //Append the element in form
+                        form.append(element);
+
+                        form.submit();
+                        form.remove();
+                    }
+
+                </script>
+                <a href="#" class="btn" onclick="submit_in_new_window('<%= settings[:form_id] %>'); return false;"><i class="icon-print"></i>&nbsp;
+                  Tisknout výběr</a>
+            <% end %>
+        <% end %>
+      </div>
+    </div>
+<% end %>
+<%= form_tag settings[:filter_path], :html => {:'data-type' => 'html'}, :method => 'POST', :class => 'well dataGrid no_hover editable_table', :remote => true, :id => settings[:form_id] do |f| %>
+    <% if settings[:display_method].blank? %>
+        <% if content_for?(:table_form) %>
+            <%= yield :table_form %>
+        <% end %>
+    <% end %>
+
+    <fieldset>
+      <%= render :partial => "/helpers/editable_table/build_table_filter", :locals => {:settings => settings} %>
+
+      <% if settings[:display_method].blank? %>
+          <% unless settings[:per_page].blank? %>
+                                <span class="select_for_per_page" style="float: right">Zobrazit na stránku: <%= select_tag("per_page_chosen", options_for_select(settings[:per_page], settings[:params]['per_page'].to_i),
+                                                                                                                           :onchange => "form_submit_watcher('#{settings[:form_id]}')",
+                                                                                                                           :class => "") %></span>
+          <% end %>
+
+          <div class="<%= settings[:form_id] + '_ajax_pager' %>">
+            <%= render :partial => 'helpers/editable_table/build_table_pager', :locals => {:settings => settings, :placement => "placement-up"} %>
+          </div>
+
+      <% end %>
+
+      <%= render :partial => "/helpers/editable_table/build_table_wrapper", :locals => {:settings => settings} %>
+
+      <% if settings[:display_method].blank? %>
+          <div class="<%= settings[:form_id] + '_ajax_pager' %>">
+            <%= render :partial => 'helpers/editable_table/build_table_pager', :locals => {:settings => settings, :placement => "placement-down"} %>
+          </div>
+      <% end %>
+    </fieldset>
+<% end %>
+
+
+
+<div id="modal_cell_editing" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <!--<div class="modal-header">-->
+  <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
+  <!--<h3 id="myModalLabel">Modal header</h3>-->
+  <!--</div>-->
+  <!--<div class="modal-body">-->
+  <!--<p>One fine body…</p>-->
+  <!--</div>-->
+  <!--<div class="modal-footer">-->
+  <!--<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>-->
+  <!--<button class="btn btn-primary">Save changes</button>-->
+  <!--</div>-->
+</div>
+<script type="text/javascript">
+    EditableTableModalDialog.init('modal_cell_editing')
+</script>
+
+
+

data/app/views/helpers/editable_table/_build_table_data.html.erb

@@ -0,0 +1,14 @@
+<% settings[:data].each do |row| %>
+    <tr class="<%= cycle('list-line-odd', 'list-line-even') %>">
+      <td class="sortdiv_td">
+        <%#= link_to t('edit'), {:controller => :users_rights, :action => :edit, :id => item.id}, :class => "icon modify" %>
+        <%#= link_to(t('delete'), {:controller => :users_rights, :action => :delete, :id => item.id}, :confirm => 'Are you sure you want to delete this user?', :title => 'Delete', :method => :delete) -%>
+      </td>
+      <% settings[:columns].each do |col| %>
+          <td class="sortdiv_td">
+            <%= row.send(col[:name]) %>
+          </td>
+      <% end %>
+    </tr>
+<% end %>
+

data/app/views/helpers/editable_table/_build_table_filter.html.erb

@@ -0,0 +1,70 @@
+<%#= form_tag settings[:filter_path], :html => {:'data-type' => 'html'}, :method => 'POST', :class => 'forms', :remote => true,:id => settings[:form_id] do |f| %>
+<fieldset>
+  <%#= label_tag :find, "Hledat" %>
+  <%#= text_field_tag :find, settings[:default][:find], {:class => 'text', :id => settings[:form_id] + "_live_search"} %>
+  <%#= submit_tag "Filter",{:class => 'button'} %>
+</fieldset>
+
+<%= hidden_field_tag :checkbox_pool, (settings[:params].blank? || settings[:params][:checkbox_pool].blank?)? "" : settings[:params][:checkbox_pool], :id => settings[:form_id] + '_checkbox_pool' %>
+
+<%= hidden_field_tag :default_order_by, settings[:default][:order].blank? ? settings[:default][:order_by] + " " + settings[:default][:order_by_direction] : settings[:default][:order], :id => settings[:form_id] + '_default_order_by' %>
+<%= hidden_field_tag :order_by, settings[:params][:order_by], :id => settings[:form_id] + '_order_by' %>
+<%#= hidden_field_tag :order_by_direction, settings[:default][:order_by_direction], :id => settings[:form_id] + '_order_by_direction' %>
+<%= hidden_field_tag :page, settings[:default][:page], :id => settings[:form_id] + '_page' %>
+
+<%# end %>
+
+<%#= javascript_include_tag '/assets/backbone_js/tmpl.min.js' %>
+<script type="text/javascript">
+    $(document).ready(function () {
+        <% if settings[:template].blank? %>
+        ladas_loading_show();
+        var initial_parsed_data = jQuery.parseJSON('<%= j settings.to_json.html_safe %>');
+        var html_from_json = EditableTableBuilder.render_tbody(initial_parsed_data);
+        TableSummaries.refresh(initial_parsed_data);
+
+        $("#<%= settings[:form_id] %>_ajax_content").html(html_from_json);
+        apply_modifiers_of_the_table($("#<%= settings[:form_id] %>_ajax_content"));
+        EditableTableAligner.align_table(initial_parsed_data, false);
+        ladas_loading_hide();
+        <% end %>
+        formatLinkForPaginationURL('<%= settings[:form_id] %>');
+        FilterChangeMarker.mark_active_filters('<%= settings[:form_id] %>');
+
+
+        $("#<%= settings[:form_id] %>")
+                .live("ajax:beforeSend", function (evt, xhr, settings) {
+                    ladas_loading_show();
+                })
+                .live("ajax:complete", function (evt, xhr, status) {
+                    var parsed_response = jQuery.parseJSON(xhr.responseText);
+
+                    //console.log(xhr.responseText)
+                    //console.log(parsed_response);
+                    //console.log(parsed_response['settings']);
+                    $(".<%= settings[:form_id] %>_ajax_pager").html(parsed_response['paginate']);
+
+                    //console.log(ladas_build_table('template-ajax-table', parsed_response));
+                    <% if settings[:template].blank? %>
+                    var parsed_settings = jQuery.parseJSON(parsed_response['settings'])
+                    var html_from_json = EditableTableBuilder.render_tbody(parsed_settings);
+                    console.log("created")
+                    TableSummaries.refresh(parsed_settings);
+                    console.log("summaries")
+
+                    $("#<%= settings[:form_id] %>_ajax_content").html(html_from_json);
+                    apply_modifiers_of_the_table($("#<%= settings[:form_id] %>_ajax_content"));
+                    EditableTableAligner.align_table(parsed_settings, true);
+                    console.log("aligned")
+
+                    <% else %>
+                    var raw_html = parsed_response['settings']
+                    $("#<%= settings[:form_id] %>_ajax_content").html(raw_html);
+                    <% end %>
+
+                    ladas_loading_hide();
+                    formatLinkForPaginationURL('<%= settings[:form_id] %>');
+                })
+    });
+</script>
+