/g, "\n") // in some caes, new line als div
text = $("
" + text + "
").text().trim()
return text
}
- return this.text().trim()
+ return this.$element.text().trim()
}
- return this.html().trim()
+ return this.$element.html().trim()
}
- $.fn.ce = function(option) {
- var options = $.extend({}, DEFAULTS, option)
- options.placeholder = options.placeholder || this.data('placeholder')
-
- // store options
- this.data('ce.options', options)
-
- // process placeholder
- if ( options.placeholder ) {
- updatePlaceholder( this, 'add' )
- this.bind('focus', function (e) {
- updatePlaceholder( $(e.target), 'remove' )
- }).bind('blur', function (e) {
- updatePlaceholder( $(e.target), 'add' )
- })
- }
-
- // maxlength check
- if ( options.maxlength ) {
- this.bind('keydown', function (e) {
-
- // check control key
- if ( allowKey(e) ) {
- maxLengthOk( $(e.target) )
- }
-
- // check type ahead key
- else {
- if ( !maxLengthOk( $(e.target), true ) ) {
- e.preventDefault()
- }
- }
- }).bind('keyup', function (e) {
-
- // check control key
- if ( allowKey(e) ) {
- maxLengthOk( $(e.target) )
- }
-
- // check type ahead key
- else {
- if ( !maxLengthOk( $(e.target), true ) ) {
- e.preventDefault()
- }
- }
- }).bind('focus', function (e) {
- maxLengthOk( $(e.target) )
- }).bind('blur', function (e) {
- maxLengthOk( $(e.target) )
- })
- }
-
- // just paste text
- if ( options.mode === 'textonly' ) {
- this.bind('paste', function (e) {
- var text = (e.originalEvent || e).clipboardData.getData('text/plain')
- var overlimit = false
- if (text) {
-
- // replace new lines
- if ( !options.multiline ) {
- text = text.replace(/\n/g, '')
- text = text.replace(/\r/g, '')
- text = text.replace(/\t/g, '')
- }
-
- // limit length, limit paste string
- if ( options.maxlength ) {
- var pasteLength = text.length
- var currentLength = $(e.target).text().length
- var overSize = ( currentLength + pasteLength ) - options.maxlength
- if ( overSize > 0 ) {
- text = text.substr( 0, pasteLength - overSize )
- overlimit = true
- }
- }
-
- // insert new text
- e.preventDefault()
- document.execCommand('inserttext', false, text)
- maxLengthOk( $(e.target), overlimit )
- }
-
- });
- }
-
- // disable rich text b/u/i
- if ( options.mode === 'textonly' ) {
- this.bind('keydown', function (e) {
- if ( richTextKey(e) ) {
- e.preventDefault()
- }
- });
- }
-
- // disable multi line
- if ( !options.multiline ) {
- this.bind('keydown', function (e) {
- switch ( e.keyCode ) {
- case 13: // enter
- e.preventDefault()
- break;
- }
- })
- }
+ $.fn[pluginName] = function ( options ) {
+ return this.each(function () {
+ if (!$.data(this, 'plugin_' + pluginName)) {
+ $.data(this, 'plugin_' + pluginName,
+ new Plugin( this, options ));
+ }
+ });
+ }
+ // get correct val if textbox
+ $.fn.ceg = function() {
+ var plugin = $.data(this[0], 'plugin_' + pluginName)
+ return plugin.value()
}
}(jQuery));
diff --git a/app/assets/javascripts/app/lib/base/jquery.textmodule.js b/app/assets/javascripts/app/lib/base/jquery.textmodule.js
new file mode 100644
index 000000000..2854ad0f5
--- /dev/null
+++ b/app/assets/javascripts/app/lib/base/jquery.textmodule.js
@@ -0,0 +1,297 @@
+(function ($, window, undefined) {
+
+/*
+# mode: textonly/richtext / disable b/i/u/enter + strip on paste
+# pasteOnlyText: true
+# maxlength: 123
+# multiline: true / disable enter + strip on paste
+# placeholder: 'some placeholder'
+#
+*/
+
+ var pluginName = 'textmodule',
+ defaults = {}
+
+ function Plugin( element, options ) {
+ this.element = element
+ this.$element = $(element)
+
+ this.options = $.extend( {}, defaults, options)
+
+ this._defaults = defaults
+ this._name = pluginName
+
+ this.collection = []
+ this.active = false
+ this.buffer = ''
+
+ // check if ce exists
+ if ( $.data(element, 'plugin_ce') ) {
+ this.ce = $.data(element, 'plugin_ce')
+ }
+
+ this.init();
+ }
+
+ Plugin.prototype.init = function () {
+ this.baseTemplate()
+
+ this.$element.on('keydown', $.proxy(function (e) {
+
+ // esc
+ if ( e.keyCode === 27 ) {
+ this.close()
+ }
+
+ // navigate through widget
+ if ( this.isActive() ) {
+ console.log('WIDGET IS OPEN', e.keyCode)
+
+ // enter
+ if ( e.keyCode === 13 ) {
+ e.preventDefault()
+ var id = this.$widget.find('.dropdown-menu li.active a').data('id')
+ console.log('ID', id)
+ this.take(id)
+ }
+
+ // arrow keys
+ if ( e.keyCode === 37 || e.keyCode === 38 || e.keyCode === 39 || e.keyCode === 40 ) {
+ e.preventDefault()
+ }
+
+ // up
+ if ( e.keyCode === 38 ) {
+ if ( !this.$widget.find('.dropdown-menu li.active')[0] ) {
+ var top = this.$widget.find('.dropdown-menu li').last().addClass('active').position().top
+ this.$widget.find('.dropdown-menu').scrollTop( top );
+ }
+ else {
+ var prev = this.$widget.find('.dropdown-menu li.active').removeClass('active').prev()
+ var top = 300
+ if ( prev[0] ) {
+ top = prev.addClass('active').position().top
+ }
+ this.$widget.find('.dropdown-menu').scrollTop( top );
+ }
+ }
+
+ // down
+ if ( e.keyCode === 40 ) {
+ if ( !this.$widget.find('.dropdown-menu li.active')[0] ) {
+ var top = this.$widget.find('.dropdown-menu li').first().addClass('active').position().top
+ this.$widget.find('.dropdown-menu').scrollTop( top );
+
+ }
+ else {
+ var next = this.$widget.find('.dropdown-menu li.active').removeClass('active').next()
+ var top = 300
+ if ( next[0] ) {
+ top = next.addClass('active').position().top
+ }
+ console.log('scrollTop', top, top-30)
+ this.$widget.find('.dropdown-menu').scrollTop( top );
+
+ }
+ }
+
+ }
+ }, this ))
+
+ this.$element.on('keydown', $.proxy(function (e) {
+
+ // backspace
+ if ( e.keyCode === 8 && this.buffer ) {
+ if ( this.buffer === '::' ) {
+ this.close()
+ }
+ this.buffer = this.buffer.substr( 0, this.buffer.length-1 )
+ console.log('BS', this.buffer)
+ this.result( this.buffer.substr(2,this.buffer.length) )
+ }
+ }, this ))
+
+ this.$element.on('keypress', $.proxy(function (e) {
+ var value = this.$element.text()
+ console.log('BUFF', this.buffer, e.keyCode, String.fromCharCode(e.which) )
+ a = $.proxy(function() {
+
+ // shift
+ if ( e.keyCode === 16 ) {
+ return
+ }
+
+ // enter :
+ if ( e.keyCode === 58 ) {
+ this.buffer = this.buffer + ':'
+ }
+
+ if ( this.buffer && this.buffer.substr(0,2) === '::' ) {
+
+
+ var sign = String.fromCharCode(e.which)
+ if ( e.keyCode !== 58 ) {
+ this.buffer = this.buffer + sign
+ }
+ console.log('BUFF HINT', this.buffer, this.buffer.length, e.which)
+
+ this.result( this.buffer.substr(2,this.buffer.length) )
+
+ if (!this.isActive()) {
+ this.open()
+ }
+
+ }
+ }, this)
+ setTimeout(a, 400);
+
+ }, this)).on('focus', $.proxy(function (e) {
+ this.close()
+ }, this)).on('blur', $.proxy(function (e) {
+ this.close()
+ }, this))
+
+ };
+
+ // create base template
+ Plugin.prototype.baseTemplate = function() {
+ this.$element.after('
')
+ this.$widget = this.$element.next()
+ this.updatePosition()
+ }
+
+ // get cursor position
+ Plugin.prototype.getCaretPosition = function() {
+ document.execCommand('insertHTML', false, '
');
+ var hiddenNode = document.getElementById('hidden');
+ if (!hiddenNode) {
+ return 0;
+ }
+ var position = $(hiddenNode).position()
+ hiddenNode.parentNode.removeChild(hiddenNode)
+ return position
+ }
+
+ // update widget position
+ Plugin.prototype.updatePosition = function() {
+ this.$widget.find('.dropdown-menu').scrollTop( 300 );
+ var position = this.getCaretPosition()
+ var heightTextarea = this.$element.height()
+ var widgetHeight = this.$widget.find('ul').height() + 40
+ console.log('position', position)
+ console.log('heightTextarea', heightTextarea)
+ console.log('widgetHeight', widgetHeight)
+ this.$widget.css('top', position.top - heightTextarea - widgetHeight)
+ if ( !this.isActive() ) {
+ this.$widget.css('left', position.left)
+ }
+ }
+
+ // open widget
+ Plugin.prototype.open = function() {
+ this.active = true
+ if (this.ce) {
+ this.ce.input('off')
+ }
+ this.$widget.addClass('open')
+ }
+
+ // close widget
+ Plugin.prototype.close = function() {
+ this.active = false
+ this.cutInput()
+ if (this.ce) {
+ this.ce.input('on')
+ }
+ this.$widget.removeClass('open')
+ }
+
+ // check if widget is active/open
+ Plugin.prototype.isActive = function() {
+ return this.active
+ }
+
+ // select text module and insert into text
+ Plugin.prototype.take = function(id) {
+ if (!id) {
+ this.close()
+ return
+ }
+ for (var i = 0; i < this.collection.length; i++) {
+ var item = this.collection[i]
+ if ( item.id == id ) {
+ var content = item.content + "\n"
+ this.cutInput()
+ document.execCommand('insertHTML', false, content)
+ this.close()
+ return
+ }
+ }
+ return
+ }
+
+ // cut out search string from text
+ Plugin.prototype.cutInput = function() {
+ if (!this.buffer) {
+ return
+ }
+ var sel = window.getSelection();
+ var range = sel.getRangeAt(0);
+ var clone = range.cloneRange();
+ clone.setStart(range.startContainer, range.startOffset - this.buffer.length);
+ clone.setEnd(range.startContainer, range.startOffset);
+ clone.deleteContents();
+ this.buffer = ''
+ }
+
+ // render result
+ Plugin.prototype.result = function(term) {
+
+ var result = _.filter( this.collection, function(item) {
+ reg = new RegExp( term, 'i' )
+ if ( item.name && item.name.match( reg ) ) {
+ return item
+ }
+ if ( item.keywords && item.keywords.match( reg ) ) {
+ return item
+ }
+ return
+ })
+
+ this.$widget.find('ul').html('')
+ console.log('result', term, result)
+ for (var i = 0; i < result.length; i++) {
+ var item = result[i]
+ template = "
" + item.name
+ if (item.keywords) {
+ template = template + " (" + item.keywords + ")"
+ }
+ template = template + ""
+ this.$widget.find('ul').append(template)
+ }
+ if ( !result[0] ) {
+ this.$widget.find('ul').append("
-")
+ }
+ this.$widget.find('ul li').on(
+ 'click',
+ function(e) {
+ console.log(31231)
+ e.preventDefault()
+ var id = $(e.target).data('id')
+ console.log('99', id)
+ }
+ )
+ this.updatePosition()
+ }
+
+
+ $.fn[pluginName] = function ( options ) {
+ return this.each(function () {
+ if (!$.data(this, 'plugin_' + pluginName)) {
+ $.data(this, 'plugin_' + pluginName,
+ new Plugin( this, options ));
+ }
+ });
+ }
+
+}(jQuery, window));
diff --git a/app/assets/javascripts/app/views/ticket_zoom.jst.eco b/app/assets/javascripts/app/views/ticket_zoom.jst.eco
index 75d63c75e..c60a02b1c 100644
--- a/app/assets/javascripts/app/views/ticket_zoom.jst.eco
+++ b/app/assets/javascripts/app/views/ticket_zoom.jst.eco
@@ -24,7 +24,7 @@
-
+