home_page 0.0.5 → 0.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 216c9a840f44595c1fc4074de0f13ee34b4fe7ef
-  data.tar.gz: 8201fae5624b35aba4b059968280f3aa86433af5
+  metadata.gz: b87c5eb464183a160fc080f26583fc2d14899ec8
+  data.tar.gz: 3bd3f333626ce73c5ef79a4c95418380562b8ecb
 SHA512:
-  metadata.gz: e24ab9f5fef20adfd8e12ef8ba3f7ee44167892f23d4669633a6b320b2c99cddc278015aebebbc94f5b8921d56242115c55a8c32646b449eecc457b48042e767
-  data.tar.gz: dcea08ef0341c3243c4469420124c85e9b3f9fb6ce9b6cefdedd636e59f61ae14033b4c439e57f05414bc39a5ce64487136c2a2b491f5a868f5bbb221c87491b
+  metadata.gz: d75ac19b561e3078003f5937a5e150ec91107c72797d867357081ed0eddfda244842ce0219ba849cc9c34bd91ad533e7cf03fbf7f78677956267d96372c7d33e
+  data.tar.gz: 4b64d5866b335530849a868e6db2ae865e98be40477a954259716d3148d4f27aea04121f6e26fcca3eb987a92df611b55b9bd64ddc43ade822b9f0604410be54

data/app/assets/javascripts/home_page/application.js

@@ -1,3 +1,10 @@
 //= require jquery
 //= require jquery_ujs
-//= require home_page/loader
+//= require jquery-ui
+//= require moment
+//= require_tree ./lib
+//= require home_page/loader
+//= require selectize
+//= require bootstrap-datetimepicker
+//= require_tree ./shared
+//= require home_page/base

data/app/assets/javascripts/home_page/base.js.coffee.erb

@@ -0,0 +1,44 @@
+$(document).ready ->
+  $('[data-toggle="tabajax"]').click (e) ->
+    $this = $(this)
+    url = $this.attr('href')
+    target = $this.attr('data-target')
+    
+    $.get url, (data) ->
+      $(target).html data
+      
+    $this.tab 'show'
+    
+    false
+    
+  $(document.body).on 'show.bs.modal', '#modal', (event) ->
+    button = $(event.relatedTarget)
+    url = button.data('url')
+    modal = $(this)
+    modal.find('.modal-title').text button.data('title')
+    modal.find('.modal-body').html "<img src='<%= asset_path('home_page/spinner.gif') %>'/>"
+    
+    if button.data('only-update-body') == true
+      modal.find('.modal-body').load url
+    else
+      modal.find('.modal-content').load url
+      
+  $(document.body).on 'change', '#page_module_plugin', (event) ->
+    $('#page_module_partial_path').empty()
+    
+    plugin = $(this).val()
+    plugin = if plugin == 'home' then 'home_page' else 'home_page_' + plugin
+
+    $.getJSON $(this).data('setting-url').replace(/x/, "#{plugin}.general.partial_paths"), (data) ->
+      options = []
+      
+      $.each data, (index, value) ->
+        options.push "<option value='#{value}'>#{value}</option>"
+
+      $('#page_module_partial_path').html(options.join(''))
+         
+  $('.datetime_picker').datetimepicker()  
+
+  $('.selectize_select').selectize
+    create: true,
+    sortField: 'text'

data/app/assets/javascripts/home_page/lib/jquery.multisortable.js

@@ -0,0 +1,254 @@
+/**
+ * jquery.multisortable.js - v0.2
+ * https://github.com/shvetsgroup/jquery.multisortable
+ *
+ * Author: Ethan Atlakson, Jay Hayes, Gabriel Such, Alexander Shvets
+ * Last Revision 3/16/2012
+ * multi-selectable, multi-sortable jQuery plugin
+ */
+
+!function($) {
+
+  $.fn.multiselectable = function(options) {
+    if (!options) {
+      options = {}
+    }
+    options = $.extend({}, $.fn.multiselectable.defaults, options);
+
+    function mouseDown(e) {
+      var item = $(this),
+        parent = item.parent(),
+        myIndex = item.index();
+
+      var prev = parent.find('.multiselectable-previous');
+      // If no previous selection found, start selecting from first selected item.
+      prev = prev.length ? prev : $(parent.find('.' + options.selectedClass)[0]).addClass('multiselectable-previous');
+      var prevIndex = prev.index();
+
+      if (e.ctrlKey || e.metaKey) {
+        if (item.hasClass(options.selectedClass)) {
+          item.removeClass(options.selectedClass).removeClass('multiselectable-previous')
+          if (item.not('.child').length) {
+            item.nextUntil(':not(.child)').removeClass(options.selectedClass);
+          }
+        }
+        else {
+          parent.find('.multiselectable-previous').removeClass('multiselectable-previous');
+          item.addClass(options.selectedClass).addClass('multiselectable-previous')
+          if (item.not('.child').length) {
+            item.nextUntil(':not(.child)').addClass(options.selectedClass);
+          }
+        }
+      }
+
+      if (e.shiftKey) {
+        var last_shift_range = parent.find('.multiselectable-shift');
+        last_shift_range.removeClass(options.selectedClass).removeClass('multiselectable-shift');
+
+        var shift_range;
+        if (prevIndex < myIndex) {
+          shift_range = item.prevUntil('.multiselectable-previous').add(prev).add(item);
+        }
+        else if (prevIndex > myIndex) {
+          shift_range = item.nextUntil('.multiselectable-previous').add(prev).add(item);
+        }
+        shift_range.addClass(options.selectedClass).addClass('multiselectable-shift');
+      }
+      else {
+        parent.find('.multiselectable-shift').removeClass('multiselectable-shift');
+      }
+
+      if (!e.ctrlKey && !e.metaKey && !e.shiftKey) {
+        parent.find('.multiselectable-previous').removeClass('multiselectable-previous');
+        if (!item.hasClass(options.selectedClass)) {
+          parent.find('.' + options.selectedClass).removeClass(options.selectedClass);
+          item.addClass(options.selectedClass).addClass('multiselectable-previous');
+          if (item.not('.child').length) {
+            item.nextUntil(':not(.child)').addClass(options.selectedClass);
+          }
+        }
+      }
+
+      options.mousedown(e, item);
+    }
+
+    function click(e) {
+      if ( $(this).is('.ui-draggable-dragging') ) {
+        return;
+      }
+
+      var item = $(this), parent = item.parent();
+
+      // If item wasn't draged and is not multiselected, it should reset selection for other items.
+      if (!e.ctrlKey && !e.metaKey && !e.shiftKey) {
+        parent.find('.multiselectable-previous').removeClass('multiselectable-previous');
+        parent.find('.' + options.selectedClass).removeClass(options.selectedClass);
+        item.addClass(options.selectedClass).addClass('multiselectable-previous');
+        if (item.not('.child').length) {
+          item.nextUntil(':not(.child)').addClass(options.selectedClass);
+        }
+      }
+
+      options.click(e, item);
+    }
+
+    return this.each(function() {
+      var list = $(this);
+
+      if (!list.data('multiselectable')) {
+        list.data('multiselectable', true)
+          .delegate(options.items, 'mousedown', mouseDown)
+          .delegate(options.items, 'click', click)
+          .disableSelection();
+      }
+    })
+  };
+
+  $.fn.multiselectable.defaults = {
+    click: function(event, elem) {},
+    mousedown: function(event, elem) {},
+    selectedClass: 'selected',
+    items: 'li'
+  };
+
+
+  $.fn.multisortable = function(options) {
+    if (!options) {
+      options = {}
+    }
+    var settings = $.extend({}, $.fn.multisortable.defaults, options);
+
+    function regroup(item, list) {
+      if (list.find('.' + settings.selectedClass).length > 0) {
+        var myIndex = item.data('i');
+
+        var itemsBefore = list.find('.' + settings.selectedClass).filter(function() {
+          return $(this).data('i') < myIndex
+        }).css({
+            position: '',
+            width: '',
+            left: '',
+            top: '',
+            zIndex: ''
+          });
+
+        item.before(itemsBefore);
+
+        var itemsAfter = list.find('.' + settings.selectedClass).filter(function() {
+          return $(this).data('i') > myIndex
+        }).css({
+            position: '',
+            width: '',
+            left: '',
+            top: '',
+            zIndex: ''
+          });
+
+        item.after(itemsAfter);
+
+        setTimeout(function() {
+          itemsAfter.add(itemsBefore).addClass(settings.selectedClass);
+        }, 0);
+      }
+    }
+
+    return this.each(function() {
+      var list = $(this);
+
+      //enable multi-selection
+      list.multiselectable({
+        selectedClass: settings.selectedClass,
+        click: settings.click,
+        items: settings.items,
+        mousedown: settings.mousedown
+      });
+
+      //enable sorting
+      options.cancel = settings.items + ':not(.' + settings.selectedClass + ')';
+      options.placeholder = settings.placeholder;
+      options.start = function(event, ui) {
+        if (ui.item.hasClass(settings.selectedClass)) {
+          var parent = ui.item.parent();
+
+          //assign indexes to all selected items
+          parent.find('.' + settings.selectedClass).each(function(i) {
+            $(this).data('i', i);
+          });
+
+          // adjust placeholder size to be size of items
+          var height = parent.find('.' + settings.selectedClass).length * ui.item.outerHeight();
+          ui.placeholder.height(height);
+        }
+
+        settings.start(event, ui);
+      };
+
+      options.stop = function(event, ui) {
+        regroup(ui.item, ui.item.parent());
+        settings.stop(event, ui);
+      };
+
+      options.sort = function(event, ui) {
+        var parent = ui.item.parent(),
+          myIndex = ui.item.data('i'),
+          top = parseInt(ui.item.css('top').replace('px', '')),
+          left = parseInt(ui.item.css('left').replace('px', ''));
+
+        // fix to keep compatibility using prototype.js and jquery together
+        $.fn.reverse = Array.prototype._reverse || Array.prototype.reverse
+
+        var height = 0;
+        $('.' + settings.selectedClass, parent).filter(function() {
+          return $(this).data('i') < myIndex;
+        }).reverse().each(function() {
+            height += $(this).outerHeight();
+            $(this).css({
+              left: left,
+              top: top - height,
+              position: 'absolute',
+              zIndex: 1000,
+              width: ui.item.width()
+            })
+          });
+
+        height = ui.item.outerHeight();
+        $('.' + settings.selectedClass, parent).filter(function() {
+          return $(this).data('i') > myIndex;
+        }).each(function() {
+            var item = $(this);
+            item.css({
+              left: left,
+              top: top + height,
+              position: 'absolute',
+              zIndex: 1000,
+              width: ui.item.width()
+            });
+
+            height += item.outerHeight();
+          });
+
+        settings.sort(event, ui);
+      };
+
+      options.receive = function(event, ui) {
+        regroup(ui.item, ui.sender);
+        settings.receive(event, ui);
+      };
+
+      list.sortable(options).disableSelection();
+    })
+  };
+
+  $.fn.multisortable.defaults = {
+    start: function(event, ui) {},
+    stop: function(event, ui) {},
+    sort: function(event, ui) {},
+    receive: function(event, ui) {},
+    click: function(event, elem) {},
+    mousedown: function(event, elem) {},
+    selectedClass: 'selected',
+    placeholder: 'placeholder',
+    items: 'li'
+  };
+
+}(jQuery);

data/app/assets/javascripts/home_page/page_module_collections/index.js.coffee

@@ -0,0 +1,14 @@
+$(document).ready ->
+  $(document.body).on 'click', '.page_module_collection_show_link', (event) ->
+    $this = $(this)
+    $this.find('.ajax_spinner').show()
+    
+    $.ajax(url: $this.attr('href'), type: 'GET', dataType: 'html').done((data) =>
+      $this.find('.ajax_spinner').hide()
+      $($this.data('replace')).html(data)
+      new window.HomePage.Shared.SortableList('#page_module_collection_modules')
+    ).fail((data) =>
+      $this.find('.ajax_spinner').hide()
+      alert 'Failed to load page!'
+    )
+    event.preventDefault()  

data/app/assets/javascripts/home_page/shared/sortable_list.js.coffee

@@ -0,0 +1,44 @@
+window.HomePage or= {}; window.HomePage.Shared or= {}
+
+window.HomePage.Shared.SortableList = class SortableList
+  constructor: (selector) ->
+    $(selector).multisortable
+      start: (event, ui) =>
+        window.HomePage.Shared.SortableList.showSpinnerForSelectedItems(ui.item.data('sortable_selector'))
+        
+      update: (event, ui) =>
+        $(ui.item.data('sortable_selector')).sortable('disable')
+        url = $(ui.item.data('sortable_selector')).data('url')
+        setTimeout (->
+          window.HomePage.Shared.SortableList.putPositions ui.item.data('sortable_selector'), ui.item.data('id'), url
+          return
+        ), 1000
+        
+  @showSpinnerForSelectedItems: (selector) ->
+    $.each $("#{selector} li.selected"), (index, element) ->
+      $(element).find('.sorting_spinner').show()
+
+  @hideSpinnerForSelectedItems: (selector) ->
+    $.each $("#{selector} li.selected"), (index, element) ->
+      $(element).find('.sorting_spinner').hide()
+      
+  @putPositions: (selector, id, url) ->
+    window.HomePage.Shared.SortableList.resetPositions(selector)
+    
+    positions = {}
+        
+    $.each $("#{selector} li.selected"), (index, element) ->
+      positions[$(element).data('position')] = $(element).data('id')
+    
+    $.post(url, { _method: 'put', positions: positions }).always(=>
+      $(selector).sortable('enable')
+      window.HomePage.Shared.SortableList.hideSpinnerForSelectedItems()
+    )
+   
+  @resetPositions: (selector) ->
+    current_position = 1
+    
+    $.each $("#{selector} li"), (index, element) ->
+      $(element).data('position', current_position)  
+      $(element).find('.item_position').html(current_position)
+      current_position += 1

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

@@ -1,8 +1,12 @@
 /*
  *= require_self
+ *= require jquery-ui
  *= require home_page/variables
  *= require home_page/loader
  *= require home_page/bootswatch
+ *= require bootstrap-datetimepicker
+ *= require selectize
+ *= require selectize.bootstrap3
  *= require home_page/pygments
  *= require home_page/socialicious
 */

data/app/assets/stylesheets/home_page/bootswatch.css.less

@@ -7,3 +7,7 @@ body {
 p {
   margin: 10px 0;
 }
+
+.list-striped li:nth-child(odd) {
+  background-color: #F9F9F9;
+}

data/app/assets/stylesheets/vendors/keen/dashboards.css

@@ -0,0 +1,59 @@
+
+/*
+ * Full-page application style
+ */
+
+body.application {
+  padding: 60px 20px 0;
+}
+
+body.application > .container-fluid {
+  padding-left: 0;
+  padding-right: 0;
+}
+body.application div[class^="col-"] {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+body.application div[class^="col-"] div[class^="col-"] {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+body.application hr {
+  border-color: #d7d7d7;
+  margin: 10px 0;
+}
+
+.return-link, .return-link:focus, .return-link:hover {
+  text-decoration: none;
+}
+
+.chart-wrapper {
+  background: #fff;
+  border: 1px solid #e2e2e2;
+  border-radius: 3px;
+  margin-bottom: 10px;
+}
+.chart-wrapper .chart-title {
+  border-bottom: 1px solid #d7d7d7;
+  color: #666;
+  font-size: 14px;
+  font-weight: 200;
+  padding: 7px 10px 4px;
+}
+
+.chart-wrapper .chart-stage {
+  /*min-height: 240px;*/
+  overflow: hidden;
+  padding: 5px 10px;
+  position: relative;
+}
+
+.chart-wrapper .chart-notes {
+  background: #fbfbfb;
+  border-top: 1px solid #e2e2e2;
+  color: #808080;
+  font-size: 12px;
+  padding: 8px 10px 5px;
+}