Add reactive to mileage entry page

2012-12-15 20:38:51 -05:00
parent 260118ff90
commit 19705f8f38
26 changed files with 692 additions and 259 deletions
@@ -1,4 +1,4 @@
-$(function () {
+$(function () {
    $("tbody > tr:odd").addClass("odd");
    $("input:submit, .ui-button").button();
    $("input#Date").datepicker({ maxDate: '+0d' });
@@ -61,7 +61,7 @@
    if ($("input#EmployeeName").length > 0) {

        $("input#EmployeeName")
-            .after('<span id="icon-employee-history"  class="add-on"><i class="icon-search" /></span>')
+            .after('<span id="icon-employee-history" class="add-on"><i class="icon-search" /></span>')
            .add('#icon-employee-history')
            .wrapAll('<div class="input-append"></div>');

@@ -100,7 +100,7 @@
            events: {
                show: function(event, api) {
                    $.ajax({
-                        url: "CreateLog/RecentLogs",
+                        url: "/CreateLog/RecentLogs",
                        data: {
                            employeeName: $("input#EmployeeName").val()
                        },
@@ -112,10 +112,39 @@
            }
        });
    }
+});

+$(function() {
+    // Add active class to nav
+    var idNavActiveRegex = { 'log-nav': /\/log/i, 'vehicle-nav': /\/vehicle/i };
+    $.each(idNavActiveRegex, function (id, regex) {
+        if (regex.test(document.URL)) {
+            $("#" + id).addClass('active');
+        }
+    });
+});
+
+$(function () {
+    var textToIcon = {
+        'Edit': 'edit', 
+        'Filter': 'filter',
+        'Details' : 'zoom-in',
+        'Delete': 'trash',
+        'Add': 'plus',
+        'Export': 'download',
+        'Employee Mileage': 'user',
+        'Vehicle Mileage': 'car'
+    };
+    $.each(textToIcon, function(text, icon) {
+        $("a:contains('" + text + "')")
+            .prepend('<i class="icon-' + icon + '" /> ');
+    });
+});
+
+$(function() {
    // Convert MVC3 WebGrid paging to Bootstrap
    var $paging = $('table.table tfoot tr td');
-    
+
    var $currentPage =
        $paging.contents()
            .filter(function () { return this.nodeType == 3 && this.length != 1; });
@@ -126,42 +155,80 @@
        $otherPages.wrap('<li>');
        $('li', $paging).wrapAll('<div class="pagination"><ul>');
    }
-
-    // Add active class to nav
-    var h = { 'log-nav': /\/log/i, 'vehicle-nav': /\/vehicle/i };
-    $.each(h, function(id, regex) {
-        if (regex.test(document.URL)) {
-            $("#" + id).addClass('active');
-        }
-    });
-
-    // add qtip
-    $("a.qtip-modal").each(function () { bindQtipModal($(this)); });
 });

-function bindQtipModal(element) {
+$(function() {
+    // add qtip
+    $("a.qtip-modal").each(function () { bindQtipModal($(this)); });
+    
+    function bindQtipModal(element) {

-    element.click(function () { return false; });
+        element.click(function() { return false; });

-    element.append('&nbsp;<span class="muted">&#9652;</span>');
+        element.append('&nbsp;<span class="muted">&#9652;</span>');

-    element.qtip({
-        content: {
-            ajax: {
-                url: element.attr('href')
+        element.qtip({
+            content: {
+                ajax: {
+                    url: element.attr('href')
+                },
+                text: "<p class=\"loading\">Recent Logs...</p>"
            },
-            text: "<p class=\"loading\">Recent Logs...</p>"
-        },
-        hide: {
-            fixed: true,
-            delay: 500
-        },
-        style: {
-            classes: 'qtip-light qtip-shadow',
-            width: 300
-        },
-        position: {
-            viewport: $(window)
+            hide: {
+                fixed: true,
+                delay: 500
+            },
+            style: {
+                classes: 'qtip-light qtip-shadow',
+                width: 300
+            },
+            position: {
+                viewport: $(window)
+            }
+        });
+    }
+});
+
+/*
+ * Form Validation
+ * This script will set Bootstrap error classes when form.submit is called.
+ * The errors are produced by the MVC unobtrusive validation.
+ */
+$(function () {
+    $('form').submit(function () {
+        $(this).find('div.control-group').each(function () {
+            if ($(this).find('span.field-validation-error').length == 0) {
+                $(this).removeClass('error');
+            }
+        });
+
+        if (!$(this).valid()) {
+            $(this).find('div.control-group').each(function () {
+                if ($(this).find('span.field-validation-error').length > 0) {
+                    $(this).addClass('error');
+                }
+            });
        }
    });
-}
+    $('form').each(function () {
+        $(this).find('div.control-group').each(function () {
+            if ($(this).find('span.field-validation-error').length > 0) {
+                $(this).addClass('error');
+            }
+        });
+    });
+
+    //Update that validator
+    if ($.validator === undefined)
+        return;
+    $.validator.setDefaults({
+        highlight: function (element) {
+            $(element).closest(".control-group").addClass("error");
+        },
+        unhighlight: function (element) {
+            $(element).closest(".control-group").removeClass("error");
+        }
+    });
+});
+
+/* End Form Validation */
@@ -1,5 +1,5 @@
 /* ===================================================
- * bootstrap-transition.js v2.2.1
+ * bootstrap-transition.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#transitions
 * ===================================================
 * Copyright 2012 Twitter, Inc.
@@ -58,7 +58,7 @@
  })

 }(window.jQuery);/* ==========================================================
- * bootstrap-alert.js v2.2.1
+ * bootstrap-alert.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#alerts
 * ==========================================================
 * Copyright 2012 Twitter, Inc.
@@ -127,6 +127,8 @@
 /* ALERT PLUGIN DEFINITION
  * ======================= */

+  var old = $.fn.alert
+
  $.fn.alert = function (option) {
    return this.each(function () {
      var $this = $(this)
@@ -139,13 +141,22 @@
  $.fn.alert.Constructor = Alert


+ /* ALERT NO CONFLICT
+  * ================= */
+
+  $.fn.alert.noConflict = function () {
+    $.fn.alert = old
+    return this
+  }
+
+
 /* ALERT DATA-API
  * ============== */

  $(document).on('click.alert.data-api', dismiss, Alert.prototype.close)

 }(window.jQuery);/* ============================================================
- * bootstrap-button.js v2.2.1
+ * bootstrap-button.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#buttons
 * ============================================================
 * Copyright 2012 Twitter, Inc.
@@ -210,6 +221,8 @@
 /* BUTTON PLUGIN DEFINITION
  * ======================== */

+  var old = $.fn.button
+
  $.fn.button = function (option) {
    return this.each(function () {
      var $this = $(this)
@@ -228,6 +241,15 @@
  $.fn.button.Constructor = Button


+ /* BUTTON NO CONFLICT
+  * ================== */
+
+  $.fn.button.noConflict = function () {
+    $.fn.button = old
+    return this
+  }
+
+
 /* BUTTON DATA-API
  * =============== */

@@ -238,7 +260,7 @@
  })

 }(window.jQuery);/* ==========================================================
- * bootstrap-carousel.js v2.2.1
+ * bootstrap-carousel.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#carousel
 * ==========================================================
 * Copyright 2012 Twitter, Inc.
@@ -268,7 +290,6 @@
  var Carousel = function (element, options) {
    this.$element = $(element)
    this.options = options
-    this.options.slide && this.slide(this.options.slide)
    this.options.pause == 'hover' && this.$element
      .on('mouseenter', $.proxy(this.pause, this))
      .on('mouseleave', $.proxy(this.cycle, this))
@@ -380,6 +401,8 @@
 /* CAROUSEL PLUGIN DEFINITION
  * ========================== */

+  var old = $.fn.carousel
+
  $.fn.carousel = function (option) {
    return this.each(function () {
      var $this = $(this)
@@ -401,6 +424,14 @@
  $.fn.carousel.Constructor = Carousel


+ /* CAROUSEL NO CONFLICT
+  * ==================== */
+
+  $.fn.carousel.noConflict = function () {
+    $.fn.carousel = old
+    return this
+  }
+
 /* CAROUSEL DATA-API
  * ================= */

@@ -413,7 +444,7 @@
  })

 }(window.jQuery);/* =============================================================
- * bootstrap-collapse.js v2.2.1
+ * bootstrap-collapse.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#collapse
 * =============================================================
 * Copyright 2012 Twitter, Inc.
@@ -534,8 +565,10 @@
  }


- /* COLLAPSIBLE PLUGIN DEFINITION
-  * ============================== */
+ /* COLLAPSE PLUGIN DEFINITION
+  * ========================== */
+
+  var old = $.fn.collapse

  $.fn.collapse = function (option) {
    return this.each(function () {
@@ -554,9 +587,18 @@
  $.fn.collapse.Constructor = Collapse


- /* COLLAPSIBLE DATA-API
+ /* COLLAPSE NO CONFLICT
  * ==================== */

+  $.fn.collapse.noConflict = function () {
+    $.fn.collapse = old
+    return this
+  }
+
+
+ /* COLLAPSE DATA-API
+  * ================= */
+
  $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) {
    var $this = $(this), href
      , target = $this.attr('data-target')
@@ -568,7 +610,7 @@
  })

 }(window.jQuery);/* ============================================================
- * bootstrap-dropdown.js v2.2.1
+ * bootstrap-dropdown.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#dropdowns
 * ============================================================
 * Copyright 2012 Twitter, Inc.
@@ -622,9 +664,10 @@

      if (!isActive) {
        $parent.toggleClass('open')
-        $this.focus()
      }

+      $this.focus()
+
      return false
    }

@@ -651,7 +694,7 @@

      if (!isActive || (isActive && e.keyCode == 27)) return $this.click()

-      $items = $('[role=menu] li:not(.divider) a', $parent)
+      $items = $('[role=menu] li:not(.divider):visible a', $parent)

      if (!$items.length) return

@@ -693,6 +736,8 @@
  /* DROPDOWN PLUGIN DEFINITION
   * ========================== */

+  var old = $.fn.dropdown
+
  $.fn.dropdown = function (option) {
    return this.each(function () {
      var $this = $(this)
@@ -705,17 +750,27 @@
  $.fn.dropdown.Constructor = Dropdown


+ /* DROPDOWN NO CONFLICT
+  * ==================== */
+
+  $.fn.dropdown.noConflict = function () {
+    $.fn.dropdown = old
+    return this
+  }
+
+
  /* APPLY TO STANDARD DROPDOWN ELEMENTS
   * =================================== */

  $(document)
    .on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus)
    .on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
+    .on('touchstart.dropdown.data-api', '.dropdown-menu', function (e) { e.stopPropagation() })
    .on('click.dropdown.data-api touchstart.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
    .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)

 }(window.jQuery);/* =========================================================
- * bootstrap-modal.js v2.2.1
+ * bootstrap-modal.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#modals
 * =========================================================
 * Copyright 2012 Twitter, Inc.
@@ -909,6 +964,8 @@
 /* MODAL PLUGIN DEFINITION
  * ======================= */

+  var old = $.fn.modal
+
  $.fn.modal = function (option) {
    return this.each(function () {
      var $this = $(this)
@@ -929,6 +986,15 @@
  $.fn.modal.Constructor = Modal


+ /* MODAL NO CONFLICT
+  * ================= */
+
+  $.fn.modal.noConflict = function () {
+    $.fn.modal = old
+    return this
+  }
+
+
 /* MODAL DATA-API
  * ============== */

@@ -949,7 +1015,7 @@

 }(window.jQuery);
 /* ===========================================================
- * bootstrap-tooltip.js v2.2.1
+ * bootstrap-tooltip.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#tooltips
 * Inspired by the original jQuery.tipsy by Jason Frame
 * ===========================================================
@@ -1200,6 +1266,8 @@
 /* TOOLTIP PLUGIN DEFINITION
  * ========================= */

+  var old = $.fn.tooltip
+
  $.fn.tooltip = function ( option ) {
    return this.each(function () {
      var $this = $(this)
@@ -1223,8 +1291,17 @@
  , html: false
  }

+
+ /* TOOLTIP NO CONFLICT
+  * =================== */
+
+  $.fn.tooltip.noConflict = function () {
+    $.fn.tooltip = old
+    return this
+  }
+
 }(window.jQuery);/* ===========================================================
- * bootstrap-popover.js v2.2.1
+ * bootstrap-popover.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#popovers
 * ===========================================================
 * Copyright 2012 Twitter, Inc.
@@ -1269,7 +1346,7 @@
        , content = this.getContent()

      $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
-      $tip.find('.popover-content > *')[this.options.html ? 'html' : 'text'](content)
+      $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content)

      $tip.removeClass('fade top bottom left right in')
    }
@@ -1306,6 +1383,8 @@
 /* POPOVER PLUGIN DEFINITION
  * ======================= */

+  var old = $.fn.popover
+
  $.fn.popover = function (option) {
    return this.each(function () {
      var $this = $(this)
@@ -1322,11 +1401,20 @@
    placement: 'right'
  , trigger: 'click'
  , content: ''
-  , template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
+  , template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"></div></div></div>'
  })

+
+ /* POPOVER NO CONFLICT
+  * =================== */
+
+  $.fn.popover.noConflict = function () {
+    $.fn.popover = old
+    return this
+  }
+
 }(window.jQuery);/* =============================================================
- * bootstrap-scrollspy.js v2.2.1
+ * bootstrap-scrollspy.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#scrollspy
 * =============================================================
 * Copyright 2012 Twitter, Inc.
@@ -1386,7 +1474,7 @@
              , $href = /^#\w/.test(href) && $(href)
            return ( $href
              && $href.length
-              && [[ $href.position().top, href ]] ) || null
+              && [[ $href.position().top + self.$scrollElement.scrollTop(), href ]] ) || null
          })
          .sort(function (a, b) { return a[0] - b[0] })
          .each(function () {
@@ -1448,6 +1536,8 @@
 /* SCROLLSPY PLUGIN DEFINITION
  * =========================== */

+  var old = $.fn.scrollspy
+
  $.fn.scrollspy = function (option) {
    return this.each(function () {
      var $this = $(this)
@@ -1465,6 +1555,15 @@
  }


+ /* SCROLLSPY NO CONFLICT
+  * ===================== */
+
+  $.fn.scrollspy.noConflict = function () {
+    $.fn.scrollspy = old
+    return this
+  }
+
+
 /* SCROLLSPY DATA-API
  * ================== */

@@ -1476,7 +1575,7 @@
  })

 }(window.jQuery);/* ========================================================
- * bootstrap-tab.js v2.2.1
+ * bootstrap-tab.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#tabs
 * ========================================================
 * Copyright 2012 Twitter, Inc.
@@ -1587,6 +1686,8 @@
 /* TAB PLUGIN DEFINITION
  * ===================== */

+  var old = $.fn.tab
+
  $.fn.tab = function ( option ) {
    return this.each(function () {
      var $this = $(this)
@@ -1599,6 +1700,15 @@
  $.fn.tab.Constructor = Tab


+ /* TAB NO CONFLICT
+  * =============== */
+
+  $.fn.tab.noConflict = function () {
+    $.fn.tab = old
+    return this
+  }
+
+
 /* TAB DATA-API
  * ============ */

@@ -1608,7 +1718,7 @@
  })

 }(window.jQuery);/* =============================================================
- * bootstrap-typeahead.js v2.2.1
+ * bootstrap-typeahead.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#typeahead
 * =============================================================
 * Copyright 2012 Twitter, Inc.
@@ -1642,8 +1752,8 @@
    this.sorter = this.options.sorter || this.sorter
    this.highlighter = this.options.highlighter || this.highlighter
    this.updater = this.options.updater || this.updater
-    this.$menu = $(this.options.menu).appendTo('body')
    this.source = this.options.source
+    this.$menu = $(this.options.menu)
    this.shown = false
    this.listen()
  }
@@ -1665,16 +1775,18 @@
    }

  , show: function () {
-      var pos = $.extend({}, this.$element.offset(), {
+      var pos = $.extend({}, this.$element.position(), {
        height: this.$element[0].offsetHeight
      })

-      this.$menu.css({
-        top: pos.top + pos.height
-      , left: pos.left
-      })
+      this.$menu
+        .insertAfter(this.$element)
+        .css({
+          top: pos.top + pos.height
+        , left: pos.left
+        })
+        .show()

-      this.$menu.show()
      this.shown = true
      return this
    }
@@ -1826,7 +1938,7 @@
    }

  , keydown: function (e) {
-      this.suppressKeyPressRepeat = !~$.inArray(e.keyCode, [40,38,9,13,27])
+      this.suppressKeyPressRepeat = ~$.inArray(e.keyCode, [40,38,9,13,27])
      this.move(e)
    }

@@ -1885,6 +1997,8 @@
  /* TYPEAHEAD PLUGIN DEFINITION
   * =========================== */

+  var old = $.fn.typeahead
+
  $.fn.typeahead = function (option) {
    return this.each(function () {
      var $this = $(this)
@@ -1906,7 +2020,16 @@
  $.fn.typeahead.Constructor = Typeahead


- /*   TYPEAHEAD DATA-API
+ /* TYPEAHEAD NO CONFLICT
+  * =================== */
+
+  $.fn.typeahead.noConflict = function () {
+    $.fn.typeahead = old
+    return this
+  }
+
+
+ /* TYPEAHEAD DATA-API
  * ================== */

  $(document).on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) {
@@ -1918,7 +2041,7 @@

 }(window.jQuery);
 /* ==========================================================
- * bootstrap-affix.js v2.2.1
+ * bootstrap-affix.js v2.2.2
 * http://twitter.github.com/bootstrap/javascript.html#affix
 * ==========================================================
 * Copyright 2012 Twitter, Inc.
@@ -1987,6 +2110,8 @@
 /* AFFIX PLUGIN DEFINITION
  * ======================= */

+  var old = $.fn.affix
+
  $.fn.affix = function (option) {
    return this.each(function () {
      var $this = $(this)
@@ -2004,6 +2129,15 @@
  }


+ /* AFFIX NO CONFLICT
+  * ================= */
+
+  $.fn.affix.noConflict = function () {
+    $.fn.affix = old
+    return this
+  }
+
+
 /* AFFIX DATA-API
  * ============== */