mirror of
https://github.com/galaxyproject/galaxy.git
synced 2026-09-24 16:30:27 +08:00
Revise ui-misc
This commit is contained in:
@@ -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"/> ' +
|
||||
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 @@
|
||||
{"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,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"/> '+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
|
||||
Reference in New Issue
Block a user