')
+ .append($('| '))
+ .append($(' | ').html(label))
+ .append($(' | ').addClass('value').html($('span', this).html()))
+ )
+ })
+
+ $legend.insertAfter($list)
+ $list.remove()
+
+ return $legend;
+ }
+
+ ChartUtils.prototype.showTooltip = function(x, y, text) {
+ var $tooltip = $('#chart-tooltip')
+
+ if ($tooltip.length)
+ $tooltip.remove()
+
+ $tooltip = $('')
+ .html(text)
+ .css('visibility', 'hidden')
+
+ x += 10
+ y += 10
+
+ $(document.body).append($tooltip)
+ var tooltipWidth = $tooltip.outerWidth()
+ if ((x + tooltipWidth) > $(window).width())
+ x = $(window).width() - tooltipWidth - 10;
+
+ $tooltip.css({top: y, left: x, visibility: 'visible'});
+ }
+
+ ChartUtils.prototype.hideTooltip = function() {
+ $('#chart-tooltip').remove()
+ }
+
+ if ($.oc === undefined)
+ $.oc = {}
+
+ $.oc.chartUtils = new ChartUtils();
+}(window.jQuery);
\ No newline at end of file
diff --git a/modules/backend/assets/js/october.controls.js b/modules/backend/assets/js/october.controls.js
new file mode 100644
index 000000000..e637f6937
--- /dev/null
+++ b/modules/backend/assets/js/october.controls.js
@@ -0,0 +1,37 @@
+/*
+ * Custom controls that could exist separately of the form widget
+ */
+
+(function($){
+ $(document).on('keydown', 'div.custom-checkbox', function(e){
+ if (e.keyCode == 32)
+ e.preventDefault()
+ })
+
+ $(document).on('keyup', 'div.custom-checkbox', function(e){
+ if (e.keyCode == 32) {
+ var $cb = $('input', this)
+
+ if ($cb.data('oc-space-timestamp') == e.timeStamp)
+ return
+
+ $cb.get(0).checked = !$cb.get(0).checked
+ $cb.data('oc-space-timestamp', e.timeStamp)
+ $cb.trigger('change')
+ return false
+ }
+ })
+
+ /*
+ * Custom drop downs (Desktop only)
+ */
+ $(document).render(function(){
+ if (Modernizr.touch)
+ return
+
+ $('select.custom-select').select2()
+ $(document).on('disable', 'select.custom-select', function(event, status){
+ $(this).select2('enable', !status)
+ })
+ })
+})(jQuery);
\ No newline at end of file
diff --git a/modules/backend/assets/js/october.cursorloadindicator.js b/modules/backend/assets/js/october.cursorloadindicator.js
new file mode 100644
index 000000000..3a911bebc
--- /dev/null
+++ b/modules/backend/assets/js/october.cursorloadindicator.js
@@ -0,0 +1,87 @@
+/*
+ * The loading indicator for the mouse cursor.
+ *
+ * Displays the animated loading indicator following the mouse cursor.
+ *
+ * JavaScript API:
+ * $.oc.cursorLoadIndicator.show(event)
+ * $.oc.cursorLoadIndicator.hide()
+ *
+ * By default if the show() method has been called several times, the hide() method should be
+ * called the same number of times in order to hide the cursor. Use hide(true) to hide the
+ * indicator forcibly.
+ *
+ * The event parameter in the show() method is optional. If it is passed, the initial cursor position
+ * will be loaded from it.
+ */
++function ($) { "use strict";
+ if ($.oc === undefined)
+ $.oc = {}
+
+ var CursorLoadIndicator = function () {
+ if (Modernizr.touch)
+ return
+
+ this.counter = 0
+ this.indicator = $(' ').addClass('cursor-loading-indicator').addClass('hide')
+ $(document.body).append(this.indicator)
+ }
+
+ CursorLoadIndicator.prototype.show = function(event) {
+ if (Modernizr.touch)
+ return
+
+ this.counter++
+
+ if (this.counter > 1)
+ return
+
+ var self = this,
+ $window = $(window);
+
+
+ if (event !== undefined && event.clientY !== undefined) {
+ self.indicator.css({
+ left: event.clientX + 15,
+ top: event.clientY + 15
+ })
+ }
+
+ this.indicator.removeClass('hide')
+ $(window).on('mousemove.cursorLoadIndicator', function(e){
+ self.indicator.css({
+ left: e.clientX + 15,
+ top: e.clientY + 15,
+ })
+ })
+ }
+
+ CursorLoadIndicator.prototype.hide = function(force) {
+ if (Modernizr.touch)
+ return
+
+ this.counter--
+ if (force !== undefined && force)
+ this.counter = 0
+
+ if (this.counter <= 0) {
+ this.indicator.addClass('hide')
+ $(window).off('.cursorLoadIndicator');
+ }
+ }
+
+ $(document).ready(function(){
+ $.oc.cursorLoadIndicator = new CursorLoadIndicator();
+ })
+
+ // CURSORLOADINDICATOR DATA-API
+ // ==============
+
+ $(document)
+ .on('ajaxPromise', '[data-cursor-load-indicator]', function() {
+ $.oc.cursorLoadIndicator.show()
+ }).on('ajaxFail ajaxDone', '[data-cursor-load-indicator]', function() {
+ $.oc.cursorLoadIndicator.hide()
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/modules/backend/assets/js/october.dragscroll.js b/modules/backend/assets/js/october.dragscroll.js
new file mode 100644
index 000000000..745fcdbe9
--- /dev/null
+++ b/modules/backend/assets/js/october.dragscroll.js
@@ -0,0 +1,355 @@
+/*
+ * Allows to scroll an element content in the horizontal or horizontal directions. This script doesn't use
+ * absolute positioning and rely on the scrollLeft/scrollTop DHTML properties. The element width should be
+ * fixed with the CSS or JavaScript.
+ *
+ * Events triggered on the element:
+ * - start.oc.dragScroll
+ * - drag.oc.dragScroll
+ * - stop.oc.dragScroll
+ *
+ * Options:
+ * - start - callback function to execute when the drag starts
+ * - drag - callback function to execute when the element is dragged
+ * - stop - callback function to execute when the drag ends
+ * - vertical - determines if the scroll direction is vertical, true by default
+ * - allowScroll - determines if the mouse wheel scrolling is allowed, true by default
+ * - scrollClassContainer - if specified, specifies an element or element selector to apply the 'scroll-before' and 'scroll-after' CSS classes,
+ * depending on whether the scrollable area is in its start or end
+ * - scrollMarkerContainer - if specified, specifies an element or element selector to inject scroll markers (span elements that con
+ * contain the ellipses icon, indicating whether scrolling is possible)
+ *
+ * Methods:
+ * - isStart - determines if the scrollable area is in its start (left or top)
+ * - isEnd - determines if the scrollable area is in its end (right or bottom)
+ * - goToStart - moves the scrollable area to the start (left or top)
+ * - goToElement - moves the scrollable area to an element
+ *
+ * Dependences:
+ * - Mouse Wheel plugin (mousewheel.js)
+ */
++function ($) { "use strict";
+
+ var DragScroll = function (element, options) {
+ this.options = $.extend({}, DragScroll.DEFAULTS, options)
+
+ var
+ $el = $(element),
+ el = $el.get(0),
+ dragStart= 0,
+ startOffset = 0,
+ self = this,
+ dragging = false,
+ eventElementName = this.options.vertical ? 'pageY' : 'pageX';
+
+ this.el = $el
+ this.scrollClassContainer = this.options.scrollClassContainer ? $(this.options.scrollClassContainer) : $el
+
+ /*
+ * Inject scroll markers
+ */
+ if (this.options.scrollMarkerContainer)
+ $(this.options.scrollMarkerContainer).append($(' '))
+
+ /*
+ * Bind events
+ */
+ $el.mousewheel(function(event){
+ if (!self.options.allowScroll)
+ return;
+
+ var offset = self.options.vertical
+ ? ((event.deltaFactor * event.deltaY) * -1)
+ : ((event.deltaFactor * event.deltaX) * -1)
+
+ return !scrollWheel(offset)
+ })
+
+ $el.on('mousedown', function(event){
+ startDrag(event)
+ return false
+ })
+
+ $el.on('touchstart', function(event){
+ var touchEvent = event.originalEvent;
+ if (touchEvent.touches.length == 1) {
+ startDrag(touchEvent.touches[0])
+ event.stopPropagation()
+ }
+ })
+
+ $el.on('click', function() {
+ // Do not handle item clicks while dragging
+ if ($(document.body).hasClass('drag'))
+ return false
+ })
+
+ $(window).on('resize', $.proxy(this.fixScrollClasses, this))
+
+ /*
+ * Internal event, drag has started
+ */
+ function startDrag(event) {
+ dragStart = event[eventElementName]
+ startOffset = self.options.vertical ? $el.scrollTop() : $el.scrollLeft()
+
+ if (Modernizr.touch) {
+ $(window).on('touchmove.dragScroll', function(event){
+ var touchEvent = event.originalEvent
+ moveDrag(touchEvent.touches[0])
+ event.preventDefault()
+ })
+
+ $(window).on('touchend.dragScroll', function(event) {
+ stopDrag()
+ })
+ }
+ else {
+ $(window).on('mousemove.dragScroll', function(event){
+ moveDrag(event)
+ $(document.body).addClass(self.options.dragClass)
+ return false
+ })
+
+ $(window).on('mouseup.dragScroll', function(mouseUpEvent){
+ var isClick = event.pageX == mouseUpEvent.pageX && event.pageY == mouseUpEvent.pageY
+ stopDrag(isClick)
+ return false
+ })
+ }
+ }
+
+ /*
+ * Internal event, drag is active
+ */
+ function moveDrag(event) {
+ var current = event[eventElementName],
+ offset = dragStart - current
+
+ if (Math.abs(offset) > 2) {
+ if (!dragging) {
+ dragging = true
+ $el.trigger('start.oc.dragScroll')
+ self.options.start();
+ }
+
+ self.options.vertical
+ ? $el.scrollTop(startOffset + offset)
+ : $el.scrollLeft(startOffset + offset)
+
+ $el.trigger('drag.oc.dragScroll')
+ self.options.drag()
+ }
+ }
+
+ /*
+ * Internal event, drag has ended
+ */
+ function stopDrag(click) {
+ $(window).off('.dragScroll')
+
+ dragging = false;
+
+ if (click)
+ $(document.body).removeClass(self.options.dragClass)
+ else
+ self.fixScrollClasses()
+
+ window.setTimeout(function(){
+ if (!click) {
+ $(document.body).removeClass(self.options.dragClass)
+ $el.trigger('stop.oc.dragScroll')
+ self.options.stop()
+ self.fixScrollClasses()
+ }
+ }, 100)
+ }
+
+ /*
+ * Scroll wheel has moved by supplied offset
+ */
+ function scrollWheel(offset) {
+ startOffset = self.options.vertical ? el.scrollTop : el.scrollLeft
+
+ self.options.vertical
+ ? $el.scrollTop(startOffset + offset)
+ : $el.scrollLeft(startOffset + offset)
+
+ var scrolled = self.options.vertical
+ ? el.scrollTop != startOffset
+ : el.scrollLeft != startOffset
+
+ $el.trigger('drag.oc.dragScroll')
+ self.options.drag()
+
+ if (scrolled) {
+ if (self.wheelUpdateTimer !== undefined && self.wheelUpdateTimer !== false)
+ window.clearInterval(self.wheelUpdateTimer);
+
+ self.wheelUpdateTimer = window.setTimeout(function() {
+ self.wheelUpdateTimer = false;
+ self.fixScrollClasses()
+ }, 100);
+ }
+
+ return scrolled
+ }
+
+ this.fixScrollClasses();
+ }
+
+ DragScroll.DEFAULTS = {
+ vertical: false,
+ allowScroll: true,
+ scrollClassContainer: false,
+ scrollMarkerContainer: false,
+ dragClass: 'drag',
+ start: function() {},
+ drag: function() {},
+ stop: function() {}
+ }
+
+ DragScroll.prototype.fixScrollClasses = function() {
+ this.scrollClassContainer.toggleClass('scroll-before', !this.isStart())
+ this.scrollClassContainer.toggleClass('scroll-after', !this.isEnd())
+
+ this.scrollClassContainer.toggleClass('scroll-active-before', this.isActiveBefore())
+ this.scrollClassContainer.toggleClass('scroll-active-after', this.isActiveAfter())
+ }
+
+ DragScroll.prototype.isStart = function() {
+ if (!this.options.vertical)
+ return this.el.scrollLeft() <= 0;
+ else
+ return this.el.scrollTop() <= 0;
+ }
+
+ DragScroll.prototype.isEnd = function() {
+ if (!this.options.vertical)
+ return (this.el[0].scrollWidth - (this.el.scrollLeft() + this.el.width())) <= 0
+ else
+ return (this.el[0].scrollHeight - (this.el.scrollTop() + this.el.height())) <= 0
+ }
+
+ DragScroll.prototype.goToStart = function() {
+ if (!this.options.vertical)
+ return this.el.scrollLeft(0)
+ else
+ return this.el.scrollTop(0)
+ }
+
+ /*
+ * Determines if the element with the class 'active' is hidden before the viewport -
+ * on the left or on the top, depending on whether the scrollbar is horizontal or vertical.
+ */
+ DragScroll.prototype.isActiveAfter = function() {
+ var activeElement = $('.active', this.el);
+ if (activeElement.length == 0)
+ return false
+
+ if (!this.options.vertical)
+ return activeElement.get(0).offsetLeft > (this.el.scrollLeft() + this.el.width())
+ else
+ return activeElement.get(0).offsetTop > (this.el.scrollTop() + this.el.height())
+ }
+
+ /*
+ * Determines if the element with the class 'active' is hidden after the viewport -
+ * on the right or on the bottom, depending on whether the scrollbar is horizontal or vertical.
+ */
+ DragScroll.prototype.isActiveBefore = function() {
+ var activeElement = $('.active', this.el);
+ if (activeElement.length == 0)
+ return false
+
+ if (!this.options.vertical)
+ return (activeElement.get(0).offsetLeft + activeElement.width()) < this.el.scrollLeft()
+ else
+ return (activeElement.get(0).offsetTop + activeElement.height()) < this.el.scrollTop()
+ }
+
+ DragScroll.prototype.goToElement = function(element, callback) {
+ var $el = $(element)
+ if (!$el.length)
+ return;
+
+ var self = this,
+ params = {
+ duration: 300,
+ queue: false,
+ complete: function(){
+ self.fixScrollClasses()
+ if (callback !== undefined)
+ callback()
+ }
+ }
+
+ var offset = 0,
+ animated = false
+
+ if (!this.options.vertical) {
+ offset = $el.get(0).offsetLeft - this.el.scrollLeft()
+
+ if (offset < 0) {
+ this.el.animate({'scrollLeft': $el.get(0).offsetLeft}, params)
+ animated = true
+ } else {
+ offset = $el.get(0).offsetLeft + $el.width() - (this.el.scrollLeft() + this.el.width())
+ if (offset > 0) {
+ this.el.animate({'scrollLeft': $el.get(0).offsetLeft + $el.width() - this.el.width()}, params)
+ animated = true
+ }
+ }
+ } else {
+ offset = $el.get(0).offsetTop - this.el.scrollTop()
+
+ if (offset < 0) {
+ this.el.animate({'scrollTop': $el.get(0).offsetTop}, params)
+ animated = true
+ } else {
+ offset = $el.get(0).offsetTop - (this.el.scrollTop() + this.el.height())
+ if (offset > 0) {
+ this.el.animate({'scrollTop': $el.get(0).offsetTop + $el.height() - this.el.height()}, params)
+ animated = true
+ }
+ }
+ }
+
+ if (!animated && callback !== undefined)
+ callback()
+ }
+
+ // DRAGSCROLL PLUGIN DEFINITION
+ // ============================
+
+ var old = $.fn.dragScroll
+
+ $.fn.dragScroll = function (option) {
+ var args = arguments;
+
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('oc.dragScroll')
+ var options = typeof option == 'object' && option
+
+ if (!data) $this.data('oc.dragScroll', (data = new DragScroll(this, options)))
+ if (typeof option == 'string') {
+ var methodArgs = [];
+ for (var i=1; i ').addClass('dropdown-title').text(title))
+
+ var
+ container = $(' ').addClass('dropdown-container'),
+ ul = $(' ')
+
+ container.prepend(ul)
+ ul.prepend(dropdown.children())
+ dropdown.prepend(container)
+
+ dropdown.on('touchstart', function(){
+ window.setTimeout(function(){
+ dropdown.addClass('scroll')
+ }, 200)
+ })
+
+ dropdown.on('touchend', function(){
+ window.setTimeout(function(){
+ dropdown.removeClass('scroll')
+ }, 200)
+ })
+
+ dropdown.on('click', 'a', function(){
+ if (dropdown.hasClass('scroll'))
+ return false
+ })
+ }
+
+ if (dropdownContainer !== undefined && dropdownContainer == 'body') {
+ $(this).data('oc.dropdown', dropdown)
+ $(document.body).append(dropdown)
+
+ dropdown.css({
+ 'visibility': 'hidden',
+ 'left': 0,
+ 'top' : 0,
+ 'display': 'block'
+ })
+
+ var targetOffset = $(this).offset(),
+ targetHeight = $(this).height(),
+ targetWidth = $(this).width(),
+ position = {
+ x: targetOffset.left,
+ y: targetOffset.top + targetHeight
+ },
+ leftOffset = targetWidth < 30 ? -16 : 0,
+ documentHeight = $(document).height(),
+ dropdownHeight = dropdown.height()
+
+ if ((dropdownHeight + position.y) > $(document).height()) {
+ position.y = targetOffset.top - dropdownHeight - 12
+ dropdown.addClass('top')
+ } else
+ dropdown.removeClass('top')
+
+ dropdown.css({
+ 'left': position.x + leftOffset,
+ 'top': position.y,
+ 'visibility': 'visible'
+ })
+ }
+
+ if ($('.dropdown-overlay', document.body).length == 0)
+ $(document.body).prepend($(' ').addClass('dropdown-overlay'));
+ })
+
+ $(document).on('hidden.bs.dropdown', '.dropdown', function(){
+ var dropdown = $(this).data('oc.dropdown')
+ if (dropdown !== undefined) {
+ dropdown.css('display', 'none')
+ $(this).append(dropdown)
+ }
+
+ $(document.body).removeClass('dropdown-open');
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/modules/backend/assets/js/october.filelist.js b/modules/backend/assets/js/october.filelist.js
new file mode 100644
index 000000000..f6afce5d0
--- /dev/null
+++ b/modules/backend/assets/js/october.filelist.js
@@ -0,0 +1,158 @@
+/*
+ * File List
+ *
+ * Creates a tree list of clickable folders and files.
+ *
+ * Data attributes:
+ * - data-control="filelist" - enables the file list plugin
+ * - data-group-status-handler - AJAX handler to execute when a group is collapsed or expanded by a user
+ *
+ * JavaScript API:
+ * $('#list').fileList()
+ *
+ * Events
+ * - open.oc.list - this event is triggered on the list element when an item is clicked.
+ *
+ * Dependences:
+ * - Null
+ */
+
++function ($) { "use strict";
+
+ // FILELIST CLASS DEFINITION
+ // ============================
+
+ var FileList = function(element, options) {
+ this.options = options
+ this.$el = $(element)
+
+ this.init();
+ }
+
+ FileList.DEFAULTS = {
+
+ }
+
+ FileList.prototype.init = function (){
+ var self = this
+
+ this.$el.on('click', 'li.group > h4 > a, li.group > div.group', function() {
+ self.toggleGroup($(this).closest('li'))
+
+ return false;
+ });
+
+ this.$el.on('click', 'li.item > a', function(event) {
+ var e = $.Event('open.oc.list', {relatedTarget: $(this).parent().get(0), clickEvent: event})
+ self.$el.trigger(e, this)
+
+ return false
+ })
+ }
+
+ FileList.prototype.toggleGroup = function(group) {
+ var $group = $(group);
+
+ $group.attr('data-status') == 'expanded' ?
+ this.collapseGroup($group) :
+ this.expandGroup($group)
+ }
+
+ FileList.prototype.collapseGroup = function(group) {
+ var
+ $list = $('> ul, > div.subitems', group),
+ self = this;
+
+ $list.css('overflow', 'hidden')
+ $list.animate({'height': 0}, { duration: 100, queue: false, complete: function() {
+ $list.css({
+ 'overflow': 'visible',
+ 'display': 'none'
+ })
+ $(group).attr('data-status', 'collapsed')
+ $(window).trigger('resize')
+ } })
+
+ this.sendGroupStatusRequest(group, 0);
+ }
+
+ FileList.prototype.expandGroup = function(group) {
+ var
+ $list = $('> ul, > div.subitems', group),
+ self = this;
+
+ $list.css({
+ 'overflow': 'hidden',
+ 'display': 'block',
+ 'height': 0
+ })
+ $list.animate({'height': $list[0].scrollHeight}, { duration: 100, queue: false, complete: function() {
+ $list.css({
+ 'overflow': 'visible',
+ 'height': 'auto'
+ })
+ $(group).attr('data-status', 'expanded')
+ $(window).trigger('resize')
+ } })
+
+ this.sendGroupStatusRequest(group, 1);
+ }
+
+ FileList.prototype.sendGroupStatusRequest = function(group, status) {
+ if (this.options.groupStatusHandler !== undefined) {
+ var groupId = $(group).data('group-id')
+ if (groupId === undefined)
+ groupId = $('> h4 a', group).text();
+
+ $(group).request(this.options.groupStatusHandler, {data: {group: groupId, status: status}})
+ }
+ }
+
+ FileList.prototype.markActive = function(dataId) {
+ $('li.item', this.$el).removeClass('active')
+ if (dataId)
+ $('li.item[data-id="'+dataId+'"]', this.$el).addClass('active')
+ }
+
+ // FILELIST PLUGIN DEFINITION
+ // ============================
+
+ var old = $.fn.fileList
+
+ $.fn.fileList = function (option) {
+ var args = arguments;
+
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('oc.fileList')
+ var options = $.extend({}, FileList.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+ if (!data) $this.data('oc.fileList', (data = new FileList(this, options)))
+ if (typeof option == 'string') {
+ var methodArgs = [];
+ for (var i=1; i The record has been successfully saved.
+ *
+ * JavaScript API:
+ * $.oc.flashMsg({text: 'The record has been successfully saved.', 'class': 'success', 'interval': 3})
+ */
++function ($) { "use strict";
+
+ var FlashMessage = function (options, el) {
+ var
+ options = $.extend({}, FlashMessage.DEFAULTS, options),
+ $element = $(el);
+
+ $('body > p.flash-message').remove()
+
+ if ($element.length == 0)
+ $element = $('').addClass(options.class).html(options.text)
+
+ $element.addClass('flash-message')
+ $element.attr('data-control', null)
+ $element.append('')
+ $element.on('click', 'button', remove)
+
+ $(document.body).append($element);
+
+ var timer = window.setTimeout(remove, options.interval*1000)
+
+ function remove() {
+ window.clearInterval(timer)
+ $element.animate({'opacity': 0}, {
+ duration: 200,
+ queue: false,
+ complete: function() {
+ $element.remove();
+ }
+ })
+ }
+ }
+
+ FlashMessage.DEFAULTS = {
+ class: 'success',
+ text: 'Default text',
+ interval: 2
+ }
+
+ // FLASH MESSAGE PLUGIN DEFINITION
+ // ============================
+
+ if ($.oc === undefined)
+ $.oc = {}
+
+ $.oc.flashMsg = FlashMessage
+
+ // FLASH MESSAGE DATA-API
+ // ===============
+
+ $(document).render(function(){
+ $('[data-control=flash-message]').each(function(){
+ $.oc.flashMsg($(this).data(), this)
+ })
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/modules/backend/assets/js/october.goalmeter.js b/modules/backend/assets/js/october.goalmeter.js
new file mode 100644
index 000000000..91aa80d09
--- /dev/null
+++ b/modules/backend/assets/js/october.goalmeter.js
@@ -0,0 +1,77 @@
+/*
+ * The goal meter plugin.
+ *
+ * Applies the goal meter style to a scoreboard item.
+ *
+ * Data attributes:
+ * - data-control="goal-meter" - enables the goal meter plugin
+ * - data-value - sets the value, in percents
+ *
+ * JavaScript API:
+ * $('.scoreboard .goal-meter').goalMeter({value: 20})
+ * $('.scoreboard .goal-meter').goalMeter(10) // Sets the current value
+ */
++function ($) { "use strict";
+
+ var GoalMeter = function (element, options) {
+ var
+ $el = this.$el = $(element),
+ self = this;
+
+ this.options = options || {};
+
+ this.$indicatorBar = $('').text(this.options.value + '%')
+ this.$indicatorOuter = $('').addClass('goal-meter-indicator').append(this.$indicatorBar)
+
+ $('p', this.$el).first().before(this.$indicatorOuter)
+
+ window.setTimeout(function(){
+ self.update(self.options.value)
+ }, 200)
+ }
+
+ GoalMeter.prototype.update = function(value) {
+ this.$indicatorBar.css('height', value + '%')
+ }
+
+ GoalMeter.DEFAULTS = {
+ value: 50
+ }
+
+ // GOALMETER PLUGIN DEFINITION
+ // ============================
+
+ var old = $.fn.goalMeter
+
+ $.fn.goalMeter = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('oc.goalMeter')
+ var options = $.extend({}, GoalMeter.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+ if (!data)
+ $this.data('oc.goalMeter', (data = new GoalMeter(this, options)))
+ else
+ data.update(option)
+ })
+ }
+
+ $.fn.goalMeter.Constructor = GoalMeter
+
+ // GOALMETER NO CONFLICT
+ // =================
+
+ $.fn.goalMeter.noConflict = function () {
+ $.fn.goalMeter = old
+ return this
+ }
+
+ // GOALMETER DATA-API
+ // ===============
+
+
+ $(document).render(function () {
+ $('[data-control=goal-meter]').goalMeter()
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/modules/backend/assets/js/october.hotkey.js b/modules/backend/assets/js/october.hotkey.js
new file mode 100644
index 000000000..99c0e5a95
--- /dev/null
+++ b/modules/backend/assets/js/october.hotkey.js
@@ -0,0 +1,136 @@
+/*
+ * Hot key binding.
+ *
+ * JavaScript API:
+ *
+ * $('html').hotKey({ hotkey: 'Ctrl+S', hotkeyMac: 'Command+M', callback: doSomething);
+ */
++function ($) { "use strict";
+
+ var HotKey = function (element, options) {
+
+ var $el = this.$el = $(element)
+ var $target = this.$target = $(options.hotkeyTarget)
+
+ this.options = options || {}
+
+ if (!options.hotkey)
+ throw new Error('No hotkey has been defined.');
+
+ if (!options.hotkeyMac)
+ options.hotkeyMac = options.hotkey
+
+ var
+ keys,
+ keysCount,
+ platform = (navigator.userAgent.indexOf('Mac OS X') != -1) ? 'hotkeyMac' : 'hotkey',
+ keyBind = options[platform].toLowerCase(),
+ keyPressed = { shift: false, ctrl: false, cmd: false, alt: false },
+ keyWaited = { shift: false, ctrl: false, cmd: false, alt: false, specific: -1 },
+ keyMap = {'esc':27, 'tab':9, 'space':32, 'return':13, 'enter':13, 'backspace':8, 'scroll':145, 'capslock':20, 'numlock':144, 'pause':19,
+ 'break':19, 'insert':45, 'home':36, 'delete':46, 'suppr':46, 'end':35, 'pageup':33, 'pagedown':34, 'left':37, 'up':38, 'right':39, 'down':40,
+ 'f1':112, 'f2':113, 'f3':114, 'f4':115, 'f5':116, 'f6':117, 'f7':118, 'f8':119, 'f9':120, 'f10':121, 'f11':122, 'f12':123}
+
+ keys = keyBind.split('+')
+ keysCount = keys.length;
+ for (var i = 0; i < keysCount; i++) {
+ switch (keys[i]) {
+ case 'shift':
+ keyWaited.shift = true
+ break
+ case 'ctrl':
+ keyWaited.ctrl = true
+ break
+ case 'command':
+ case 'cmd':
+ keyWaited.cmd = true
+ break
+ case 'alt':
+ keyWaited.alt = true
+ break
+ }
+ }
+ keyWaited.specific = keyMap[keys[keys.length-1]]
+
+ if (typeof (keyWaited.specific) == 'undefined')
+ keyWaited.specific = keys[keys.length-1].toUpperCase().charCodeAt()
+
+ $target.keydown(function (event) {
+ keyPressed.shift = event.originalEvent.shiftKey
+ keyPressed.ctrl = event.originalEvent.ctrlKey
+ keyPressed.cmd = event.originalEvent.metaKey
+ keyPressed.alt = event.originalEvent.altKey
+
+ if (event.which == keyWaited.specific
+ && keyPressed.shift == keyWaited.shift
+ && keyPressed.ctrl == keyWaited.ctrl
+ && keyPressed.cmd == keyWaited.cmd
+ && keyPressed.alt == keyWaited.alt) {
+
+ if (options.hotkeyVisible && !$el.is(':visible'))
+ return
+
+ if (options.callback)
+ return options.callback($el, this)
+
+ keyPressed.shift = false
+ keyPressed.ctrl = false
+ keyPressed.cmd = false
+ keyPressed.alt = false
+ }
+ });
+
+ $target.keyup(function (event) {
+ keyPressed.shift = event.originalEvent.shiftKey
+ keyPressed.ctrl = event.originalEvent.ctrlKey
+ keyPressed.cmd = event.originalEvent.metaKey
+ keyPressed.alt = event.originalEvent.altKey
+ });
+ }
+
+ HotKey.DEFAULTS = {
+ hotkey: null,
+ hotkeyMac: null,
+ hotkeyTarget: 'html',
+ hotkeyVisible: true,
+ callback: function(element) {
+ element.trigger('click')
+ return false
+ }
+ }
+
+ // HOTKEY PLUGIN DEFINITION
+ // ============================
+
+ var old = $.fn.hotKey
+
+ $.fn.hotKey = function (option) {
+ var args = arguments;
+
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('oc.hotkey')
+ var options = $.extend({}, HotKey.DEFAULTS, $this.data(), typeof option == 'object' && option)
+ if (!data) $this.data('oc.hotkey', (data = new HotKey(this, options)))
+ if (typeof option == 'string') data[option].call($this)
+ })
+ }
+
+ $.fn.hotKey.Constructor = HotKey
+
+ // HOTKEY NO CONFLICT
+ // =================
+
+ $.fn.hotKey.noConflict = function () {
+ $.fn.hotKey = old
+ return this
+ }
+
+ // HOTKEY DATA-API
+ // ==============
+
+ $(document).render(function(){
+ $('[data-hotkey]').hotKey()
+ })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/modules/backend/assets/js/october.inputpreset.js b/modules/backend/assets/js/october.inputpreset.js
new file mode 100644
index 000000000..e2af6b3f8
--- /dev/null
+++ b/modules/backend/assets/js/october.inputpreset.js
@@ -0,0 +1,98 @@
+/*
+ * An input preset converter.
+ *
+ * The API allows to convert text entered into an element to an URL or file name value in another input element.
+ *
+ * Supported data attributes:
+ * - data-input-preset: specifies a CSS selector for a source input element
+ * - data-input-preset-closest-parent: optional, specifies a CSS selector for a closest common parent
+ * for the source and destination input elements.
+ * - data-input-preset-type: specifies the conversion type. Supported values are: URL, file.
+ *
+ * Example:
+ *
+ *
+ * JavaScript API:
+ * $('#filename').inputPreset({inputPreset: '#name', inputPresetType: 'file'})
+ */
++function ($) { "use strict";
+
+ var InputPreset = function (element, options) {
+ var $el = this.$el = $(element);
+ this.options = options || {};
+ this.cancelled = false;
+
+ // Do not update the element if it already has a value
+ if ($el.val().length)
+ return
+
+ var parent = options.inputPresetClosestParent !== undefined ?
+ $el.closest(options.inputPresetClosestParent) :
+ undefined,
+ self = this;
+
+ this.$src = $(options.inputPreset, parent),
+ this.$src.on('keyup', function() {
+ if (self.cancelled)
+ return;
+
+ $el.val(self.formatValue())
+ })
+
+ this.$el.on('change', function() {
+ self.cancelled = true
+ })
+ }
+
+ InputPreset.prototype.formatValue = function() {
+ var value = this.$src.val()
+ .toLowerCase()
+ .replace(/[^\w ]+/g,'')
+ .replace(/ +/g,'-');
+
+ if (this.options.inputPresetType == 'url')
+ value = '/' + value;
+
+ return value;
+ }
+
+ InputPreset.DEFAULTS = {
+ inputPreset: '',
+ inputPresetType: 'file',
+ inputPresetClosestParent: undefined
+ }
+
+ // INPUT CONVERTER PLUGIN DEFINITION
+ // ============================
+
+ var old = $.fn.inputPreset
+
+ $.fn.inputPreset = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('oc.inputPreset')
+ var options = $.extend({}, InputPreset.DEFAULTS, $this.data(), typeof option == 'object' && option)
+
+ if (!data) $this.data('oc.inputPreset', (data = new InputPreset(this, options)))
+ })
+ }
+
+ $.fn.inputPreset.Constructor = InputPreset
+
+ // INPUT CONVERTER NO CONFLICT
+ // =================
+
+ $.fn.inputPreset.noConflict = function () {
+ $.fn.inputPreset = old
+ return this
+ }
+
+ // INPUT CONVERTER DATA-API
+ // ===============
+
+ $(document).render(function(){
+ $('[data-input-preset]').inputPreset()
+ })
+}(window.jQuery);
\ No newline at end of file
diff --git a/modules/backend/assets/js/october.inspector.js b/modules/backend/assets/js/october.inspector.js
new file mode 100644
index 000000000..ceb91978b
--- /dev/null
+++ b/modules/backend/assets/js/october.inspector.js
@@ -0,0 +1,624 @@
+/*
+ * Inspector control
+ *
+ * Manages properties of inspectable controls.
+ *
+ * Data attributes:
+ * - data-inspectable - makes a control inspectable.
+ * - data-inspector-title - title for the inspector popup
+ * - data-inspector-description - optional description for the inspector popup
+ * - data-inspector-class - class name of the inspectable object. Required for drop-down
+ * fields with dynamic options.
+ * - data-inspector-container - specifies a CSS selector for the inspector container. The default container
+ * is the document body. The container element should be relative positioned. The 'self' container value
+ * allows to inject the inspector to the inspectable element.
+ * - data-inspector-offset - offset in pixels to add to the calculated position, to make the position more "random"
+ * - data-inspector-placement - top | bottom | left | right. The placement could automatically be changed
+ if the popover doesn't fit into the desired position.
+ * - data-inspector-fallback-placement - The placement to use if the default placement
+ * and all other possible placements do not work. The default value is "bottom".
+ * - data-inspector-config - Configuration of the inspector fields as an array in the JSON format.
+ * Each element in the array is an object with the following properties:
+ * - property
+ * - title
+ * - type (currently supported types are: string, checkbox, dropdown)
+ * - description (optional)
+ * - validationPattern (regex pattern for for validating the value, supported by the text editor)
+ * - validationMessage (a message to display if the validation fails)
+ * - placeholder - placholder text, for text and dropdown properties
+ * - depends - a list of properties the property depend on, for dropdown lists
+ * - options - an option list for dropdown lists, optional. If not provided the options are loaded with AJAX.
+ * Example of the configuration string (a single property):
+ * [{"property":"max-width","title":"Max width","type":"string"}]
+ *
+ * The Inspector requires the inspectable element to contain a hidden input element with the attribute "data-inspector-values".
+ * The inspector uses this field to read and write field values. The field value is a JSON string, an object with keys matching property
+ * names and values matching property values.
+ *
+ * Events
+ * - change - the event is triggered on the inspectable element when it's properties are updated.
+ * - showing.oc.inspector - triggered before the Inspector is displayed. Allows to cancel the action with e.preventDefault()
+ * - hiding.oc.inspector - triggered before the Inspector is hidden. Allows to cancel the action with e.preventDefault()
+ * - hidden.oc.inspector - triggered after the Inspector is hidden.
+ *
+ * Dependences:
+ * - october.popover.js
+ */
++function ($) { "use strict";
+ if ($.oc === undefined)
+ $.oc = {}
+
+ $.oc.inspector = {
+ editors: {},
+ propertyCounter: 0
+ }
+
+ // INSPECTOR CLASS DEFINITION
+ // ============================
+
+ var Inspector = function(element, options) {
+ this.options = options
+ this.$el = $(element)
+ this.loadConfiguration()
+ }
+
+ Inspector.prototype.loadConfiguration = function() {
+ var jsonString = this.$el.data('inspector-config')
+
+ if (jsonString === undefined)
+ throw new Error('The Inspector cannot be initialized because the Inspector configuration ' +
+ 'attribute is not defined on the inspectable element.');
+
+ if (!$.isArray(jsonString)) {
+ try {
+ this.config = $.parseJSON(jsonString)
+ } catch(err) {
+ throw new Error('Error parsing the Inspector field configuration. ' + err)
+ }
+ } else
+ this.config = jsonString
+
+ this.propertyValuesField = $('input[data-inspector-values]', this.$el)
+ if (this.propertyValuesField.length === 0)
+ throw new Error('Error initializing the Inspector: the inspectable element should contain ' +
+ 'an hidden input element with the data-inspector-values property.')
+ }
+
+ Inspector.prototype.getPopoverTemplate = function() {
+ return ' \
+ \
+ {{title}} \
+ {{#description}} \
+ {{description}} \
+ {{/description}} \
+ \
+ |