barkest_core 1.5.3.0

data/app/assets/javascripts/barkest_core/field_init.js

@@ -0,0 +1,7 @@
+$(function() {
+  $('div.date').datepicker({ format: "mm/dd/yyyy", todayBtn: "linked", todayHighlight: true, clearBtn: true });
+  $('input.float').regexMask('float');
+  $('input.integer').regexMask('integer');
+  $('.double-scroll').doubleScroll({ onlyIfScroll: true, resetOnWindowResize: true });
+});
+

data/app/assets/javascripts/barkest_core/jquery.doubleScroll.js

@@ -0,0 +1,112 @@
+/*
+ * @name DoubleScroll
+ * @desc displays scroll bar on top and on the bottom of the div
+ * @requires jQuery
+ *
+ * @author Pawel Suwala - http://suwala.eu/
+ * @author Antoine Vianey - http://www.astek.fr/
+ * @version 0.4 (18-06-2014)
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ * 
+ * Usage:
+ * https://github.com/avianey/jqDoubleScroll
+ */
+
+jQuery.fn.doubleScroll = function(userOptions) {
+	var $ = jQuery;
+	// Default options
+	var options = {
+		contentElement: undefined, // Widest element, if not specified first child element will be used
+		scrollCss: {                
+			'overflow-x': 'auto',
+			'overflow-y': 'hidden'
+        },
+		contentCss: {
+			'overflow-x': 'auto',
+			'overflow-y': 'hidden'
+		},
+		onlyIfScroll: true, // top scrollbar is not shown if the bottom one is not present
+		resetOnWindowResize: false, // recompute the top ScrollBar requirements when the window is resized
+		timeToWaitForResize: 30 // wait for the last update event (usefull when browser fire resize event constantly during ressing)
+	};
+	$.extend(true, options, userOptions);
+	// do not modify
+	// internal stuff
+	$.extend(options, {
+		topScrollBarMarkup: '<div class="doubleScroll-scroll-wrapper" style="height: 20px;"><div class="doubleScroll-scroll" style="height: 20px;"></div></div>',
+		topScrollBarWrapperSelector: '.doubleScroll-scroll-wrapper',
+		topScrollBarInnerSelector: '.doubleScroll-scroll'
+	});
+	
+	var _showScrollBar = function($self, options) {
+		
+		if (options.onlyIfScroll && $self.get(0).scrollWidth <= $self.width()) {
+			// content doesn't scroll
+	    	// remove any existing occurrence...
+			$self.prev(options.topScrollBarWrapperSelector).remove();
+			return;
+		}
+		
+	    // add div that will act as an upper scroll only if not already added to the DOM
+	    var $topScrollBar = $self.prev(options.topScrollBarWrapperSelector);
+	    if ($topScrollBar.length == 0) {
+	    	
+	    	// creating the scrollbar
+	    	// added before in the DOM
+	    	$topScrollBar = $(options.topScrollBarMarkup);
+		    $self.before($topScrollBar);
+		    
+		    // apply the css
+		    $topScrollBar.css(options.scrollCss);
+		    $self.css(options.contentCss);
+
+		    // bind upper scroll to bottom scroll
+		    $topScrollBar.bind('scroll.doubleScroll', function() {
+		    	$self.scrollLeft($topScrollBar.scrollLeft());
+		    });
+
+		    // bind bottom scroll to upper scroll
+		    var selfScrollHandler = function() {
+		        $topScrollBar.scrollLeft($self.scrollLeft());
+		    };
+		    $self.bind('scroll.doubleScroll', selfScrollHandler);
+	    }
+
+	    // find the content element (should be the widest one)	
+		var $contentElement;		
+	    if (options.contentElement !== undefined && $self.find(options.contentElement).length !== 0) {
+	        $contentElement = $self.find(options.contentElement);
+	    } else {
+	        $contentElement = $self.find('>:first-child');
+	    }
+	    
+	    // set the width of the wrappers
+	    $(options.topScrollBarInnerSelector, $topScrollBar).width($contentElement.outerWidth());
+	    $topScrollBar.width($self.width());
+        $topScrollBar.scrollLeft($self.scrollLeft());
+	    
+	};
+	
+	return this.each(function() {
+		var $self = $(this);
+		_showScrollBar($self, options);
+	    
+	    // bind the resize handler 
+		// do it once
+	    if (options.resetOnWindowResize) {
+	    	var id;
+	    	var handler = function(e) {
+	    		_showScrollBar($self, options);
+	    	};
+	    	$(window).bind('resize.doubleScroll', function() {
+    			// adding/removing/replacing the scrollbar might resize the window
+    			// so the resizing flag will avoid the infinite loop here...
+	    	    clearTimeout(id);
+	    	    id = setTimeout(handler, options.timeToWaitForResize);
+	    	});
+	    }
+	});
+};

data/app/assets/javascripts/barkest_core/masked_edit.js

@@ -0,0 +1,25 @@
+(function ($){
+  $.fn.regexMask = function (mask) {
+    if (!mask) {
+      throw 'mask is missing';
+    } else if (mask == 'float') {
+      mask = /^-?(\d,)*\d*(\.\d*)?$/;
+    } else if (mask == 'integer') {
+      mask = /^-?\d*$/;
+    } else {
+      try {
+        mask.test("");
+      } catch(e) {
+        throw 'mask does not support test method';
+      }
+    }
+    $(this).keypress(function (event) {
+      if (!event.charCode) return true;
+      var part1 = this.value.substring(0,this.selectionStart);
+      var part2 = this.value.substring(this.selectionEnd,this.value.length);
+      if (!mask.test(part1 + String.fromCharCode(event.charCode) + part2))
+        return false;
+    });
+  };
+})(jQuery);
+

data/app/assets/javascripts/barkest_core/system_status.js.erb

@@ -0,0 +1,201 @@
+var systemStatus = {
+
+ // method to use for the submission
+ method: 'POST',
+
+ // URL to submit against unless submitForm is specified.
+ submitUrl: window.location.href,
+
+ // Data to submit to submitUrl unless submitForm is specified.
+ submitData: null,
+
+ // If specified, this form will be submitted and the submitUrl and submitData variables will be ignored.
+ submitForm: null,
+
+ // The URL to link to when the status completes.
+ completionUrl: window.location.href,
+
+ // The label for the status completion button.
+ completionLabel: 'Continue',
+
+ // If true, then display a modal dialog over the current page, otherwise redirect to /status/current.
+ inline: true,
+
+ // If we are inline, do we want to remove the log?
+ inlineNoLog: false,
+
+ // The status urls.
+ _curStatusUrl: application_root_offset + '/status/current',
+ _firstStatusUrl: application_root_offset + '/status/first',
+ _moreStatusUrl: application_root_offset + '/status/more',
+
+ // IDs for the elements to manage.
+ idStatusLog:         'status_log',
+ idStatusTitle:       'status_title',
+ idProgressContainer: 'status_progress_cont',
+ idProgress:          'status_progress',
+ idCompletButton:     'status_complete',
+
+ // Creates the modal dialog.
+ _showDialog: function () {
+  $('body')
+    .append(
+      $('<div id="status_dialog" class="modal fade" tabindex="-1" role="dialog"></div>')
+        .append(
+          $('<div class="modal-dialog"></div>')
+            .append(
+              $('<div class="modal-content"></div>')
+                .append(
+                  $('<div class="modal-header"></div>')
+                    .append(
+                      $('<h4 class="modal-title"></h4>')
+                        .attr('id', this.idStatusTitle)
+                        .text('Please wait...')
+                    )
+                )
+                .append(
+                  $('<div class="modal-body"></div>')
+                    .append(
+                      $('<pre></pre>')
+                        .attr('id', this.idStatusLog)
+                        .css('height', '350px')
+                    )
+                    .append(
+                      $('<div class="progress"></div>')
+                        .attr('id', this.idProgressContainer)
+                        .append(
+                          $('<div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>')
+                            .attr('id', this.idProgress)
+                            .css('min-width', '2em')
+                            .text('0%')
+                        )
+                    )
+                )
+                .append(
+                  $('<div class="modal-footer"></div>')
+                    .append(
+                      $('<a class="btn btn-primary"></a>')
+                        .attr('id', this.idCompletButton)
+                        .attr('href', this.completionUrl)
+                        .text(this.completionLabel)
+                    )
+
+                )
+            )
+        )
+    );
+  if (this.inlineNoLog)
+  {
+   $('#' + this.idStatusLog).remove();
+  }
+  $('#status_dialog').modal();
+ },
+
+ // Destroys the modal dialog.
+ hideDialog: function () {
+  $('#status_dialog').remove();
+ },
+
+ // Submits the data.
+ _submit: function () {
+  if (this.submitForm) {
+   var frm = $(this.submitForm);
+   if (frm.length > 0) {
+    this.submitUrl = frm.attr('action');
+    this.submitData = frm.serialize();
+    this.method = (frm.attr('method') || 'POST').toUpperCase();
+   }
+  }
+
+  if (this.inline) {
+   this._showDialog();
+  }
+
+  // submit the data and immediately move on.
+  $.ajax({
+   url: this.submitUrl,
+   data: this.submitData,
+   method: this.method
+  });
+
+  if (this.inline) {
+   window.setTimeout('systemStatus.updateStatus(true)', 100);
+  }
+  else
+  {
+   // and redirect to the status url.
+   window.location.href = this._curStatusUrl + '?u=' + encodeURIComponent(this.completionUrl).replace(' ', '+') + '&l=' + encodeURIComponent(this.completionLabel).replace(' ', '+');
+  }
+ },
+
+ updateStatus: function (initial) {
+  if (initial) {
+   $('#' + this.idCompletButton).text(this.completionLabel).attr('href', this.completionUrl).hide();
+   $('#' + this.idProgressContainer).hide();
+   $('#' + this.idProgress).text('0%').attr('aria-valuenow', 0);
+  }
+  $.ajax({
+   url: ((initial) ? this._firstStatusUrl : this._moreStatusUrl),
+   method: 'GET',
+   dataType: 'json',
+   error: function(xhr, status, message) {
+    alert('Failed to query status.\n' + message);
+    $('#' + systemStatus.idCompleteButton).show();
+   },
+   success: function(data, status, xhr) {
+    if (data.status) {
+     $('#' + systemStatus.idStatusTitle).text(data.status);
+    }
+    if (data.error) {
+     alert('An internal error occurred.\n' + data.contents);
+     $('#' + systemStatus.idCompletButton).show();
+    } else {
+     if (data.contents)
+     {
+      log = $('#' + systemStatus.idStatusLog);
+      log.text(log.text() + data.contents);
+     }
+     if (data.percentage == '-') {
+      if ($('#' + systemStatus.idProgressContainer).is(':visible'))
+      {
+       data.percentage = '100'
+      } else {
+       data.percentage = ''
+      }
+     }
+     if (data.percentage) {
+      pct = parseInt(data.percentage).toString();
+      $('#' + systemStatus.idProgress).text(pct + '%').css('width', pct + '%').attr('aria-valuenow', pct);
+      $('#' + systemStatus.idProgressContainer).show();
+     } else {
+      $('#' + systemStatus.idProgressContainer).hide();
+     }
+     if (!data.locked) {
+      $('#' + systemStatus.idCompletButton).show();
+     } else {
+      window.setTimeout('systemStatus.updateStatus(false)', 500);
+     }
+    }
+   }
+  });
+ },
+
+ run: function (options) {
+  if (options === undefined) {
+   options = {};
+  }
+  for (var attrName in options) {
+   if (options.hasOwnProperty(attrName)) {
+    if (this.hasOwnProperty(attrName))
+    {
+     this[attrName] = options[attrName];
+    }
+   }
+  }
+  if (options.update_only) {
+   this.updateStatus(true);
+  } else {
+   this._submit();
+  }
+ }
+};

data/app/assets/stylesheets/barkest_core/application.css

@@ -0,0 +1,17 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require barkest_core/custom
+ *= require barkest_core/datepicker3
+ *= require_tree .
+ *= require_self
+ */

data/app/assets/stylesheets/barkest_core/custom.css.scss

@@ -0,0 +1,264 @@
+/* variables */
+
+$gray-medium-light: #eaeaea;
+
+
+/* imports */
+
+@import "bootstrap-sprockets";
+@import "bootstrap";
+
+
+/* mixins */
+
+@mixin box_sizing {
+  -moz-box-sizing:    border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing:         border-box;
+}
+
+
+/* universal */
+
+body {
+  padding-top: 60px;
+}
+
+textarea {
+  resize: vertical;
+}
+
+.center {
+  text-align: center;
+  h1 {
+    margin-bottom: 10px;
+  }
+}
+
+.rjust {
+  text-align: right;
+}
+
+.ljust {
+  text-align: left;
+}
+
+.gravatar {
+  float: left;
+  margin-right: 10px;
+}
+
+.gravatar_edit {
+  margin-top: 15px;
+  .gravatar {
+    clear: both;
+    float: none;
+  }
+}
+
+.glyph-bigger {
+  font-size: 175%;
+}
+
+.glyph-big {
+  font-size: 133%;
+}
+
+.glyph-small {
+  font-size: 75%;
+}
+
+.glyph-smaller {
+  font-size: 50%;
+}
+
+.info {
+  background-color: $state-info-bg;
+  color: $state-info-text;
+}
+.warning {
+  background-color: $state-warning-bg;
+  color: $state-warning-text;
+}
+.danger {
+  background-color: $state-danger-bg;
+  color: $state-danger-text;
+}
+.success {
+  background-color: $state-success-bg;
+  color: $state-success-text;
+}
+
+
+/* typography */
+
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1;
+}
+
+h1 {
+  text-align: center;
+  font-size: 3em;
+  letter-spacing: -2px;
+  margin-bottom: 30px;
+}
+
+h2 {
+  font-size: 1.2em;
+  letter-spacing: -1px;
+  margin-bottom: 30px;
+  font-weight: normal;
+  color: $gray-light;
+}
+
+p {
+  font-size: 1.1em;
+  line-height: 1.7em;
+}
+
+
+/* header */
+
+#logo {
+  float: left;
+  margin-right: 10px;
+  color: white;
+  border-style: none;
+  &:hover {
+    color: white;
+    border-style: none;
+  }
+  img {
+    width: 44px;
+    height: 44px;
+    padding: 0;
+    border-style: none;
+    margin: 3px;
+  }
+}
+
+
+/* footer */
+
+footer {
+  margin-top: 45px;
+  padding-top: 5px;
+  border-top: solid 1px $gray-medium-light;
+  color: $gray-light;
+  a {
+    color: $gray;
+    &:hover {
+      color: $gray-darker;
+    }
+  }
+  small {
+    float: left;
+  }
+  ul {
+    float: right;
+    list-style: none;
+    li {
+      float: left;
+      margin-left: 15px;
+    }
+  }
+}
+
+.debug_dump {
+  clear: both;
+  float: left;
+  width: 100%;
+  margin-top: 45px;
+  @include box_sizing;
+}
+
+
+/* forms */
+
+label.checkbox {
+  margin-top: -10px;
+  margin-bottom: 10px;
+  span {
+    margin-left: 20px;
+    font-weight: normal;
+  }
+}
+
+.form-group div.checkbox {
+  margin-left: 20px;
+}
+
+.row div.checkbox {
+  margin-bottom: 10px;
+}
+
+label.plain, div.plain-label label {
+  font-weight: normal;
+}
+
+#session_remember_me {
+  width: auto;
+  margin-left: 0;
+}
+
+.form-control.disabled {
+  background-color: $gray-lighter;
+  cursor: not-allowed;
+}
+
+.input-symbol {
+  position: relative;
+}
+
+.input-symbol span {
+  position: absolute;
+  transform: translate(0, -50%);
+  top: 50%;
+  pointer-events: none;
+  margin-left: 0.5em;
+}
+
+.input-symbol input {
+  text-indent: 1em;
+}
+
+.field_with_errors {
+  @extend .has-error;
+  .form-control {
+    color: $state-danger-text;
+  }
+}
+
+/* Users Index */
+.users {
+  list-style: none;
+  margin: 0;
+  li {
+    overflow: auto;
+    padding: 10px;
+    border-bottom: 1px solid $gray-lighter;
+    ul {
+      list-style: none;
+      float: right;
+      padding: 0;
+      li {
+        float: left;
+        margin-left: 5px;
+      }
+    }
+    p, div {
+      float: right;
+      max-width: 50%;
+    }
+  }
+}
+
+/* lists */
+ul.fixed_label {
+  li {
+    strong {
+      width: 126pt;
+      display: inline-block;
+    }
+  }
+}