Revise ui-misc

This commit is contained in:
guerler
2016-01-14 15:37:07 -05:00
parent f617f739dc
commit 5d5dfb5f64
6 changed files with 102 additions and 210 deletions
+87 -195
View File
@@ -10,257 +10,150 @@ define(['utils/utils',
'mvc/ui/ui-modal'],
function( Utils, Select, Slider, Options, Drilldown, Buttons, Modal ) {
/** Image wrapper */
var Image = Backbone.View.extend({
initialize : function(options) {
this.options = Utils.merge(options, {
url : '',
cls : ''
});
this.setElement(this._template(this.options));
},
_template: function(options) {
return '<img class="ui-image ' + options.cls + '" src="' + options.url + '"/>';
}
});
/** Label wrapper */
var Label = Backbone.View.extend({
initialize : function(options) {
this.options = Utils.merge(options, {
title : '',
cls : '',
tagname : 'label'
});
this.setElement(this._template(this.options));
tagName: 'label',
initialize : function( options ) {
this.model = options && options.model || new Backbone.Model( options );
this.tagName = options.tagName || this.tagName;
this.setElement( $( '<' + this.tagName + '/>' ) );
this.listenTo( this.model, 'change', this.render, this );
this.render();
},
title: function(new_title) {
this.$el.html(new_title);
title: function( new_title ) {
this.model.set( 'title', new_title );
},
value: function() {
return options.title;
return this.model.get( 'title' );
},
_template: function(options) {
return $( '<' + options.tagname + '/>' ).addClass( 'ui-label' ).addClass( options.cls ).html( options.title );
}
});
/** Displays an icon with title */
var Icon = Backbone.View.extend({
initialize : function(options) {
this.options = Utils.merge(options, {
floating : 'right',
icon : '',
tooltip : '',
placement : 'bottom',
title : '',
cls : ''
});
this.setElement(this._template(this.options));
$(this.el).tooltip({title: options.tooltip, placement: 'bottom'});
},
_template: function(options) {
return '<div>' +
'<span class="fa ' + options.icon + '" class="ui-icon"/>&nbsp;' +
options.title +
'</div>';
}
});
/** Renders an anchor element */
var Anchor = Backbone.View.extend({
initialize : function(options) {
this.options = Utils.merge(options, {
title : '',
cls : ''
});
this.setElement(this._template(this.options));
$(this.el).on('click', options.onclick);
},
_template: function(options) {
return '<div><a href="javascript:void(0)" class="ui-anchor ' + options.cls + '">' + options.title + '</a></div>';
render: function() {
this.$el.removeClass()
.addClass( 'ui-label' )
.addClass( this.model.get( 'cls' ) )
.html( this.model.get( 'title' ) );
return this;
}
});
/** Displays messages used e.g. in the tool form */
var Message = Backbone.View.extend({
initialize : function(options) {
this.options = Utils.merge(options, {
initialize: function( options ) {
this.model = options && options.model || new Backbone.Model({
message : null,
status : 'info',
cls : '',
persistent : false
});
this.setElement('<div class="' + this.options.cls + '"/>');
this.options.message && this.update(this.options);
}).set( options );
this.listenTo( this.model, 'change', this.render, this );
this.render();
},
// update
update: function(options) {
// get options
this.options = Utils.merge(options, this.options);
// show message
if (options.message != '') {
this.$el.html(this._template(this.options));
this.$el.fadeIn();
// clear previous timeouts
if (this.timeout) {
window.clearTimeout(this.timeout);
update: function( options ) {
this.model.set( options );
},
render: function() {
this.$el.removeClass().addClass( this.model.get( 'cls' ) );
if ( this.model.get( 'message' ) ) {
var status = this.model.get( 'status' );
if ( this.model.get( 'large' ) ) {
this.$el.addClass((( status == 'success' && 'done' ) ||
( status == 'danger' && 'error' ) ||
status ) + 'messagelarge' );
} else {
this.$el.addClass( 'ui-message alert' )
.addClass( 'alert-' + status );
}
// set timeout if message is not persistent
if (!options.persistent) {
this.$el.html( this.model.get( 'message' ) );
this.$el.fadeIn();
this.timeout && window.clearTimeout( this.timeout );
if ( !this.model.get( 'persistent' ) ) {
var self = this;
this.timeout = window.setTimeout(function() {
if (self.$el.is(':visible')) {
this.timeout = window.setTimeout( function() {
if ( self.$el.is( ':visible' ) ) {
self.$el.fadeOut();
} else {
self.$el.hide();
}
}, 3000);
}, 3000 );
}
} else {
this.$el.fadeOut();
}
},
// template
_template: function(options) {
var cls_status = 'ui-message alert alert-' + options.status;
if (options.large) {
cls_status = ( ( options.status == 'success' && 'done' ) ||
( options.status == 'danger' && 'error' ) ||
options.status ) + 'messagelarge';
}
return '<div class="' + cls_status + '" >' +
options.message +
'</div>';
}
});
/** Render a search box */
var Searchbox = Backbone.View.extend({
initialize : function(options) {
this.options = Utils.merge(options, {
onclick : null,
searchword : ''
});
this.setElement(this._template(this.options));
var self = this;
if (this.options.onclick) {
this.$el.on('submit', function(e) {
var search_field = self.$el.find('#search');
self.options.onclick(search_field.val());
});
}
},
_template: function(options) {
return '<div class="ui-search">' +
'<form onsubmit="return false;">' +
'<input id="search" class="form-control input-sm" type="text" name="search" placeholder="Search..." value="' + options.searchword + '">' +
'<button type="submit" class="btn search-btn">' +
'<i class="fa fa-search"></i>' +
'</button>' +
'</form>' +
'</div>';
return this;
}
});
/** Renders an input element used e.g. in the tool form */
var Input = Backbone.View.extend({
initialize : function(options) {
// configure options
this.options = Utils.merge(options, {
initialize : function( options ) {
this.model = options && options.model || new Backbone.Model({
type : 'text',
placeholder : '',
disabled : false,
visible : true,
cls : '',
area : false
});
// create new element
this.setElement(this._template(this.options));
// set initial value
if (this.options.value !== undefined) {
this.value(this.options.value);
}
// disable input field
if (this.options.disabled) {
this.$el.prop('disabled', true);
}
// hide input field
if (!this.options.visible) {
this.$el.hide();
}
// onchange event handler. fires on user activity.
var self = this;
this.$el.on('input', function() {
if (self.options.onchange) {
self.options.onchange(self.$el.val());
}
});
}).set( options );
this.tagName = this.model.get( 'area' ) ? 'textarea' : 'input';
this.setElement( $( '<' + this.tagName + '/>' ) );
this.listenTo( this.model, 'change', this.render, this );
this.render();
},
// value
value : function (new_val) {
if (new_val !== undefined) {
this.$el.val( ( typeof new_val === 'string' && new_val ) || '' );
}
return this.$el.val();
events: {
'input': '_onchange'
},
// template
_template: function(options) {
if (options.area) {
return '<textarea id="' + options.id + '" class="ui-textarea ' + options.cls + '"></textarea>';
value: function ( new_val ) {
new_val !== undefined && this.model.set( 'value', typeof new_val === 'string' ? new_val : '' );
return this.model.get( 'value' );
},
render: function() {
this.$el.removeClass()
.addClass( this.model.get( 'cls' ) )
.attr( 'id', this.model.id )
.val( this.model.get( 'value' ) );
if ( this.tagName == 'textarea' ) {
this.$el.addClass( 'ui-textarea' );
} else {
return '<input id="' + options.id + '" type="' + options.type + '" value="' + options.value + '" placeholder="' + options.placeholder + '" class="ui-input ' + options.cls + '">';
this.$el.attr( 'type', this.model.get( 'type' ) )
.attr( 'placeholder', this.model.get( 'placeholder' ) )
.addClass( 'ui-input' );
}
this.model.get( 'disabled' ) && this.$el.prop( 'disabled', true );
!this.model.get( 'visible' ) && this.$el.hide();
return this;
},
_onchange: function() {
this.value( this.$el.val() );
this.model.get( 'onchange' ) && this.model.get( 'onchange' )( this.model.get( 'value' ) );
}
});
/** Creates a hidden element input field used e.g. in the tool form */
var Hidden = Backbone.View.extend({
initialize : function(options) {
this.options = options;
this.setElement(this._template(this.options));
if (this.options.value !== undefined) {
this.value(this.options.value);
}
initialize: function( options ) {
this.model = options && options.model || new Backbone.Model( options );
this.setElement( $ ( '<div/>' ).append( this.$info = $( '<div/>' ) )
.append( this.$hidden = $( '<div/>' ) ) );
this.listenTo( this.model, 'change', this.render, this );
this.render();
},
value : function (new_val) {
if (new_val !== undefined) {
this.$('hidden').val(new_val);
}
return this.$('hidden').val();
value: function ( new_val ) {
new_val !== undefined && this.model.set( 'value', new_val );
return this.model.get( 'value' );
},
_template: function(options) {
var tmpl = '<div id="' + options.id + '" >';
if (options.info) {
tmpl += '<div>' + options.info + '</div>';
}
tmpl += '<hidden value="' + options.value + '"/>' +
'</div>';
return tmpl;
render: function() {
this.$el.attr( 'id', this.model.id );
this.$hidden.val( this.model.get( 'value' ) );
this.model.get( 'info' ) ? this.$info.show().html( this.model.get( 'info' ) ) : this.$info.hide();
return this;
}
});
return {
Anchor : Anchor,
Button : Buttons.ButtonDefault,
ButtonIcon : Buttons.ButtonIcon,
ButtonCheck : Buttons.ButtonCheck,
ButtonMenu : Buttons.ButtonMenu,
ButtonLink : Buttons.ButtonLink,
Icon : Icon,
Image : Image,
Input : Input,
Label : Label,
Message : Message,
@@ -268,7 +161,6 @@ define(['utils/utils',
RadioButton : Options.RadioButton,
Checkbox : Options.Checkbox,
Radio : Options.Radio,
Searchbox : Searchbox,
Select : Select,
Hidden : Hidden,
Slider : Slider,
+1 -1
View File
@@ -1 +1 @@
{"version":3,"file":"ui-misc.js","sources":["../../../src/mvc/ui/ui-misc.js"],"names":["define","Utils","Select","Slider","Options","Drilldown","Buttons","Modal","Image","Backbone","View","extend","initialize","options","this","merge","url","cls","setElement","_template","Label","title","tagname","new_title","$el","html","value","$","addClass","Icon","floating","icon","tooltip","placement","el","Anchor","on","onclick","Message","message","status","persistent","update","fadeIn","timeout","window","clearTimeout","self","setTimeout","is","fadeOut","hide","cls_status","large","Searchbox","searchword","search_field","find","val","Input","type","placeholder","disabled","visible","area","undefined","prop","onchange","new_val","id","Hidden","tmpl","info","Button","ButtonDefault","ButtonIcon","ButtonCheck","ButtonMenu","ButtonLink","RadioButton","Checkbox","Radio"],"mappings":"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"}
{"version":3,"file":"ui-misc.js","sources":["../../../src/mvc/ui/ui-misc.js"],"names":["define","Utils","Select","Slider","Options","Drilldown","Buttons","Modal","Label","Backbone","View","extend","tagName","initialize","options","this","model","Model","setElement","$","listenTo","render","title","new_title","set","value","get","$el","removeClass","addClass","html","Message","message","status","cls","persistent","update","fadeIn","timeout","window","clearTimeout","self","setTimeout","is","fadeOut","hide","Input","type","placeholder","disabled","visible","area","events","input","new_val","undefined","attr","id","val","prop","_onchange","Hidden","append","$info","$hidden","show","Button","ButtonDefault","ButtonIcon","ButtonCheck","ButtonMenu","ButtonLink","RadioButton","Checkbox","Radio"],"mappings":"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"}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -1,2 +1,2 @@
define(["utils/utils","mvc/ui/ui-select-default","mvc/ui/ui-slider","mvc/ui/ui-options","mvc/ui/ui-drilldown","mvc/ui/ui-buttons","mvc/ui/ui-modal"],function(a,b,c,d,e,f,g){var h=Backbone.View.extend({initialize:function(b){this.options=a.merge(b,{url:"",cls:""}),this.setElement(this._template(this.options))},_template:function(a){return'<img class="ui-image '+a.cls+'" src="'+a.url+'"/>'}}),i=Backbone.View.extend({initialize:function(b){this.options=a.merge(b,{title:"",cls:"",tagname:"label"}),this.setElement(this._template(this.options))},title:function(a){this.$el.html(a)},value:function(){return options.title},_template:function(a){return $("<"+a.tagname+"/>").addClass("ui-label").addClass(a.cls).html(a.title)}}),j=Backbone.View.extend({initialize:function(b){this.options=a.merge(b,{floating:"right",icon:"",tooltip:"",placement:"bottom",title:"",cls:""}),this.setElement(this._template(this.options)),$(this.el).tooltip({title:b.tooltip,placement:"bottom"})},_template:function(a){return'<div><span class="fa '+a.icon+'" class="ui-icon"/>&nbsp;'+a.title+"</div>"}}),k=Backbone.View.extend({initialize:function(b){this.options=a.merge(b,{title:"",cls:""}),this.setElement(this._template(this.options)),$(this.el).on("click",b.onclick)},_template:function(a){return'<div><a href="javascript:void(0)" class="ui-anchor '+a.cls+'">'+a.title+"</a></div>"}}),l=Backbone.View.extend({initialize:function(b){this.options=a.merge(b,{message:null,status:"info",cls:"",persistent:!1}),this.setElement('<div class="'+this.options.cls+'"/>'),this.options.message&&this.update(this.options)},update:function(b){if(this.options=a.merge(b,this.options),""!=b.message){if(this.$el.html(this._template(this.options)),this.$el.fadeIn(),this.timeout&&window.clearTimeout(this.timeout),!b.persistent){var c=this;this.timeout=window.setTimeout(function(){c.$el.is(":visible")?c.$el.fadeOut():c.$el.hide()},3e3)}}else this.$el.fadeOut()},_template:function(a){var b="ui-message alert alert-"+a.status;return a.large&&(b=("success"==a.status&&"done"||"danger"==a.status&&"error"||a.status)+"messagelarge"),'<div class="'+b+'" >'+a.message+"</div>"}}),m=Backbone.View.extend({initialize:function(b){this.options=a.merge(b,{onclick:null,searchword:""}),this.setElement(this._template(this.options));var c=this;this.options.onclick&&this.$el.on("submit",function(){var a=c.$el.find("#search");c.options.onclick(a.val())})},_template:function(a){return'<div class="ui-search"><form onsubmit="return false;"><input id="search" class="form-control input-sm" type="text" name="search" placeholder="Search..." value="'+a.searchword+'"><button type="submit" class="btn search-btn"><i class="fa fa-search"></i></button></form></div>'}}),n=Backbone.View.extend({initialize:function(b){this.options=a.merge(b,{type:"text",placeholder:"",disabled:!1,visible:!0,cls:"",area:!1}),this.setElement(this._template(this.options)),void 0!==this.options.value&&this.value(this.options.value),this.options.disabled&&this.$el.prop("disabled",!0),this.options.visible||this.$el.hide();var c=this;this.$el.on("input",function(){c.options.onchange&&c.options.onchange(c.$el.val())})},value:function(a){return void 0!==a&&this.$el.val("string"==typeof a&&a||""),this.$el.val()},_template:function(a){return a.area?'<textarea id="'+a.id+'" class="ui-textarea '+a.cls+'"></textarea>':'<input id="'+a.id+'" type="'+a.type+'" value="'+a.value+'" placeholder="'+a.placeholder+'" class="ui-input '+a.cls+'">'}}),o=Backbone.View.extend({initialize:function(a){this.options=a,this.setElement(this._template(this.options)),void 0!==this.options.value&&this.value(this.options.value)},value:function(a){return void 0!==a&&this.$("hidden").val(a),this.$("hidden").val()},_template:function(a){var b='<div id="'+a.id+'" >';return a.info&&(b+="<div>"+a.info+"</div>"),b+='<hidden value="'+a.value+'"/></div>'}});return{Anchor:k,Button:f.ButtonDefault,ButtonIcon:f.ButtonIcon,ButtonCheck:f.ButtonCheck,ButtonMenu:f.ButtonMenu,ButtonLink:f.ButtonLink,Icon:j,Image:h,Input:n,Label:i,Message:l,Modal:g,RadioButton:d.RadioButton,Checkbox:d.Checkbox,Radio:d.Radio,Searchbox:m,Select:b,Hidden:o,Slider:c,Drilldown:e}});
define(["utils/utils","mvc/ui/ui-select-default","mvc/ui/ui-slider","mvc/ui/ui-options","mvc/ui/ui-drilldown","mvc/ui/ui-buttons","mvc/ui/ui-modal"],function(a,b,c,d,e,f,g){var h=Backbone.View.extend({tagName:"label",initialize:function(a){this.model=a&&a.model||new Backbone.Model(a),this.tagName=a.tagName||this.tagName,this.setElement($("<"+this.tagName+"/>")),this.listenTo(this.model,"change",this.render,this),this.render()},title:function(a){this.model.set("title",a)},value:function(){return this.model.get("title")},render:function(){return this.$el.removeClass().addClass("ui-label").addClass(this.model.get("cls")).html(this.model.get("title")),this}}),i=Backbone.View.extend({initialize:function(a){this.model=a&&a.model||new Backbone.Model({message:null,status:"info",cls:"",persistent:!1}).set(a),this.listenTo(this.model,"change",this.render,this),this.render()},update:function(a){this.model.set(a)},render:function(){if(this.$el.removeClass().addClass(this.model.get("cls")),this.model.get("message")){var a=this.model.get("status");if(this.model.get("large")?this.$el.addClass(("success"==a&&"done"||"danger"==a&&"error"||a)+"messagelarge"):this.$el.addClass("ui-message alert").addClass("alert-"+a),this.$el.html(this.model.get("message")),this.$el.fadeIn(),this.timeout&&window.clearTimeout(this.timeout),!this.model.get("persistent")){var b=this;this.timeout=window.setTimeout(function(){b.$el.is(":visible")?b.$el.fadeOut():b.$el.hide()},3e3)}}else this.$el.fadeOut();return this}}),j=Backbone.View.extend({initialize:function(a){this.model=a&&a.model||new Backbone.Model({type:"text",placeholder:"",disabled:!1,visible:!0,cls:"",area:!1}).set(a),this.tagName=this.model.get("area")?"textarea":"input",this.setElement($("<"+this.tagName+"/>")),this.listenTo(this.model,"change",this.render,this),this.render()},events:{input:"_onchange"},value:function(a){return void 0!==a&&this.model.set("value","string"==typeof a?a:""),this.model.get("value")},render:function(){return this.$el.removeClass().addClass(this.model.get("cls")).attr("id",this.model.id).val(this.model.get("value")),"textarea"==this.tagName?this.$el.addClass("ui-textarea"):this.$el.attr("type",this.model.get("type")).attr("placeholder",this.model.get("placeholder")).addClass("ui-input"),this.model.get("disabled")&&this.$el.prop("disabled",!0),!this.model.get("visible")&&this.$el.hide(),this},_onchange:function(){this.value(this.$el.val()),this.model.get("onchange")&&this.model.get("onchange")(this.model.get("value"))}}),k=Backbone.View.extend({initialize:function(a){this.model=a&&a.model||new Backbone.Model(a),this.setElement($("<div/>").append(this.$info=$("<div/>")).append(this.$hidden=$("<div/>"))),this.listenTo(this.model,"change",this.render,this),this.render()},value:function(a){return void 0!==a&&this.model.set("value",a),this.model.get("value")},render:function(){return this.$el.attr("id",this.model.id),this.$hidden.val(this.model.get("value")),this.model.get("info")?this.$info.show().html(this.model.get("info")):this.$info.hide(),this}});return{Button:f.ButtonDefault,ButtonIcon:f.ButtonIcon,ButtonCheck:f.ButtonCheck,ButtonMenu:f.ButtonMenu,ButtonLink:f.ButtonLink,Input:j,Label:h,Message:i,Modal:g,RadioButton:d.RadioButton,Checkbox:d.Checkbox,Radio:d.Radio,Select:b,Hidden:k,Slider:c,Drilldown:e}});
//# sourceMappingURL=../../../maps/mvc/ui/ui-misc.js.map