it-logica-application-backbone 1.1.8 → 1.2.0

data/VERSION

@@ -1 +1 @@
-1.1.8
+1.2.0

data/app/assets/javascripts/backbone_js/bootstrap_modal.js

@@ -0,0 +1,234 @@
+/* =========================================================
+ * bootstrap-modal.js v2.2.1
+ * http://twitter.github.com/bootstrap/javascript.html#modals
+ * =========================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================= */
+
+
+!function ($) {
+
+  "use strict"; // jshint ;_;
+
+
+ /* MODAL CLASS DEFINITION
+  * ====================== */
+
+  var Modal = function (element, options) {
+    this.options = options
+    this.$element = $(element)
+      .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
+    this.options.remote && this.$element.find('.modal-body').load(this.options.remote)
+  }
+
+  Modal.prototype = {
+
+      constructor: Modal
+
+    , toggle: function () {
+        return this[!this.isShown ? 'show' : 'hide']()
+      }
+
+    , show: function () {
+        var that = this
+          , e = $.Event('show')
+
+        this.$element.trigger(e)
+
+        if (this.isShown || e.isDefaultPrevented()) return
+
+        this.isShown = true
+
+        this.escape()
+
+        this.backdrop(function () {
+          var transition = $.support.transition && that.$element.hasClass('fade')
+
+          if (!that.$element.parent().length) {
+            that.$element.appendTo(document.body) //don't move modals dom position
+          }
+
+          that.$element
+            .show()
+
+          if (transition) {
+            that.$element[0].offsetWidth // force reflow
+          }
+
+          that.$element
+            .addClass('in')
+            .attr('aria-hidden', false)
+
+          that.enforceFocus()
+
+          transition ?
+            that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) :
+            that.$element.focus().trigger('shown')
+
+        })
+      }
+
+    , hide: function (e) {
+        e && e.preventDefault()
+
+        var that = this
+
+        e = $.Event('hide')
+
+        this.$element.trigger(e)
+
+        if (!this.isShown || e.isDefaultPrevented()) return
+
+        this.isShown = false
+
+        this.escape()
+
+        $(document).off('focusin.modal')
+
+        this.$element
+          .removeClass('in')
+          .attr('aria-hidden', true)
+
+        $.support.transition && this.$element.hasClass('fade') ?
+          this.hideWithTransition() :
+          this.hideModal()
+      }
+
+    , enforceFocus: function () {
+        var that = this
+        $(document).on('focusin.modal', function (e) {
+          if (that.$element[0] !== e.target && !that.$element.has(e.target).length) {
+            that.$element.focus()
+          }
+        })
+      }
+
+    , escape: function () {
+        var that = this
+        if (this.isShown && this.options.keyboard) {
+          this.$element.on('keyup.dismiss.modal', function ( e ) {
+            e.which == 27 && that.hide()
+          })
+        } else if (!this.isShown) {
+          this.$element.off('keyup.dismiss.modal')
+        }
+      }
+
+    , hideWithTransition: function () {
+        var that = this
+          , timeout = setTimeout(function () {
+              that.$element.off($.support.transition.end)
+              that.hideModal()
+            }, 500)
+
+        this.$element.one($.support.transition.end, function () {
+          clearTimeout(timeout)
+          that.hideModal()
+        })
+      }
+
+    , hideModal: function (that) {
+        this.$element
+          .hide()
+          .trigger('hidden')
+
+        this.backdrop()
+      }
+
+    , removeBackdrop: function () {
+        this.$backdrop.remove()
+        this.$backdrop = null
+      }
+
+    , backdrop: function (callback) {
+        var that = this
+          , animate = this.$element.hasClass('fade') ? 'fade' : ''
+
+        if (this.isShown && this.options.backdrop) {
+          var doAnimate = $.support.transition && animate
+
+          this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
+            .appendTo(document.body)
+
+          this.$backdrop.click(
+            this.options.backdrop == 'static' ?
+              $.proxy(this.$element[0].focus, this.$element[0])
+            : $.proxy(this.hide, this)
+          )
+
+          if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
+
+          this.$backdrop.addClass('in')
+
+          doAnimate ?
+            this.$backdrop.one($.support.transition.end, callback) :
+            callback()
+
+        } else if (!this.isShown && this.$backdrop) {
+          this.$backdrop.removeClass('in')
+
+          $.support.transition && this.$element.hasClass('fade')?
+            this.$backdrop.one($.support.transition.end, $.proxy(this.removeBackdrop, this)) :
+            this.removeBackdrop()
+
+        } else if (callback) {
+          callback()
+        }
+      }
+  }
+
+
+ /* MODAL PLUGIN DEFINITION
+  * ======================= */
+
+  $.fn.modal = function (option) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('modal')
+        , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option)
+      if (!data) $this.data('modal', (data = new Modal(this, options)))
+      if (typeof option == 'string') data[option]()
+      else if (options.show) data.show()
+    })
+  }
+
+  $.fn.modal.defaults = {
+      backdrop: true
+    , keyboard: true
+    , show: true
+  }
+
+  $.fn.modal.Constructor = Modal
+
+
+ /* MODAL DATA-API
+  * ============== */
+
+  $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
+    var $this = $(this)
+      , href = $this.attr('href')
+      , $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7
+      , option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data())
+
+    e.preventDefault()
+
+    $target
+      .modal(option)
+      .one('hide', function () {
+        $this.focus()
+      })
+  })
+
+}(window.jQuery);

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

@@ -22,7 +22,7 @@ class Breadcrumbs
     title_suffix = Breadcrumbs.load_title_suffix(title_suffix)
 
 
-    $('a[data-breadcrumb-id],li[data-breadcrumb-id]').each (index, element) =>
+    $('a[data-breadcrumb-id],li[data-breadcrumb-id],a[data-tree-breadcrumb-id],li[data-tree-breadcrumb-id]').each (index, element) =>
       $(element).removeClass('active')
 
     array_of_breadcrubm_texts = Array()
@@ -67,11 +67,24 @@ class Breadcrumbs
       else
         found.addClass('active')
 
-  @make_finding_string: (val) ->
+    # and for one level menus
+    finding_string = Breadcrumbs.make_finding_string_for_one_lvl_menu(val)
+    #console.log $(finding_string)
+    found = $(finding_string)
+    if found
+      found.addClass('active')
+
+
+  @make_finding_string_for_one_lvl_menu: (val) ->
     finding_string = "li[data-breadcrumb-id='" + val + "']"
     finding_string += ",a[data-breadcrumb-id='" + val + "']"
     return finding_string
 
+  @make_finding_string: (val) ->
+    finding_string = "li[data-tree-breadcrumb-id='" + val + "']"
+    finding_string += ",a[data-tree-breadcrumb-id='" + val + "']"
+    return finding_string
+
   @change_document_title: (title_prefix,suffix, val) ->
     $(document).attr('title', title_prefix + val + suffix);
 

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

@@ -0,0 +1,243 @@
+class EditableTableAligner
+  @align_table: (obj, xhr) ->
+    # move colhead class to left column
+    EditableTableAligner.align_static_left_columns(obj, xhr)
+    console.log("left columns moved")
+
+
+    # allowing of paired scrolling
+    EditableTableAligner.paired_left_right_scrolling(obj)
+    console.log("left right scrolling paired")
+    EditableTableAligner.paired_up_down_scrolling(obj)
+    console.log("up down scrolling paired")
+
+
+    # align widths and heights at last after moving all columns
+    # align withs of header and body of table
+    EditableTableAligner.align_widths(obj)
+    console.log("align widths")
+
+
+    # aligning heights of static left or right columns and center content of table
+    EditableTableAligner.align_heights(obj)
+    console.log("align heights")
+
+  @align_after_rows_update: (obj) ->
+    # move colhead class to left column
+    EditableTableAligner.align_static_left_columns_after_row_update(obj)
+    console.log("left columns moved")
+
+    # align widths and heights at last after moving all columns
+    # align withs of header and body of table
+    EditableTableAligner.align_widths(obj)
+    console.log("roew align widths")
+    # aligning heights of static left or right columns and center content of table
+    EditableTableAligner.align_heights(obj)
+    console.log("roew align heights")
+
+  #########################
+  ### private methods #########
+  ##############################
+
+  @align_widths: (obj) ->
+    # going trough headers th
+#    console.log($("#" + obj.form_id).find('td[data-width-align-id]'))
+
+    $("#" + obj.form_id).find('th[data-width-align-id]').each (index, element) =>
+
+      # loading paired td and th
+      th = $(element)
+
+      # id of paired th and td elements
+      width_align_id = th.data("width-align-id")
+
+      td = $("#" + obj.form_id).find('td[data-width-align-id="' + width_align_id + '"]').first()
+
+      #careful delete one by one, or scrolling will be lost
+      # have to delete it from elements, otherwise the width would increase (alwazs adding padding nad vbroder to outerWidth)
+      th.css({
+      'min-width': "",
+      'max-width': ""
+      })
+
+      td.css({
+      'min-width': "",
+      'max-width': ""
+      })
+
+
+      # determining max width
+      th_width = th.outerWidth()
+      td_width = td.outerWidth()
+
+
+      if th_width > td_width
+        max_width = th_width
+      else
+        max_width = td_width
+
+
+      # setting max width
+      th.css({
+      'min-width': max_width,
+      'max-width': max_width
+      })
+
+      td.css({
+      'min-width': max_width,
+      'max-width': max_width
+      })
+
+
+    return
+
+  @paired_left_right_scrolling: (obj) ->
+    #scrolling of head must affect body and vice versa
+    head = $("#" + obj.form_id).find(".centerContainer .scrollTargetContainter").first()
+    body = $("#" + obj.form_id).find(".centerContainer .detachedTableContainer").first()
+
+    EditableTableAligner.side_scroll(head, body)
+    EditableTableAligner.side_scroll(body, head)
+
+
+  @side_scroll: (source, target) ->
+    $(source).scroll ->
+      target.scrollLeft(parseInt(source.scrollLeft()))
+
+
+
+  @paired_up_down_scrolling: (obj) ->
+    #scrolling of head must affect body and vice versa
+    center_body = $("#" + obj.form_id).find(".centerContainer .detachedTableContainer").first()
+    fixed_left_column_body = $("#" + obj.form_id).find(".fixedLeftColumn .detachedTableContainer").first()
+
+
+    EditableTableAligner.scroll(center_body, fixed_left_column_body)
+    EditableTableAligner.scroll(fixed_left_column_body, center_body)
+
+  @scroll: (source, target) ->
+    $(source).scroll ->
+      target.scrollTop(parseInt(source.scrollTop()))
+
+
+  @align_static_left_columns: (obj, xhr) ->
+    orig_head = $("#" + obj.form_id).find('.centerContainer .scrollTargetContainter')
+    head  = $("#" + obj.form_id).find(".fixedLeftColumn .table_head thead")
+    # first clear the head, but only if not by XHR, head is not sent by ajax
+
+    console.log(xhr)
+    if xhr? && !xhr
+      head.html("")
+      # then fill it with actual data
+      orig_head.find("thead tr").each (index, element) =>
+        EditableTableAligner.move_cell_to_static_column(element, head)
+
+      # can delete orid headcols when I duplicated them, otherwise the height info is wrong
+      #$(orig_head).find(".headcol").remove()
+
+
+    orig_body =  $("#" + obj.form_id).find('.centerContainer .detachedTableContainer')
+    body  = $("#" + obj.form_id).find(".fixedLeftColumn .table_body tbody")
+    # first clear the body
+    body.html("")
+    # then fill it with actual data
+    orig_body.find("tr").each (index, element) =>
+      EditableTableAligner.move_cell_to_static_column(element, body)
+
+  # can delete orid headcols when I duplicated them, otherwise the height info is wrong
+  #$(orig_body).find(".headcol").remove()
+
+  @align_heights: (obj) ->
+    ##################### !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!11
+    ###################### omezim je na thead, tbody bude mit fixni vysku sloupcu, prepocinani s 500 radky, trva strasne dlouho
+    #$("#" + obj.form_id).find('.fixedLeftColumn tr').each (index, element) =>
+
+    $("#" + obj.form_id).find('.fixedLeftColumn thead tr').each (index, element) =>
+
+      # loading paired tr of left column and right
+      tr_left = $(element)
+
+      # id of paired th and td elements
+      height_align_id = tr_left.data("row-count-number")
+
+      tr_center = $("#" + obj.form_id).find('.centerContainer tr[data-row-count-number="' + height_align_id + '"]').first()
+
+      # carefull delete of height line by line, or scrolling will be lost
+      # have to delete it from headers first, as it is not sent by ajax, othewwise it will increase with each ajax reload
+      tr_left.css({
+      'height': "",
+      })
+      tr_center.css({
+      'height': "",
+      })
+
+      # determining max width
+      td_left_height = tr_left.outerHeight()
+      td_center_height = tr_center.outerHeight()
+
+      if td_left_height > td_center_height
+        max_height = td_left_height
+      else
+        max_height = td_center_height
+
+
+      # setting max width
+      tr_left.css({
+      'height': max_height,
+      })
+
+      tr_center.css({
+      'height': max_height,
+      })
+
+  @move_cell_to_static_column: (element, body) ->
+    tr_element = $(element).clone()
+    tr_element.html("")
+
+
+    $(element).find('.headcol').each (i, e) =>
+      orig_element = $(e)
+
+      tr_element.append(orig_element)
+
+    # remove it from old table
+    #$(orig_element).remove()
+
+    body.append(tr_element)
+
+
+  @align_static_left_columns_after_row_update: (obj) ->
+    orig_body =  $("#" + obj.form_id).find('.centerContainer .detachedTableContainer')
+
+    # going trough all tr, and then filtering nlz by those who has head col, that means they were updated
+    #orig_body.find("tr").each (index, element) =>
+    # noooo going through only updated tr
+    for row in EditableTableBuilder.obj.data
+      do (row) ->
+        element = $("#" + obj.form_id).find('.centerContainer tr[data-row-id="' + row.row_id + '"]')
+        # finding destination row from orig row
+        destination_row_id  = $(element).data("row-count-number")
+        destination_row  = $("#" + obj.form_id).find('.fixedLeftColumn tr[data-row-count-number="' + destination_row_id + '"]')
+
+
+        EditableTableAligner.move_cells_to_static_rows(element, destination_row)
+
+  @move_cells_to_static_rows: (element, destination_row) ->
+    if $(element).find('.headcol').length > 0
+      # first clear the row before updating row
+      destination_row.html("")
+
+      $(element).find('.headcol').each (i, e) =>
+        orig_element = $(e)
+
+        destination_row.append(orig_element)
+
+      # have copy colors of the center table to left column
+      $(destination_row).attr("style", $(element).attr("style"))
+
+window.EditableTableAligner = EditableTableAligner
+
+
+
+
+