tjadmin 0.0.3 → 0.0.4

data/vendor/assets/javascripts/tjadmin/bootstrap-tag.js

@@ -0,0 +1,206 @@
+/* ==========================================================
+ * bootstrap-tag.js v2.2.5
+ * https://github.com/fdeschenes/bootstrap-tag
+ * ==========================================================
+ * Copyright 2012 Francois Deschenes.
+ *
+ * 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 ;_;
+
+  var Tag = function ( element, options ) {
+    this.element = $(element)
+    this.options = $.extend(true, {}, $.fn.tag.defaults, options)
+    this.values = $.grep($.map(this.element.val().split(','), $.trim), function ( value ) { return value.length > 0 })
+    this.show()
+  }
+
+  Tag.prototype = {
+    constructor: Tag
+
+  , show: function () {
+      var that = this
+
+      that.element.parent().prepend(that.element.detach().hide())
+      that.element
+        .wrap($('<div class="tags">'))
+        .parent()
+        .on('click', function () {
+          that.input.focus()
+        })
+
+      if (that.values.length) {
+        $.each(that.values, function () {
+          that.createBadge(this)
+        })
+      }
+
+      that.input = $('<input type="text">')
+        .attr('placeholder', that.options.placeholder)
+        .insertAfter(that.element)
+        .on('focus', function () {
+          that.element.parent().addClass('tags-hover')
+        })
+        .on('blur', function () {
+          if (!that.skip) {
+            that.process()
+            that.element.parent().removeClass('tags-hover')
+            that.element.siblings('.tag').removeClass('tag-important')
+          }
+          that.skip = false
+        })
+        .on('keydown', function ( event ) {
+          if ( event.keyCode == 188 || event.keyCode == 13 || event.keyCode == 9 ) {
+            if ( $.trim($(this).val()) && ( !that.element.siblings('.typeahead').length || that.element.siblings('.typeahead').is(':hidden') ) ) {
+              if ( event.keyCode != 9 ) event.preventDefault()
+              that.process()
+            } else if ( event.keyCode == 188 ) {
+              if ( !that.element.siblings('.typeahead').length || that.element.siblings('.typeahead').is(':hidden') ) {
+                event.preventDefault()
+              } else {
+                that.input.data('typeahead').select()
+                event.stopPropagation()
+                event.preventDefault()
+              }
+            }
+          } else if ( !$.trim($(this).val()) && event.keyCode == 8 ) {
+            var count = that.element.siblings('.tag').length
+            if (count) {
+              var tag = that.element.siblings('.tag:eq(' + (count - 1) + ')')
+              if (tag.hasClass('tag-important')) that.remove(count - 1)
+              else tag.addClass('tag-important')
+            }
+          } else {
+            that.element.siblings('.tag').removeClass('tag-important')
+          }
+        })
+        .typeahead({
+          source: that.options.source
+        , matcher: function ( value ) {
+            return ~value.toLowerCase().indexOf(this.query.toLowerCase()) && (that.inValues(value) == -1 || that.options.allowDuplicates)
+          }
+        , updater: $.proxy(that.add, that)
+        })
+
+      $(that.input.data('typeahead').$menu).on('mousedown', function() {
+        that.skip = true
+      })
+
+      this.element.trigger('shown')
+    }
+  , inValues: function ( value ) {
+      if (this.options.caseInsensitive) {
+        var index = -1
+        $.each(this.values, function (indexInArray, valueOfElement) {
+          if ( valueOfElement.toLowerCase() == value.toLowerCase() ) {
+            index = indexInArray
+            return false
+          }
+        })
+        return index
+      } else {
+        return $.inArray(value, this.values)
+      }
+    }
+  , createBadge: function ( value ) {
+    var that = this
+
+      $('<span/>', {
+        'class' : "tag"
+      })
+      .text(value)
+      .append($('<button type="button" class="close">&times;</button>')
+        .on('click', function () {
+          that.remove(that.element.siblings('.tag').index($(this).closest('.tag')))
+        })
+      )
+      .insertBefore(that.element)
+  }
+  , add: function ( value ) {
+      var that = this
+
+      if ( !that.options.allowDuplicates ) {
+        var index = that.inValues(value)
+        if ( index != -1 ) {
+          var badge = that.element.siblings('.tag:eq(' + index + ')')
+          badge.addClass('tag-warning')
+          setTimeout(function () {
+            $(badge).removeClass('tag-warning')
+          }, 500)
+          return
+        }
+      }
+
+      this.values.push(value)
+      this.createBadge(value)
+
+      this.element.val(this.values.join(', '))
+      this.element.trigger('added', [value])
+    }
+  , remove: function ( index ) {
+      if ( index >= 0 ) {
+        var value = this.values.splice(index, 1)
+        this.element.siblings('.tag:eq(' + index + ')').remove()
+        this.element.val(this.values.join(', '))
+
+        this.element.trigger('removed', [value])
+      }
+    }
+  , process: function () {
+      var values = $.grep($.map(this.input.val().split(','), $.trim), function ( value ) { return value.length > 0 }),
+          that = this
+      $.each(values, function() {
+        that.add(this)
+      })
+      this.input.val('')
+    }
+  , skip: false
+  }
+
+  var old = $.fn.tag
+
+  $.fn.tag = function ( option ) {
+    return this.each(function () {
+      var that = $(this)
+        , data = that.data('tag')
+        , options = typeof option == 'object' && option
+      if (!data) that.data('tag', (data = new Tag(this, options)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.tag.defaults = {
+    allowDuplicates: false
+  , caseInsensitive: true
+  , placeholder: ''
+  , source: []
+  }
+
+  $.fn.tag.Constructor = Tag
+
+  $.fn.tag.noConflict = function () {
+    $.fn.tag = old
+    return this
+  }
+
+  $(window).on('load', function () {
+    $('[data-provide="tag"]').each(function () {
+      var that = $(this)
+      if (that.data('tag')) return
+      that.tag(that.data())
+    })
+  })
+}(window.jQuery)

data/vendor/assets/javascripts/tjadmin/bootstrap-wysiwyg.js

@@ -0,0 +1,206 @@
+/* http://github.com/mindmup/bootstrap-wysiwyg */
+/*global jQuery, $, FileReader*/
+/*jslint browser:true*/
+(function ($) {
+	'use strict';
+	var readFileIntoDataUrl = function (fileInfo) {
+		var loader = $.Deferred(),
+			fReader = new FileReader();
+		fReader.onload = function (e) {
+			loader.resolve(e.target.result);
+		};
+		fReader.onerror = loader.reject;
+		fReader.onprogress = loader.notify;
+		fReader.readAsDataURL(fileInfo);
+		return loader.promise();
+	};
+	$.fn.cleanHtml = function () {
+		var html = $(this).html();
+		return html && html.replace(/(<br>|\s|<div><br><\/div>|&nbsp;)*$/, '');
+	};
+	$.fn.wysiwyg = function (userOptions) {
+		var editor = this,
+			selectedRange,
+			options,
+			toolbarBtnSelector,
+			updateToolbar = function () {
+				if (options.activeToolbarClass) {
+					$(options.toolbarSelector).find(toolbarBtnSelector).each(function () {
+						try {
+							var command = $(this).data(options.commandRole);
+							if (document.queryCommandState(command)) {
+								$(this).addClass(options.activeToolbarClass);
+							} else {
+								$(this).removeClass(options.activeToolbarClass);
+							}
+						} catch(e){}
+					});
+				}
+			},
+			execCommand = function (commandWithArgs, valueArg) {
+				var commandArr = commandWithArgs.split(' '),
+					command = commandArr.shift(),
+					args = commandArr.join(' ') + (valueArg || '');
+				document.execCommand(command, 0, args);
+				updateToolbar();
+			},
+			bindHotkeys = function (hotKeys) {
+				$.each(hotKeys, function (hotkey, command) {
+					editor.keydown(hotkey, function (e) {
+						if (editor.attr('contenteditable') && editor.is(':visible')) {
+							e.preventDefault();
+							e.stopPropagation();
+							execCommand(command);
+						}
+					}).keyup(hotkey, function (e) {
+						if (editor.attr('contenteditable') && editor.is(':visible')) {
+							e.preventDefault();
+							e.stopPropagation();
+						}
+					});
+				});
+			},
+			getCurrentRange = function () {
+				try {
+					var sel = window.getSelection();
+					if (sel.getRangeAt && sel.rangeCount) {
+						return sel.getRangeAt(0);
+					}
+				} catch(e){}
+			},
+			saveSelection = function () {
+				selectedRange = getCurrentRange();
+			},
+			restoreSelection = function () {
+				try {
+					var selection = window.getSelection();
+					if (selectedRange) {
+						try {
+							selection.removeAllRanges();
+						} catch (ex) {
+							document.body.createTextRange().select();
+							document.selection.empty();
+						}
+
+						selection.addRange(selectedRange);
+					}
+				} catch(e){}
+			},
+			insertFiles = function (files) {
+				editor.focus();
+				$.each(files, function (idx, fileInfo) {
+					if (/^image\//.test(fileInfo.type)) {
+						$.when(readFileIntoDataUrl(fileInfo)).done(function (dataUrl) {
+							execCommand('insertimage', dataUrl);
+						}).fail(function (e) {
+							options.fileUploadError("file-reader", e);
+						});
+					} else {
+						options.fileUploadError("unsupported-file-type", fileInfo.type);
+					}
+				});
+			},
+			markSelection = function (input, color) {
+				restoreSelection();
+				if (document.queryCommandSupported('hiliteColor')) {
+					document.execCommand('hiliteColor', 0, color || 'transparent');
+				}
+				saveSelection();
+				input.data(options.selectionMarker, color);
+			},
+			bindToolbar = function (toolbar, options) {
+				toolbar.find(toolbarBtnSelector).click(function () {
+					restoreSelection();
+					editor.focus();
+					execCommand($(this).data(options.commandRole));
+					saveSelection();
+				});
+				toolbar.find('[data-toggle=dropdown]').click(restoreSelection);
+
+				toolbar.find('input[type=text][data-' + options.commandRole + ']').on('webkitspeechchange change', function () {
+					var newValue = this.value; /* ugly but prevents fake double-calls due to selection restoration */
+					this.value = '';
+					restoreSelection();
+					if (newValue) {
+						editor.focus();
+						execCommand($(this).data(options.commandRole), newValue);
+					}
+					saveSelection();
+				}).on('focus', function () {
+					var input = $(this);
+					if (!input.data(options.selectionMarker)) {
+						markSelection(input, options.selectionColor);
+						input.focus();
+					}
+				}).on('blur', function () {
+					var input = $(this);
+					if (input.data(options.selectionMarker)) {
+						markSelection(input, false);
+					}
+				});
+				toolbar.find('input[type=file][data-' + options.commandRole + ']').change(function () {
+					restoreSelection();
+					if (this.type === 'file' && this.files && this.files.length > 0) {
+						insertFiles(this.files);
+					}
+					saveSelection();
+					this.value = '';
+				});
+			},
+			initFileDrops = function () {
+				editor.on('dragenter dragover', false)
+					.on('drop', function (e) {
+						var dataTransfer = e.originalEvent.dataTransfer;
+						e.stopPropagation();
+						e.preventDefault();
+						if (dataTransfer && dataTransfer.files && dataTransfer.files.length > 0) {
+							insertFiles(dataTransfer.files);
+						}
+					});
+			};
+		options = $.extend({}, $.fn.wysiwyg.defaults, userOptions);
+		toolbarBtnSelector = 'a[data-' + options.commandRole + '],button[data-' + options.commandRole + '],input[type=button][data-' + options.commandRole + ']';
+		bindHotkeys(options.hotKeys);
+		if (options.dragAndDropImages) {
+			initFileDrops();
+		}
+		bindToolbar($(options.toolbarSelector), options);
+		editor.attr('contenteditable', true)
+			.on('mouseup keyup mouseout', function () {
+				saveSelection();
+				updateToolbar();
+			});
+		$(window).bind('touchend', function (e) {
+			var isInside = (editor.is(e.target) || editor.has(e.target).length > 0),
+				currentRange = getCurrentRange(),
+				clear = currentRange && (currentRange.startContainer === currentRange.endContainer && currentRange.startOffset === currentRange.endOffset);
+			if (!clear || isInside) {
+				saveSelection();
+				updateToolbar();
+			}
+		});
+		return this;
+	};
+	$.fn.wysiwyg.defaults = {
+		hotKeys: {
+			'ctrl+b meta+b': 'bold',
+			'ctrl+i meta+i': 'italic',
+			'ctrl+u meta+u': 'underline',
+			'ctrl+z meta+z': 'undo',
+			'ctrl+y meta+y meta+shift+z': 'redo',
+			'ctrl+l meta+l': 'justifyleft',
+			'ctrl+r meta+r': 'justifyright',
+			'ctrl+e meta+e': 'justifycenter',
+			'ctrl+j meta+j': 'justifyfull',
+			'shift+tab': 'outdent',
+			'tab': 'indent'
+		},
+		toolbarSelector: '[data-role=editor-toolbar]',
+		commandRole: 'edit',
+		activeToolbarClass: 'btn-info',
+		selectionMarker: 'edit-focus-marker',
+		selectionColor: 'darkgrey',
+		dragAndDropImages: true,
+		fileUploadError: function (reason, detail) { console.log("File upload error", reason, detail); }
+	};
+}(window.jQuery));