Admin Control Panel v2.0

✎ Editing: expand-search.js ← Back

;( function( window ) {

function UISearch( el, options ) {

this.el = el;

this.inputEl = el.querySelector( 'form > input.sb-search-input' );

this._initEvents();

}

UISearch.prototype = {

_initEvents : function() {

var self = this,

initSearchFn = function( ev ) {

if( !classie.has( self.el, 'sb-search-open' ) ) { // open it

ev.preventDefault();

self.open();

}

else if( classie.has( self.el, 'sb-search-open' ) && /^\s*$/.test( self.inputEl.value ) ) { // close it

self.close();

}

this.el.addEventListener( 'click', initSearchFn );

this.inputEl.addEventListener( 'click', function( ev ) { ev.stopPropagation(); });

open : function() {

classie.add( this.el, 'sb-search-open' );

close : function() {

classie.remove( this.el, 'sb-search-open' );

}

// add to global namespace

window.UISearch = UISearch;

} )( window );

;( function( window ) {

function UISearch( el, options ) {

this.el = el;

this.inputEl = el.querySelector( 'form > input.sb-search-input' );

this._initEvents();

}

UISearch.prototype = {

_initEvents : function() {

var self = this,

initSearchFn = function( ev ) {

ev.stopPropagation();

if( !classie.has( self.el, 'sb-search-open' ) ) { // open it

ev.preventDefault();

self.open();

}

else if( classie.has( self.el, 'sb-search-open' ) && /^\s*$/.test( self.inputEl.value ) ) { // close it

self.close();

}

this.el.addEventListener( 'click', initSearchFn );

this.inputEl.addEventListener( 'click', function( ev ) { ev.stopPropagation(); });

open : function() {

var self = this;

classie.add( this.el, 'sb-search-open' );

// close the search input if body is clicked

var bodyFn = function( ev ) {

self.close();

this.removeEventListener( 'click', bodyFn );

};

document.addEventListener( 'click', bodyFn );

close : function() {

classie.remove( this.el, 'sb-search-open' );

}

// add to global namespace

window.UISearch = UISearch;

} )( window );

;( function( window ) {

// http://stackoverflow.com/a/11381730/989439

function mobilecheck() {

var check = false;

return check;

}

// http://www.jonathantneal.com/blog/polyfills-and-prototypes/

!String.prototype.trim && (String.prototype.trim = function() {

return this.replace(/^\s+|\s+$/g, '');

});

function UISearch( el, options ) {

this.el = el;

this.inputEl = el.querySelector( 'form > input.sb-search-input' );

this._initEvents();

}

UISearch.prototype = {

_initEvents : function() {

var self = this,

initSearchFn = function( ev ) {

ev.stopPropagation();

// trim its value

self.inputEl.value = self.inputEl.value.trim();

if( !classie.has( self.el, 'sb-search-open' ) ) { // open it

ev.preventDefault();

self.open();

}

else if( classie.has( self.el, 'sb-search-open' ) && /^\s*$/.test( self.inputEl.value ) ) { // close it

self.close();

}

this.el.addEventListener( 'click', initSearchFn );

this.inputEl.addEventListener( 'click', function( ev ) { ev.stopPropagation(); });

open : function() {

var self = this;

classie.add( this.el, 'sb-search-open' );

// focus the input

if( !mobilecheck() ) {

this.inputEl.focus();

}

// close the search input if body is clicked

var bodyFn = function( ev ) {

self.close();

this.removeEventListener( 'click', bodyFn );

};

document.addEventListener( 'click', bodyFn );

close : function() {

this.inputEl.blur();

classie.remove( this.el, 'sb-search-open' );

}

// add to global namespace

window.UISearch = UISearch;

} )( window );

;( function( window ) {

// http://stackoverflow.com/a/11381730/989439

function mobilecheck() {

var check = false;

return check;

}

// http://www.jonathantneal.com/blog/polyfills-and-prototypes/

!String.prototype.trim && (String.prototype.trim = function() {

return this.replace(/^\s+|\s+$/g, '');

});

function UISearch( el, options ) {

this.el = el;

this.inputEl = el.querySelector( 'form > input.sb-search-input' );

this._initEvents();

}

UISearch.prototype = {

_initEvents : function() {

var self = this,

initSearchFn = function( ev ) {

ev.stopPropagation();

// trim its value

self.inputEl.value = self.inputEl.value.trim();

if( !classie.has( self.el, 'sb-search-open' ) ) { // open it

ev.preventDefault();

self.open();

}

else if( classie.has( self.el, 'sb-search-open' ) && /^\s*$/.test( self.inputEl.value ) ) { // close it

ev.preventDefault();

self.close();

}

this.el.addEventListener( 'click', initSearchFn );

this.el.addEventListener( 'touchstart', initSearchFn );

this.inputEl.addEventListener( 'click', function( ev ) { ev.stopPropagation(); });

this.inputEl.addEventListener( 'touchstart', function( ev ) { ev.stopPropagation(); } );

open : function() {

var self = this;

classie.add( this.el, 'sb-search-open' );

// focus the input

if( !mobilecheck() ) {

this.inputEl.focus();

}

// close the search input if body is clicked

var bodyFn = function( ev ) {

self.close();

this.removeEventListener( 'click', bodyFn );

this.removeEventListener( 'touchstart', bodyFn );

};

document.addEventListener( 'click', bodyFn );

document.addEventListener( 'touchstart', bodyFn );

close : function() {

this.inputEl.blur();

classie.remove( this.el, 'sb-search-open' );

}

// add to global namespace

window.UISearch = UISearch;

} )( window );

!window.addEventListener && window.Element && (function () {

function addToPrototype(name, method) {

Window.prototype[name] = HTMLDocument.prototype[name] = Element.prototype[name] = method;

}

var registry = [];

addToPrototype("addEventListener", function (type, listener) {

var target = this;

registry.unshift({

__listener: function (event) {

event.currentTarget = target;

event.pageX = event.clientX + document.documentElement.scrollLeft;

event.pageY = event.clientY + document.documentElement.scrollTop;

event.preventDefault = function () { event.returnValue = false };

event.relatedTarget = event.fromElement || null;

event.stopPropagation = function () { event.cancelBubble = true };

event.relatedTarget = event.fromElement || null;

event.target = event.srcElement || target;

event.timeStamp = +new Date;

listener.call(target, event);

listener: listener,

target: target,

type: type

});

this.attachEvent("on" + type, registry[0].__listener);

});

addToPrototype("removeEventListener", function (type, listener) {

for (var index = 0, length = registry.length; index < length; ++index) {

if (registry[index].target == this && registry[index].type == type && registry[index].listener == listener) {

return this.detachEvent("on" + type, registry.splice(index, 1)[0].__listener);

}

});

addToPrototype("dispatchEvent", function (eventObject) {

try {

return this.fireEvent("on" + eventObject.type, eventObject);

} catch (error) {

for (var index = 0, length = registry.length; index < length; ++index) {

if (registry[index].target == this && registry[index].type == eventObject.type) {

registry[index].call(this, eventObject);

}

});

})();

Cancel