Restructure of lib directory.
This commit is contained in:
Martin Edenhofer
parent
e27664ec1c
commit
c8b276ba38
25 changed files with 0 additions and 15369 deletions
|
|
@ -1,66 +0,0 @@
|
||||||
$ = jQuery.sub()
|
|
||||||
|
|
||||||
class App.Com
|
|
||||||
_instance = undefined # Must be declared here to force the closure on the class
|
|
||||||
@ajax: (args) -> # Must be a static method
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
|
|
||||||
_instance.ajax(args)
|
|
||||||
_instance
|
|
||||||
|
|
||||||
# The actual Singleton class
|
|
||||||
class _Singleton
|
|
||||||
defaults:
|
|
||||||
contentType: 'application/json'
|
|
||||||
dataType: 'json'
|
|
||||||
processData: false
|
|
||||||
headers: {'X-Requested-With': 'XMLHttpRequest'}
|
|
||||||
cache: false
|
|
||||||
async: true
|
|
||||||
|
|
||||||
queue_list: {}
|
|
||||||
count: 0
|
|
||||||
|
|
||||||
constructor: (@args) ->
|
|
||||||
|
|
||||||
# bindings
|
|
||||||
$('body').bind( 'ajaxSend', =>
|
|
||||||
@_show_spinner()
|
|
||||||
).bind( 'ajaxComplete', =>
|
|
||||||
@_hide_spinner()
|
|
||||||
)
|
|
||||||
|
|
||||||
# show error messages
|
|
||||||
$('body').bind( 'ajaxError', ( e, jqxhr, settings, exception ) ->
|
|
||||||
status = jqxhr.status
|
|
||||||
detail = jqxhr.responseText
|
|
||||||
if !status && !detail
|
|
||||||
detail = 'General communication error, maybe internet is not available!'
|
|
||||||
new App.ErrorModal(
|
|
||||||
message: 'StatusCode: ' + status
|
|
||||||
detail: detail
|
|
||||||
close: true
|
|
||||||
)
|
|
||||||
)
|
|
||||||
|
|
||||||
ajax: (params, defaults) ->
|
|
||||||
data = $.extend({}, @defaults, defaults, params)
|
|
||||||
if params['id']
|
|
||||||
if @queue_list[ params['id'] ]
|
|
||||||
@queue_list[ params['id'] ].abort()
|
|
||||||
@queue_list[ params['id'] ] = $.ajax( data )
|
|
||||||
else
|
|
||||||
$.ajax( data )
|
|
||||||
|
|
||||||
# console.log('AJAX', params['url'] )
|
|
||||||
|
|
||||||
_show_spinner: =>
|
|
||||||
@count++
|
|
||||||
$('.spinner').show()
|
|
||||||
|
|
||||||
_hide_spinner: =>
|
|
||||||
@count--
|
|
||||||
if @count == 0
|
|
||||||
$('.spinner').hide()
|
|
||||||
|
|
||||||
|
|
@ -1,108 +0,0 @@
|
||||||
$ = jQuery.sub()
|
|
||||||
|
|
||||||
class App.Auth
|
|
||||||
|
|
||||||
@login: (params) ->
|
|
||||||
console.log 'login(...)', params
|
|
||||||
App.Com.ajax(
|
|
||||||
id: 'login',
|
|
||||||
type: 'POST',
|
|
||||||
url: '/signin',
|
|
||||||
data: JSON.stringify(params.data),
|
|
||||||
success: (data, status, xhr) =>
|
|
||||||
|
|
||||||
# clear store
|
|
||||||
App.Store.clear('all')
|
|
||||||
|
|
||||||
# execute callback
|
|
||||||
params.success(data, status, xhr)
|
|
||||||
|
|
||||||
error: (xhr, statusText, error) =>
|
|
||||||
params.error(xhr, statusText, error)
|
|
||||||
)
|
|
||||||
|
|
||||||
@loginCheck: ->
|
|
||||||
console.log 'loginCheck(...)'
|
|
||||||
App.Com.ajax(
|
|
||||||
id: 'login_check',
|
|
||||||
async: false,
|
|
||||||
type: 'GET',
|
|
||||||
url: '/signshow',
|
|
||||||
success: (data, status, xhr) =>
|
|
||||||
console.log 'logincheck:success', data
|
|
||||||
|
|
||||||
# if session is not valid
|
|
||||||
if data.error
|
|
||||||
|
|
||||||
# update config
|
|
||||||
for key, value of data.config
|
|
||||||
window.Config[key] = value
|
|
||||||
|
|
||||||
# empty session
|
|
||||||
window.Session = {}
|
|
||||||
|
|
||||||
# update websocked auth info
|
|
||||||
App.WebSocket.auth()
|
|
||||||
|
|
||||||
# rebuild navbar with new navbar items
|
|
||||||
App.Event.trigger 'navrebuild'
|
|
||||||
|
|
||||||
return false;
|
|
||||||
|
|
||||||
# set avatar
|
|
||||||
if !data.session.image
|
|
||||||
data.session.image = 'http://placehold.it/48x48'
|
|
||||||
|
|
||||||
# update config
|
|
||||||
for key, value of data.config
|
|
||||||
window.Config[key] = value
|
|
||||||
|
|
||||||
# store user data
|
|
||||||
for key, value of data.session
|
|
||||||
window.Session[key] = value
|
|
||||||
|
|
||||||
# update websocked auth info
|
|
||||||
App.WebSocket.auth()
|
|
||||||
|
|
||||||
# refresh/load default collections
|
|
||||||
for key, value of data.default_collections
|
|
||||||
App.Collection.reset( type: key, data: value )
|
|
||||||
|
|
||||||
# rebuild navbar with new navbar items
|
|
||||||
App.Event.trigger 'navrebuild', data.session
|
|
||||||
|
|
||||||
# rebuild navbar with updated ticket count of overviews
|
|
||||||
App.Event.trigger 'navupdate_remote'
|
|
||||||
|
|
||||||
error: (xhr, statusText, error) =>
|
|
||||||
console.log 'loginCheck:error'#, error, statusText, xhr.statusCode
|
|
||||||
|
|
||||||
# empty session
|
|
||||||
window.Session = {}
|
|
||||||
|
|
||||||
# clear store
|
|
||||||
App.Store.clear('all')
|
|
||||||
|
|
||||||
# update websocked auth info
|
|
||||||
App.WebSocket.auth()
|
|
||||||
)
|
|
||||||
|
|
||||||
@logout: ->
|
|
||||||
console.log 'logout(...)'
|
|
||||||
App.Com.ajax(
|
|
||||||
id: 'logout',
|
|
||||||
type: 'DELETE',
|
|
||||||
url: '/signout',
|
|
||||||
success: =>
|
|
||||||
|
|
||||||
# update websocked auth info
|
|
||||||
App.WebSocket.auth()
|
|
||||||
|
|
||||||
# clear store
|
|
||||||
App.Store.clear('all')
|
|
||||||
|
|
||||||
error: (xhr, statusText, error) =>
|
|
||||||
|
|
||||||
# update websocked auth info
|
|
||||||
App.WebSocket.auth()
|
|
||||||
)
|
|
||||||
|
|
@ -1,179 +0,0 @@
|
||||||
/*!
|
|
||||||
* linkify - v0.3 - 6/27/2009
|
|
||||||
* http://benalman.com/code/test/js-linkify/
|
|
||||||
*
|
|
||||||
* Copyright (c) 2009 "Cowboy" Ben Alman
|
|
||||||
* Licensed under the MIT license
|
|
||||||
* http://benalman.com/about/license/
|
|
||||||
*
|
|
||||||
* Some regexps adapted from http://userscripts.org/scripts/review/7122
|
|
||||||
*/
|
|
||||||
|
|
||||||
// Turn text into linkified html.
|
|
||||||
//
|
|
||||||
// var html = linkify( text, options );
|
|
||||||
//
|
|
||||||
// options:
|
|
||||||
//
|
|
||||||
// callback (Function) - default: undefined - if defined, this will be called
|
|
||||||
// for each link- or non-link-chunk with two arguments, text and href. If the
|
|
||||||
// chunk is non-link, href will be omitted.
|
|
||||||
//
|
|
||||||
// punct_regexp (RegExp | Boolean) - a RegExp that can be used to trim trailing
|
|
||||||
// punctuation from links, instead of the default.
|
|
||||||
//
|
|
||||||
// This is a work in progress, please let me know if (and how) it fails!
|
|
||||||
|
|
||||||
window.linkify = (function(){
|
|
||||||
var
|
|
||||||
SCHEME = "[a-z\\d.-]+://",
|
|
||||||
IPV4 = "(?:(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])\\.){3}(?:[0-9]|[1-9]\\d|1\\d{2}|2[0-4]\\d|25[0-5])",
|
|
||||||
HOSTNAME = "(?:(?:[^\\s!@#$%^&*()_=+[\\]{}\\\\|;:'\",.<>/?]+)\\.)+",
|
|
||||||
TLD = "(?:ac|ad|aero|ae|af|ag|ai|al|am|an|ao|aq|arpa|ar|asia|as|at|au|aw|ax|az|ba|bb|bd|be|bf|bg|bh|biz|bi|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|cat|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|coop|com|co|cr|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gg|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|im|info|int|in|io|iq|ir|is|it|je|jm|jobs|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mil|mk|ml|mm|mn|mobi|mo|mp|mq|mr|ms|mt|museum|mu|mv|mw|mx|my|mz|name|na|nc|net|ne|nf|ng|ni|nl|no|np|nr|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pro|pr|ps|pt|pw|py|qa|re|ro|rs|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tel|tf|tg|th|tj|tk|tl|tm|tn|to|tp|travel|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|xn--0zwm56d|xn--11b5bs3a9aj6g|xn--80akhbyknj4f|xn--9t4b11yi5a|xn--deba0ad|xn--g6w251d|xn--hgbk6aj7f53bba|xn--hlcj6aya9esc7a|xn--jxalpdlp|xn--kgbechtv|xn--zckzah|ye|yt|yu|za|zm|zw)",
|
|
||||||
HOST_OR_IP = "(?:" + HOSTNAME + TLD + "|" + IPV4 + ")",
|
|
||||||
PATH = "(?:[;/][^#?<>\\s]*)?",
|
|
||||||
QUERY_FRAG = "(?:\\?[^#<>\\s]*)?(?:#[^<>\\s]*)?",
|
|
||||||
URI1 = "\\b" + SCHEME + "[^<>\\s]+",
|
|
||||||
URI2 = "\\b" + HOST_OR_IP + PATH + QUERY_FRAG + "(?!\\w)",
|
|
||||||
|
|
||||||
MAILTO = "mailto:",
|
|
||||||
EMAIL = "(?:" + MAILTO + ")?[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@" + HOST_OR_IP + QUERY_FRAG + "(?!\\w)",
|
|
||||||
|
|
||||||
URI_RE = new RegExp( "(?:" + URI1 + "|" + URI2 + "|" + EMAIL + ")", "ig" ),
|
|
||||||
SCHEME_RE = new RegExp( "^" + SCHEME, "i" ),
|
|
||||||
|
|
||||||
quotes = {
|
|
||||||
"'": "`",
|
|
||||||
'>': '<',
|
|
||||||
')': '(',
|
|
||||||
']': '[',
|
|
||||||
'}': '{',
|
|
||||||
'»': '«',
|
|
||||||
'›': '‹'
|
|
||||||
},
|
|
||||||
|
|
||||||
default_options = {
|
|
||||||
callback: function( text, href ) {
|
|
||||||
// return href ? '<a href="' + href + '" title="' + href + '">' + text + '<\/a>' : text;
|
|
||||||
return href ? '<a href="' + href + '" title="' + href + '" target="_blank">' + text + '<\/a>' : text;
|
|
||||||
},
|
|
||||||
punct_regexp: /(?:[!?.,:;'"]|(?:&|&)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)$/
|
|
||||||
};
|
|
||||||
|
|
||||||
return function( txt, options ) {
|
|
||||||
options = options || {};
|
|
||||||
|
|
||||||
// me
|
|
||||||
txt = txt
|
|
||||||
.replace(/&/g, '&')
|
|
||||||
.replace(/"/g, '"')
|
|
||||||
.replace(/'/g, ''')
|
|
||||||
.replace(/</g, '<')
|
|
||||||
.replace(/>/g, '>');
|
|
||||||
// me
|
|
||||||
// Temp variables.
|
|
||||||
var arr,
|
|
||||||
i,
|
|
||||||
link,
|
|
||||||
href,
|
|
||||||
|
|
||||||
// Output HTML.
|
|
||||||
html = '',
|
|
||||||
|
|
||||||
// Store text / link parts, in order, for re-combination.
|
|
||||||
parts = [],
|
|
||||||
|
|
||||||
// Used for keeping track of indices in the text.
|
|
||||||
idx_prev,
|
|
||||||
idx_last,
|
|
||||||
idx,
|
|
||||||
link_last,
|
|
||||||
|
|
||||||
// Used for trimming trailing punctuation and quotes from links.
|
|
||||||
matches_begin,
|
|
||||||
matches_end,
|
|
||||||
quote_begin,
|
|
||||||
quote_end;
|
|
||||||
|
|
||||||
// Initialize options.
|
|
||||||
for ( i in default_options ) {
|
|
||||||
if ( options[ i ] === undefined ) {
|
|
||||||
options[ i ] = default_options[ i ];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Find links.
|
|
||||||
while ( arr = URI_RE.exec( txt ) ) {
|
|
||||||
|
|
||||||
link = arr[0];
|
|
||||||
idx_last = URI_RE.lastIndex;
|
|
||||||
idx = idx_last - link.length;
|
|
||||||
|
|
||||||
// Not a link if preceded by certain characters.
|
|
||||||
if ( /[\/:]/.test( txt.charAt( idx - 1 ) ) ) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Trim trailing punctuation.
|
|
||||||
do {
|
|
||||||
// If no changes are made, we don't want to loop forever!
|
|
||||||
link_last = link;
|
|
||||||
|
|
||||||
quote_end = link.substr( -1 )
|
|
||||||
quote_begin = quotes[ quote_end ];
|
|
||||||
|
|
||||||
// Ending quote character?
|
|
||||||
if ( quote_begin ) {
|
|
||||||
matches_begin = link.match( new RegExp( '\\' + quote_begin + '(?!$)', 'g' ) );
|
|
||||||
matches_end = link.match( new RegExp( '\\' + quote_end, 'g' ) );
|
|
||||||
|
|
||||||
// If quotes are unbalanced, remove trailing quote character.
|
|
||||||
if ( ( matches_begin ? matches_begin.length : 0 ) < ( matches_end ? matches_end.length : 0 ) ) {
|
|
||||||
link = link.substr( 0, link.length - 1 );
|
|
||||||
idx_last--;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Ending non-quote punctuation character?
|
|
||||||
if ( options.punct_regexp ) {
|
|
||||||
link = link.replace( options.punct_regexp, function(a){
|
|
||||||
idx_last -= a.length;
|
|
||||||
return '';
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} while ( link.length && link !== link_last );
|
|
||||||
|
|
||||||
href = link;
|
|
||||||
|
|
||||||
// Add appropriate protocol to naked links.
|
|
||||||
if ( !SCHEME_RE.test( href ) ) {
|
|
||||||
href = ( href.indexOf( '@' ) !== -1 ? ( !href.indexOf( MAILTO ) ? '' : MAILTO )
|
|
||||||
: !href.indexOf( 'irc.' ) ? 'irc://'
|
|
||||||
: !href.indexOf( 'ftp.' ) ? 'ftp://'
|
|
||||||
: 'http://' )
|
|
||||||
+ href;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Push preceding non-link text onto the array.
|
|
||||||
if ( idx_prev != idx ) {
|
|
||||||
parts.push([ txt.slice( idx_prev, idx ) ]);
|
|
||||||
idx_prev = idx_last;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Push massaged link onto the array
|
|
||||||
parts.push([ link, href ]);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Push remaining non-link text onto the array.
|
|
||||||
parts.push([ txt.substr( idx_prev ) ]);
|
|
||||||
|
|
||||||
// Process the array items.
|
|
||||||
for ( i = 0; i < parts.length; i++ ) {
|
|
||||||
html += options.callback.apply( window, parts[i] );
|
|
||||||
}
|
|
||||||
|
|
||||||
// In case of catastrophic failure, return the original text;
|
|
||||||
return html || txt;
|
|
||||||
};
|
|
||||||
|
|
||||||
})();
|
|
||||||
100
app/assets/javascripts/app/lib/bootstrap-dropdown.js
vendored
100
app/assets/javascripts/app/lib/bootstrap-dropdown.js
vendored
|
|
@ -1,100 +0,0 @@
|
||||||
/* ============================================================
|
|
||||||
* bootstrap-dropdown.js v2.0.4
|
|
||||||
* http://twitter.github.com/bootstrap/javascript.html#dropdowns
|
|
||||||
* ============================================================
|
|
||||||
* Copyright 2012 Twitter, Inc.
|
|
||||||
*
|
|
||||||
* 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 ;_;
|
|
||||||
|
|
||||||
|
|
||||||
/* DROPDOWN CLASS DEFINITION
|
|
||||||
* ========================= */
|
|
||||||
|
|
||||||
var toggle = '[data-toggle="dropdown"]'
|
|
||||||
, Dropdown = function (element) {
|
|
||||||
var $el = $(element).on('click.dropdown.data-api', this.toggle)
|
|
||||||
$('html').on('click.dropdown.data-api', function () {
|
|
||||||
$el.parent().removeClass('open')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
Dropdown.prototype = {
|
|
||||||
|
|
||||||
constructor: Dropdown
|
|
||||||
|
|
||||||
, toggle: function (e) {
|
|
||||||
var $this = $(this)
|
|
||||||
, $parent
|
|
||||||
, selector
|
|
||||||
, isActive
|
|
||||||
|
|
||||||
if ($this.is('.disabled, :disabled')) return
|
|
||||||
|
|
||||||
selector = $this.attr('data-target')
|
|
||||||
|
|
||||||
if (!selector) {
|
|
||||||
selector = $this.attr('href')
|
|
||||||
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
|
||||||
}
|
|
||||||
|
|
||||||
$parent = $(selector)
|
|
||||||
$parent.length || ($parent = $this.parent())
|
|
||||||
|
|
||||||
isActive = $parent.hasClass('open')
|
|
||||||
|
|
||||||
clearMenus()
|
|
||||||
|
|
||||||
if (!isActive) $parent.toggleClass('open')
|
|
||||||
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function clearMenus() {
|
|
||||||
$(toggle).parent().removeClass('open')
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* DROPDOWN PLUGIN DEFINITION
|
|
||||||
* ========================== */
|
|
||||||
|
|
||||||
$.fn.dropdown = function (option) {
|
|
||||||
return this.each(function () {
|
|
||||||
var $this = $(this)
|
|
||||||
, data = $this.data('dropdown')
|
|
||||||
if (!data) $this.data('dropdown', (data = new Dropdown(this)))
|
|
||||||
if (typeof option == 'string') data[option].call($this)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.dropdown.Constructor = Dropdown
|
|
||||||
|
|
||||||
|
|
||||||
/* APPLY TO STANDARD DROPDOWN ELEMENTS
|
|
||||||
* =================================== */
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
$('html').on('click.dropdown.data-api', clearMenus)
|
|
||||||
$('body')
|
|
||||||
.on('click.dropdown', '.dropdown form', function (e) { e.stopPropagation() })
|
|
||||||
.on('click.dropdown.data-api', toggle, Dropdown.prototype.toggle)
|
|
||||||
})
|
|
||||||
|
|
||||||
}(window.jQuery);
|
|
||||||
218
app/assets/javascripts/app/lib/bootstrap-modal.js
vendored
218
app/assets/javascripts/app/lib/bootstrap-modal.js
vendored
|
|
@ -1,218 +0,0 @@
|
||||||
/* =========================================================
|
|
||||||
* bootstrap-modal.js v2.0.4
|
|
||||||
* http://twitter.github.com/bootstrap/javascript.html#modals
|
|
||||||
* =========================================================
|
|
||||||
* Copyright 2012 Twitter, Inc.
|
|
||||||
*
|
|
||||||
* 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 ;_;
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL CLASS DEFINITION
|
|
||||||
* ====================== */
|
|
||||||
|
|
||||||
var Modal = function (content, options) {
|
|
||||||
this.options = options
|
|
||||||
this.$element = $(content)
|
|
||||||
.delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
|
|
||||||
}
|
|
||||||
|
|
||||||
Modal.prototype = {
|
|
||||||
|
|
||||||
constructor: Modal
|
|
||||||
|
|
||||||
, toggle: function () {
|
|
||||||
return this[!this.isShown ? 'show' : 'hide']()
|
|
||||||
}
|
|
||||||
|
|
||||||
, show: function () {
|
|
||||||
var that = this
|
|
||||||
, e = $.Event('show')
|
|
||||||
|
|
||||||
this.$element.trigger(e)
|
|
||||||
|
|
||||||
if (this.isShown || e.isDefaultPrevented()) return
|
|
||||||
|
|
||||||
$('body').addClass('modal-open')
|
|
||||||
|
|
||||||
this.isShown = true
|
|
||||||
|
|
||||||
escape.call(this)
|
|
||||||
backdrop.call(this, function () {
|
|
||||||
var transition = $.support.transition && that.$element.hasClass('fade')
|
|
||||||
|
|
||||||
if (!that.$element.parent().length) {
|
|
||||||
that.$element.appendTo(document.body) //don't move modals dom position
|
|
||||||
}
|
|
||||||
|
|
||||||
that.$element
|
|
||||||
.show()
|
|
||||||
|
|
||||||
if (transition) {
|
|
||||||
that.$element[0].offsetWidth // force reflow
|
|
||||||
}
|
|
||||||
|
|
||||||
that.$element.addClass('in')
|
|
||||||
|
|
||||||
transition ?
|
|
||||||
that.$element.one($.support.transition.end, function () { that.$element.trigger('shown') }) :
|
|
||||||
that.$element.trigger('shown')
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, hide: function (e) {
|
|
||||||
e && e.preventDefault()
|
|
||||||
|
|
||||||
var that = this
|
|
||||||
|
|
||||||
e = $.Event('hide')
|
|
||||||
|
|
||||||
this.$element.trigger(e)
|
|
||||||
|
|
||||||
if (!this.isShown || e.isDefaultPrevented()) return
|
|
||||||
|
|
||||||
this.isShown = false
|
|
||||||
|
|
||||||
$('body').removeClass('modal-open')
|
|
||||||
|
|
||||||
escape.call(this)
|
|
||||||
|
|
||||||
this.$element.removeClass('in')
|
|
||||||
|
|
||||||
$.support.transition && this.$element.hasClass('fade') ?
|
|
||||||
hideWithTransition.call(this) :
|
|
||||||
hideModal.call(this)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL PRIVATE METHODS
|
|
||||||
* ===================== */
|
|
||||||
|
|
||||||
function hideWithTransition() {
|
|
||||||
var that = this
|
|
||||||
, timeout = setTimeout(function () {
|
|
||||||
that.$element.off($.support.transition.end)
|
|
||||||
hideModal.call(that)
|
|
||||||
}, 500)
|
|
||||||
|
|
||||||
this.$element.one($.support.transition.end, function () {
|
|
||||||
clearTimeout(timeout)
|
|
||||||
hideModal.call(that)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function hideModal(that) {
|
|
||||||
this.$element
|
|
||||||
.hide()
|
|
||||||
.trigger('hidden')
|
|
||||||
|
|
||||||
backdrop.call(this)
|
|
||||||
}
|
|
||||||
|
|
||||||
function backdrop(callback) {
|
|
||||||
var that = this
|
|
||||||
, animate = this.$element.hasClass('fade') ? 'fade' : ''
|
|
||||||
|
|
||||||
if (this.isShown && this.options.backdrop) {
|
|
||||||
var doAnimate = $.support.transition && animate
|
|
||||||
|
|
||||||
this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
|
|
||||||
.appendTo(document.body)
|
|
||||||
|
|
||||||
if (this.options.backdrop != 'static') {
|
|
||||||
this.$backdrop.click($.proxy(this.hide, this))
|
|
||||||
}
|
|
||||||
|
|
||||||
if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
|
|
||||||
|
|
||||||
this.$backdrop.addClass('in')
|
|
||||||
|
|
||||||
doAnimate ?
|
|
||||||
this.$backdrop.one($.support.transition.end, callback) :
|
|
||||||
callback()
|
|
||||||
|
|
||||||
} else if (!this.isShown && this.$backdrop) {
|
|
||||||
this.$backdrop.removeClass('in')
|
|
||||||
|
|
||||||
$.support.transition && this.$element.hasClass('fade')?
|
|
||||||
this.$backdrop.one($.support.transition.end, $.proxy(removeBackdrop, this)) :
|
|
||||||
removeBackdrop.call(this)
|
|
||||||
|
|
||||||
} else if (callback) {
|
|
||||||
callback()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function removeBackdrop() {
|
|
||||||
this.$backdrop.remove()
|
|
||||||
this.$backdrop = null
|
|
||||||
}
|
|
||||||
|
|
||||||
function escape() {
|
|
||||||
var that = this
|
|
||||||
if (this.isShown && this.options.keyboard) {
|
|
||||||
$(document).on('keyup.dismiss.modal', function ( e ) {
|
|
||||||
e.which == 27 && that.hide()
|
|
||||||
})
|
|
||||||
} else if (!this.isShown) {
|
|
||||||
$(document).off('keyup.dismiss.modal')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL PLUGIN DEFINITION
|
|
||||||
* ======================= */
|
|
||||||
|
|
||||||
$.fn.modal = function (option) {
|
|
||||||
return this.each(function () {
|
|
||||||
var $this = $(this)
|
|
||||||
, data = $this.data('modal')
|
|
||||||
, options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option)
|
|
||||||
if (!data) $this.data('modal', (data = new Modal(this, options)))
|
|
||||||
if (typeof option == 'string') data[option]()
|
|
||||||
else if (options.show) data.show()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.modal.defaults = {
|
|
||||||
backdrop: true
|
|
||||||
, keyboard: true
|
|
||||||
, show: true
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.modal.Constructor = Modal
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL DATA-API
|
|
||||||
* ============== */
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
$('body').on('click.modal.data-api', '[data-toggle="modal"]', function ( e ) {
|
|
||||||
var $this = $(this), href
|
|
||||||
, $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
|
|
||||||
, option = $target.data('modal') ? 'toggle' : $.extend({}, $target.data(), $this.data())
|
|
||||||
|
|
||||||
e.preventDefault()
|
|
||||||
$target.modal(option)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
}(window.jQuery);
|
|
||||||
|
|
@ -1,98 +0,0 @@
|
||||||
/* ===========================================================
|
|
||||||
* bootstrap-popover.js v2.0.4
|
|
||||||
* http://twitter.github.com/bootstrap/javascript.html#popovers
|
|
||||||
* ===========================================================
|
|
||||||
* Copyright 2012 Twitter, Inc.
|
|
||||||
*
|
|
||||||
* 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 ;_;
|
|
||||||
|
|
||||||
|
|
||||||
/* POPOVER PUBLIC CLASS DEFINITION
|
|
||||||
* =============================== */
|
|
||||||
|
|
||||||
var Popover = function ( element, options ) {
|
|
||||||
this.init('popover', element, options)
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js
|
|
||||||
========================================== */
|
|
||||||
|
|
||||||
Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, {
|
|
||||||
|
|
||||||
constructor: Popover
|
|
||||||
|
|
||||||
, setContent: function () {
|
|
||||||
var $tip = this.tip()
|
|
||||||
, title = this.getTitle()
|
|
||||||
, content = this.getContent()
|
|
||||||
|
|
||||||
$tip.find('.popover-title')[this.isHTML(title) ? 'html' : 'text'](title)
|
|
||||||
$tip.find('.popover-content > *')[this.isHTML(content) ? 'html' : 'text'](content)
|
|
||||||
|
|
||||||
$tip.removeClass('fade top bottom left right in')
|
|
||||||
}
|
|
||||||
|
|
||||||
, hasContent: function () {
|
|
||||||
return this.getTitle() || this.getContent()
|
|
||||||
}
|
|
||||||
|
|
||||||
, getContent: function () {
|
|
||||||
var content
|
|
||||||
, $e = this.$element
|
|
||||||
, o = this.options
|
|
||||||
|
|
||||||
content = $e.attr('data-content')
|
|
||||||
|| (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)
|
|
||||||
|
|
||||||
return content
|
|
||||||
}
|
|
||||||
|
|
||||||
, tip: function () {
|
|
||||||
if (!this.$tip) {
|
|
||||||
this.$tip = $(this.options.template)
|
|
||||||
}
|
|
||||||
return this.$tip
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
/* POPOVER PLUGIN DEFINITION
|
|
||||||
* ======================= */
|
|
||||||
|
|
||||||
$.fn.popover = function (option) {
|
|
||||||
return this.each(function () {
|
|
||||||
var $this = $(this)
|
|
||||||
, data = $this.data('popover')
|
|
||||||
, options = typeof option == 'object' && option
|
|
||||||
if (!data) $this.data('popover', (data = new Popover(this, options)))
|
|
||||||
if (typeof option == 'string') data[option]()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.popover.Constructor = Popover
|
|
||||||
|
|
||||||
$.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
|
|
||||||
placement: 'right'
|
|
||||||
, content: ''
|
|
||||||
, template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
|
|
||||||
})
|
|
||||||
|
|
||||||
}(window.jQuery);
|
|
||||||
135
app/assets/javascripts/app/lib/bootstrap-tab.js
vendored
135
app/assets/javascripts/app/lib/bootstrap-tab.js
vendored
|
|
@ -1,135 +0,0 @@
|
||||||
/* ========================================================
|
|
||||||
* bootstrap-tab.js v2.0.4
|
|
||||||
* http://twitter.github.com/bootstrap/javascript.html#tabs
|
|
||||||
* ========================================================
|
|
||||||
* Copyright 2012 Twitter, Inc.
|
|
||||||
*
|
|
||||||
* 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 ;_;
|
|
||||||
|
|
||||||
|
|
||||||
/* TAB CLASS DEFINITION
|
|
||||||
* ==================== */
|
|
||||||
|
|
||||||
var Tab = function ( element ) {
|
|
||||||
this.element = $(element)
|
|
||||||
}
|
|
||||||
|
|
||||||
Tab.prototype = {
|
|
||||||
|
|
||||||
constructor: Tab
|
|
||||||
|
|
||||||
, show: function () {
|
|
||||||
var $this = this.element
|
|
||||||
, $ul = $this.closest('ul:not(.dropdown-menu)')
|
|
||||||
, selector = $this.attr('data-target')
|
|
||||||
, previous
|
|
||||||
, $target
|
|
||||||
, e
|
|
||||||
|
|
||||||
if (!selector) {
|
|
||||||
selector = $this.attr('href')
|
|
||||||
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( $this.parent('li').hasClass('active') ) return
|
|
||||||
|
|
||||||
previous = $ul.find('.active a').last()[0]
|
|
||||||
|
|
||||||
e = $.Event('show', {
|
|
||||||
relatedTarget: previous
|
|
||||||
})
|
|
||||||
|
|
||||||
$this.trigger(e)
|
|
||||||
|
|
||||||
if (e.isDefaultPrevented()) return
|
|
||||||
|
|
||||||
$target = $(selector)
|
|
||||||
|
|
||||||
this.activate($this.parent('li'), $ul)
|
|
||||||
this.activate($target, $target.parent(), function () {
|
|
||||||
$this.trigger({
|
|
||||||
type: 'shown'
|
|
||||||
, relatedTarget: previous
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, activate: function ( element, container, callback) {
|
|
||||||
var $active = container.find('> .active')
|
|
||||||
, transition = callback
|
|
||||||
&& $.support.transition
|
|
||||||
&& $active.hasClass('fade')
|
|
||||||
|
|
||||||
function next() {
|
|
||||||
$active
|
|
||||||
.removeClass('active')
|
|
||||||
.find('> .dropdown-menu > .active')
|
|
||||||
.removeClass('active')
|
|
||||||
|
|
||||||
element.addClass('active')
|
|
||||||
|
|
||||||
if (transition) {
|
|
||||||
element[0].offsetWidth // reflow for transition
|
|
||||||
element.addClass('in')
|
|
||||||
} else {
|
|
||||||
element.removeClass('fade')
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( element.parent('.dropdown-menu') ) {
|
|
||||||
element.closest('li.dropdown').addClass('active')
|
|
||||||
}
|
|
||||||
|
|
||||||
callback && callback()
|
|
||||||
}
|
|
||||||
|
|
||||||
transition ?
|
|
||||||
$active.one($.support.transition.end, next) :
|
|
||||||
next()
|
|
||||||
|
|
||||||
$active.removeClass('in')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* TAB PLUGIN DEFINITION
|
|
||||||
* ===================== */
|
|
||||||
|
|
||||||
$.fn.tab = function ( option ) {
|
|
||||||
return this.each(function () {
|
|
||||||
var $this = $(this)
|
|
||||||
, data = $this.data('tab')
|
|
||||||
if (!data) $this.data('tab', (data = new Tab(this)))
|
|
||||||
if (typeof option == 'string') data[option]()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.tab.Constructor = Tab
|
|
||||||
|
|
||||||
|
|
||||||
/* TAB DATA-API
|
|
||||||
* ============ */
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
$('body').on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
|
|
||||||
e.preventDefault()
|
|
||||||
$(this).tab('show')
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
}(window.jQuery);
|
|
||||||
275
app/assets/javascripts/app/lib/bootstrap-tooltip.js
vendored
275
app/assets/javascripts/app/lib/bootstrap-tooltip.js
vendored
|
|
@ -1,275 +0,0 @@
|
||||||
/* ===========================================================
|
|
||||||
* bootstrap-tooltip.js v2.0.4
|
|
||||||
* http://twitter.github.com/bootstrap/javascript.html#tooltips
|
|
||||||
* Inspired by the original jQuery.tipsy by Jason Frame
|
|
||||||
* ===========================================================
|
|
||||||
* Copyright 2012 Twitter, Inc.
|
|
||||||
*
|
|
||||||
* 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 ;_;
|
|
||||||
|
|
||||||
|
|
||||||
/* TOOLTIP PUBLIC CLASS DEFINITION
|
|
||||||
* =============================== */
|
|
||||||
|
|
||||||
var Tooltip = function (element, options) {
|
|
||||||
this.init('tooltip', element, options)
|
|
||||||
}
|
|
||||||
|
|
||||||
Tooltip.prototype = {
|
|
||||||
|
|
||||||
constructor: Tooltip
|
|
||||||
|
|
||||||
, init: function (type, element, options) {
|
|
||||||
var eventIn
|
|
||||||
, eventOut
|
|
||||||
|
|
||||||
this.type = type
|
|
||||||
this.$element = $(element)
|
|
||||||
this.options = this.getOptions(options)
|
|
||||||
this.enabled = true
|
|
||||||
|
|
||||||
if (this.options.trigger != 'manual') {
|
|
||||||
eventIn = this.options.trigger == 'hover' ? 'mouseenter' : 'focus'
|
|
||||||
eventOut = this.options.trigger == 'hover' ? 'mouseleave' : 'blur'
|
|
||||||
this.$element.on(eventIn, this.options.selector, $.proxy(this.enter, this))
|
|
||||||
this.$element.on(eventOut, this.options.selector, $.proxy(this.leave, this))
|
|
||||||
}
|
|
||||||
|
|
||||||
this.options.selector ?
|
|
||||||
(this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
|
|
||||||
this.fixTitle()
|
|
||||||
}
|
|
||||||
|
|
||||||
, getOptions: function (options) {
|
|
||||||
options = $.extend({}, $.fn[this.type].defaults, options, this.$element.data())
|
|
||||||
|
|
||||||
if (options.delay && typeof options.delay == 'number') {
|
|
||||||
options.delay = {
|
|
||||||
show: options.delay
|
|
||||||
, hide: options.delay
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return options
|
|
||||||
}
|
|
||||||
|
|
||||||
, enter: function (e) {
|
|
||||||
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
|
||||||
|
|
||||||
if (!self.options.delay || !self.options.delay.show) return self.show()
|
|
||||||
|
|
||||||
clearTimeout(this.timeout)
|
|
||||||
self.hoverState = 'in'
|
|
||||||
this.timeout = setTimeout(function() {
|
|
||||||
if (self.hoverState == 'in') self.show()
|
|
||||||
}, self.options.delay.show)
|
|
||||||
}
|
|
||||||
|
|
||||||
, leave: function (e) {
|
|
||||||
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
|
||||||
|
|
||||||
if (this.timeout) clearTimeout(this.timeout)
|
|
||||||
if (!self.options.delay || !self.options.delay.hide) return self.hide()
|
|
||||||
|
|
||||||
self.hoverState = 'out'
|
|
||||||
this.timeout = setTimeout(function() {
|
|
||||||
if (self.hoverState == 'out') self.hide()
|
|
||||||
}, self.options.delay.hide)
|
|
||||||
}
|
|
||||||
|
|
||||||
, show: function () {
|
|
||||||
var $tip
|
|
||||||
, inside
|
|
||||||
, pos
|
|
||||||
, actualWidth
|
|
||||||
, actualHeight
|
|
||||||
, placement
|
|
||||||
, tp
|
|
||||||
|
|
||||||
if (this.hasContent() && this.enabled) {
|
|
||||||
$tip = this.tip()
|
|
||||||
this.setContent()
|
|
||||||
|
|
||||||
if (this.options.animation) {
|
|
||||||
$tip.addClass('fade')
|
|
||||||
}
|
|
||||||
|
|
||||||
placement = typeof this.options.placement == 'function' ?
|
|
||||||
this.options.placement.call(this, $tip[0], this.$element[0]) :
|
|
||||||
this.options.placement
|
|
||||||
|
|
||||||
inside = /in/.test(placement)
|
|
||||||
|
|
||||||
$tip
|
|
||||||
.remove()
|
|
||||||
.css({ top: 0, left: 0, display: 'block' })
|
|
||||||
.appendTo(inside ? this.$element : document.body)
|
|
||||||
|
|
||||||
pos = this.getPosition(inside)
|
|
||||||
|
|
||||||
actualWidth = $tip[0].offsetWidth
|
|
||||||
actualHeight = $tip[0].offsetHeight
|
|
||||||
|
|
||||||
switch (inside ? placement.split(' ')[1] : placement) {
|
|
||||||
case 'bottom':
|
|
||||||
tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}
|
|
||||||
break
|
|
||||||
case 'top':
|
|
||||||
tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}
|
|
||||||
break
|
|
||||||
case 'left':
|
|
||||||
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}
|
|
||||||
break
|
|
||||||
case 'right':
|
|
||||||
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}
|
|
||||||
break
|
|
||||||
}
|
|
||||||
|
|
||||||
$tip
|
|
||||||
.css(tp)
|
|
||||||
.addClass(placement)
|
|
||||||
.addClass('in')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
, isHTML: function(text) {
|
|
||||||
// html string detection logic adapted from jQuery
|
|
||||||
return typeof text != 'string'
|
|
||||||
|| ( text.charAt(0) === "<"
|
|
||||||
&& text.charAt( text.length - 1 ) === ">"
|
|
||||||
&& text.length >= 3
|
|
||||||
) || /^(?:[^<]*<[\w\W]+>[^>]*$)/.exec(text)
|
|
||||||
}
|
|
||||||
|
|
||||||
, setContent: function () {
|
|
||||||
var $tip = this.tip()
|
|
||||||
, title = this.getTitle()
|
|
||||||
|
|
||||||
$tip.find('.tooltip-inner')[this.isHTML(title) ? 'html' : 'text'](title)
|
|
||||||
$tip.removeClass('fade in top bottom left right')
|
|
||||||
}
|
|
||||||
|
|
||||||
, hide: function () {
|
|
||||||
var that = this
|
|
||||||
, $tip = this.tip()
|
|
||||||
|
|
||||||
$tip.removeClass('in')
|
|
||||||
|
|
||||||
function removeWithAnimation() {
|
|
||||||
var timeout = setTimeout(function () {
|
|
||||||
$tip.off($.support.transition.end).remove()
|
|
||||||
}, 500)
|
|
||||||
|
|
||||||
$tip.one($.support.transition.end, function () {
|
|
||||||
clearTimeout(timeout)
|
|
||||||
$tip.remove()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.support.transition && this.$tip.hasClass('fade') ?
|
|
||||||
removeWithAnimation() :
|
|
||||||
$tip.remove()
|
|
||||||
}
|
|
||||||
|
|
||||||
, fixTitle: function () {
|
|
||||||
var $e = this.$element
|
|
||||||
if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
|
|
||||||
$e.attr('data-original-title', $e.attr('title') || '').removeAttr('title')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
, hasContent: function () {
|
|
||||||
return this.getTitle()
|
|
||||||
}
|
|
||||||
|
|
||||||
, getPosition: function (inside) {
|
|
||||||
return $.extend({}, (inside ? {top: 0, left: 0} : this.$element.offset()), {
|
|
||||||
width: this.$element[0].offsetWidth
|
|
||||||
, height: this.$element[0].offsetHeight
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, getTitle: function () {
|
|
||||||
var title
|
|
||||||
, $e = this.$element
|
|
||||||
, o = this.options
|
|
||||||
|
|
||||||
title = $e.attr('data-original-title')
|
|
||||||
|| (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
|
|
||||||
|
|
||||||
return title
|
|
||||||
}
|
|
||||||
|
|
||||||
, tip: function () {
|
|
||||||
return this.$tip = this.$tip || $(this.options.template)
|
|
||||||
}
|
|
||||||
|
|
||||||
, validate: function () {
|
|
||||||
if (!this.$element[0].parentNode) {
|
|
||||||
this.hide()
|
|
||||||
this.$element = null
|
|
||||||
this.options = null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
, enable: function () {
|
|
||||||
this.enabled = true
|
|
||||||
}
|
|
||||||
|
|
||||||
, disable: function () {
|
|
||||||
this.enabled = false
|
|
||||||
}
|
|
||||||
|
|
||||||
, toggleEnabled: function () {
|
|
||||||
this.enabled = !this.enabled
|
|
||||||
}
|
|
||||||
|
|
||||||
, toggle: function () {
|
|
||||||
this[this.tip().hasClass('in') ? 'hide' : 'show']()
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* TOOLTIP PLUGIN DEFINITION
|
|
||||||
* ========================= */
|
|
||||||
|
|
||||||
$.fn.tooltip = function ( option ) {
|
|
||||||
return this.each(function () {
|
|
||||||
var $this = $(this)
|
|
||||||
, data = $this.data('tooltip')
|
|
||||||
, options = typeof option == 'object' && option
|
|
||||||
if (!data) $this.data('tooltip', (data = new Tooltip(this, options)))
|
|
||||||
if (typeof option == 'string') data[option]()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.tooltip.Constructor = Tooltip
|
|
||||||
|
|
||||||
$.fn.tooltip.defaults = {
|
|
||||||
animation: true
|
|
||||||
, placement: 'top'
|
|
||||||
, selector: false
|
|
||||||
, template: '<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
|
|
||||||
, trigger: 'hover'
|
|
||||||
, title: ''
|
|
||||||
, delay: 0
|
|
||||||
}
|
|
||||||
|
|
||||||
}(window.jQuery);
|
|
||||||
|
|
@ -1,61 +0,0 @@
|
||||||
/* ===================================================
|
|
||||||
* bootstrap-transition.js v2.0.4
|
|
||||||
* http://twitter.github.com/bootstrap/javascript.html#transitions
|
|
||||||
* ===================================================
|
|
||||||
* Copyright 2012 Twitter, Inc.
|
|
||||||
*
|
|
||||||
* 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 ($) {
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
|
|
||||||
"use strict"; // jshint ;_;
|
|
||||||
|
|
||||||
|
|
||||||
/* CSS TRANSITION SUPPORT (http://www.modernizr.com/)
|
|
||||||
* ======================================================= */
|
|
||||||
|
|
||||||
$.support.transition = (function () {
|
|
||||||
|
|
||||||
var transitionEnd = (function () {
|
|
||||||
|
|
||||||
var el = document.createElement('bootstrap')
|
|
||||||
, transEndEventNames = {
|
|
||||||
'WebkitTransition' : 'webkitTransitionEnd'
|
|
||||||
, 'MozTransition' : 'transitionend'
|
|
||||||
, 'OTransition' : 'oTransitionEnd'
|
|
||||||
, 'msTransition' : 'MSTransitionEnd'
|
|
||||||
, 'transition' : 'transitionend'
|
|
||||||
}
|
|
||||||
, name
|
|
||||||
|
|
||||||
for (name in transEndEventNames){
|
|
||||||
if (el.style[name] !== undefined) {
|
|
||||||
return transEndEventNames[name]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}())
|
|
||||||
|
|
||||||
return transitionEnd && {
|
|
||||||
end: transitionEnd
|
|
||||||
}
|
|
||||||
|
|
||||||
})()
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
}(window.jQuery);
|
|
||||||
|
|
@ -1,181 +0,0 @@
|
||||||
class App.ClipBoard
|
|
||||||
_instance = undefined
|
|
||||||
|
|
||||||
@bind: (el) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.bind(el)
|
|
||||||
|
|
||||||
@getSelected: ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.getSelected()
|
|
||||||
|
|
||||||
@getSelectedLast: ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.getSelectedLast()
|
|
||||||
|
|
||||||
@keycode: (code) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.keycode(code)
|
|
||||||
|
|
||||||
class _Singleton
|
|
||||||
constructor: ->
|
|
||||||
@selection = ''
|
|
||||||
@selectionLast = ''
|
|
||||||
|
|
||||||
# bind to fill selected text into
|
|
||||||
bind: (el) ->
|
|
||||||
$(el).bind('mouseup', =>
|
|
||||||
|
|
||||||
# check selection on mouse up
|
|
||||||
@selection = @_getSelected()
|
|
||||||
if @selection
|
|
||||||
@selectionLast = @selection
|
|
||||||
)
|
|
||||||
$(el).bind('keyup', (e) =>
|
|
||||||
|
|
||||||
# check selection on sonder key
|
|
||||||
if e.keyCode == 91
|
|
||||||
@selection = @_getSelected()
|
|
||||||
if @selection
|
|
||||||
@selectionLast = @selection
|
|
||||||
|
|
||||||
# check selection of arrow keys
|
|
||||||
if e.keyCode == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40
|
|
||||||
@selection = @_getSelected()
|
|
||||||
if @selection
|
|
||||||
@selectionLast = @selection
|
|
||||||
)
|
|
||||||
|
|
||||||
# get cross browser selected string
|
|
||||||
_getSelected: ->
|
|
||||||
text = '';
|
|
||||||
if window.getSelection
|
|
||||||
text = window.getSelection()
|
|
||||||
else if document.getSelection
|
|
||||||
text = document.getSelection()
|
|
||||||
else if document.selection
|
|
||||||
text = document.selection.createRange().text
|
|
||||||
if text
|
|
||||||
text = text.toString().trim()
|
|
||||||
text
|
|
||||||
|
|
||||||
# get current selection
|
|
||||||
getSelected: ->
|
|
||||||
@selection
|
|
||||||
|
|
||||||
# get latest selection
|
|
||||||
getSelectedLast: ->
|
|
||||||
@selectionLast
|
|
||||||
|
|
||||||
keycode: (code) ->
|
|
||||||
for key, value of @keycodesTable()
|
|
||||||
if value.toString() is code.toString()
|
|
||||||
return key
|
|
||||||
|
|
||||||
keycodesTable: ->
|
|
||||||
map = {
|
|
||||||
'backspace' : 8,
|
|
||||||
'tab' : 9,
|
|
||||||
'enter' : 13,
|
|
||||||
'shift' : 16,
|
|
||||||
'ctrl' : 17,
|
|
||||||
'alt' : 18,
|
|
||||||
'space' : 32,
|
|
||||||
'pause_break' : '19',
|
|
||||||
'caps_lock' : '20',
|
|
||||||
'escape' : '27',
|
|
||||||
'page_up' : '33',
|
|
||||||
'page down' : '34',
|
|
||||||
'end' : '35',
|
|
||||||
'home' : '36',
|
|
||||||
'left_arrow' : '37',
|
|
||||||
'up_arrow' : '38',
|
|
||||||
'right_arrow' : '39',
|
|
||||||
'down_arrow' : '40',
|
|
||||||
'insert' : '45',
|
|
||||||
'delete' : '46',
|
|
||||||
'0' : '48',
|
|
||||||
'1' : '49',
|
|
||||||
'2' : '50',
|
|
||||||
'3' : '51',
|
|
||||||
'4' : '52',
|
|
||||||
'5' : '53',
|
|
||||||
'6' : '54',
|
|
||||||
'7' : '55',
|
|
||||||
'8' : '56',
|
|
||||||
'9' : '57',
|
|
||||||
'a' : '65',
|
|
||||||
'b' : '66',
|
|
||||||
'c' : '67',
|
|
||||||
'd' : '68',
|
|
||||||
'e' : '69',
|
|
||||||
'f' : '70',
|
|
||||||
'g' : '71',
|
|
||||||
'h' : '72',
|
|
||||||
'i' : '73',
|
|
||||||
'j' : '74',
|
|
||||||
'k' : '75',
|
|
||||||
'l' : '76',
|
|
||||||
'm' : '77',
|
|
||||||
'n' : '78',
|
|
||||||
'o' : '79',
|
|
||||||
'p' : '80',
|
|
||||||
'q' : '81',
|
|
||||||
'r' : '82',
|
|
||||||
's' : '83',
|
|
||||||
't' : '84',
|
|
||||||
'u' : '85',
|
|
||||||
'v' : '86',
|
|
||||||
'w' : '87',
|
|
||||||
'x' : '88',
|
|
||||||
'y' : '89',
|
|
||||||
'z' : '90',
|
|
||||||
'left_window key' : '91',
|
|
||||||
'right_window key' : '92',
|
|
||||||
'select_key' : '93',
|
|
||||||
'numpad 0' : '96',
|
|
||||||
'numpad 1' : '97',
|
|
||||||
'numpad 2' : '98',
|
|
||||||
'numpad 3' : '99',
|
|
||||||
'numpad 4' : '100',
|
|
||||||
'numpad 5' : '101',
|
|
||||||
'numpad 6' : '102',
|
|
||||||
'numpad 7' : '103',
|
|
||||||
'numpad 8' : '104',
|
|
||||||
'numpad 9' : '105',
|
|
||||||
'multiply' : '106',
|
|
||||||
'add' : '107',
|
|
||||||
'subtract' : '109',
|
|
||||||
'decimal point' : '110',
|
|
||||||
'divide' : '111',
|
|
||||||
'f1' : '112',
|
|
||||||
'f2' : '113',
|
|
||||||
'f3' : '114',
|
|
||||||
'f4' : '115',
|
|
||||||
'f5' : '116',
|
|
||||||
'f6' : '117',
|
|
||||||
'f7' : '118',
|
|
||||||
'f8' : '119',
|
|
||||||
'f9' : '120',
|
|
||||||
'f10' : '121',
|
|
||||||
'f11' : '122',
|
|
||||||
'f12' : '123',
|
|
||||||
'num_lock' : '144',
|
|
||||||
'scroll_lock' : '145',
|
|
||||||
'semi_colon' : '186',
|
|
||||||
'equal_sign' : '187',
|
|
||||||
'comma' : '188',
|
|
||||||
'dash' : '189',
|
|
||||||
'period' : '190',
|
|
||||||
'forward_slash' : '191',
|
|
||||||
'grave_accent' : '192',
|
|
||||||
'open_bracket' : '219',
|
|
||||||
'backslash' : '220',
|
|
||||||
'closebracket' : '221',
|
|
||||||
'single_quote' : '222'
|
|
||||||
}
|
|
||||||
map
|
|
||||||
|
|
@ -1,363 +0,0 @@
|
||||||
class App.Collection
|
|
||||||
_instance = undefined
|
|
||||||
|
|
||||||
@init: ->
|
|
||||||
_instance = new _Singleton
|
|
||||||
|
|
||||||
@load: ( args ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.load( args )
|
|
||||||
|
|
||||||
@reset: ( args ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.reset( args )
|
|
||||||
|
|
||||||
@find: ( type, id, callback, force ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.find( type, id, callback, force )
|
|
||||||
|
|
||||||
@get: ( args ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.get( args )
|
|
||||||
|
|
||||||
@all: ( type ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.all( type )
|
|
||||||
|
|
||||||
@deleteAll: ( type ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.deleteAll( type )
|
|
||||||
|
|
||||||
@findByAttribute: ( type, key, value ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.findByAttribute( type, key, value )
|
|
||||||
|
|
||||||
@count: ( type ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.count( type )
|
|
||||||
|
|
||||||
@fetch: ( type ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.fetch( type )
|
|
||||||
|
|
||||||
@observe: (args) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.observe(args)
|
|
||||||
|
|
||||||
@observeUnbindLevel: (level) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.observeUnbindLevel(level)
|
|
||||||
|
|
||||||
@_observeStats: ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance._observeStats()
|
|
||||||
|
|
||||||
class _Singleton
|
|
||||||
|
|
||||||
constructor: (@args) ->
|
|
||||||
|
|
||||||
# add trigger - bind new events
|
|
||||||
App.Event.bind 'loadCollection', (data) =>
|
|
||||||
|
|
||||||
# load collections
|
|
||||||
if data.collections
|
|
||||||
for type of data.collections
|
|
||||||
|
|
||||||
console.log 'loadCollection:trigger', type, data.collections[type]
|
|
||||||
@load( localStorage: data.localStorage, type: type, data: data.collections[type] )
|
|
||||||
|
|
||||||
# add trigger - bind new events
|
|
||||||
App.Event.bind 'resetCollection', (data) =>
|
|
||||||
|
|
||||||
# load collections
|
|
||||||
if data.collections
|
|
||||||
for type of data.collections
|
|
||||||
|
|
||||||
console.log 'resetCollection:trigger', type, data.collections[type]
|
|
||||||
@reset( localStorage: data.localStorage, type: type, data: data.collections[type] )
|
|
||||||
|
|
||||||
# find collections to load
|
|
||||||
@_loadCollectionAll()
|
|
||||||
|
|
||||||
_loadCollectionAll: ->
|
|
||||||
list = App.Store.list()
|
|
||||||
for key in list
|
|
||||||
parts = key.split('::')
|
|
||||||
if parts[0] is 'collection'
|
|
||||||
data = App.Store.get( key )
|
|
||||||
if data && data.localStorage
|
|
||||||
console.log('load INIT', data)
|
|
||||||
@load( data )
|
|
||||||
|
|
||||||
reset: (params) ->
|
|
||||||
console.log( 'reset', params )
|
|
||||||
|
|
||||||
# empty in-memory
|
|
||||||
App[ params.type ].refresh( [], { clear: true } )
|
|
||||||
|
|
||||||
# remove permanent storage
|
|
||||||
list = App.Store.list()
|
|
||||||
for key in list
|
|
||||||
parts = key.split('::')
|
|
||||||
if parts[0] is 'collection' && parts[1] is params.type
|
|
||||||
App.Store.delete(key)
|
|
||||||
|
|
||||||
# load with new data
|
|
||||||
@load(params)
|
|
||||||
|
|
||||||
load: (params) ->
|
|
||||||
console.log( 'load', params )
|
|
||||||
|
|
||||||
return if _.isEmpty( params.data )
|
|
||||||
|
|
||||||
localStorage = params.localStorage
|
|
||||||
|
|
||||||
# load full array once
|
|
||||||
if _.isArray( params.data )
|
|
||||||
# console.log( 'load ARRAY', params.data)
|
|
||||||
App[ params.type ].refresh( params.data )
|
|
||||||
|
|
||||||
# remember in store if not already requested from local storage
|
|
||||||
if !localStorage
|
|
||||||
for object in params.data
|
|
||||||
App.Store.write( 'collection::' + params.type + '::' + object.id, { type: params.type, localStorage: true, data: [ object ] } )
|
|
||||||
return
|
|
||||||
|
|
||||||
# load data from object
|
|
||||||
# if _.isObject( params.data )
|
|
||||||
for key, object of params.data
|
|
||||||
# console.log( 'load OB', object)
|
|
||||||
App[ params.type ].refresh( object )
|
|
||||||
|
|
||||||
# remember in store if not already requested from local storage
|
|
||||||
if !localStorage
|
|
||||||
App.Store.write( 'collection::' + params.type + '::' + object.id, { type: params.type, localStorage: true, data: [ object ] } )
|
|
||||||
|
|
||||||
find: ( type, id, callback, force ) ->
|
|
||||||
|
|
||||||
# console.log( 'find', type, id, force )
|
|
||||||
# if App[type].exists( id ) && !callback
|
|
||||||
if !force && App[type].exists( id )
|
|
||||||
# console.log( 'find exists', type, id )
|
|
||||||
data = App[type].find( id )
|
|
||||||
if callback
|
|
||||||
callback( data )
|
|
||||||
else
|
|
||||||
if force
|
|
||||||
console.log( 'find forced to load!', type, id )
|
|
||||||
else
|
|
||||||
console.log( 'find not loaded!', type, id )
|
|
||||||
if callback
|
|
||||||
|
|
||||||
# execute callback if record got loaded
|
|
||||||
App[type].one 'refresh', ->
|
|
||||||
console.log 'loaded..' + type + '..', id
|
|
||||||
|
|
||||||
data = App.Collection.find( type, id )
|
|
||||||
callback( data )
|
|
||||||
|
|
||||||
# fetch object
|
|
||||||
console.log 'loading..' + type + '..', id
|
|
||||||
App[type].fetch( id: id )
|
|
||||||
return true
|
|
||||||
return false
|
|
||||||
|
|
||||||
# users
|
|
||||||
if type == 'User'
|
|
||||||
|
|
||||||
# set socal media links
|
|
||||||
if data['accounts']
|
|
||||||
for account of data['accounts']
|
|
||||||
if account == 'twitter'
|
|
||||||
data['accounts'][account]['link'] = 'http://twitter.com/' + data['accounts'][account]['username']
|
|
||||||
if account == 'facebook'
|
|
||||||
data['accounts'][account]['link'] = 'https://www.facebook.com/profile.php?id=' + data['accounts'][account]['uid']
|
|
||||||
|
|
||||||
# set image url
|
|
||||||
if data && !data['image']
|
|
||||||
data['image'] = 'http://placehold.it/48x48'
|
|
||||||
|
|
||||||
return data
|
|
||||||
|
|
||||||
# tickets
|
|
||||||
else if type == 'Ticket'
|
|
||||||
|
|
||||||
# priority
|
|
||||||
data.ticket_priority = @find( 'TicketPriority', data.ticket_priority_id )
|
|
||||||
|
|
||||||
# state
|
|
||||||
data.ticket_state = @find( 'TicketState', data.ticket_state_id )
|
|
||||||
|
|
||||||
# group
|
|
||||||
data.group = @find( 'Group', data.group_id )
|
|
||||||
|
|
||||||
# customer
|
|
||||||
if data.customer_id
|
|
||||||
data.customer = @find( 'User', data.customer_id )
|
|
||||||
|
|
||||||
# owner
|
|
||||||
if data.owner_id
|
|
||||||
data.owner = @find( 'User', data.owner_id )
|
|
||||||
|
|
||||||
# add created & updated
|
|
||||||
if data.created_by_id
|
|
||||||
data.created_by = @find( 'User', data.created_by_id )
|
|
||||||
if data.updated_by_id
|
|
||||||
data.updated_by = @find( 'User', data.updated_by_id )
|
|
||||||
|
|
||||||
return data
|
|
||||||
|
|
||||||
# articles
|
|
||||||
else if type == 'TicketArticle'
|
|
||||||
|
|
||||||
# add created & updated
|
|
||||||
data.created_by = @find( 'User', data.created_by_id )
|
|
||||||
|
|
||||||
# add possible actions
|
|
||||||
data.article_type = @find( 'TicketArticleType', data.ticket_article_type_id )
|
|
||||||
data.article_sender = @find( 'TicketArticleSender', data.ticket_article_sender_id )
|
|
||||||
|
|
||||||
return data
|
|
||||||
|
|
||||||
# history
|
|
||||||
else if type == 'History'
|
|
||||||
|
|
||||||
# add user
|
|
||||||
data.created_by = @find( 'User', data.created_by_id )
|
|
||||||
|
|
||||||
# add possible actions
|
|
||||||
if data.history_attribute_id
|
|
||||||
data.attribute = @find( 'HistoryAttribute', data.history_attribute_id )
|
|
||||||
if data.history_type_id
|
|
||||||
data.type = @find( 'HistoryType', data.history_type_id )
|
|
||||||
if data.history_object_id
|
|
||||||
data.object = @find( 'HistoryObject', data.history_object_id )
|
|
||||||
|
|
||||||
return data
|
|
||||||
|
|
||||||
else
|
|
||||||
return data
|
|
||||||
|
|
||||||
get: (params) ->
|
|
||||||
console.log('get')
|
|
||||||
App[ params.type ].refresh( object, options: { clear: true } )
|
|
||||||
|
|
||||||
all: (params) ->
|
|
||||||
all = App[ params.type ].all()
|
|
||||||
all_complied = []
|
|
||||||
for item in all
|
|
||||||
item_new = @find( params.type, item.id )
|
|
||||||
all_complied.push item_new
|
|
||||||
|
|
||||||
if params.filter
|
|
||||||
all_complied = @_filter( all_complied, params.filter )
|
|
||||||
|
|
||||||
if params.filterExtended
|
|
||||||
all_complied = @_filterExtended( all_complied, params.filterExtended )
|
|
||||||
|
|
||||||
if params.sortBy
|
|
||||||
all_complied = @_sortBy( all_complied, params.sortBy )
|
|
||||||
|
|
||||||
if params.order
|
|
||||||
all_complied = @_order( all_complied, params.order )
|
|
||||||
|
|
||||||
return all_complied
|
|
||||||
|
|
||||||
deleteAll: (type) ->
|
|
||||||
App[type].deleteAll()
|
|
||||||
|
|
||||||
findByAttribute: ( type, key, value ) ->
|
|
||||||
App[type].findByAttribute( key, value )
|
|
||||||
|
|
||||||
count: ( type ) ->
|
|
||||||
App[type].count()
|
|
||||||
|
|
||||||
fetch: ( type ) ->
|
|
||||||
App[type].fetch()
|
|
||||||
|
|
||||||
_sortBy: ( collection, attribute ) ->
|
|
||||||
_.sortBy( collection, (item) ->
|
|
||||||
return '' if item[ attribute ] is undefined || item[ attribute ] is null
|
|
||||||
return item[ attribute ].toLowerCase()
|
|
||||||
)
|
|
||||||
|
|
||||||
_order: ( collection, attribute ) ->
|
|
||||||
if attribute is 'DESC'
|
|
||||||
return collection.reverse()
|
|
||||||
return collection
|
|
||||||
|
|
||||||
_filter: ( collection, filter ) ->
|
|
||||||
for key, value of filter
|
|
||||||
collection = _.filter( collection, (item) ->
|
|
||||||
if item[ key ] is value
|
|
||||||
return item
|
|
||||||
)
|
|
||||||
return collection
|
|
||||||
|
|
||||||
_filterExtended: ( collection, filters ) ->
|
|
||||||
collection = _.filter( collection, (item) ->
|
|
||||||
|
|
||||||
# check all filters
|
|
||||||
for filter in filters
|
|
||||||
|
|
||||||
# all conditions need match
|
|
||||||
matchInner = undefined
|
|
||||||
for key, value of filter
|
|
||||||
|
|
||||||
if matchInner isnt false
|
|
||||||
reg = new RegExp( value, 'i' )
|
|
||||||
if item[ key ] isnt undefined && item[ key ] isnt null && item[ key ].match( reg )
|
|
||||||
matchInner = true
|
|
||||||
else
|
|
||||||
matchInner = false
|
|
||||||
|
|
||||||
# if all matched, add item to new collection
|
|
||||||
if matchInner is true
|
|
||||||
return item
|
|
||||||
|
|
||||||
return
|
|
||||||
)
|
|
||||||
return collection
|
|
||||||
|
|
||||||
observeUnbindLevel: (level) ->
|
|
||||||
return if !@observeCurrent
|
|
||||||
return if !@observeCurrent[level]
|
|
||||||
for observers in @observeCurrent[level]
|
|
||||||
@_observeUnbind( observers )
|
|
||||||
@observeCurrent[level] = []
|
|
||||||
|
|
||||||
observe: (data) ->
|
|
||||||
if !@observeCurrent
|
|
||||||
@observeCurrent = {}
|
|
||||||
|
|
||||||
if !@observeCurrent[ data.level ]
|
|
||||||
@observeCurrent[ data.level ] = []
|
|
||||||
|
|
||||||
@observeCurrent[ data.level ].push data.collections
|
|
||||||
for observe in data.collections
|
|
||||||
events = observe.event.split(' ')
|
|
||||||
for event in events
|
|
||||||
if App[ observe.collection ]
|
|
||||||
App[ observe.collection ].bind( event, observe.callback )
|
|
||||||
|
|
||||||
_observeUnbind: (observers) ->
|
|
||||||
for observe in observers
|
|
||||||
events = observe.event.split(' ')
|
|
||||||
for event in events
|
|
||||||
if App[ observe.collection ]
|
|
||||||
App[ observe.collection ].unbind( event, observe.callback )
|
|
||||||
|
|
||||||
_observeStats: ->
|
|
||||||
@observeCurrent
|
|
||||||
|
|
@ -1,90 +0,0 @@
|
||||||
class App.Event
|
|
||||||
_instance = undefined
|
|
||||||
|
|
||||||
@init: ->
|
|
||||||
_instance = new _Singleton
|
|
||||||
|
|
||||||
@bind: ( events, callback, level ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.bind( events, callback, level )
|
|
||||||
|
|
||||||
@unbind: ( events, callback, level ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.unbind( events, callback, level )
|
|
||||||
|
|
||||||
@trigger: ( events, data ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.trigger( events, data )
|
|
||||||
|
|
||||||
@unbindLevel: (level) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.unbindLevel(level)
|
|
||||||
|
|
||||||
@_allBindings: ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance._allBindings()
|
|
||||||
|
|
||||||
class _Singleton
|
|
||||||
|
|
||||||
constructor: ->
|
|
||||||
@eventCurrent = {}
|
|
||||||
|
|
||||||
unbindLevel: (level) ->
|
|
||||||
return if !@eventCurrent[level]
|
|
||||||
for item in @eventCurrent[level]
|
|
||||||
@unbind( item.event, item.callback, level )
|
|
||||||
@eventCurrent[level] = []
|
|
||||||
|
|
||||||
bind: ( events, callback, level ) ->
|
|
||||||
|
|
||||||
if !level
|
|
||||||
level = '_all'
|
|
||||||
|
|
||||||
if !@eventCurrent[level]
|
|
||||||
@eventCurrent[level] = []
|
|
||||||
|
|
||||||
# level boundary events
|
|
||||||
eventList = events.split(' ')
|
|
||||||
for event in eventList
|
|
||||||
|
|
||||||
# remember all events
|
|
||||||
@eventCurrent[ level ].push {
|
|
||||||
event: event,
|
|
||||||
callback: callback,
|
|
||||||
}
|
|
||||||
|
|
||||||
# bind
|
|
||||||
Spine.bind( event, callback )
|
|
||||||
|
|
||||||
unbind: ( events, callback, level ) ->
|
|
||||||
|
|
||||||
if !level
|
|
||||||
level = '_all'
|
|
||||||
|
|
||||||
if !@eventCurrent[level]
|
|
||||||
@eventCurrent[level] = []
|
|
||||||
|
|
||||||
eventList = events.split(' ')
|
|
||||||
for event in eventList
|
|
||||||
|
|
||||||
# remove from
|
|
||||||
@eventCurrent[level] = _.filter( @eventCurrent[level], (item) ->
|
|
||||||
if callback
|
|
||||||
return item if item.event isnt event && item.callback isnt callback
|
|
||||||
else
|
|
||||||
return item if item.event isnt event
|
|
||||||
)
|
|
||||||
Spine.unbind( event, callback )
|
|
||||||
|
|
||||||
trigger: ( events, data ) ->
|
|
||||||
eventList = events.split(' ')
|
|
||||||
for event in eventList
|
|
||||||
Spine.trigger event, data
|
|
||||||
|
|
||||||
_allBindings: ->
|
|
||||||
@eventCurrent
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,169 +0,0 @@
|
||||||
$ = jQuery.sub()
|
|
||||||
|
|
||||||
class App.i18n
|
|
||||||
_instance = undefined
|
|
||||||
|
|
||||||
@init: ->
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
|
|
||||||
@translateContent: ( string, args... ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.translate_content( string, args )
|
|
||||||
|
|
||||||
@translateInline: ( string, args... ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.translate_inline( string, args )
|
|
||||||
|
|
||||||
@translateTimestamp: ( args ) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.timestamp( args )
|
|
||||||
|
|
||||||
class _Singleton
|
|
||||||
|
|
||||||
constructor: ->
|
|
||||||
@locale = 'de'
|
|
||||||
@timestampFormat = 'yyyy-mm-dd HH:MM'
|
|
||||||
@set( @locale )
|
|
||||||
|
|
||||||
# $('.translation [contenteditable]')
|
|
||||||
$('body')
|
|
||||||
.delegate '.translation', 'focus', (e) =>
|
|
||||||
$this = $(e.target)
|
|
||||||
$this.data 'before', $this.html()
|
|
||||||
# console.log('11111current', $this.html())
|
|
||||||
return $this
|
|
||||||
# .delegate '.translation', 'blur keyup paste', (e) =>
|
|
||||||
.delegate '.translation', 'blur', (e) =>
|
|
||||||
$this = $(e.target)
|
|
||||||
source = $this.attr('data-text')
|
|
||||||
|
|
||||||
# get new translation
|
|
||||||
translation_new = $this.html()
|
|
||||||
translation_new = ('' + translation_new)
|
|
||||||
.replace(/<.+?>/g, '')
|
|
||||||
|
|
||||||
# set new translation
|
|
||||||
$this.html(translation_new)
|
|
||||||
|
|
||||||
# update translation
|
|
||||||
return if $this.data('before') is translation_new
|
|
||||||
console.log 'Translation Update', translation_new, $this.data 'before'
|
|
||||||
$this.data 'before', translation_new
|
|
||||||
|
|
||||||
# update runtime translation map
|
|
||||||
@map[ source ] = translation_new
|
|
||||||
|
|
||||||
# replace rest in page
|
|
||||||
$(".translation[data-text='#{source}']").html( translation_new )
|
|
||||||
|
|
||||||
# update permanent translation map
|
|
||||||
translation = App.Collection.findByAttribute( 'Translation', 'source', source )
|
|
||||||
if translation
|
|
||||||
translation.updateAttribute( 'target', translation_new )
|
|
||||||
else
|
|
||||||
translation = new App.Translation
|
|
||||||
translation.load(
|
|
||||||
locale: @locale,
|
|
||||||
source: source,
|
|
||||||
target: translation_new,
|
|
||||||
)
|
|
||||||
translation.save()
|
|
||||||
|
|
||||||
return $this
|
|
||||||
|
|
||||||
set: ( locale ) ->
|
|
||||||
@map = {}
|
|
||||||
App.Com.ajax(
|
|
||||||
id: 'i18n-set-' + locale,
|
|
||||||
type: 'GET',
|
|
||||||
url: '/translations/lang/' + locale,
|
|
||||||
async: false,
|
|
||||||
success: (data, status, xhr) =>
|
|
||||||
|
|
||||||
# set timestamp format
|
|
||||||
if data.timestampFormat
|
|
||||||
@timestampFormat = data.timestampFormat
|
|
||||||
|
|
||||||
# load translation collection
|
|
||||||
for object in data.list
|
|
||||||
|
|
||||||
# set runtime lookup table
|
|
||||||
@map[ object[1] ] = object[2]
|
|
||||||
|
|
||||||
# load in collection if needed
|
|
||||||
App.Translation.refresh( { id: object[0], source: object[1], target: object[2], locale: @locale } )
|
|
||||||
|
|
||||||
error: (xhr, statusText, error) =>
|
|
||||||
console.log 'error', error, statusText, xhr.statusCode
|
|
||||||
)
|
|
||||||
|
|
||||||
translate_inline: ( string, args... ) =>
|
|
||||||
@translate( string, args... )
|
|
||||||
|
|
||||||
translate_content: ( string, args... ) =>
|
|
||||||
translated = @translate( string, args... )
|
|
||||||
# replace = '<span class="translation" contenteditable="true" data-text="' + @escape(string) + '">' + translated + '<span class="icon-edit"></span>'
|
|
||||||
if window.Config['Translation']
|
|
||||||
replace = '<span class="translation" contenteditable="true" data-text="' + @escape(string) + '">' + translated + ''
|
|
||||||
# if !@_translated
|
|
||||||
# replace += '<span class="missing">XX</span>'
|
|
||||||
replace += '</span>'
|
|
||||||
else
|
|
||||||
translated
|
|
||||||
|
|
||||||
translate: ( string, args... ) =>
|
|
||||||
|
|
||||||
# return '' on undefined
|
|
||||||
return '' if string is undefined
|
|
||||||
|
|
||||||
# return translation
|
|
||||||
if @map[string] isnt undefined
|
|
||||||
@_translated = true
|
|
||||||
translated = @map[string]
|
|
||||||
else
|
|
||||||
@_translated = false
|
|
||||||
translated = string
|
|
||||||
|
|
||||||
# search %s
|
|
||||||
for arg in args
|
|
||||||
translated = translated.replace(/%s/, arg)
|
|
||||||
|
|
||||||
# escape
|
|
||||||
translated = @escape(translated)
|
|
||||||
|
|
||||||
# return translated string
|
|
||||||
return translated
|
|
||||||
|
|
||||||
escape: ( string ) ->
|
|
||||||
string = ( '' + string )
|
|
||||||
.replace(/&/g, '&')
|
|
||||||
.replace(/</g, '<')
|
|
||||||
.replace(/>/g, '>')
|
|
||||||
.replace(/\x22/g, '"')
|
|
||||||
|
|
||||||
timestamp: ( time ) =>
|
|
||||||
s = ( num, digits ) ->
|
|
||||||
while num.toString().length < digits
|
|
||||||
num = "0" + num
|
|
||||||
return num
|
|
||||||
|
|
||||||
timeObject = new Date(time)
|
|
||||||
d = timeObject.getDate()
|
|
||||||
m = timeObject.getMonth() + 1
|
|
||||||
y = timeObject.getFullYear()
|
|
||||||
S = timeObject.getSeconds()
|
|
||||||
M = timeObject.getMinutes()
|
|
||||||
H = timeObject.getHours()
|
|
||||||
format = @timestampFormat
|
|
||||||
format = format.replace /dd/, s( d, 2 )
|
|
||||||
format = format.replace /d/, d
|
|
||||||
format = format.replace /mm/, s( m, 2 )
|
|
||||||
format = format.replace /m/, m
|
|
||||||
format = format.replace /yyyy/, y
|
|
||||||
format = format.replace /SS/, s( S, 2 )
|
|
||||||
format = format.replace /MM/, s( M, 2 )
|
|
||||||
format = format.replace /HH/, s( H, 2 )
|
|
||||||
return format
|
|
||||||
|
|
@ -1,76 +0,0 @@
|
||||||
|
|
||||||
class App.Run extends App.Controller
|
|
||||||
constructor: ->
|
|
||||||
super
|
|
||||||
@log 'RUN app'
|
|
||||||
@el = $('#app')
|
|
||||||
|
|
||||||
# init collections
|
|
||||||
App.Collection.init()
|
|
||||||
|
|
||||||
# create web socket connection
|
|
||||||
App.WebSocket.connect()
|
|
||||||
|
|
||||||
# init of i18n
|
|
||||||
App.i18n.init()
|
|
||||||
|
|
||||||
# start navigation controller
|
|
||||||
new App.Navigation( el: @el.find('#navigation') )
|
|
||||||
|
|
||||||
# check if session already exists/try to get session data from server
|
|
||||||
App.Auth.loginCheck()
|
|
||||||
|
|
||||||
# start notify controller
|
|
||||||
new App.Notify( el: @el.find('#notify') )
|
|
||||||
|
|
||||||
# start content
|
|
||||||
new App.Content( el: @el.find('#content') )
|
|
||||||
|
|
||||||
# bind to fill selected text into
|
|
||||||
App.ClipBoard.bind( @el )
|
|
||||||
|
|
||||||
class App.Content extends Spine.Controller
|
|
||||||
className: 'container'
|
|
||||||
|
|
||||||
constructor: ->
|
|
||||||
super
|
|
||||||
@log 'RUN content'
|
|
||||||
|
|
||||||
for route, callback of Config.Routes
|
|
||||||
do (route, callback) =>
|
|
||||||
@route(route, (params) ->
|
|
||||||
|
|
||||||
# remove observers for page
|
|
||||||
App.Collection.observeUnbindLevel('page')
|
|
||||||
|
|
||||||
# remove events for page
|
|
||||||
App.Event.unbindLevel('page')
|
|
||||||
|
|
||||||
# unbind in controller area
|
|
||||||
@el.unbind()
|
|
||||||
@el.undelegate()
|
|
||||||
|
|
||||||
# send current controller
|
|
||||||
params_only = {}
|
|
||||||
for i of params
|
|
||||||
if typeof params[i] isnt 'object'
|
|
||||||
params_only[i] = params[i]
|
|
||||||
|
|
||||||
# tell server what we are calling right now
|
|
||||||
App.WebSocket.send(
|
|
||||||
action: 'active_controller',
|
|
||||||
controller: route,
|
|
||||||
params: params_only,
|
|
||||||
)
|
|
||||||
|
|
||||||
# remove waypoints
|
|
||||||
$('footer').waypoint('remove')
|
|
||||||
|
|
||||||
params.el = @el
|
|
||||||
new callback( params )
|
|
||||||
|
|
||||||
# scroll to top
|
|
||||||
# window.scrollTo(0,0)
|
|
||||||
)
|
|
||||||
|
|
||||||
Spine.Route.setup()
|
|
||||||
File diff suppressed because one or more lines are too long
9301
app/assets/javascripts/app/lib/jquery-1.8.1.js
vendored
9301
app/assets/javascripts/app/lib/jquery-1.8.1.js
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
|
|
@ -1,162 +0,0 @@
|
||||||
/**
|
|
||||||
* @name Elastic
|
|
||||||
* @descripton Elastic is jQuery plugin that grow and shrink your textareas automatically
|
|
||||||
* @version 1.6.11
|
|
||||||
* @requires jQuery 1.2.6+
|
|
||||||
*
|
|
||||||
* @author Jan Jarfalk
|
|
||||||
* @author-email jan.jarfalk@unwrongest.com
|
|
||||||
* @author-website http://www.unwrongest.com
|
|
||||||
*
|
|
||||||
* @licence MIT License - http://www.opensource.org/licenses/mit-license.php
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($){
|
|
||||||
jQuery.fn.extend({
|
|
||||||
elastic: function() {
|
|
||||||
|
|
||||||
// We will create a div clone of the textarea
|
|
||||||
// by copying these attributes from the textarea to the div.
|
|
||||||
var mimics = [
|
|
||||||
'paddingTop',
|
|
||||||
'paddingRight',
|
|
||||||
'paddingBottom',
|
|
||||||
'paddingLeft',
|
|
||||||
'fontSize',
|
|
||||||
'lineHeight',
|
|
||||||
'fontFamily',
|
|
||||||
'width',
|
|
||||||
'fontWeight',
|
|
||||||
'border-top-width',
|
|
||||||
'border-right-width',
|
|
||||||
'border-bottom-width',
|
|
||||||
'border-left-width',
|
|
||||||
'borderTopStyle',
|
|
||||||
'borderTopColor',
|
|
||||||
'borderRightStyle',
|
|
||||||
'borderRightColor',
|
|
||||||
'borderBottomStyle',
|
|
||||||
'borderBottomColor',
|
|
||||||
'borderLeftStyle',
|
|
||||||
'borderLeftColor'
|
|
||||||
];
|
|
||||||
|
|
||||||
return this.each( function() {
|
|
||||||
|
|
||||||
// Elastic only works on textareas
|
|
||||||
if ( this.type !== 'textarea' ) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
var $textarea = jQuery(this),
|
|
||||||
$twin = jQuery('<div />').css({
|
|
||||||
'position' : 'absolute',
|
|
||||||
'display' : 'none',
|
|
||||||
'word-wrap' : 'break-word',
|
|
||||||
'white-space' :'pre-wrap'
|
|
||||||
}),
|
|
||||||
lineHeight = parseInt($textarea.css('line-height'),10) || parseInt($textarea.css('font-size'),'10'),
|
|
||||||
minheight = parseInt($textarea.css('height'),10) || lineHeight*3,
|
|
||||||
maxheight = parseInt($textarea.css('max-height'),10) || Number.MAX_VALUE,
|
|
||||||
goalheight = 0;
|
|
||||||
|
|
||||||
// Opera returns max-height of -1 if not set
|
|
||||||
if (maxheight < 0) { maxheight = Number.MAX_VALUE; }
|
|
||||||
|
|
||||||
// Append the twin to the DOM
|
|
||||||
// We are going to meassure the height of this, not the textarea.
|
|
||||||
$twin.appendTo($textarea.parent());
|
|
||||||
|
|
||||||
// Copy the essential styles (mimics) from the textarea to the twin
|
|
||||||
var i = mimics.length;
|
|
||||||
while(i--){
|
|
||||||
$twin.css(mimics[i].toString(),$textarea.css(mimics[i].toString()));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Updates the width of the twin. (solution for textareas with widths in percent)
|
|
||||||
function setTwinWidth(){
|
|
||||||
var curatedWidth = Math.floor(parseInt($textarea.width(),10));
|
|
||||||
if($twin.width() !== curatedWidth){
|
|
||||||
$twin.css({'width': curatedWidth + 'px'});
|
|
||||||
|
|
||||||
// Update height of textarea
|
|
||||||
update(true);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sets a given height and overflow state on the textarea
|
|
||||||
function setHeightAndOverflow(height, overflow){
|
|
||||||
|
|
||||||
var curratedHeight = Math.floor(parseInt(height,10));
|
|
||||||
if($textarea.height() !== curratedHeight){
|
|
||||||
$textarea.css({'height': curratedHeight + 'px','overflow':overflow});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// This function will update the height of the textarea if necessary
|
|
||||||
function update(forced) {
|
|
||||||
|
|
||||||
// Get curated content from the textarea.
|
|
||||||
var textareaContent = $textarea.val().replace(/&/g,'&').replace(/ {2}/g, ' ').replace(/<|>/g, '>').replace(/\n/g, '<br />');
|
|
||||||
|
|
||||||
// Compare curated content with curated twin.
|
|
||||||
var twinContent = $twin.html().replace(/<br>/ig,'<br />');
|
|
||||||
|
|
||||||
if(forced || textareaContent+' ' !== twinContent){
|
|
||||||
|
|
||||||
// Add an extra white space so new rows are added when you are at the end of a row.
|
|
||||||
$twin.html(textareaContent+' ');
|
|
||||||
|
|
||||||
// Change textarea height if twin plus the height of one line differs more than 3 pixel from textarea height
|
|
||||||
if(Math.abs($twin.height() + lineHeight - $textarea.height()) > 3){
|
|
||||||
|
|
||||||
var goalheight = $twin.height()+lineHeight;
|
|
||||||
if(goalheight >= maxheight) {
|
|
||||||
setHeightAndOverflow(maxheight,'auto');
|
|
||||||
} else if(goalheight <= minheight) {
|
|
||||||
setHeightAndOverflow(minheight,'hidden');
|
|
||||||
} else {
|
|
||||||
setHeightAndOverflow(goalheight,'hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hide scrollbars
|
|
||||||
$textarea.css({'overflow':'hidden'});
|
|
||||||
|
|
||||||
// Update textarea size on keyup, change, cut and paste
|
|
||||||
$textarea.bind('keyup change cut paste', function(){
|
|
||||||
update();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Update width of twin if browser or textarea is resized (solution for textareas with widths in percent)
|
|
||||||
$(window).bind('resize', setTwinWidth);
|
|
||||||
$textarea.bind('resize', setTwinWidth);
|
|
||||||
$textarea.bind('update', update);
|
|
||||||
|
|
||||||
// Compact textarea on blur
|
|
||||||
$textarea.bind('blur',function(){
|
|
||||||
if($twin.height() < maxheight){
|
|
||||||
if($twin.height() > minheight) {
|
|
||||||
$textarea.height($twin.height());
|
|
||||||
} else {
|
|
||||||
$textarea.height(minheight);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// And this line is to catch the browser paste event
|
|
||||||
$textarea.bind('input paste',function(e){ setTimeout( update, 250); });
|
|
||||||
|
|
||||||
// Run update once when elastic is initialized
|
|
||||||
update();
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})(jQuery);
|
|
||||||
|
|
@ -1,220 +0,0 @@
|
||||||
/**
|
|
||||||
* jQuery Noty Plugin v1.1.1
|
|
||||||
* Authors: Nedim Arabacı (http://ned.im), Muhittin Özer (http://muhittinozer.com)
|
|
||||||
*
|
|
||||||
* Examples and Documentation - http://needim.github.com/noty/
|
|
||||||
*
|
|
||||||
* Licensed under the MIT licenses:
|
|
||||||
* http://www.opensource.org/licenses/mit-license.php
|
|
||||||
*
|
|
||||||
**/
|
|
||||||
(function($) {
|
|
||||||
$.noty = function(options, customContainer) {
|
|
||||||
|
|
||||||
var base = this;
|
|
||||||
var $noty = null;
|
|
||||||
var isCustom = false;
|
|
||||||
|
|
||||||
base.init = function(options) {
|
|
||||||
base.options = $.extend({}, $.noty.defaultOptions, options);
|
|
||||||
base.options.type = base.options.cssPrefix+base.options.type;
|
|
||||||
base.options.id = base.options.type+'_'+new Date().getTime();
|
|
||||||
base.options.layout = base.options.cssPrefix+'layout_'+base.options.layout;
|
|
||||||
|
|
||||||
if (base.options.custom.container) customContainer = base.options.custom.container;
|
|
||||||
isCustom = ($.type(customContainer) === 'object') ? true : false;
|
|
||||||
|
|
||||||
return base.addQueue();
|
|
||||||
};
|
|
||||||
|
|
||||||
// Push notification to queue
|
|
||||||
base.addQueue = function() {
|
|
||||||
var isGrowl = ($.inArray(base.options.layout, $.noty.growls) == -1) ? false : true;
|
|
||||||
if (!isGrowl) (base.options.force) ? $.noty.queue.unshift({options: base.options}) : $.noty.queue.push({options: base.options});
|
|
||||||
return base.render(isGrowl);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Render the noty
|
|
||||||
base.render = function(isGrowl) {
|
|
||||||
|
|
||||||
// Layout spesific container settings
|
|
||||||
var container = (isCustom) ? customContainer.addClass(base.options.theme+' '+base.options.layout+' noty_custom_container') : $('body');
|
|
||||||
if (isGrowl) {
|
|
||||||
if ($('ul.noty_cont.' + base.options.layout).length == 0)
|
|
||||||
container.prepend($('<ul/>').addClass('noty_cont ' + base.options.layout));
|
|
||||||
container = $('ul.noty_cont.' + base.options.layout);
|
|
||||||
} else {
|
|
||||||
if ($.noty.available) {
|
|
||||||
var fromQueue = $.noty.queue.shift(); // Get noty from queue
|
|
||||||
if ($.type(fromQueue) === 'object') {
|
|
||||||
$.noty.available = false;
|
|
||||||
base.options = fromQueue.options;
|
|
||||||
} else {
|
|
||||||
$.noty.available = true; // Queue is over
|
|
||||||
return base.options.id;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
return base.options.id;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
base.container = container;
|
|
||||||
|
|
||||||
// Generating noty bar
|
|
||||||
base.bar = $('<div class="noty_bar"/>').attr('id', base.options.id).addClass(base.options.theme+' '+base.options.layout+' '+base.options.type);
|
|
||||||
$noty = base.bar;
|
|
||||||
$noty.append(base.options.template).find('.noty_text').html(base.options.text);
|
|
||||||
$noty.data('noty_options', base.options);
|
|
||||||
|
|
||||||
// Close button display
|
|
||||||
(base.options.closeButton) ? $noty.addClass('noty_closable').find('.noty_close').show() : $noty.find('.noty_close').remove();
|
|
||||||
|
|
||||||
// Bind close event to button
|
|
||||||
$noty.find('.noty_close').bind('click', function() { $noty.trigger('noty.close'); });
|
|
||||||
|
|
||||||
// If we have a button we must disable closeOnSelfClick and closeOnSelfOver option
|
|
||||||
if (base.options.buttons) base.options.closeOnSelfClick = base.options.closeOnSelfOver = false;
|
|
||||||
// Close on self click
|
|
||||||
if (base.options.closeOnSelfClick) $noty.bind('click', function() { $noty.trigger('noty.close'); }).css('cursor', 'pointer');
|
|
||||||
// Close on self mouseover
|
|
||||||
if (base.options.closeOnSelfOver) $noty.bind('mouseover', function() { $noty.trigger('noty.close'); }).css('cursor', 'pointer');
|
|
||||||
|
|
||||||
// Set buttons if available
|
|
||||||
if (base.options.buttons) {
|
|
||||||
$buttons = $('<div/>').addClass('noty_buttons');
|
|
||||||
$noty.find('.noty_message').append($buttons);
|
|
||||||
$.each(base.options.buttons, function(i, button) {
|
|
||||||
bclass = (button.type) ? button.type : 'gray';
|
|
||||||
$button = $('<button/>').addClass(bclass).html(button.text).appendTo($noty.find('.noty_buttons'))
|
|
||||||
.bind('click', function() {
|
|
||||||
if ($.isFunction(button.click)) {
|
|
||||||
button.click.call($button, $noty);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return base.show(isGrowl);
|
|
||||||
};
|
|
||||||
|
|
||||||
base.show = function(isGrowl) {
|
|
||||||
|
|
||||||
// is Modal?
|
|
||||||
if (base.options.modal) $('<div/>').addClass('noty_modal').addClass(base.options.theme).prependTo($('body')).fadeIn('fast');
|
|
||||||
|
|
||||||
$noty.close = function() { return this.trigger('noty.close'); };
|
|
||||||
|
|
||||||
// Prepend noty to container
|
|
||||||
(isGrowl) ? base.container.prepend($('<li/>').append($noty)) : base.container.prepend($noty);
|
|
||||||
|
|
||||||
// topCenter and center specific options
|
|
||||||
if (base.options.layout == 'noty_layout_topCenter' || base.options.layout == 'noty_layout_center') {
|
|
||||||
$.noty.reCenter($noty);
|
|
||||||
}
|
|
||||||
|
|
||||||
$noty.bind('noty.setText', function(event, text) {
|
|
||||||
$noty.find('.noty_text').html(text); $.noty.reCenter($noty);
|
|
||||||
});
|
|
||||||
|
|
||||||
$noty.bind('noty.getId', function(event) {
|
|
||||||
return $noty.data('noty_options').id;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Bind close event
|
|
||||||
$noty.one('noty.close', function(event) {
|
|
||||||
var options = $noty.data('noty_options');
|
|
||||||
|
|
||||||
// Modal Cleaning
|
|
||||||
if (options.modal) $('.noty_modal').fadeOut('fast', function() { $(this).remove(); });
|
|
||||||
|
|
||||||
$noty.clearQueue().stop().animate(
|
|
||||||
$noty.data('noty_options').animateClose,
|
|
||||||
$noty.data('noty_options').speed,
|
|
||||||
$noty.data('noty_options').easing,
|
|
||||||
$noty.data('noty_options').onClose)
|
|
||||||
.promise().done(function() {
|
|
||||||
|
|
||||||
// Layout spesific cleaning
|
|
||||||
if ($.inArray($noty.data('noty_options').layout, $.noty.growls) > -1) {
|
|
||||||
$noty.parent().remove();
|
|
||||||
} else {
|
|
||||||
$noty.remove();
|
|
||||||
|
|
||||||
// queue render
|
|
||||||
$.noty.available = true;
|
|
||||||
base.render(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Start the show
|
|
||||||
$noty.animate(base.options.animateOpen, base.options.speed, base.options.easing, base.options.onShow);
|
|
||||||
|
|
||||||
// If noty is have a timeout option
|
|
||||||
if (base.options.timeout) $noty.delay(base.options.timeout).promise().done(function() { $noty.trigger('noty.close'); });
|
|
||||||
return base.options.id;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Run initializer
|
|
||||||
return base.init(options);
|
|
||||||
};
|
|
||||||
|
|
||||||
// API
|
|
||||||
$.noty.get = function(id) { return $('#'+id); };
|
|
||||||
$.noty.close = function(id) {
|
|
||||||
$.noty.get(id).trigger('noty.close');
|
|
||||||
};
|
|
||||||
$.noty.setText = function(id, text) {
|
|
||||||
$.noty.get(id).trigger('noty.setText', text);
|
|
||||||
};
|
|
||||||
$.noty.closeAll = function() {
|
|
||||||
$.noty.clearQueue();
|
|
||||||
$('.noty_bar').trigger('noty.close');
|
|
||||||
};
|
|
||||||
$.noty.reCenter = function(noty) {
|
|
||||||
noty.css({'left': ($(window).width() - noty.outerWidth()) / 2 + 'px'});
|
|
||||||
};
|
|
||||||
$.noty.clearQueue = function() {
|
|
||||||
$.noty.queue = [];
|
|
||||||
};
|
|
||||||
|
|
||||||
$.noty.queue = [];
|
|
||||||
$.noty.growls = ['noty_layout_topLeft', 'noty_layout_topRight', 'noty_layout_bottomLeft', 'noty_layout_bottomRight'];
|
|
||||||
$.noty.available = true;
|
|
||||||
$.noty.defaultOptions = {
|
|
||||||
layout: 'top',
|
|
||||||
theme: 'noty_theme_default',
|
|
||||||
animateOpen: {height: 'toggle'},
|
|
||||||
animateClose: {height: 'toggle'},
|
|
||||||
easing: 'swing',
|
|
||||||
text: '',
|
|
||||||
type: 'alert',
|
|
||||||
speed: 500,
|
|
||||||
timeout: 5000,
|
|
||||||
closeButton: false,
|
|
||||||
closeOnSelfClick: true,
|
|
||||||
closeOnSelfOver: false,
|
|
||||||
force: false,
|
|
||||||
onShow: false,
|
|
||||||
onClose: false,
|
|
||||||
buttons: false,
|
|
||||||
modal: false,
|
|
||||||
template: '<div class="noty_message"><span class="noty_text"></span><div class="noty_close"></div></div>',
|
|
||||||
cssPrefix: 'noty_',
|
|
||||||
custom: {
|
|
||||||
container: null
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.noty = function(options) {
|
|
||||||
return this.each(function() {
|
|
||||||
(new $.noty(options, $(this)));
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
|
|
||||||
//Helper
|
|
||||||
function noty(options) {
|
|
||||||
return jQuery.noty(options); // returns an id
|
|
||||||
}
|
|
||||||
|
|
@ -1,353 +0,0 @@
|
||||||
/*
|
|
||||||
|
|
||||||
jQuery Tags Input Plugin 1.3.3
|
|
||||||
|
|
||||||
Copyright (c) 2011 XOXCO, Inc
|
|
||||||
|
|
||||||
Documentation for this plugin lives here:
|
|
||||||
http://xoxco.com/clickable/jquery-tags-input
|
|
||||||
|
|
||||||
Licensed under the MIT license:
|
|
||||||
http://www.opensource.org/licenses/mit-license.php
|
|
||||||
|
|
||||||
ben@xoxco.com
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($) {
|
|
||||||
|
|
||||||
var delimiter = new Array();
|
|
||||||
var tags_callbacks = new Array();
|
|
||||||
$.fn.doAutosize = function(o){
|
|
||||||
var minWidth = $(this).data('minwidth'),
|
|
||||||
maxWidth = $(this).data('maxwidth'),
|
|
||||||
val = '',
|
|
||||||
input = $(this),
|
|
||||||
testSubject = $('#'+$(this).data('tester_id'));
|
|
||||||
|
|
||||||
if (val === (val = input.val())) {return;}
|
|
||||||
|
|
||||||
// Enter new content into testSubject
|
|
||||||
var escaped = val.replace(/&/g, '&').replace(/\s/g,' ').replace(/</g, '<').replace(/>/g, '>');
|
|
||||||
testSubject.html(escaped);
|
|
||||||
// Calculate new width + whether to change
|
|
||||||
var testerWidth = testSubject.width(),
|
|
||||||
newWidth = (testerWidth + o.comfortZone) >= minWidth ? testerWidth + o.comfortZone : minWidth,
|
|
||||||
currentWidth = input.width(),
|
|
||||||
isValidWidthChange = (newWidth < currentWidth && newWidth >= minWidth)
|
|
||||||
|| (newWidth > minWidth && newWidth < maxWidth);
|
|
||||||
|
|
||||||
// Animate width
|
|
||||||
if (isValidWidthChange) {
|
|
||||||
input.width(newWidth);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
};
|
|
||||||
$.fn.resetAutosize = function(options){
|
|
||||||
// alert(JSON.stringify(options));
|
|
||||||
var minWidth = $(this).data('minwidth') || options.minInputWidth || $(this).width(),
|
|
||||||
maxWidth = $(this).data('maxwidth') || options.maxInputWidth || ($(this).closest('.tagsinput').width() - options.inputPadding),
|
|
||||||
val = '',
|
|
||||||
input = $(this),
|
|
||||||
testSubject = $('<tester/>').css({
|
|
||||||
position: 'absolute',
|
|
||||||
top: -9999,
|
|
||||||
left: -9999,
|
|
||||||
width: 'auto',
|
|
||||||
fontSize: input.css('fontSize'),
|
|
||||||
fontFamily: input.css('fontFamily'),
|
|
||||||
fontWeight: input.css('fontWeight'),
|
|
||||||
letterSpacing: input.css('letterSpacing'),
|
|
||||||
whiteSpace: 'nowrap'
|
|
||||||
}),
|
|
||||||
testerId = $(this).attr('id')+'_autosize_tester';
|
|
||||||
if(! $('#'+testerId).length > 0){
|
|
||||||
testSubject.attr('id', testerId);
|
|
||||||
testSubject.appendTo('body');
|
|
||||||
}
|
|
||||||
|
|
||||||
input.data('minwidth', minWidth);
|
|
||||||
input.data('maxwidth', maxWidth);
|
|
||||||
input.data('tester_id', testerId);
|
|
||||||
input.css('width', minWidth);
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.addTag = function(value,options) {
|
|
||||||
options = jQuery.extend({focus:false,callback:true},options);
|
|
||||||
this.each(function() {
|
|
||||||
var id = $(this).attr('id');
|
|
||||||
|
|
||||||
var tagslist = $(this).val().split(delimiter[id]);
|
|
||||||
if (tagslist[0] == '') {
|
|
||||||
tagslist = new Array();
|
|
||||||
}
|
|
||||||
|
|
||||||
value = jQuery.trim(value);
|
|
||||||
|
|
||||||
if (options.unique) {
|
|
||||||
var skipTag = $(tagslist).tagExist(value);
|
|
||||||
if(skipTag == true) {
|
|
||||||
//Marks fake input as not_valid to let styling it
|
|
||||||
$('#'+id+'_tag').addClass('not_valid');
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
var skipTag = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (value !='' && skipTag != true) {
|
|
||||||
$('<span>').addClass('tag').append(
|
|
||||||
$('<span>').text(value).append(' '),
|
|
||||||
$('<a>', {
|
|
||||||
href : '#',
|
|
||||||
title : 'Removing tag',
|
|
||||||
text : 'x'
|
|
||||||
}).click(function () {
|
|
||||||
return $('#' + id).removeTag(escape(value));
|
|
||||||
})
|
|
||||||
).insertBefore('#' + id + '_addTag');
|
|
||||||
|
|
||||||
tagslist.push(value);
|
|
||||||
|
|
||||||
$('#'+id+'_tag').val('');
|
|
||||||
if (options.focus) {
|
|
||||||
$('#'+id+'_tag').focus();
|
|
||||||
} else {
|
|
||||||
$('#'+id+'_tag').blur();
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.tagsInput.updateTagsField(this,tagslist);
|
|
||||||
|
|
||||||
if (options.callback && tags_callbacks[id] && tags_callbacks[id]['onAddTag']) {
|
|
||||||
var f = tags_callbacks[id]['onAddTag'];
|
|
||||||
f.call(this, value);
|
|
||||||
}
|
|
||||||
if(tags_callbacks[id] && tags_callbacks[id]['onChange'])
|
|
||||||
{
|
|
||||||
var i = tagslist.length;
|
|
||||||
var f = tags_callbacks[id]['onChange'];
|
|
||||||
f.call(this, $(this), tagslist[i-1]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.removeTag = function(value) {
|
|
||||||
value = unescape(value);
|
|
||||||
this.each(function() {
|
|
||||||
var id = $(this).attr('id');
|
|
||||||
|
|
||||||
var old = $(this).val().split(delimiter[id]);
|
|
||||||
|
|
||||||
$('#'+id+'_tagsinput .tag').remove();
|
|
||||||
str = '';
|
|
||||||
for (i=0; i< old.length; i++) {
|
|
||||||
if (old[i]!=value) {
|
|
||||||
str = str + delimiter[id] +old[i];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.tagsInput.importTags(this,str);
|
|
||||||
|
|
||||||
if (tags_callbacks[id] && tags_callbacks[id]['onRemoveTag']) {
|
|
||||||
var f = tags_callbacks[id]['onRemoveTag'];
|
|
||||||
f.call(this, value);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.tagExist = function(val) {
|
|
||||||
return (jQuery.inArray(val, $(this)) >= 0); //true when tag exists, false when not
|
|
||||||
};
|
|
||||||
|
|
||||||
// clear all existing tags and import new ones from a string
|
|
||||||
$.fn.importTags = function(str) {
|
|
||||||
id = $(this).attr('id');
|
|
||||||
$('#'+id+'_tagsinput .tag').remove();
|
|
||||||
$.fn.tagsInput.importTags(this,str);
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.tagsInput = function(options) {
|
|
||||||
var settings = jQuery.extend({
|
|
||||||
interactive:true,
|
|
||||||
defaultText:'add a tag',
|
|
||||||
minChars:0,
|
|
||||||
width:'300px',
|
|
||||||
height:'100px',
|
|
||||||
autocomplete: {selectFirst: false },
|
|
||||||
'hide':true,
|
|
||||||
'delimiter':',',
|
|
||||||
'unique':true,
|
|
||||||
removeWithBackspace:true,
|
|
||||||
placeholderColor:'#666666',
|
|
||||||
autosize: true,
|
|
||||||
comfortZone: 20,
|
|
||||||
inputPadding: 6*2
|
|
||||||
},options);
|
|
||||||
|
|
||||||
this.each(function() {
|
|
||||||
if (settings.hide) {
|
|
||||||
$(this).hide();
|
|
||||||
}
|
|
||||||
|
|
||||||
var id = $(this).attr('id')
|
|
||||||
|
|
||||||
var data = jQuery.extend({
|
|
||||||
pid:id,
|
|
||||||
real_input: '#'+id,
|
|
||||||
holder: '#'+id+'_tagsinput',
|
|
||||||
input_wrapper: '#'+id+'_addTag',
|
|
||||||
fake_input: '#'+id+'_tag'
|
|
||||||
},settings);
|
|
||||||
|
|
||||||
delimiter[id] = data.delimiter;
|
|
||||||
|
|
||||||
if (settings.onAddTag || settings.onRemoveTag || settings.onChange) {
|
|
||||||
tags_callbacks[id] = new Array();
|
|
||||||
tags_callbacks[id]['onAddTag'] = settings.onAddTag;
|
|
||||||
tags_callbacks[id]['onRemoveTag'] = settings.onRemoveTag;
|
|
||||||
tags_callbacks[id]['onChange'] = settings.onChange;
|
|
||||||
}
|
|
||||||
|
|
||||||
var markup = '<div id="'+id+'_tagsinput" class="tagsinput"><div id="'+id+'_addTag">';
|
|
||||||
|
|
||||||
if (settings.interactive) {
|
|
||||||
markup = markup + '<input id="'+id+'_tag" value="" data-default="'+settings.defaultText+'" />';
|
|
||||||
}
|
|
||||||
|
|
||||||
markup = markup + '</div><div class="tags_clear"></div></div>';
|
|
||||||
|
|
||||||
$(markup).insertAfter(this);
|
|
||||||
|
|
||||||
$(data.holder).css('width',settings.width);
|
|
||||||
$(data.holder).css('height',settings.height);
|
|
||||||
|
|
||||||
if ($(data.real_input).val()!='') {
|
|
||||||
$.fn.tagsInput.importTags($(data.real_input),$(data.real_input).val());
|
|
||||||
}
|
|
||||||
if (settings.interactive) {
|
|
||||||
$(data.fake_input).val($(data.fake_input).attr('data-default'));
|
|
||||||
$(data.fake_input).css('color',settings.placeholderColor);
|
|
||||||
$(data.fake_input).resetAutosize(settings);
|
|
||||||
|
|
||||||
$(data.holder).bind('click',data,function(event) {
|
|
||||||
$(event.data.fake_input).focus();
|
|
||||||
});
|
|
||||||
|
|
||||||
$(data.fake_input).bind('focus',data,function(event) {
|
|
||||||
if ($(event.data.fake_input).val()==$(event.data.fake_input).attr('data-default')) {
|
|
||||||
$(event.data.fake_input).val('');
|
|
||||||
}
|
|
||||||
$(event.data.fake_input).css('color','#000000');
|
|
||||||
});
|
|
||||||
|
|
||||||
if (settings.autocomplete_url != undefined) {
|
|
||||||
// 2012-02-23 me
|
|
||||||
// autocomplete_options = {source: settings.autocomplete_url};
|
|
||||||
autocomplete_options = settings.auto;
|
|
||||||
// 2012-02-23 me
|
|
||||||
for (attrname in settings.autocomplete) {
|
|
||||||
autocomplete_options[attrname] = settings.autocomplete[attrname];
|
|
||||||
}
|
|
||||||
|
|
||||||
if (jQuery.Autocompleter !== undefined) {
|
|
||||||
$(data.fake_input).autocomplete(settings.autocomplete_url, settings.autocomplete);
|
|
||||||
$(data.fake_input).bind('result',data,function(event,data,formatted) {
|
|
||||||
if (data) {
|
|
||||||
$('#'+id).addTag(data[0] + "",{focus:true,unique:(settings.unique)});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else if (jQuery.ui.autocomplete !== undefined) {
|
|
||||||
$(data.fake_input).autocomplete(autocomplete_options);
|
|
||||||
$(data.fake_input).bind('autocompleteselect',data,function(event,ui) {
|
|
||||||
$(event.data.real_input).addTag(ui.item.value,{focus:true,unique:(settings.unique)});
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
} else {
|
|
||||||
// if a user tabs out of the field, create a new tag
|
|
||||||
// this is only available if autocomplete is not used.
|
|
||||||
$(data.fake_input).bind('blur',data,function(event) {
|
|
||||||
var d = $(this).attr('data-default');
|
|
||||||
if ($(event.data.fake_input).val()!='' && $(event.data.fake_input).val()!=d) {
|
|
||||||
if( (event.data.minChars <= $(event.data.fake_input).val().length) && (!event.data.maxChars || (event.data.maxChars >= $(event.data.fake_input).val().length)) )
|
|
||||||
$(event.data.real_input).addTag($(event.data.fake_input).val(),{focus:true,unique:(settings.unique)});
|
|
||||||
} else {
|
|
||||||
$(event.data.fake_input).val($(event.data.fake_input).attr('data-default'));
|
|
||||||
$(event.data.fake_input).css('color',settings.placeholderColor);
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
// if user types a comma, create a new tag
|
|
||||||
$(data.fake_input).bind('keypress',data,function(event) {
|
|
||||||
if (event.which==event.data.delimiter.charCodeAt(0) || event.which==13 ) {
|
|
||||||
event.preventDefault();
|
|
||||||
if( (event.data.minChars <= $(event.data.fake_input).val().length) && (!event.data.maxChars || (event.data.maxChars >= $(event.data.fake_input).val().length)) )
|
|
||||||
$(event.data.real_input).addTag($(event.data.fake_input).val(),{focus:true,unique:(settings.unique)});
|
|
||||||
$(event.data.fake_input).resetAutosize(settings);
|
|
||||||
return false;
|
|
||||||
} else if (event.data.autosize) {
|
|
||||||
$(event.data.fake_input).doAutosize(settings);
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
//Delete last tag on backspace
|
|
||||||
data.removeWithBackspace && $(data.fake_input).bind('keydown', function(event)
|
|
||||||
{
|
|
||||||
if(event.keyCode == 8 && $(this).val() == '')
|
|
||||||
{
|
|
||||||
event.preventDefault();
|
|
||||||
var last_tag = $(this).closest('.tagsinput').find('.tag:last').text();
|
|
||||||
var id = $(this).attr('id').replace(/_tag$/, '');
|
|
||||||
last_tag = last_tag.replace(/[\s]+x$/, '');
|
|
||||||
$('#' + id).removeTag(escape(last_tag));
|
|
||||||
$(this).trigger('focus');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$(data.fake_input).blur();
|
|
||||||
|
|
||||||
//Removes the not_valid class when user changes the value of the fake input
|
|
||||||
if(data.unique) {
|
|
||||||
$(data.fake_input).keydown(function(event){
|
|
||||||
if(event.keyCode == 8 || String.fromCharCode(event.which).match(/\w+|[áéíóúÁÉÍÓÚñÑ,/]+/)) {
|
|
||||||
$(this).removeClass('not_valid');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} // if settings.interactive
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
return this;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.tagsInput.updateTagsField = function(obj,tagslist) {
|
|
||||||
var id = $(obj).attr('id');
|
|
||||||
$(obj).val(tagslist.join(delimiter[id]));
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.tagsInput.importTags = function(obj,val) {
|
|
||||||
$(obj).val('');
|
|
||||||
var id = $(obj).attr('id');
|
|
||||||
var tags = val.split(delimiter[id]);
|
|
||||||
for (i=0; i<tags.length; i++) {
|
|
||||||
$(obj).addTag(tags[i],{focus:false,callback:false});
|
|
||||||
}
|
|
||||||
if(tags_callbacks[id] && tags_callbacks[id]['onChange'])
|
|
||||||
{
|
|
||||||
var f = tags_callbacks[id]['onChange'];
|
|
||||||
f.call(obj, obj, tags[i]);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
|
|
@ -1,61 +0,0 @@
|
||||||
class App.Store
|
|
||||||
_instance = undefined # Must be declared here to force the closure on the class
|
|
||||||
@renew: ->
|
|
||||||
_instance = new _Singleton
|
|
||||||
|
|
||||||
@write: (key, value) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.write(key, value)
|
|
||||||
|
|
||||||
@get: (args) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.get(args)
|
|
||||||
|
|
||||||
@delete: (args) ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.delete(args)
|
|
||||||
|
|
||||||
@clear: ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.clear()
|
|
||||||
|
|
||||||
@list: () ->
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance.list()
|
|
||||||
|
|
||||||
# The actual Singleton class
|
|
||||||
class _Singleton
|
|
||||||
|
|
||||||
# write to local storage
|
|
||||||
write: (key, value) ->
|
|
||||||
localStorage.setItem( key, JSON.stringify( value ) )
|
|
||||||
|
|
||||||
# get item
|
|
||||||
get: (key) ->
|
|
||||||
value = localStorage.getItem( key )
|
|
||||||
return if !value
|
|
||||||
object = JSON.parse( value )
|
|
||||||
return object
|
|
||||||
|
|
||||||
# delete item
|
|
||||||
delete: (key) ->
|
|
||||||
localStorage.removeItem( key )
|
|
||||||
|
|
||||||
# clear local storage
|
|
||||||
clear: ->
|
|
||||||
localStorage.clear()
|
|
||||||
|
|
||||||
# return list of all keys
|
|
||||||
list: ->
|
|
||||||
list = []
|
|
||||||
logLength = localStorage.length-1;
|
|
||||||
for count in [0..logLength]
|
|
||||||
key = localStorage.key( count )
|
|
||||||
if key
|
|
||||||
list.push key
|
|
||||||
list
|
|
||||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,674 +0,0 @@
|
||||||
/*!
|
|
||||||
jQuery Waypoints - v1.1.6
|
|
||||||
Copyright (c) 2011-2012 Caleb Troughton
|
|
||||||
Dual licensed under the MIT license and GPL license.
|
|
||||||
https://github.com/imakewebthings/jquery-waypoints/blob/master/MIT-license.txt
|
|
||||||
https://github.com/imakewebthings/jquery-waypoints/blob/master/GPL-license.txt
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*
|
|
||||||
Waypoints is a small jQuery plugin that makes it easy to execute a function
|
|
||||||
whenever you scroll to an element.
|
|
||||||
|
|
||||||
GitHub Repository: https://github.com/imakewebthings/jquery-waypoints
|
|
||||||
Documentation and Examples: http://imakewebthings.github.com/jquery-waypoints
|
|
||||||
|
|
||||||
Changelog:
|
|
||||||
v1.1.6
|
|
||||||
- Fix potential memory leak by unbinding events on empty context elements.
|
|
||||||
v1.1.5
|
|
||||||
- Make plugin compatible with Browserify/RequireJS. (Thanks @cjroebuck)
|
|
||||||
v1.1.4
|
|
||||||
- Add handler option to give alternate binding method. (Issue #34)
|
|
||||||
v1.1.3
|
|
||||||
- Fix cases where waypoints are added post-load and should be triggered
|
|
||||||
immediately. (Issue #28)
|
|
||||||
v1.1.2
|
|
||||||
- Fixed error thrown by waypoints with triggerOnce option that were
|
|
||||||
triggered via resize refresh.
|
|
||||||
v1.1.1
|
|
||||||
- Fixed bug in initialization where all offsets were being calculated
|
|
||||||
as if set to 0 initially, causing unwarranted triggers during the
|
|
||||||
subsequent refresh.
|
|
||||||
- Added onlyOnScroll, an option for individual waypoints that disables
|
|
||||||
triggers due to an offset refresh that crosses the current scroll
|
|
||||||
point. (All credit to @knuton on this one.)
|
|
||||||
v1.1
|
|
||||||
- Moved the continuous option out of global settings and into the options
|
|
||||||
object for individual waypoints.
|
|
||||||
- Added the context option, which allows for using waypoints within any
|
|
||||||
scrollable element, not just the window.
|
|
||||||
v1.0.2
|
|
||||||
- Moved scroll and resize handler bindings out of load. Should play nicer
|
|
||||||
with async loaders like Head JS and LABjs.
|
|
||||||
- Fixed a 1px off error when using certain % offsets.
|
|
||||||
- Added unit tests.
|
|
||||||
v1.0.1
|
|
||||||
- Added $.waypoints('viewportHeight').
|
|
||||||
- Fixed iOS bug (using the new viewportHeight method).
|
|
||||||
- Added offset function alias: 'bottom-in-view'.
|
|
||||||
v1.0
|
|
||||||
- Initial release.
|
|
||||||
|
|
||||||
Support:
|
|
||||||
- jQuery versions 1.4.3+
|
|
||||||
- IE6+, FF3+, Chrome 6+, Safari 4+, Opera 11
|
|
||||||
- Other versions and browsers may work, these are just the ones I've looked at.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($, wp, wps, window, undefined){
|
|
||||||
'$:nomunge';
|
|
||||||
|
|
||||||
var $w = $(window),
|
|
||||||
|
|
||||||
// Keeping common strings as variables = better minification
|
|
||||||
eventName = 'waypoint.reached',
|
|
||||||
|
|
||||||
/*
|
|
||||||
For the waypoint and direction passed in, trigger the waypoint.reached
|
|
||||||
event and deal with the triggerOnce option.
|
|
||||||
*/
|
|
||||||
triggerWaypoint = function(way, dir) {
|
|
||||||
way.element.trigger(eventName, dir);
|
|
||||||
if (way.options.triggerOnce) {
|
|
||||||
way.element[wp]('destroy');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/*
|
|
||||||
Given a jQuery element and Context, returns the index of that element in the waypoints
|
|
||||||
array. Returns the index, or -1 if the element is not a waypoint.
|
|
||||||
*/
|
|
||||||
waypointIndex = function(el, context) {
|
|
||||||
if (!context) return -1;
|
|
||||||
var i = context.waypoints.length - 1;
|
|
||||||
while (i >= 0 && context.waypoints[i].element[0] !== el[0]) {
|
|
||||||
i -= 1;
|
|
||||||
}
|
|
||||||
return i;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Private list of all elements used as scrolling contexts for waypoints.
|
|
||||||
contexts = [],
|
|
||||||
|
|
||||||
/*
|
|
||||||
Context Class - represents a scrolling context. Properties include:
|
|
||||||
element: jQuery object containing a single HTML element.
|
|
||||||
waypoints: Array of waypoints operating under this scroll context.
|
|
||||||
oldScroll: Keeps the previous scroll position to determine scroll direction.
|
|
||||||
didScroll: Flag used in scrolling the context's scroll event.
|
|
||||||
didResize: Flag used in scrolling the context's resize event.
|
|
||||||
doScroll: Function that checks for crossed waypoints. Called from throttler.
|
|
||||||
*/
|
|
||||||
Context = function(context) {
|
|
||||||
$.extend(this, {
|
|
||||||
element: $(context),
|
|
||||||
oldScroll: 0,
|
|
||||||
|
|
||||||
/*
|
|
||||||
List of all elements that have been registered as waypoints.
|
|
||||||
Each object in the array contains:
|
|
||||||
element: jQuery object containing a single HTML element.
|
|
||||||
offset: The window scroll offset, in px, that triggers the waypoint event.
|
|
||||||
options: Options object that was passed to the waypoint fn function.
|
|
||||||
*/
|
|
||||||
'waypoints': [],
|
|
||||||
|
|
||||||
didScroll: false,
|
|
||||||
didResize: false,
|
|
||||||
|
|
||||||
doScroll: $.proxy(function() {
|
|
||||||
var newScroll = this.element.scrollTop(),
|
|
||||||
|
|
||||||
// Are we scrolling up or down? Used for direction argument in callback.
|
|
||||||
isDown = newScroll > this.oldScroll,
|
|
||||||
that = this,
|
|
||||||
|
|
||||||
// Get a list of all waypoints that were crossed since last scroll move.
|
|
||||||
pointsHit = $.grep(this.waypoints, function(el, i) {
|
|
||||||
return isDown ?
|
|
||||||
(el.offset > that.oldScroll && el.offset <= newScroll) :
|
|
||||||
(el.offset <= that.oldScroll && el.offset > newScroll);
|
|
||||||
}),
|
|
||||||
len = pointsHit.length;
|
|
||||||
|
|
||||||
// iOS adjustment
|
|
||||||
if (!this.oldScroll || !newScroll) {
|
|
||||||
$[wps]('refresh');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Done with scroll comparisons, store new scroll before ejection
|
|
||||||
this.oldScroll = newScroll;
|
|
||||||
|
|
||||||
// No waypoints crossed? Eject.
|
|
||||||
if (!len) return;
|
|
||||||
|
|
||||||
// If several waypoints triggered, need to do so in reverse order going up
|
|
||||||
if (!isDown) pointsHit.reverse();
|
|
||||||
|
|
||||||
/*
|
|
||||||
One scroll move may cross several waypoints. If the waypoint's continuous
|
|
||||||
option is true it should fire even if it isn't the last waypoint. If false,
|
|
||||||
it will only fire if it's the last one.
|
|
||||||
*/
|
|
||||||
$.each(pointsHit, function(i, point) {
|
|
||||||
if (point.options.continuous || i === len - 1) {
|
|
||||||
triggerWaypoint(point, [isDown ? 'down' : 'up']);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}, this)
|
|
||||||
});
|
|
||||||
|
|
||||||
// Setup scroll and resize handlers. Throttled at the settings-defined rate limits.
|
|
||||||
$(context).bind('scroll.waypoints', $.proxy(function() {
|
|
||||||
if (!this.didScroll) {
|
|
||||||
this.didScroll = true;
|
|
||||||
window.setTimeout($.proxy(function() {
|
|
||||||
this.doScroll();
|
|
||||||
this.didScroll = false;
|
|
||||||
}, this), $[wps].settings.scrollThrottle);
|
|
||||||
}
|
|
||||||
}, this)).bind('resize.waypoints', $.proxy(function() {
|
|
||||||
if (!this.didResize) {
|
|
||||||
this.didResize = true;
|
|
||||||
window.setTimeout($.proxy(function() {
|
|
||||||
$[wps]('refresh');
|
|
||||||
this.didResize = false;
|
|
||||||
}, this), $[wps].settings.resizeThrottle);
|
|
||||||
}
|
|
||||||
}, this));
|
|
||||||
|
|
||||||
$w.load($.proxy(function() {
|
|
||||||
/*
|
|
||||||
Fire a scroll check, should the page be loaded at a non-zero scroll value,
|
|
||||||
as with a fragment id link or a page refresh.
|
|
||||||
*/
|
|
||||||
this.doScroll();
|
|
||||||
}, this));
|
|
||||||
},
|
|
||||||
|
|
||||||
/* Returns a Context object from the contexts array, given the raw HTML element
|
|
||||||
for that context. */
|
|
||||||
getContextByElement = function(element) {
|
|
||||||
var found = null;
|
|
||||||
|
|
||||||
$.each(contexts, function(i, c) {
|
|
||||||
if (c.element[0] === element) {
|
|
||||||
found = c;
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return found;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Methods exposed to the effin' object
|
|
||||||
methods = {
|
|
||||||
/*
|
|
||||||
jQuery.fn.waypoint([handler], [options])
|
|
||||||
|
|
||||||
handler
|
|
||||||
function, optional
|
|
||||||
A callback function called when the user scrolls past the element.
|
|
||||||
The function signature is function(event, direction) where event is
|
|
||||||
a standard jQuery Event Object and direction is a string, either 'down'
|
|
||||||
or 'up' indicating which direction the user is scrolling.
|
|
||||||
|
|
||||||
options
|
|
||||||
object, optional
|
|
||||||
A map of options to apply to this set of waypoints, including where on
|
|
||||||
the browser window the waypoint is triggered. For a full list of
|
|
||||||
options and their defaults, see $.fn.waypoint.defaults.
|
|
||||||
|
|
||||||
This is how you register an element as a waypoint. When the user scrolls past
|
|
||||||
that element it triggers waypoint.reached, a custom event. Since the
|
|
||||||
parameters for creating a waypoint are optional, we have a few different
|
|
||||||
possible signatures. Let’s look at each of them.
|
|
||||||
|
|
||||||
someElements.waypoint();
|
|
||||||
|
|
||||||
Calling .waypoint with no parameters will register the elements as waypoints
|
|
||||||
using the default options. The elements will fire the waypoint.reached event,
|
|
||||||
but calling it in this way does not bind any handler to the event. You can
|
|
||||||
bind to the event yourself, as with any other event, like so:
|
|
||||||
|
|
||||||
someElements.bind('waypoint.reached', function(event, direction) {
|
|
||||||
// make it rain
|
|
||||||
});
|
|
||||||
|
|
||||||
You will usually want to create a waypoint and immediately bind a function to
|
|
||||||
waypoint.reached, and can do so by passing a handler as the first argument to
|
|
||||||
.waypoint:
|
|
||||||
|
|
||||||
someElements.waypoint(function(event, direction) {
|
|
||||||
if (direction === 'down') {
|
|
||||||
// do this on the way down
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
// do this on the way back up through the waypoint
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
This will still use the default options, which will trigger the waypoint when
|
|
||||||
the top of the element hits the top of the window. We can pass .waypoint an
|
|
||||||
options object to customize things:
|
|
||||||
|
|
||||||
someElements.waypoint(function(event, direction) {
|
|
||||||
// do something amazing
|
|
||||||
}, {
|
|
||||||
offset: '50%' // middle of the page
|
|
||||||
});
|
|
||||||
|
|
||||||
You can also pass just an options object.
|
|
||||||
|
|
||||||
someElements.waypoint({
|
|
||||||
offset: 100 // 100px from the top
|
|
||||||
});
|
|
||||||
|
|
||||||
This behaves like .waypoint(), in that it registers the elements as waypoints
|
|
||||||
but binds no event handlers.
|
|
||||||
|
|
||||||
Calling .waypoint on an existing waypoint will extend the previous options.
|
|
||||||
If the call includes a handler, it will be bound to waypoint.reached without
|
|
||||||
unbinding any other handlers.
|
|
||||||
*/
|
|
||||||
init: function(f, options) {
|
|
||||||
// Register each element as a waypoint, add to array.
|
|
||||||
this.each(function() {
|
|
||||||
var cElement = $.fn[wp].defaults.context,
|
|
||||||
context,
|
|
||||||
$this = $(this);
|
|
||||||
|
|
||||||
// Default window context or a specific element?
|
|
||||||
if (options && options.context) {
|
|
||||||
cElement = options.context;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Find the closest element that matches the context
|
|
||||||
if (!$.isWindow(cElement)) {
|
|
||||||
cElement = $this.closest(cElement)[0];
|
|
||||||
}
|
|
||||||
context = getContextByElement(cElement);
|
|
||||||
|
|
||||||
// Not a context yet? Create and push.
|
|
||||||
if (!context) {
|
|
||||||
context = new Context(cElement);
|
|
||||||
contexts.push(context);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Extend default and preexisting options
|
|
||||||
var ndx = waypointIndex($this, context),
|
|
||||||
base = ndx < 0 ? $.fn[wp].defaults : context.waypoints[ndx].options,
|
|
||||||
opts = $.extend({}, base, options);
|
|
||||||
|
|
||||||
// Offset aliases
|
|
||||||
opts.offset = opts.offset === "bottom-in-view" ?
|
|
||||||
function() {
|
|
||||||
var cHeight = $.isWindow(cElement) ? $[wps]('viewportHeight')
|
|
||||||
: $(cElement).height();
|
|
||||||
return cHeight - $(this).outerHeight();
|
|
||||||
} : opts.offset;
|
|
||||||
|
|
||||||
// Update, or create new waypoint
|
|
||||||
if (ndx < 0) {
|
|
||||||
context.waypoints.push({
|
|
||||||
'element': $this,
|
|
||||||
'offset': null,
|
|
||||||
'options': opts
|
|
||||||
});
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
context.waypoints[ndx].options = opts;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bind the function if it was passed in.
|
|
||||||
if (f) {
|
|
||||||
$this.bind(eventName, f);
|
|
||||||
}
|
|
||||||
// Bind the function in the handler option if it exists.
|
|
||||||
if (options && options.handler) {
|
|
||||||
$this.bind(eventName, options.handler);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Need to re-sort+refresh the waypoints array after new elements are added.
|
|
||||||
$[wps]('refresh');
|
|
||||||
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
jQuery.fn.waypoint('remove')
|
|
||||||
|
|
||||||
Passing the string 'remove' to .waypoint unregisters the elements as waypoints
|
|
||||||
and wipes any custom options, but leaves the waypoint.reached events bound.
|
|
||||||
Calling .waypoint again in the future would reregister the waypoint and the old
|
|
||||||
handlers would continue to work.
|
|
||||||
*/
|
|
||||||
remove: function() {
|
|
||||||
return this.each(function(i, el) {
|
|
||||||
var $el = $(el);
|
|
||||||
|
|
||||||
$.each(contexts, function(i, c) {
|
|
||||||
var ndx = waypointIndex($el, c);
|
|
||||||
|
|
||||||
if (ndx >= 0) {
|
|
||||||
c.waypoints.splice(ndx, 1);
|
|
||||||
|
|
||||||
if (!c.waypoints.length) {
|
|
||||||
c.element.unbind('scroll.waypoints resize.waypoints');
|
|
||||||
contexts.splice(i, 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
/*
|
|
||||||
jQuery.fn.waypoint('destroy')
|
|
||||||
|
|
||||||
Passing the string 'destroy' to .waypoint will unbind all waypoint.reached
|
|
||||||
event handlers on those elements and unregisters them as waypoints.
|
|
||||||
*/
|
|
||||||
destroy: function() {
|
|
||||||
return this.unbind(eventName)[wp]('remove');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/*
|
|
||||||
Methods used by the jQuery object extension.
|
|
||||||
*/
|
|
||||||
jQMethods = {
|
|
||||||
|
|
||||||
/*
|
|
||||||
jQuery.waypoints('refresh')
|
|
||||||
|
|
||||||
This will force a recalculation of each waypoint’s trigger point based on
|
|
||||||
its offset option and context. This is called automatically whenever the window
|
|
||||||
(or other defined context) is resized, new waypoints are added, or a waypoint’s
|
|
||||||
options are modified. If your project is changing the DOM or page layout without
|
|
||||||
doing one of these things, you may want to manually call this refresh.
|
|
||||||
*/
|
|
||||||
refresh: function() {
|
|
||||||
$.each(contexts, function(i, c) {
|
|
||||||
var isWin = $.isWindow(c.element[0]),
|
|
||||||
contextOffset = isWin ? 0 : c.element.offset().top,
|
|
||||||
contextHeight = isWin ? $[wps]('viewportHeight') : c.element.height(),
|
|
||||||
contextScroll = isWin ? 0 : c.element.scrollTop();
|
|
||||||
|
|
||||||
$.each(c.waypoints, function(j, o) {
|
|
||||||
/* $.each isn't safe from element removal due to triggerOnce.
|
|
||||||
Should rewrite the loop but this is way easier. */
|
|
||||||
if (!o) return;
|
|
||||||
|
|
||||||
// Adjustment is just the offset if it's a px value
|
|
||||||
var adjustment = o.options.offset,
|
|
||||||
oldOffset = o.offset;
|
|
||||||
|
|
||||||
// Set adjustment to the return value if offset is a function.
|
|
||||||
if (typeof o.options.offset === "function") {
|
|
||||||
adjustment = o.options.offset.apply(o.element);
|
|
||||||
}
|
|
||||||
// Calculate the adjustment if offset is a percentage.
|
|
||||||
else if (typeof o.options.offset === "string") {
|
|
||||||
var amount = parseFloat(o.options.offset);
|
|
||||||
adjustment = o.options.offset.indexOf("%") ?
|
|
||||||
Math.ceil(contextHeight * (amount / 100)) : amount;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
Set the element offset to the window scroll offset, less
|
|
||||||
all our adjustments.
|
|
||||||
*/
|
|
||||||
o.offset = o.element.offset().top - contextOffset
|
|
||||||
+ contextScroll - adjustment;
|
|
||||||
|
|
||||||
/*
|
|
||||||
An element offset change across the current scroll point triggers
|
|
||||||
the event, just as if we scrolled past it unless prevented by an
|
|
||||||
optional flag.
|
|
||||||
*/
|
|
||||||
if (o.options.onlyOnScroll) return;
|
|
||||||
|
|
||||||
if (oldOffset !== null && c.oldScroll > oldOffset && c.oldScroll <= o.offset) {
|
|
||||||
triggerWaypoint(o, ['up']);
|
|
||||||
}
|
|
||||||
else if (oldOffset !== null && c.oldScroll < oldOffset && c.oldScroll >= o.offset) {
|
|
||||||
triggerWaypoint(o, ['down']);
|
|
||||||
}
|
|
||||||
/* For new waypoints added after load, check that down should have
|
|
||||||
already been triggered */
|
|
||||||
else if (!oldOffset && c.element.scrollTop() > o.offset) {
|
|
||||||
triggerWaypoint(o, ['down']);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Keep waypoints sorted by offset value.
|
|
||||||
c.waypoints.sort(function(a, b) {
|
|
||||||
return a.offset - b.offset;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
jQuery.waypoints('viewportHeight')
|
|
||||||
|
|
||||||
This will return the height of the viewport, adjusting for inconsistencies
|
|
||||||
that come with calling $(window).height() in iOS. Recommended for use
|
|
||||||
within any offset functions.
|
|
||||||
*/
|
|
||||||
viewportHeight: function() {
|
|
||||||
return (window.innerHeight ? window.innerHeight : $w.height());
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
jQuery.waypoints()
|
|
||||||
|
|
||||||
This will return a jQuery object with a collection of all registered waypoint
|
|
||||||
elements.
|
|
||||||
|
|
||||||
$('.post').waypoint();
|
|
||||||
$('.ad-unit').waypoint(function(event, direction) {
|
|
||||||
// Passed an ad unit
|
|
||||||
});
|
|
||||||
console.log($.waypoints());
|
|
||||||
|
|
||||||
The example above would log a jQuery object containing all .post and .ad-unit
|
|
||||||
elements.
|
|
||||||
*/
|
|
||||||
aggregate: function() {
|
|
||||||
var points = $();
|
|
||||||
$.each(contexts, function(i, c) {
|
|
||||||
$.each(c.waypoints, function(i, e) {
|
|
||||||
points = points.add(e.element);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
return points;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
fn extension. Delegates to appropriate method.
|
|
||||||
*/
|
|
||||||
$.fn[wp] = function(method) {
|
|
||||||
|
|
||||||
if (methods[method]) {
|
|
||||||
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
|
||||||
}
|
|
||||||
else if (typeof method === "function" || !method) {
|
|
||||||
return methods.init.apply(this, arguments);
|
|
||||||
}
|
|
||||||
else if (typeof method === "object") {
|
|
||||||
return methods.init.apply(this, [null, method]);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$.error( 'Method ' + method + ' does not exist on jQuery ' + wp );
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
The default options object that is extended when calling .waypoint. It has the
|
|
||||||
following properties:
|
|
||||||
|
|
||||||
context
|
|
||||||
string | element | jQuery*
|
|
||||||
default: window
|
|
||||||
The context defines which scrollable element the waypoint belongs to and acts
|
|
||||||
within. The default, window, means the waypoint offset is calculated with relation
|
|
||||||
to the whole viewport. You can set this to another element to use the waypoints
|
|
||||||
within that element. Accepts a selector string, *but if you use jQuery 1.6+ it
|
|
||||||
also accepts a raw HTML element or jQuery object.
|
|
||||||
|
|
||||||
continuous
|
|
||||||
boolean
|
|
||||||
default: true
|
|
||||||
If true, and multiple waypoints are triggered in one scroll, this waypoint will
|
|
||||||
trigger even if it is not the last waypoint reached. If false, it will only
|
|
||||||
trigger if it is the last waypoint.
|
|
||||||
|
|
||||||
handler
|
|
||||||
function
|
|
||||||
default: undefined
|
|
||||||
An alternative way to bind functions to the waypoint, without using the function
|
|
||||||
as the first argument to the waypoint function.
|
|
||||||
|
|
||||||
offset
|
|
||||||
number | string | function
|
|
||||||
default: 0
|
|
||||||
Determines how far the top of the element must be from the top of the browser
|
|
||||||
window to trigger a waypoint. It can be a number, which is taken as a number
|
|
||||||
of pixels, a string representing a percentage of the viewport height, or a
|
|
||||||
function that will return a number of pixels.
|
|
||||||
|
|
||||||
onlyOnScroll
|
|
||||||
boolean
|
|
||||||
default: false
|
|
||||||
If true, this waypoint will not trigger if an offset change during a refresh
|
|
||||||
causes it to pass the current scroll point.
|
|
||||||
|
|
||||||
triggerOnce
|
|
||||||
boolean
|
|
||||||
default: false
|
|
||||||
If true, the waypoint will be destroyed when triggered.
|
|
||||||
|
|
||||||
An offset of 250 would trigger the waypoint when the top of the element is 250px
|
|
||||||
from the top of the viewport. Negative values for any offset work as you might
|
|
||||||
expect. A value of -100 would trigger the waypoint when the element is 100px above
|
|
||||||
the top of the window.
|
|
||||||
|
|
||||||
offset: '100%'
|
|
||||||
|
|
||||||
A string percentage will determine the pixel offset based on the height of the
|
|
||||||
window. When resizing the window, this offset will automatically be recalculated
|
|
||||||
without needing to call $.waypoints('refresh').
|
|
||||||
|
|
||||||
// The bottom of the element is in view
|
|
||||||
offset: function() {
|
|
||||||
return $.waypoints('viewportHeight') - $(this).outerHeight();
|
|
||||||
}
|
|
||||||
|
|
||||||
Offset can take a function, which must return a number of pixels from the top of
|
|
||||||
the window. The this value will always refer to the raw HTML element of the
|
|
||||||
waypoint. As with % values, functions are recalculated automatically when the
|
|
||||||
window resizes. For more on recalculating offsets, see $.waypoints('refresh').
|
|
||||||
|
|
||||||
An offset value of 'bottom-in-view' will act as an alias for the function in the
|
|
||||||
example above, as this is a common usage.
|
|
||||||
|
|
||||||
offset: 'bottom-in-view'
|
|
||||||
|
|
||||||
You can see this alias in use on the Scroll Analytics example page.
|
|
||||||
|
|
||||||
The triggerOnce flag, if true, will destroy the waypoint after the first trigger.
|
|
||||||
This is just a shortcut for calling .waypoint('destroy') within the waypoint
|
|
||||||
handler. This is useful in situations such as scroll analytics, where you only
|
|
||||||
want to record an event once for each page visit.
|
|
||||||
|
|
||||||
The context option lets you use Waypoints within an element other than the window.
|
|
||||||
You can define the context with a selector string and the waypoint will act within
|
|
||||||
the nearest ancestor that matches this selector.
|
|
||||||
|
|
||||||
$('.something-scrollable .waypoint').waypoint({
|
|
||||||
context: '.something-scrollable'
|
|
||||||
});
|
|
||||||
|
|
||||||
You can see this in action on the Dial Controls example.
|
|
||||||
|
|
||||||
The handler option gives authors an alternative way to bind functions when
|
|
||||||
creating a waypoint. In place of:
|
|
||||||
|
|
||||||
$('.item').waypoint(function(event, direction) {
|
|
||||||
// make things happen
|
|
||||||
});
|
|
||||||
|
|
||||||
You may instead write:
|
|
||||||
|
|
||||||
$('.item').waypoint({
|
|
||||||
handler: function(event, direction) {
|
|
||||||
// make things happen
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
*/
|
|
||||||
$.fn[wp].defaults = {
|
|
||||||
continuous: true,
|
|
||||||
offset: 0,
|
|
||||||
triggerOnce: false,
|
|
||||||
context: window
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
jQuery object extension. Delegates to appropriate methods above.
|
|
||||||
*/
|
|
||||||
$[wps] = function(method) {
|
|
||||||
if (jQMethods[method]) {
|
|
||||||
return jQMethods[method].apply(this);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return jQMethods['aggregate']();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
$.waypoints.settings
|
|
||||||
|
|
||||||
Settings object that determines some of the plugin’s behavior.
|
|
||||||
|
|
||||||
resizeThrottle
|
|
||||||
number
|
|
||||||
default: 200
|
|
||||||
For performance reasons, the refresh performed during resizes is
|
|
||||||
throttled. This value is the rate-limit in milliseconds between resize
|
|
||||||
refreshes. For more information on throttling, check out Ben Alman’s
|
|
||||||
throttle / debounce plugin.
|
|
||||||
http://benalman.com/projects/jquery-throttle-debounce-plugin/
|
|
||||||
|
|
||||||
scrollThrottle
|
|
||||||
number
|
|
||||||
default: 100
|
|
||||||
For performance reasons, checking for any crossed waypoints during a
|
|
||||||
scroll event is throttled. This value is the rate-limit in milliseconds
|
|
||||||
between scroll checks. For more information on throttling, check out Ben
|
|
||||||
Alman’s throttle / debounce plugin.
|
|
||||||
http://benalman.com/projects/jquery-throttle-debounce-plugin/
|
|
||||||
*/
|
|
||||||
$[wps].settings = {
|
|
||||||
resizeThrottle: 200,
|
|
||||||
scrollThrottle: 100
|
|
||||||
};
|
|
||||||
|
|
||||||
$w.load(function() {
|
|
||||||
// Calculate everything once on load.
|
|
||||||
$[wps]('refresh');
|
|
||||||
});
|
|
||||||
})(jQuery, 'waypoint', 'waypoints', window);
|
|
||||||
|
|
@ -1,163 +0,0 @@
|
||||||
$ = jQuery.sub()
|
|
||||||
|
|
||||||
class App.WebSocket
|
|
||||||
_instance = undefined # Must be declared here to force the closure on the class
|
|
||||||
@connect: (args) -> # Must be a static method
|
|
||||||
if _instance == undefined
|
|
||||||
_instance ?= new _Singleton
|
|
||||||
_instance
|
|
||||||
|
|
||||||
@close: (args) -> # Must be a static method
|
|
||||||
if _instance isnt undefined
|
|
||||||
_instance.close()
|
|
||||||
|
|
||||||
@send: (args) -> # Must be a static method
|
|
||||||
@connect()
|
|
||||||
_instance.send(args)
|
|
||||||
|
|
||||||
@auth: (args) -> # Must be a static method
|
|
||||||
@connect()
|
|
||||||
_instance.auth(args)
|
|
||||||
|
|
||||||
# The actual Singleton class
|
|
||||||
class _Singleton extends App.Controller
|
|
||||||
queue: []
|
|
||||||
supported: true
|
|
||||||
|
|
||||||
constructor: (@args) ->
|
|
||||||
@connect()
|
|
||||||
|
|
||||||
send: (data) =>
|
|
||||||
return if !@supported
|
|
||||||
# console.log 'ws:send trying', data, @ws, @ws.readyState
|
|
||||||
|
|
||||||
# A value of 0 indicates that the connection has not yet been established.
|
|
||||||
# A value of 1 indicates that the connection is established and communication is possible.
|
|
||||||
# A value of 2 indicates that the connection is going through the closing handshake.
|
|
||||||
# A value of 3 indicates that the connection has been closed or could not be opened.
|
|
||||||
if @ws.readyState is 0
|
|
||||||
@queue.push data
|
|
||||||
else
|
|
||||||
# console.log( 'ws:send', data )
|
|
||||||
string = JSON.stringify( data )
|
|
||||||
@ws.send(string)
|
|
||||||
|
|
||||||
auth: (data) =>
|
|
||||||
return if !@supported
|
|
||||||
|
|
||||||
# logon websocket
|
|
||||||
data = {
|
|
||||||
action: 'login',
|
|
||||||
session: window.Session
|
|
||||||
}
|
|
||||||
@send(data)
|
|
||||||
|
|
||||||
close: =>
|
|
||||||
return if !@supported
|
|
||||||
|
|
||||||
@ws.close()
|
|
||||||
|
|
||||||
ping: =>
|
|
||||||
return if !@supported
|
|
||||||
|
|
||||||
# console.log 'send websockend ping'
|
|
||||||
@send( { action: 'ping' } )
|
|
||||||
|
|
||||||
# check if ping is back within 2 min
|
|
||||||
@clearDelay('websocket-ping-check')
|
|
||||||
check = =>
|
|
||||||
console.log 'no websockend ping response, reconnect...'
|
|
||||||
@close()
|
|
||||||
@delay check, 120000, 'websocket-ping-check'
|
|
||||||
|
|
||||||
pong: ->
|
|
||||||
return if !@supported
|
|
||||||
# console.log 'received websockend ping'
|
|
||||||
|
|
||||||
# test again after 1 min
|
|
||||||
@delay @ping, 60000
|
|
||||||
|
|
||||||
connect: =>
|
|
||||||
# console.log '------------ws connect....--------------'
|
|
||||||
|
|
||||||
if !window.WebSocket
|
|
||||||
@error = new App.ErrorModal(
|
|
||||||
message: 'Sorry, no websocket support!'
|
|
||||||
)
|
|
||||||
@supported = false
|
|
||||||
return
|
|
||||||
|
|
||||||
protocol = 'ws://'
|
|
||||||
if window.location.protocol is 'https:'
|
|
||||||
protocol = 'wss://'
|
|
||||||
|
|
||||||
@ws = new window.WebSocket( protocol + window.location.hostname + ":6042/" )
|
|
||||||
|
|
||||||
# Set event handlers.
|
|
||||||
@ws.onopen = =>
|
|
||||||
console.log( 'onopen' )
|
|
||||||
|
|
||||||
# close error message show up (because try so connect again) if exists
|
|
||||||
@clearDelay('websocket-no-connection-try-reconnect')
|
|
||||||
if @error
|
|
||||||
@error.modalHide()
|
|
||||||
@error = undefined
|
|
||||||
|
|
||||||
@auth()
|
|
||||||
|
|
||||||
# empty queue
|
|
||||||
for item in @queue
|
|
||||||
# console.log( 'ws:send queue', item )
|
|
||||||
@send(item)
|
|
||||||
@queue = []
|
|
||||||
|
|
||||||
# send ping to check connection
|
|
||||||
@delay @ping, 60000
|
|
||||||
|
|
||||||
@ws.onmessage = (e) =>
|
|
||||||
pipe = JSON.parse( e.data )
|
|
||||||
console.log( 'ws:onmessage', pipe )
|
|
||||||
|
|
||||||
# go through all blocks
|
|
||||||
for item in pipe
|
|
||||||
|
|
||||||
# reset reconnect loop
|
|
||||||
if item['action'] is 'pong'
|
|
||||||
@pong()
|
|
||||||
|
|
||||||
# fill collection
|
|
||||||
if item['collection']
|
|
||||||
console.log( "ws:onmessage collection:" + item['collection'] )
|
|
||||||
App.Store.write( item['collection'], item['data'] )
|
|
||||||
|
|
||||||
# fire event
|
|
||||||
if item['event']
|
|
||||||
if typeof item['event'] is 'object'
|
|
||||||
for event in item['event']
|
|
||||||
console.log( "ws:onmessage event:" + event )
|
|
||||||
App.Event.trigger( event, item['data'] )
|
|
||||||
else
|
|
||||||
console.log( "ws:onmessage event:" + item['event'] )
|
|
||||||
App.Event.trigger( item['event'], item['data'] )
|
|
||||||
|
|
||||||
# bind to send messages
|
|
||||||
App.Event.bind 'ws:send', (data) =>
|
|
||||||
@send(data)
|
|
||||||
|
|
||||||
@ws.onclose = (e) =>
|
|
||||||
console.log( 'onclose', e )
|
|
||||||
|
|
||||||
# show error message, first try to reconnect
|
|
||||||
if !@error
|
|
||||||
message = =>
|
|
||||||
@error = new App.ErrorModal(
|
|
||||||
message: 'No connection to websocket, trying to reconnect...'
|
|
||||||
)
|
|
||||||
@delay message, 7000, 'websocket-no-connection-try-reconnect'
|
|
||||||
|
|
||||||
# try reconnect after 4.5 sec.
|
|
||||||
@delay @connect, 4500
|
|
||||||
|
|
||||||
@ws.onerror = ->
|
|
||||||
console.log( 'onerror' )
|
|
||||||
|
|
||||||
Loading…
Reference in a new issue