diff --git a/config/plugins/visualizations/charts/static/app.js b/config/plugins/visualizations/charts/static/app.js index 878e890430b..489ed5f983a 100644 --- a/config/plugins/visualizations/charts/static/app.js +++ b/config/plugins/visualizations/charts/static/app.js @@ -1,10 +1,10 @@ // dependencies -define(['mvc/ui/ui-modal', 'mvc/ui/ui-portlet', 'plugin/library/ui', 'utils/utils', 'plugin/library/jobs', 'plugin/library/datasets', - 'plugin/views/charts', 'plugin/views/chart', - 'plugin/models/config', 'plugin/models/chart', 'plugin/models/charts', 'plugin/charts/types'], - function( Modal, Portlet, Ui, Utils, Jobs, Datasets, - ChartsView, ChartView, - Config, Chart, Charts, Types +define(['mvc/ui/ui-modal', 'mvc/ui/ui-portlet', 'plugin/library/ui', 'utils/utils', 'plugin/library/jobs', 'plugin/library/datasets', 'plugin/library/storage', + 'plugin/views/viewer', 'plugin/views/editor', + 'plugin/models/config', 'plugin/models/chart', 'plugin/charts/types'], + function( Modal, Portlet, Ui, Utils, Jobs, Datasets, Storage, + ViewerView, EditorView, + Config, Chart, Types ) { // widget @@ -23,91 +23,61 @@ return Backbone.View.extend( this.modal = new Modal.View(); } - // create configuration model + // + // models + // this.config = new Config(); - - // job/data /processor - this.jobs = new Jobs(this); - - // create chart models this.types = new Types(); this.chart = new Chart(); - this.charts = new Charts(null, this); - // create dataset handler + // + // libraries + // + this.jobs = new Jobs(this); this.datasets = new Datasets(this); - - // create views - this.charts_view = new ChartsView(this); - this.chart_view = new ChartView(this); - - // create portlet - if (!this.options.config.widget) { - this.portlet = new Portlet.View({icon : 'fa-bar-chart-o'}); - } else { - this.portlet = $('
'); - } + this.storage = new Storage(this); + + // + // views + // + this.viewer_view = new ViewerView(this); + this.editor_view = new EditorView(this); // append views - this.portlet.append(this.charts_view.$el); - this.portlet.append(this.chart_view.$el); + this.$el.append(this.viewer_view.$el); + this.$el.append(this.editor_view.$el); - // set element - if (!this.options.config.widget) { - this.setElement(this.portlet.$el); + // pick start screen + if (!this.storage.load()) { + // show editor + this.go('editor'); } else { - this.setElement(this.portlet); - } - - // events - var self = this; - this.config.on('change:title', function() { - self._refreshTitle(); - }); - - // render - this.render(); - - // load charts - this.charts.load(); - - // start with chart view - if (this.charts.length == 0) { - this.go('chart_view'); - } else { - this.go('charts_view'); + // show viewport + this.go('viewer'); + + // redraw chart + this.chart.trigger('redraw'); } }, // loads a view and makes sure that all others are hidden go: function(view_id) { + // hide all tooltips + $('.tooltip').hide(); + // pick view switch (view_id) { - case 'chart_view' : - this.chart_view.show(); - this.charts_view.hide(); + case 'editor' : + this.editor_view.show(); + this.viewer_view.hide(); break; - case 'charts_view' : - this.chart_view.hide(); - this.charts_view.show(); + case 'viewer' : + this.editor_view.hide(); + this.viewer_view.show(); break; } }, - // render - render: function() { - this._refreshTitle(); - }, - - // refresh title - _refreshTitle: function() { - var title = this.config.get('title'); - if (title) { - title = ' - ' + title; - } - this.portlet.title('Charts' + title); - }, - // execute command execute: function(options) { }, diff --git a/config/plugins/visualizations/charts/static/build-app.js b/config/plugins/visualizations/charts/static/build-app.js index 7554350adb3..b8cdb69fa0b 100644 --- a/config/plugins/visualizations/charts/static/build-app.js +++ b/config/plugins/visualizations/charts/static/build-app.js @@ -3,4 +3,4 @@ // (c) 2009-2013 Jeremy Ashkenas, DocumentCloud Inc. // Underscore may be freely distributed under the MIT license. -(function(){var e=this,t=e._,n={},r=Array.prototype,i=Object.prototype,s=Function.prototype,o=r.push,u=r.slice,a=r.concat,f=i.toString,l=i.hasOwnProperty,c=r.forEach,h=r.map,p=r.reduce,d=r.reduceRight,v=r.filter,m=r.every,g=r.some,y=r.indexOf,b=r.lastIndexOf,w=Array.isArray,E=Object.keys,S=s.bind,x=function(e){if(e instanceof x)return e;if(!(this instanceof x))return new x(e);this._wrapped=e};typeof exports!="undefined"?(typeof module!="undefined"&&module.exports&&(exports=module.exports=x),exports._=x):e._=x,x.VERSION="1.4.4";var T=x.each=x.forEach=function(e,t,r){if(e==null)return;if(c&&e.forEach===c)e.forEach(t,r);else if(e.length===+e.length){for(var i=0,s=e.length;i2;e==null&&(e=[]);if(p&&e.reduce===p)return r&&(t=x.bind(t,r)),i?e.reduce(t,n):e.reduce(t);T(e,function(e,s,o){i?n=t.call(r,n,e,s,o):(n=e,i=!0)});if(!i)throw new TypeError(N);return n},x.reduceRight=x.foldr=function(e,t,n,r){var i=arguments.length>2;e==null&&(e=[]);if(d&&e.reduceRight===d)return r&&(t=x.bind(t,r)),i?e.reduceRight(t,n):e.reduceRight(t);var s=e.length;if(s!==+s){var o=x.keys(e);s=o.length}T(e,function(u,a,f){a=o?o[--s]:--s,i?n=t.call(r,n,e[a],a,f):(n=e[a],i=!0)});if(!i)throw new TypeError(N);return n},x.find=x.detect=function(e,t,n){var r;return C(e,function(e,i,s){if(t.call(n,e,i,s))return r=e,!0}),r},x.filter=x.select=function(e,t,n){var r=[];return e==null?r:v&&e.filter===v?e.filter(t,n):(T(e,function(e,i,s){t.call(n,e,i,s)&&r.push(e)}),r)},x.reject=function(e,t,n){return x.filter(e,function(e,r,i){return!t.call(n,e,r,i)},n)},x.every=x.all=function(e,t,r){t||(t=x.identity);var i=!0;return e==null?i:m&&e.every===m?e.every(t,r):(T(e,function(e,s,o){if(!(i=i&&t.call(r,e,s,o)))return n}),!!i)};var C=x.some=x.any=function(e,t,r){t||(t=x.identity);var i=!1;return e==null?i:g&&e.some===g?e.some(t,r):(T(e,function(e,s,o){if(i||(i=t.call(r,e,s,o)))return n}),!!i)};x.contains=x.include=function(e,t){return e==null?!1:y&&e.indexOf===y?e.indexOf(t)!=-1:C(e,function(e){return e===t})},x.invoke=function(e,t){var n=u.call(arguments,2),r=x.isFunction(t);return x.map(e,function(e){return(r?t:e[t]).apply(e,n)})},x.pluck=function(e,t){return x.map(e,function(e){return e[t]})},x.where=function(e,t,n){return x.isEmpty(t)?n?void 0:[]:x[n?"find":"filter"](e,function(e){for(var n in t)if(t[n]!==e[n])return!1;return!0})},x.findWhere=function(e,t){return x.where(e,t,!0)},x.max=function(e,t,n){if(!t&&x.isArray(e)&&e[0]===+e[0]&&e.length<65535)return Math.max.apply(Math,e);if(!t&&x.isEmpty(e))return-Infinity;var r={computed:-Infinity,value:-Infinity};return T(e,function(e,i,s){var o=t?t.call(n,e,i,s):e;o>=r.computed&&(r={value:e,computed:o})}),r.value},x.min=function(e,t,n){if(!t&&x.isArray(e)&&e[0]===+e[0]&&e.length<65535)return Math.min.apply(Math,e);if(!t&&x.isEmpty(e))return Infinity;var r={computed:Infinity,value:Infinity};return T(e,function(e,i,s){var o=t?t.call(n,e,i,s):e;or||n===void 0)return 1;if(n>>1;n.call(r,e[u])=0})})},x.difference=function(e){var t=a.apply(r,u.call(arguments,1));return x.filter(e,function(e){return!x.contains(t,e)})},x.zip=function(){var e=u.call(arguments),t=x.max(x.pluck(e,"length")),n=new Array(t);for(var r=0;r=0;n--)t=[e[n].apply(this,t)];return t[0]}},x.after=function(e,t){return e<=0?t():function(){if(--e<1)return t.apply(this,arguments)}},x.keys=E||function(e){if(e!==Object(e))throw new TypeError("Invalid object");var t=[];for(var n in e)x.has(e,n)&&t.push(n);return t},x.values=function(e){var t=[];for(var n in e)x.has(e,n)&&t.push(e[n]);return t},x.pairs=function(e){var t=[];for(var n in e)x.has(e,n)&&t.push([n,e[n]]);return t},x.invert=function(e){var t={};for(var n in e)x.has(e,n)&&(t[e[n]]=n);return t},x.functions=x.methods=function(e){var t=[];for(var n in e)x.isFunction(e[n])&&t.push(n);return t.sort()},x.extend=function(e){return T(u.call(arguments,1),function(t){if(t)for(var n in t)e[n]=t[n]}),e},x.pick=function(e){var t={},n=a.apply(r,u.call(arguments,1));return T(n,function(n){n in e&&(t[n]=e[n])}),t},x.omit=function(e){var t={},n=a.apply(r,u.call(arguments,1));for(var i in e)x.contains(n,i)||(t[i]=e[i]);return t},x.defaults=function(e){return T(u.call(arguments,1),function(t){if(t)for(var n in t)e[n]===void 0&&(e[n]=t[n])}),e},x.clone=function(e){return x.isObject(e)?x.isArray(e)?e.slice():x.extend({},e):e},x.tap=function(e,t){return t(e),e};var M=function(e,t,n,r){if(e===t)return e!==0||1/e==1/t;if(e==null||t==null)return e===t;e instanceof x&&(e=e._wrapped),t instanceof x&&(t=t._wrapped);var i=f.call(e);if(i!=f.call(t))return!1;switch(i){case"[object String]":return e==String(t);case"[object Number]":return e!=+e?t!=+t:e==0?1/e==1/t:e==+t;case"[object Date]":case"[object Boolean]":return+e==+t;case"[object RegExp]":return e.source==t.source&&e.global==t.global&&e.multiline==t.multiline&&e.ignoreCase==t.ignoreCase}if(typeof e!="object"||typeof t!="object")return!1;var s=n.length;while(s--)if(n[s]==e)return r[s]==t;n.push(e),r.push(t);var o=0,u=!0;if(i=="[object Array]"){o=e.length,u=o==t.length;if(u)while(o--)if(!(u=M(e[o],t[o],n,r)))break}else{var a=e.constructor,l=t.constructor;if(a!==l&&!(x.isFunction(a)&&a instanceof a&&x.isFunction(l)&&l instanceof l))return!1;for(var c in e)if(x.has(e,c)){o++;if(!(u=x.has(t,c)&&M(e[c],t[c],n,r)))break}if(u){for(c in t)if(x.has(t,c)&&!(o--))break;u=!o}}return n.pop(),r.pop(),u};x.isEqual=function(e,t){return M(e,t,[],[])},x.isEmpty=function(e){if(e==null)return!0;if(x.isArray(e)||x.isString(e))return e.length===0;for(var t in e)if(x.has(e,t))return!1;return!0},x.isElement=function(e){return!!e&&e.nodeType===1},x.isArray=w||function(e){return f.call(e)=="[object Array]"},x.isObject=function(e){return e===Object(e)},T(["Arguments","Function","String","Number","Date","RegExp"],function(e){x["is"+e]=function(t){return f.call(t)=="[object "+e+"]"}}),x.isArguments(arguments)||(x.isArguments=function(e){return!!e&&!!x.has(e,"callee")}),typeof /./!="function"&&(x.isFunction=function(e){return typeof e=="function"}),x.isFinite=function(e){return isFinite(e)&&!isNaN(parseFloat(e))},x.isNaN=function(e){return x.isNumber(e)&&e!=+e},x.isBoolean=function(e){return e===!0||e===!1||f.call(e)=="[object Boolean]"},x.isNull=function(e){return e===null},x.isUndefined=function(e){return e===void 0},x.has=function(e,t){return l.call(e,t)},x.noConflict=function(){return e._=t,this},x.identity=function(e){return e},x.times=function(e,t,n){var r=Array(e);for(var i=0;i":">",'"':""","'":"'","/":"/"}};_.unescape=x.invert(_.escape);var D={escape:new RegExp("["+x.keys(_.escape).join("")+"]","g"),unescape:new RegExp("("+x.keys(_.unescape).join("|")+")","g")};x.each(["escape","unescape"],function(e){x[e]=function(t){return t==null?"":(""+t).replace(D[e],function(t){return _[e][t]})}}),x.result=function(e,t){if(e==null)return void 0;var n=e[t];return x.isFunction(n)?n.call(e):n},x.mixin=function(e){T(x.functions(e),function(t){var n=x[t]=e[t];x.prototype[t]=function(){var e=[this._wrapped];return o.apply(e,arguments),F.call(this,n.apply(x,e))}})};var P=0;x.uniqueId=function(e){var t=++P+"";return e?e+t:t},x.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var H=/(.)^/,B={"'":"'","\\":"\\","\r":"r","\n":"n"," ":"t","\u2028":"u2028","\u2029":"u2029"},j=/\\|'|\r|\n|\t|\u2028|\u2029/g;x.template=function(e,t,n){var r;n=x.defaults({},n,x.templateSettings);var i=new RegExp([(n.escape||H).source,(n.interpolate||H).source,(n.evaluate||H).source].join("|")+"|$","g"),s=0,o="__p+='";e.replace(i,function(t,n,r,i,u){return o+=e.slice(s,u).replace(j,function(e){return"\\"+B[e]}),n&&(o+="'+\n((__t=("+n+"))==null?'':_.escape(__t))+\n'"),r&&(o+="'+\n((__t=("+r+"))==null?'':__t)+\n'"),i&&(o+="';\n"+i+"\n__p+='"),s=u+t.length,t}),o+="';\n",n.variable||(o="with(obj||{}){\n"+o+"}\n"),o="var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n"+o+"return __p;\n";try{r=new Function(n.variable||"obj","_",o)}catch(u){throw u.source=o,u}if(t)return r(t,x);var a=function(e){return r.call(this,e,x)};return a.source="function("+(n.variable||"obj")+"){\n"+o+"}",a},x.chain=function(e){return x(e).chain()};var F=function(e){return this._chain?x(e).chain():e};x.mixin(x),T(["pop","push","reverse","shift","sort","splice","unshift"],function(e){var t=r[e];x.prototype[e]=function(){var n=this._wrapped;return t.apply(n,arguments),(e=="shift"||e=="splice")&&n.length===0&&delete n[0],F.call(this,n)}}),T(["concat","join","slice"],function(e){var t=r[e];x.prototype[e]=function(){return F.call(this,t.apply(this._wrapped,arguments))}}),x.extend(x.prototype,{chain:function(){return this._chain=!0,this},value:function(){return this._wrapped}})}).call(this),define("libs/underscore",function(e){return function(){var t,n;return t||e._}}(this)),define("utils/utils",["libs/underscore"],function(e){function t(e,t,r){n("GET",e,{},t,r)}function n(e,t,n,r,i){if(e=="GET"||e=="DELETE")t.indexOf("?")==-1?t+="?":t+="&",t+=$.param(n);var s=new XMLHttpRequest;s.open(e,t,!0),s.setRequestHeader("Accept","application/json"),s.setRequestHeader("Cache-Control","no-cache"),s.setRequestHeader("X-Requested-With","XMLHttpRequest"),s.setRequestHeader("Content-Type","application/json"),s.onloadend=function(){var e=s.status;try{response=jQuery.parseJSON(s.responseText)}catch(t){response=s.responseText}e==200?r&&r(response):i&&i(response)},e=="GET"||e=="DELETE"?s.send():s.send(JSON.stringify(n))}function r(e,t){var n=$('
');n.appendTo(":eq(0)");var r=n.css(t);return n.remove(),r}function i(e){$('link[href^="'+e+'"]').length||$('').appendTo("head")}function s(t,n){return t?e.defaults(t,n):n}function o(e,t){var n="";if(e>=1e11)e/=1e11,n="TB";else if(e>=1e8)e/=1e8,n="GB";else if(e>=1e5)e/=1e5,n="MB";else if(e>=100)e/=100,n="KB";else{if(!(e>0))return"-";e*=10,n="b"}var r=Math.round(e)/10;return t?r+" "+n:""+r+" "+n}function u(){return(new Date).getTime().toString(36)}function a(e){var t=$("

");return t.append(e),t}function f(){var e=new Date,t=(e.getHours()<10?"0":"")+e.getHours(),n=(e.getMinutes()<10?"0":"")+e.getMinutes(),r=e.getDate()+"/"+(e.getMonth()+1)+"/"+e.getFullYear()+", "+t+":"+n;return r}return{cssLoadFile:i,cssGetAttribute:r,get:t,merge:s,bytesToString:o,uuid:u,time:f,wrap:a,request:n}}),define("mvc/ui/ui-modal",["utils/utils"],function(e){var t=Backbone.View.extend({elMain:"body",optionsDefault:{title:"ui-modal",body:"",backdrop:!0,height:null,width:null,closing_events:!1},buttonList:{},initialize:function(e){e&&this._create(e)},show:function(e){this.initialize(e),this.options.height?(this.$body.css("height",this.options.height),this.$body.css("overflow","hidden")):this.$body.css("max-height",$(window).height()/2),this.options.width&&this.$dialog.css("width",this.options.width),this.visible?this.$el.show():this.$el.fadeIn("fast"),this.visible=!0},hide:function(){this.visible=!1,this.$el.fadeOut("fast")},enableButton:function(e){var t=this.buttonList[e];this.$buttons.find("#"+t).prop("disabled",!1)},disableButton:function(e){var t=this.buttonList[e];this.$buttons.find("#"+t).prop("disabled",!0)},showButton:function(e){var t=this.buttonList[e];this.$buttons.find("#"+t).show()},hideButton:function(e){var t=this.buttonList[e];this.$buttons.find("#"+t).hide()},getButton:function(e){var t=this.buttonList[e];return this.$buttons.find("#"+t)},scrollTop:function(){return this.$body.scrollTop()},_create:function(e){var t=this;this.options=_.defaults(e,this.optionsDefault),this.options.body=="progress"&&(this.options.body=$('
')),this.$el&&(this.$el.remove(),$(document).off("keyup")),this.setElement(this._template(this.options.title)),this.$dialog=this.$el.find(".modal-dialog"),this.$body=this.$el.find(".modal-body"),this.$footer=this.$el.find(".modal-footer"),this.$buttons=this.$el.find(".buttons"),this.$backdrop=this.$el.find(".modal-backdrop"),this.$body.html(this.options.body),this.options.backdrop||this.$backdrop.removeClass("in");if(this.options.buttons){this.buttonList={};var n=0;$.each(this.options.buttons,function(e,r){var i="button-"+n++;t.$buttons.append($('').text(e).click(r)).append(" "),t.buttonList[e]=i})}else this.$footer.hide();$(this.elMain).append($(this.el)),this.options.closing_events&&(this.options.buttons.Pause||$(document).on("keyup",function(e){e.keyCode==27&&t.hide()}),this.$el.find(".modal-backdrop").on("click",function(){t.hide()}))},_template:function(e){return'

'+e+"

"+"
"+'
'+'
'+'
'+"
"+""+"
"}});return{View:t}}),define("mvc/ui/ui-portlet",["utils/utils"],function(e){var t=Backbone.View.extend({visible:!1,optionsDefault:{title:"",icon:"",buttons:null,body:null,height:null,operations:null,placement:"bottom",overflow:"auto"},$title:null,$content:null,$buttons:null,$operations:null,initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),this.$content=this.$el.find("#content"),this.$title=this.$el.find("#title-text"),this.options.height&&(this.$el.find("#body").css("height",this.options.height),this.$el.find("#content").css("overflow",this.options.overflow)),this.$buttons=$(this.el).find("#buttons");if(this.options.buttons){var n=this;$.each(this.options.buttons,function(e,t){t.$el.prop("id",e),n.$buttons.append(t.$el)})}else this.$buttons.remove();this.$operations=$(this.el).find("#operations");if(this.options.operations){var n=this;$.each(this.options.operations,function(e,t){t.$el.prop("id",e),n.$operations.append(t.$el)})}this.options.body&&this.append(this.options.body)},append:function(t){this.$content.append(e.wrap(t))},content:function(){return this.$content},show:function(){this.$el.fadeIn("fast"),this.visible=!0},hide:function(){this.$el.fadeOut("fast"),this.visible=!1},enableButton:function(e){this.$buttons.find("#"+e).prop("disabled",!1)},disableButton:function(e){this.$buttons.find("#"+e).prop("disabled",!0)},hideOperation:function(e){this.$operations.find("#"+e).hide()},showOperation:function(e){this.$operations.find("#"+e).show()},setOperation:function(e,t){var n=this.$operations.find("#"+e);n.off("click"),n.on("click",t)},title:function(e){var t=this.$title;return e&&t.html(e),t.html()},_template:function(e){var t='
';if(e.title||e.icon)t+='
',e.icon&&(t+='
 
'),t+='
'+e.title+"
",t+="
";return t+='
',e.placement=="top"&&(t+='
'),t+='
',e.placement=="bottom"&&(t+='
'),t+="
",t}});return{View:t}}),define("plugin/library/ui-select",["utils/utils"],function(e){var t=Backbone.View.extend({optionsDefault:{id:"",cls:"",empty:"No data available",visible:!0,wait:!1},selected:null,initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),this.$select=this.$el.find("#select"),this.$icon=this.$el.find("#icon"),this.selected=this.options.value;var n=this;this.options.onchange&&this.$select.on("change",function(){n.value(n.$select.val())}),this._refresh(),this.options.visible||this.hide(),this.options.wait?this.wait():this.show()},value:function(e){var t=this.selected;e!==undefined&&(this.selected=e,this.$select.val(e));var n=this.selected;return n&&n!=t&&this.options.onchange&&this.options.onchange(n),n},text:function(){return this.$select.find("option:selected").text()},show:function(){this.$icon.removeClass(),this.$icon.addClass("fa fa-caret-down"),this.$select.show(),this.$el.show()},hide:function(){this.$el.hide()},wait:function(){this.$icon.removeClass(),this.$icon.addClass("fa fa-spinner fa-spin"),this.$select.hide()},disabled:function(){return this.$select.is(":disabled")},enable:function(){this.$select.prop("disabled",!1)},disable:function(){this.$select.prop("disabled",!0)},add:function(e){this.$select.append(this._templateOption(e)),this._refresh()},del:function(e){this.$select.find("option[value="+e+"]").remove(),this.$select.trigger("change"),this._refresh()},update:function(e){this.$select.find("option").remove();for(var t in e)this.$select.append(this._templateOption(e[t]));!this.selected&&e.length>0&&this.value(e[0].value),this._refresh()},_refresh:function(){this.$select.find("option[value=null]").remove();var e=this.$select.find("option").length;e==0?(this.$select.append(this._templateOption({value:"null",label:this.options.empty})),this.disable()):(this.enable(),this.selected&&this.$select.val(this.selected))},_exists:function(e){return 0!=this.$select.find("option[value="+e+"]").length},_templateOption:function(e){return'"},_template:function(e){var t='
'+'
'+''+"
"+'
",t}});return{View:t}}),define("plugin/library/ui",["utils/utils","plugin/library/ui-select"],function(e,t){var n=Backbone.View.extend({optionsDefault:{title:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options))},title:function(e){this.$el.find("b").html(e)},_template:function(e){return""},value:function(){return options.title}}),r=Backbone.View.extend({optionsDefault:{id:null,title:"","float":"right",cls:"btn-default",icon:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),$(this.el).on("click",t.onclick),$(this.el).tooltip({title:t.tooltip,placement:"bottom"})},_template:function(e){var t='",t}}),i=Backbone.View.extend({optionsDefault:{"float":"right",icon:"",tooltip:"",placement:"bottom",title:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),$(this.el).tooltip({title:t.tooltip,placement:"bottom"})},_template:function(e){return'
 '+e.title+"
"}}),s=Backbone.View.extend({optionsDefault:{title:"",id:null,"float":"right",cls:"icon-btn",icon:"",tooltip:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),$(this.el).on("click",t.onclick),$(this.el).tooltip({title:t.tooltip,placement:"bottom"})},_template:function(e){var t="";e.title&&(t="width: auto;");var n='
';return e.title?n+='
 '+''+e.title+""+"
":n+='',n+="
",n}}),o=Backbone.View.extend({optionsDefault:{title:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),$(this.el).on("click",t.onclick)},_template:function(e){return'"}}),u=Backbone.View.extend({optionsDefault:{message:"",status:"info",persistent:!1},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement("
")},update:function(t){this.options=e.merge(t,this.optionsDefault);if(t.message!=""){this.$el.html(this._template(this.options)),this.$el.fadeIn();if(!t.persistent){var n=this;window.setTimeout(function(){n.$el.is(":visible")?n.$el.fadeOut():n.$el.hide()},3e3)}}else this.$el.fadeOut()},_template:function(e){return'
'+e.message+"
"}}),a=Backbone.View.extend({optionsDefault:{onclick:null,searchword:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options));var n=this;this.options.onclick&&this.$el.on("submit",function(e){var t=n.$el.find("#search");n.options.onclick(t.val())})},_template:function(e){return'
'+'"+"
"+"
"}}),f=Backbone.View.extend({optionsDefault:{title:"Unlabeled",body:null},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),this.options.body&&this.$el.find(".body").append(this.options.body)},_template:function(e){return'
'+e.title+":"+"
"}}),l=Backbone.View.extend({optionsDefault:{id:"",title:"",target:"",href:"",onunload:null,onclick:null,visible:!0,icon:null,tag:""},$menu:null,initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement($(this._template(this.options)));var n=$(this.el).find(".root"),r=this;n.on("click",function(e){e.preventDefault(),r.options.onclick&&r.options.onclick()}),this.options.visible||this.hide()},show:function(){$(this.el).show()},hide:function(){$(this.el).hide()},addMenu:function(t){var n={title:"",target:"",href:"",onclick:null,divider:!1,icon:null};n=e.merge(t,n),this.$menu||($(this.el).append(this._templateMenu()),this.$menu=$(this.el).find(".menu"));var r=$(this._templateMenuItem(n));r.on("click",function(e){e.preventDefault(),n.onclick&&n.onclick()}),this.$menu.append(r),n.divider&&this.$menu.append($(this._templateDivider()))},_templateMenuItem:function(e){var t='
  • ';return e.icon&&(t+=''),t+=" "+e.title+""+"
    • ",t},_templateMenu:function(){return''},_templateDivider:function(){return'
  • '},_template:function(e){var t='
    '+'
    ",t}}),c=Backbone.View.extend({optionsDefault:{value:"",type:"text",placeholder:"",disabled:!1,visible:!0},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),this.options.disabled&&this.$el.prop("disabled",!0),this.options.visible||this.$el.hide();var n=this;this.options.onchange&&this.$el.on("input",function(){n.options.onchange()})},value:function(e){return e!==undefined&&this.$el.val(e),this.$el.val()},_template:function(e){return''}});return{Label:n,Button:r,Icon:i,ButtonIcon:s,Input:c,Anchor:o,Message:u,Searchbox:a,Title:f,Select:t,ButtonMenu:l}}),define("plugin/library/jobs",["utils/utils"],function(e){return Backbone.Model.extend({initialize:function(t,n){this.app=t,this.options=e.merge(n,this.optionsDefault)},cleanup:function(t){var n=t.get("dataset_id_job");if(n){var r=this;e.request("PUT",config.root+"api/histories/none/contents/"+n,{deleted:!0},function(){r._refreshHdas()})}},submit:function(t,n,r,i){var s=this,o=t.id,u=t.get("type"),a=this.app.types.get(u);data={tool_id:"rkit",inputs:{input:{id:t.get("dataset_id"),src:"hda"},module:u,columns:r,settings:n}},s.cleanup(t),t.state("submit","Sending job request..."),e.request("POST",config.root+"api/tools",data,function(e){if(!e.outputs||e.outputs.length==0)t.state("failed","Job submission failed. No response.");else{s._refreshHdas();var n=e.outputs[0];t.state("queued","Job has been queued..."),t.set("dataset_id_job",n.id),s._loop(n.id,function(e){switch(e.state){case"ok":return t.state("success","Job completed successfully..."),i(e),!0;case"error":return t.state("failed","Job has failed. Please check the history for details."),!0;case"running":return t.state("running","Job is running..."),!1}})}},function(e){var n="";e&&e.message&&e.message.data&&e.message.data.input&&(n=e.message.data.input+"."),t.state("failed","This visualization requires the R-kit. Please make sure it is installed. "+n)})},_loop:function(t,n){var r=this;e.request("GET",config.root+"api/jobs/"+t,{},function(e){n(e)||setTimeout(function(){r._loop(t,n)},r.app.config.get("query_timeout"))})},_refreshHdas:function(){Galaxy&&Galaxy.currHistoryPanel&&Galaxy.currHistoryPanel.refreshHdas()}})}),define("plugin/library/datasets",["utils/utils"],function(e){return Backbone.Collection.extend({list:{},initialize:function(t,n){this.app=t,this.options=e.merge(n,this.optionsDefault)},request:function(t,n,r){var i=this;if(t.groups)this._fetch(t,n);else{var s=this.list[t.id];if(s){n(s);return}e.request("GET",config.root+"api/datasets/"+t.id,{},function(e){switch(e.state){case"error":r&&r(e);break;default:i.list[t.id]=e,n(e)}})}},_fetch:function(t,n){var r=t.start?t.start:0,i=Math.abs(t.end-t.start),s=this.app.config.get("query_limit");if(!i||i>s)i=s;var o="",u={},a=0;for(var f in t.groups){var l=t.groups[f];for(var c in l.columns){var h=l.columns[c];o+=h+",",u[h]=a,a++}}if(a==0){n({});return}o=o.substring(0,o.length-1);var p=t.groups.slice(0);for(var f in p)p[f].values=[];var d=this;e.request("GET",config.root+"api/datasets/"+t.id,{data_type:"raw_data",provider:"dataset-column",limit:i,offset:r,indeces:o},function(e){for(var i in e.data){var s=e.data[i];for(var o in t.groups){var a=t.groups[o],f={x:parseInt(i)+r};for(var l in a.columns){var c=a.columns[l],h=u[c],d=s[h];if(isNaN(d)||!d)d=0;f[l]=d}p[o].values.push(f)}}n(p)})}})}),define("plugin/library/ui-table",["utils/utils"],function(e){var t=Backbone.View.extend({row:null,row_count:0,optionsDefault:{content:"No content available.",onchange:null,ondblclick:null,onconfirm:null},events:{click:"_onclick",dblclick:"_ondblclick"},first:!0,initialize:function(t){this.options=e.merge(t,this.optionsDefault);var n=$(this._template(t));this.$thead=n.find("thead"),this.$tbody=n.find("tbody"),this.$tmessage=n.find("tmessage"),this.setElement(n),this.row=$("")},addHeader:function(e){var t=$("");t.append(e),this.row.append(t)},appendHeader:function(){this.$thead.append(this.row),this.row=$("")},add:function(e,t){var n=$("");t&&n.css("width",t),n.append(e),this.row.append(n)},append:function(e){this._commit(e)},prepend:function(e){this._commit(e,!0)},remove:function(e){var t=this.$tbody.find("#"+e);t.length>0&&(t.remove(),this.row_count--,this._refresh())},removeAll:function(){this.$tbody.html(""),this.row_count=0,this._refresh()},value:function(e){this.before=this.$tbody.find(".current").attr("id"),e!==undefined&&(this.$tbody.find("tr").removeClass("current"),e&&this.$tbody.find("#"+e).addClass("current"));var t=this.$tbody.find(".current").attr("id");return t===undefined?null:(t!=this.before&&this.options.onchange&&this.options.onchange(e),t)},size:function(){return this.$tbody.find("tr").length},_commit:function(e,t){this.remove(e),this.row.attr("id",e),t?this.$tbody.prepend(this.row):this.$tbody.append(this.row),this.row=$(""),this.row_count++,this._refresh()},_onclick:function(e){var t=this.value(),n=$(e.target).closest("tr").attr("id");n&&t!=n&&(this.options.onconfirm?this.options.onconfirm(n):this.value(n))},_ondblclick:function(e){var t=this.value();t&&this.options.ondblclick&&this.options.ondblclick(t)},_refresh:function(){this.row_count==0?this.$tmessage.show():this.$tmessage.hide()},_template:function(e){return'
    '+e.content+""+"
    "}});return{View:t}}),define("plugin/models/group",[],function(){return Backbone.Model.extend({defaults:{key:"Data label",date:""},reset:function(){this.clear({silent:!0}).set(this.defaults),this.trigger("reset",this)}})}),define("plugin/views/viewport",["mvc/ui/ui-portlet","plugin/library/ui","utils/utils"],function(e,t,n){return Backbone.View.extend({list:{},optionsDefault:{height:300},initialize:function(t,r){this.app=t,this.options=n.merge(r,this.optionsDefault),this.portlet=new e.View({title:"title",height:this.options.height,overflow:"hidden"}),this.setElement(this.portlet.$el);var i=this;this.app.charts.on("remove",function(e){i._removeChart(e.id)}),this.app.charts.on("redraw",function(e){i._drawChart(e)})},showChart:function(e){this.show(),this.hideCharts();var t=this.list[e];if(t){var n=this.app.charts.get(e);this.portlet.title(n.get("title")),t.$el.show(),$(window).trigger("resize")}},hideCharts:function(){this.$el.find(".item").hide()},show:function(){$(".tooltip").hide(),this.$el.show()},hide:function(){$(".tooltip").hide(),this.$el.hide()},_drawChart:function(e){var t=this;if(!e.ready()){t.app.log("viewport:_drawChart()","Invalid attempt to draw chart before completion.");return}var n=e.id;this._removeChart(n);var r="#"+n,i=$(this._template({id:r}));this.portlet.append(i);var s=d3.select(i.find("svg")[0]);this.list[n]={svg:s,$el:i},e.off("change:state"),e.on("change:state",function(){var t=i.find("#info"),n=t.find("#icon");n.removeClass(),t.show(),t.find("#text").html(e.get("state_info"));var r=e.get("state");switch(r){case"ok":t.hide();break;case"failed":n.addClass("fa fa-warning");break;default:n.addClass("fa fa-spinner fa-spin")}}),e.state("wait","Please wait...");var o=e.get("type"),u=this.app.types.get(o),t=this;require(["plugin/charts/"+o+"/"+o],function(n){var r=new n(t.app,{svg:s});u.execute?t.app.jobs.submit(e,t._defaultSettingsString(e),t._defaultRequestString(e),function(){r.draw(e,t._defaultRequestDictionary(e))}):r.draw(e,t._defaultRequestDictionary(e))})},_removeChart:function(e){var t=this.list[e];t&&(t.svg.remove(),t.$el.remove())},_template:function(e){return'
    '+''+''+''+""+''+"
    "},_defaultRequestString:function(e){var t=this.app.types.get(e.get("type")),n="",r=0;return e.groups.each(function(e){for(var i in t.columns)n+=i+"_"+ ++r+":"+(parseInt(e.get(i))+1)+", "}),n.substring(0,n.length-2)},_defaultSettingsString:function(e){var t="";for(key in e.settings.attributes)t+=key+":"+e.settings.get(key)+", ";return t.substring(0,t.length-2)},_defaultRequestDictionary:function(e){var t=this.app.types.get(e.get("type")),n={id:e.get("dataset_id"),groups:[]},r=0;return e.groups.each(function(e){var i={};for(var s in t.columns)i[s]=e.get(s);n.groups.push({key:++r+":"+e.get("key"),columns:i})}),n}})}),define("plugin/views/charts",["mvc/ui/ui-portlet","plugin/library/ui-table","plugin/library/ui","utils/utils","plugin/models/group","plugin/views/viewport"],function(e,t,n,r,i,s){return Backbone.View.extend({initialize:function(i,o){this.app=i,this.viewport_view=new s(i),this.table=new t.View({content:"Add charts to this table.",ondblclick:function(e){u._showChartView(e)},onchange:function(e){var t=u.app.charts.get(e);u.app.config.set("title",t.get("title")),u.viewport_view.showChart(e)}});var u=this;this.portlet=new e.View({icon:"fa-list",title:"List of created charts:",height:100,operations:{"new":new n.ButtonIcon({icon:"fa-magic",tooltip:"Create a new Chart",title:"New",onclick:function(){u.app.go("chart_view"),u.app.chart.reset()}}),edit:new n.ButtonIcon({icon:"fa-gear",tooltip:"Customize this Chart",title:"Customize",onclick:function(){var e=u.table.value();if(!e)return;u._showChartView(e)}}),"delete":new n.ButtonIcon({icon:"fa-trash-o",tooltip:"Delete this Chart",title:"Delete",onclick:function(){var e=u.table.value();if(!e)return;var t=u.app.charts.get(e);u._wait(t,function(){u.app.modal.show({title:"Are you sure?",body:'The selected chart "'+t.get("title")+'" will be irreversibly deleted.',buttons:{Cancel:function(){u.app.modal.hide()},Delete:function(){u.app.modal.hide(),u.app.charts.remove(e),u.app.jobs.cleanup(t)}}})})}})}}),this.portlet.append(this.table.$el),this.app.options.config.widget||this.$el.append(this.portlet.$el),this.$el.append(r.wrap("")),this.$el.append(this.viewport_view.$el);var u=this;this.app.charts.on("add",function(e){u._addChart(e)}),this.app.charts.on("remove",function(e){u._removeChart(e)}),this.app.charts.on("change",function(e){u._changeChart(e)})},show:function(){this.$el.show()},hide:function(){$(".tooltip").hide(),this.$el.hide()},_addChart:function(e){var t=e.get("title");t==""&&(t="Untitled"),this.table.add(t);var n=this.app.types.get(e.get("type"));this.table.add(n.title),this.table.add("Last change: "+e.get("date")),this.table.prepend(e.get("id")),this.table.value(e.get("id"))},_removeChart:function(e){this.table.remove(e.id),this.app.charts.save(),this.table.size()==0?(this.app.go("chart_view"),this.app.chart.reset()):this.table.value(this.app.charts.last().id)},_changeChart:function(e){e.get("type")&&(this._addChart(e),this.table.value(e.id))},_showChartView:function(e){var t=this,n=this.app.charts.get(e);this._wait(n,function(){t.app.go("chart_view"),t.app.chart.copy(n)})},_wait:function(e,t){if(e.ready())t();else{var n=this;this.app.modal.show({title:"Please wait!",body:'The selected chart "'+e.get("title")+'" is currently being processed. Please wait...',buttons:{Close:function(){n.app.modal.hide()},Retry:function(){n.app.modal.hide(),setTimeout(function(){n._wait(e,t)},n.app.config.get("query_timeout"))}}})}}})}),define("mvc/ui/ui-tabs",["utils/utils"],function(e){var t=Backbone.View.extend({visible:!1,list:{},$nav:null,$content:null,first_tab:null,optionsDefault:{title_new:"",operations:null,onnew:null},initialize:function(t){this.options=e.merge(t,this.optionsDefault);var n=$(this._template(this.options));this.$nav=n.find(".tab-navigation"),this.$content=n.find(".tab-content"),this.setElement(n),this.list={};var r=this;this.options.operations&&$.each(this.options.operations,function(e,t){t.$el.prop("id",e),r.$nav.find(".operations").append(t.$el)});if(this.options.onnew){var i=$(this._template_tab_new(this.options));this.$nav.append(i),i.tooltip({title:"Add a new tab",placement:"bottom",container:r.$el}),i.on("click",function(e){i.tooltip("hide"),r.options.onnew()})}},add:function(e){var t=e.id,n={$title:$(this._template_tab(e)),$content:$(this._template_tab_content(e)),removable:e.ondel?!0:!1};this.list[t]=n,this.options.onnew?this.$nav.find("#new-tab").before(n.$title):this.$nav.append(n.$title),n.$content.append(e.$el),this.$content.append(n.$content),_.size(this.list)==1&&(n.$title.addClass("active"),n.$content.addClass("active"),this.first_tab=t);if(e.ondel){var r=this,i=n.$title.find("#delete");i.tooltip({title:"Delete this tab",placement:"bottom",container:r.$el}),i.on("click",function(){return i.tooltip("destroy"),r.$el.find(".tooltip").remove(),e.ondel(),!1})}e.onclick&&n.$title.on("click",function(){e.onclick()})},del:function(e){var t=this.list[e];t.$title.remove(),t.$content.remove(),delete t,this.first_tab==e&&(this.first_tab=null),this.first_tab!=null&&this.show(this.first_tab)},delRemovable:function(){for(var e in this.list){var t=this.list[e];t.removable&&this.del(e)}},show:function(e){this.$el.fadeIn("fast"),this.visible=!0,e&&this.list[e].$title.find("a").tab("show")},hide:function(){this.$el.fadeOut("fast"),this.visible=!1},hideOperation:function(e){this.$nav.find("#"+e).hide()},showOperation:function(e){this.$nav.find("#"+e).show()},setOperation:function(e,t){var n=this.$nav.find("#"+e);n.off("click"),n.on("click",t)},title:function(e,t){var n=this.list[e].$title.find("#text");return t&&n.html(t),n.html()},_template:function(e){return'
    '},_template_tab_new:function(e){return'
  • '+e.title_new+""+"
    • "},_template_tab:function(e){var t='
  • '+''+''+e.title+"";return e.ondel&&(t+=''),t+="
    • ",t},_template_tab_content:function(e){return'
    '}});return{View:t}}),define("plugin/models/groups",["plugin/models/group"],function(e){return Backbone.Collection.extend({model:e})});var Visualization=Backbone.Model.extend({defaults:{config:{}},urlRoot:function(){var e="/api/visualizations";return window.galaxy_config&&galaxy_config.root?galaxy_config.root+e:e},initialize:function(e){_.isObject(e.config)&&_.isObject(this.defaults.config)&&_.defaults(e.config,this.defaults.config),this._setUpListeners()},_setUpListeners:function(){},set:function(e,t){if(e==="config"){var n=this.get("config");_.isObject(n)&&(t=_.extend(_.clone(n),t))}return Backbone.Model.prototype.set.call(this,e,t),this},toString:function(){var e=this.get("id")||"";return this.get("title")&&(e+=":"+this.get("title")),"Visualization("+e+")"}}),VisualizationCollection=Backbone.Collection.extend({model:Visualization,url:function(){return galaxy_config.root+"api/visualizations"},initialize:function(e,t){t=t||{}},set:function(e,t){var n=this;e=_.map(e,function(e){var t=n.get(e.id);if(!t)return e;var r=t.toJSON();return _.extend(r,e),r}),Backbone.Collection.prototype.set.call(this,e,t)},toString:function(){return["VisualizationCollection(",[this.historyId,this.length].join(),")"].join("")}});define("mvc/visualization/visualization-model",function(){}),define("plugin/models/chart",["plugin/models/groups","mvc/visualization/visualization-model"],function(e){return Backbone.Model.extend({defaults:{id:null,title:"",type:"",date:null,state:"ok",state_info:""},initialize:function(t){this.groups=new e,this.settings=new Backbone.Model},reset:function(){this.clear({silent:!0}).set(this.defaults),this.groups.reset(),this.settings.clear(),this.trigger("reset",this)},copy:function(e){var t=this;t.clear({silent:!0}).set(this.defaults),t.set(e.attributes),t.settings=e.settings.clone(),t.groups.reset(),e.groups.each(function(e){t.groups.add(e.clone())}),t.trigger("change",t)},state:function(e,t){this.set("state_info",t),this.set("state",e)},ready:function(){return this.get("state")=="ok"||this.get("state")=="failed"}})}),define("plugin/views/group",["plugin/library/ui-table","plugin/library/ui","utils/utils"],function(e,t,n){return Backbone.View.extend({columns:[],initialize:function(r,i){this.app=r;var s=this;this.chart=this.app.chart,this.group=i.group,this.group_key=new t.Input({placeholder:"Data label",onchange:function(){s.group.set("key",s.group_key.value())}}),this.table=new e.View({content:"No data column."});var o=$("
    ");o.append(n.wrap((new t.Label({title:"Provide a label:"})).$el)),o.append(n.wrap(this.group_key.$el)),o.append(n.wrap((new t.Label({title:"Select columns:"})).$el)),o.append(n.wrap(this.table.$el)),this.setElement(o);var s=this;this.chart.on("change:dataset_id",function(){s._refreshTable()}),this.chart.on("change:type",function(){s._refreshTable()}),this.group.on("change:key",function(){s._refreshGroupKey()}),this.group.on("change",function(){s._refreshGroup()}),this._refreshTable(),this._refreshGroupKey(),this._refreshGroup()},_refreshTable:function(){var e=this.chart.get("dataset_id"),n=this.chart.get("type");if(!e||!n)return;var r=this,i=this.app.types.get(n);this.table.removeAll();var s={};for(var o in i.columns){var u=this.group.get(o);u||this.group.set(o,0);var a=i.columns[o],f=new t.Select.View({id:"select_"+o,gid:o,onchange:function(e){r.group.set(this.gid,e)},value:u,wait:!0});this.table.add(a.title,"25%"),this.table.add(f.$el),this.table.append(o),s[o]=f}this.app.datasets.request({id:e},function(e){r.columns=[];var t=e.metadata_column_types;for(var n in t)(t[n]=="int"||t[n]=="float")&&r.columns.push({label:"Column: "+(parseInt(n)+1)+" ["+t[n]+"]",value:n});for(var n in s)s[n].update(r.columns),s[n].show()})},_refreshGroup:function(){this.group.set("date",n.time())},_refreshGroupKey:function(){var e=this.group.get("key");e===undefined&&(e=""),this.group_key.value(e)}})}),define("plugin/library/ui-table-form",["plugin/library/ui-table","plugin/library/ui","utils/utils"],function(e,t,n){var r=Backbone.View.extend({initialize:function(r){this.table_title=new t.Label({title:r.title}),this.table=new e.View({content:r.content});var i=$("
    ");i.append(n.wrap(this.table_title.$el)),i.append(n.wrap(this.table.$el)),this.setElement(i)},title:function(e){this.table_title.title(e)},update:function(e,t){this.table.removeAll();for(var n in e)this._add(n,e[n],t)},_add:function(e,n,r){var i=null,s=n.type;switch(s){case"text":i=new t.Input({placeholder:n.placeholder,onchange:function(){r.set(e,i.value())}});break;case"select":i=new t.Select.View({data:n.data,onchange:function(){r.set(e,i.value())}});break;case"slider":i=new t.Input({placeholder:n.placeholder,onchange:function(){r.set(e,i.value())}});break;case"separator":i=$("
    ");break;default:console.log("ui-table-form:_add","Unknown setting type ("+n.type+")");return}if(s!="separator"){r.get(e)||r.set(e,n.init),i.value(r.get(e));var o=$("
    ");o.append(i.$el),o.append('
    '+n.info+"
    "),this.table.add(''+n.title+"","25%"),this.table.add(o)}else this.table.add('
    '+n.title+":
    "),this.table.add($("
    "));this.table.append(e)}});return{View:r}}),define("plugin/views/settings",["plugin/library/ui","plugin/library/ui-table-form","utils/utils"],function(e,t,n){return Backbone.View.extend({initialize:function(e,n){this.app=e;var r=this;this.chart=this.app.chart,this.form=new t.View({title:"Chart options:",content:"This chart type does not provide any options."}),this.setElement(this.form.$el);var r=this;this.chart.on("change",function(){r._refreshTable()})},_refreshTable:function(){var e=this.chart.get("type");if(!e)return;var t=this.app.types.get(e);this.form.title(t.title+":"),this.form.update(t.settings,this.chart.settings)}})}),define("plugin/views/chart",["mvc/ui/ui-tabs","plugin/library/ui-table","plugin/library/ui","utils/utils","plugin/models/chart","plugin/models/group","plugin/views/group","plugin/views/settings"],function(e,t,n,r,i,s,o,u){return Backbone.View.extend({optionsDefault:{header:!0,content:"No content available."},initialize:function(i,s){this.app=i,this.chart=this.app.chart,this.options=r.merge(s,this.optionsDefault);var o=this;this.table=new t.View({header:!1,onconfirm:function(e){o.chart.groups.length>0?o.app.modal.show({title:"Switching to another chart type?",body:"If you continue your settings and selections will be cleared.",buttons:{Cancel:function(){o.app.modal.hide()},Continue:function(){o.app.modal.hide(),o.table.value(e)}}}):o.table.value(e)},onchange:function(e){o.chart.groups.reset(),o.chart.settings.clear(),o.chart.set({type:e})},ondblclick:function(e){o.tabs.show("settings")},content:"No chart types available"});var a=0,f=i.types.attributes;for(var l in f){var c=f[l];this.table.add(++a+"."),c.execute?this.table.add(c.title+" (requires processing)"):this.table.add(c.title),this.table.append(l)}this.tabs=new e.View({title_new:"Add Data",onnew:function(){var e=o._addGroupModel();o.tabs.show(e.id)},operations:{save:new n.ButtonIcon({icon:"fa-save",tooltip:"Draw Chart",title:"Draw",onclick:function(){o.app.go("charts_view"),o._saveChart()}}),back:new n.ButtonIcon({icon:"fa-caret-left",tooltip:"Return to Viewer",title:"Return",onclick:function(){o.app.go("charts_view")}})}}),this.title=new n.Input({placeholder:"Chart title",onchange:function(){o.app.config.set("title",o.title.value())}});var h=$("
    ");h.append(r.wrap((new n.Label({title:"Provide a chart title:"})).$el)),h.append(r.wrap(this.title.$el)),h.append(r.wrap((new n.Label({title:"Select a chart type:"})).$el)),h.append(r.wrap(this.table.$el)),this.tabs.add({id:"main",title:"Start",$el:h}),this.settings=new u(this.app),this.tabs.add({id:"settings",title:"Configuration",$el:this.settings.$el}),this.setElement(this.tabs.$el),this.tabs.hideOperation("back");var o=this;this.chart.on("change:title",function(e){o.title.value(e.get("title")),o.app.config.set("title",e.get("title"))}),this.chart.on("change:type",function(e){o.table.value(e.get("type"))}),this.chart.on("reset",function(e){o._resetChart()}),this.app.charts.on("add",function(e){o.tabs.showOperation("back")}),this.app.charts.on("remove",function(e){o.app.charts.length==0&&o.tabs.hideOperation("back")}),this.app.charts.on("reset",function(e){o.tabs.hideOperation("back")}),this.app.chart.groups.on("add",function(e){o._addGroup(e)}),this.app.chart.groups.on("remove",function(e){o._removeGroup(e)}),this.app.chart.groups.on("reset",function(e){o._removeAllGroups()}),this.app.chart.groups.on("change:key",function(e){o._refreshGroupKey()}),this._resetChart()},show:function(){this.$el.show()},hide:function(){$(".tooltip").hide(),this.$el.hide()},_refreshGroupKey:function(){var e=this,t=0;this.chart.groups.each(function(n){var r=n.get("key","");r==""&&(r="Chart data"),e.tabs.title(n.id,++t+": "+r)})},_addGroupModel:function(){var e=new s({id:r.uuid()});return this.chart.groups.add(e),e},_addGroup:function(e){var t=this,n=new o(this.app,{group:e}),r=t.chart.groups.length;this.tabs.add({id:e.id,$el:n.$el,ondel:function(){t.chart.groups.remove(e.id)}}),this._refreshGroupKey()},_removeGroup:function(e){this.tabs.del(e.id),this._refreshGroupKey()},_removeAllGroups:function(e){this.tabs.delRemovable()},_resetChart:function(){this.chart.set("id",r.uuid()),this.chart.set("type","bardiagram"),this.chart.set("dataset_id",this.app.options.config.dataset_id),this.chart.set("title","New Chart")},_saveChart:function(){this.chart.set({type:this.table.value(),title:this.title.value(),date:r.time()}),this.chart.groups.length==0&&this._addGroupModel();var e=this.app.charts.get(this.chart.id);e?e.copy(this.chart):(e=this.chart.clone(),e.copy(this.chart),this.app.charts.add(e)),e.trigger("redraw",e),this.app.charts.save()}})}),define("plugin/models/config",[],function(){return Backbone.Model.extend({defaults:{query_limit:1e3,query_timeout:500,title:"Create a new chart"}})}),define("plugin/models/charts",["plugin/models/chart","plugin/models/group"],function(e,t){return Backbone.Collection.extend({model:e,vis:null,initialize:function(e,t){this.app=t,this.id=this.app.options.id,this.vis=new Visualization({type:"charts",config:{dataset_id:this.app.options.config.dataset_id,charts:[]}}),this.id&&(this.vis.id=this.id);var n=this.app.options.config.charts;n&&(this.vis.get("config").charts=n)},save:function(){this.vis.get("config").charts=[];var e=this;this.each(function(t){var n={attributes:t.attributes,settings:t.settings.attributes,groups:[]};t.groups.each(function(e){n.groups.push(e.attributes)}),e.vis.get("config").charts.push(n)});var e=this;this.vis.save().fail(function(e,t,n){console.error(e,t,n),alert("Error loading data:\n"+e.responseText)}).then(function(t){t&&t.id&&(e.id=t.id)})},load:function(){var n=this.vis.get("config").charts;for(var r in n){var i=n[r],s=new e;s.set(i.attributes),s.settings.set(i.settings);for(var o in i.groups)s.groups.add(new t(i.groups[o]));s.state("ok","Loaded previously saved visualization."),this.add(s),s.trigger("redraw",s)}}})}),define("plugin/charts/_nvd3/config",[],function(){return{title:"",columns:{y:{title:"Values for y-axis"}},settings:{separator_label:{title:"X axis",type:"separator"},x_axis_label:{title:"Axis label",info:"Provide a label for the axis.",type:"text",init:"X-axis",placeholder:"Axis label"},x_axis_type:{title:"Axis value type",info:"Select the value type of the axis.",type:"select",init:"f",data:[{label:"-- Do not show values --",value:"hide"},{label:"Float",value:"f"},{label:"Exponent",value:"e"},{label:"Integer",value:"d"},{label:"Percentage",value:"p"},{label:"Rounded",value:"r"},{label:"SI-prefix",value:"s"}]},x_axis_tick:{title:"Axis tick format",info:"Select the tick format for the axis.",type:"select",init:".1",data:[{label:"0.00001",value:".5"},{label:"0.0001",value:".4"},{label:"0.001",value:".3"},{label:"0.01",value:".2"},{label:"0.1",value:".1"},{label:"1",value:"1"}]},separator_tick:{title:"Y axis",type:"separator"},y_axis_label:{title:"Axis label",info:"Provide a label for the axis.",type:"text",init:"Y-axis",placeholder:"Axis label"},y_axis_type:{title:"Axis value type",info:"Select the value type of the axis.",type:"select",init:"f",data:[{label:"-- Do not show values --",value:"hide"},{label:"Float",value:"f"},{label:"Exponent",value:"e"},{label:"Integer",value:"d"},{label:"Percentage",value:"p"},{label:"Rounded",value:"r"},{label:"SI-prefix",value:"s"}]},y_axis_tick:{title:"Axis tick format",info:"Select the tick format for the axis.",type:"select",init:".1",data:[{label:"0.00001",value:".5"},{label:"0.0001",value:".4"},{label:"0.001",value:".3"},{label:"0.01",value:".2"},{label:"0.1",value:".1"},{label:"1",value:"1"}]},separator_legend:{title:"Others",type:"separator"},show_legend:{title:"Show legend",info:"Would you like to add a legend?",type:"select",init:"true",data:[{label:"Yes",value:"true"},{label:"No",value:"false"}]}}}}),define("plugin/charts/bardiagram/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Bar diagram"})}),define("plugin/charts/histogram/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Histogram",execute:!0,columns:{y:{title:"Observations"}},settings:{x_axis_label:{init:"Breaks"},y_axis_label:{init:"Density"},y_axis_tick:{init:".3"}}})}),define("plugin/charts/horizontal/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Bar diagram (horizontal)",settings:{x_axis_type:{init:"hide"}}})}),define("plugin/charts/line/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Line chart"})}),define("plugin/charts/linewithfocus/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Line with focus"})}),define("plugin/charts/piechart/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Pie chart"})}),define("plugin/charts/scatterplot/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Scatter plot",columns:{x:{title:"Values for x-axis"}}})}),define("plugin/charts/stackedarea/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Stacked area"})}),define("plugin/charts/types",["plugin/charts/bardiagram/config","plugin/charts/histogram/config","plugin/charts/horizontal/config","plugin/charts/line/config","plugin/charts/linewithfocus/config","plugin/charts/piechart/config","plugin/charts/scatterplot/config","plugin/charts/stackedarea/config"],function(e,t,n,r,i,s,o,u){return Backbone.Model.extend({defaults:{bardiagram:e,horizontal:n,histogram:t,line:r,linewithfocus:i,piechart:s,scatterplot:o,stackedarea:u}})}),define("plugin/app",["mvc/ui/ui-modal","mvc/ui/ui-portlet","plugin/library/ui","utils/utils","plugin/library/jobs","plugin/library/datasets","plugin/views/charts","plugin/views/chart","plugin/models/config","plugin/models/chart","plugin/models/charts","plugin/charts/types"],function(e,t,n,r,i,s,o,u,a,f,l,c){return Backbone.View.extend({initialize:function(n){this.options=n,Galaxy&&Galaxy.modal?this.modal=Galaxy.modal:this.modal=new e.View,this.config=new a,this.jobs=new i(this),this.types=new c,this.chart=new f,this.charts=new l(null,this),this.datasets=new s(this),this.charts_view=new o(this),this.chart_view=new u(this),this.options.config.widget?this.portlet=$("
    "):this.portlet=new t.View({icon:"fa-bar-chart-o"}),this.portlet.append(this.charts_view.$el),this.portlet.append(this.chart_view.$el),this.options.config.widget?this.setElement(this.portlet):this.setElement(this.portlet.$el);var r=this;this.config.on("change:title",function(){r._refreshTitle()}),this.render(),this.charts.load(),this.charts.length==0?this.go("chart_view"):this.go("charts_view")},go:function(e){switch(e){case"chart_view":this.chart_view.show(),this.charts_view.hide();break;case"charts_view":this.chart_view.hide(),this.charts_view.show()}},render:function(){this._refreshTitle()},_refreshTitle:function(){var e=this.config.get("title");e&&(e=" - "+e),this.portlet.title("Charts"+e)},execute:function(e){},onunload:function(){},log:function(e,t){console.log(e+" "+t)}})}); \ No newline at end of file +(function(){var e=this,t=e._,n={},r=Array.prototype,i=Object.prototype,s=Function.prototype,o=r.push,u=r.slice,a=r.concat,f=i.toString,l=i.hasOwnProperty,c=r.forEach,h=r.map,p=r.reduce,d=r.reduceRight,v=r.filter,m=r.every,g=r.some,y=r.indexOf,b=r.lastIndexOf,w=Array.isArray,E=Object.keys,S=s.bind,x=function(e){if(e instanceof x)return e;if(!(this instanceof x))return new x(e);this._wrapped=e};typeof exports!="undefined"?(typeof module!="undefined"&&module.exports&&(exports=module.exports=x),exports._=x):e._=x,x.VERSION="1.4.4";var T=x.each=x.forEach=function(e,t,r){if(e==null)return;if(c&&e.forEach===c)e.forEach(t,r);else if(e.length===+e.length){for(var i=0,s=e.length;i2;e==null&&(e=[]);if(p&&e.reduce===p)return r&&(t=x.bind(t,r)),i?e.reduce(t,n):e.reduce(t);T(e,function(e,s,o){i?n=t.call(r,n,e,s,o):(n=e,i=!0)});if(!i)throw new TypeError(N);return n},x.reduceRight=x.foldr=function(e,t,n,r){var i=arguments.length>2;e==null&&(e=[]);if(d&&e.reduceRight===d)return r&&(t=x.bind(t,r)),i?e.reduceRight(t,n):e.reduceRight(t);var s=e.length;if(s!==+s){var o=x.keys(e);s=o.length}T(e,function(u,a,f){a=o?o[--s]:--s,i?n=t.call(r,n,e[a],a,f):(n=e[a],i=!0)});if(!i)throw new TypeError(N);return n},x.find=x.detect=function(e,t,n){var r;return C(e,function(e,i,s){if(t.call(n,e,i,s))return r=e,!0}),r},x.filter=x.select=function(e,t,n){var r=[];return e==null?r:v&&e.filter===v?e.filter(t,n):(T(e,function(e,i,s){t.call(n,e,i,s)&&r.push(e)}),r)},x.reject=function(e,t,n){return x.filter(e,function(e,r,i){return!t.call(n,e,r,i)},n)},x.every=x.all=function(e,t,r){t||(t=x.identity);var i=!0;return e==null?i:m&&e.every===m?e.every(t,r):(T(e,function(e,s,o){if(!(i=i&&t.call(r,e,s,o)))return n}),!!i)};var C=x.some=x.any=function(e,t,r){t||(t=x.identity);var i=!1;return e==null?i:g&&e.some===g?e.some(t,r):(T(e,function(e,s,o){if(i||(i=t.call(r,e,s,o)))return n}),!!i)};x.contains=x.include=function(e,t){return e==null?!1:y&&e.indexOf===y?e.indexOf(t)!=-1:C(e,function(e){return e===t})},x.invoke=function(e,t){var n=u.call(arguments,2),r=x.isFunction(t);return x.map(e,function(e){return(r?t:e[t]).apply(e,n)})},x.pluck=function(e,t){return x.map(e,function(e){return e[t]})},x.where=function(e,t,n){return x.isEmpty(t)?n?void 0:[]:x[n?"find":"filter"](e,function(e){for(var n in t)if(t[n]!==e[n])return!1;return!0})},x.findWhere=function(e,t){return x.where(e,t,!0)},x.max=function(e,t,n){if(!t&&x.isArray(e)&&e[0]===+e[0]&&e.length<65535)return Math.max.apply(Math,e);if(!t&&x.isEmpty(e))return-Infinity;var r={computed:-Infinity,value:-Infinity};return T(e,function(e,i,s){var o=t?t.call(n,e,i,s):e;o>=r.computed&&(r={value:e,computed:o})}),r.value},x.min=function(e,t,n){if(!t&&x.isArray(e)&&e[0]===+e[0]&&e.length<65535)return Math.min.apply(Math,e);if(!t&&x.isEmpty(e))return Infinity;var r={computed:Infinity,value:Infinity};return T(e,function(e,i,s){var o=t?t.call(n,e,i,s):e;or||n===void 0)return 1;if(n>>1;n.call(r,e[u])=0})})},x.difference=function(e){var t=a.apply(r,u.call(arguments,1));return x.filter(e,function(e){return!x.contains(t,e)})},x.zip=function(){var e=u.call(arguments),t=x.max(x.pluck(e,"length")),n=new Array(t);for(var r=0;r=0;n--)t=[e[n].apply(this,t)];return t[0]}},x.after=function(e,t){return e<=0?t():function(){if(--e<1)return t.apply(this,arguments)}},x.keys=E||function(e){if(e!==Object(e))throw new TypeError("Invalid object");var t=[];for(var n in e)x.has(e,n)&&t.push(n);return t},x.values=function(e){var t=[];for(var n in e)x.has(e,n)&&t.push(e[n]);return t},x.pairs=function(e){var t=[];for(var n in e)x.has(e,n)&&t.push([n,e[n]]);return t},x.invert=function(e){var t={};for(var n in e)x.has(e,n)&&(t[e[n]]=n);return t},x.functions=x.methods=function(e){var t=[];for(var n in e)x.isFunction(e[n])&&t.push(n);return t.sort()},x.extend=function(e){return T(u.call(arguments,1),function(t){if(t)for(var n in t)e[n]=t[n]}),e},x.pick=function(e){var t={},n=a.apply(r,u.call(arguments,1));return T(n,function(n){n in e&&(t[n]=e[n])}),t},x.omit=function(e){var t={},n=a.apply(r,u.call(arguments,1));for(var i in e)x.contains(n,i)||(t[i]=e[i]);return t},x.defaults=function(e){return T(u.call(arguments,1),function(t){if(t)for(var n in t)e[n]===void 0&&(e[n]=t[n])}),e},x.clone=function(e){return x.isObject(e)?x.isArray(e)?e.slice():x.extend({},e):e},x.tap=function(e,t){return t(e),e};var M=function(e,t,n,r){if(e===t)return e!==0||1/e==1/t;if(e==null||t==null)return e===t;e instanceof x&&(e=e._wrapped),t instanceof x&&(t=t._wrapped);var i=f.call(e);if(i!=f.call(t))return!1;switch(i){case"[object String]":return e==String(t);case"[object Number]":return e!=+e?t!=+t:e==0?1/e==1/t:e==+t;case"[object Date]":case"[object Boolean]":return+e==+t;case"[object RegExp]":return e.source==t.source&&e.global==t.global&&e.multiline==t.multiline&&e.ignoreCase==t.ignoreCase}if(typeof e!="object"||typeof t!="object")return!1;var s=n.length;while(s--)if(n[s]==e)return r[s]==t;n.push(e),r.push(t);var o=0,u=!0;if(i=="[object Array]"){o=e.length,u=o==t.length;if(u)while(o--)if(!(u=M(e[o],t[o],n,r)))break}else{var a=e.constructor,l=t.constructor;if(a!==l&&!(x.isFunction(a)&&a instanceof a&&x.isFunction(l)&&l instanceof l))return!1;for(var c in e)if(x.has(e,c)){o++;if(!(u=x.has(t,c)&&M(e[c],t[c],n,r)))break}if(u){for(c in t)if(x.has(t,c)&&!(o--))break;u=!o}}return n.pop(),r.pop(),u};x.isEqual=function(e,t){return M(e,t,[],[])},x.isEmpty=function(e){if(e==null)return!0;if(x.isArray(e)||x.isString(e))return e.length===0;for(var t in e)if(x.has(e,t))return!1;return!0},x.isElement=function(e){return!!e&&e.nodeType===1},x.isArray=w||function(e){return f.call(e)=="[object Array]"},x.isObject=function(e){return e===Object(e)},T(["Arguments","Function","String","Number","Date","RegExp"],function(e){x["is"+e]=function(t){return f.call(t)=="[object "+e+"]"}}),x.isArguments(arguments)||(x.isArguments=function(e){return!!e&&!!x.has(e,"callee")}),typeof /./!="function"&&(x.isFunction=function(e){return typeof e=="function"}),x.isFinite=function(e){return isFinite(e)&&!isNaN(parseFloat(e))},x.isNaN=function(e){return x.isNumber(e)&&e!=+e},x.isBoolean=function(e){return e===!0||e===!1||f.call(e)=="[object Boolean]"},x.isNull=function(e){return e===null},x.isUndefined=function(e){return e===void 0},x.has=function(e,t){return l.call(e,t)},x.noConflict=function(){return e._=t,this},x.identity=function(e){return e},x.times=function(e,t,n){var r=Array(e);for(var i=0;i":">",'"':""","'":"'","/":"/"}};_.unescape=x.invert(_.escape);var D={escape:new RegExp("["+x.keys(_.escape).join("")+"]","g"),unescape:new RegExp("("+x.keys(_.unescape).join("|")+")","g")};x.each(["escape","unescape"],function(e){x[e]=function(t){return t==null?"":(""+t).replace(D[e],function(t){return _[e][t]})}}),x.result=function(e,t){if(e==null)return void 0;var n=e[t];return x.isFunction(n)?n.call(e):n},x.mixin=function(e){T(x.functions(e),function(t){var n=x[t]=e[t];x.prototype[t]=function(){var e=[this._wrapped];return o.apply(e,arguments),F.call(this,n.apply(x,e))}})};var P=0;x.uniqueId=function(e){var t=++P+"";return e?e+t:t},x.templateSettings={evaluate:/<%([\s\S]+?)%>/g,interpolate:/<%=([\s\S]+?)%>/g,escape:/<%-([\s\S]+?)%>/g};var H=/(.)^/,B={"'":"'","\\":"\\","\r":"r","\n":"n"," ":"t","\u2028":"u2028","\u2029":"u2029"},j=/\\|'|\r|\n|\t|\u2028|\u2029/g;x.template=function(e,t,n){var r;n=x.defaults({},n,x.templateSettings);var i=new RegExp([(n.escape||H).source,(n.interpolate||H).source,(n.evaluate||H).source].join("|")+"|$","g"),s=0,o="__p+='";e.replace(i,function(t,n,r,i,u){return o+=e.slice(s,u).replace(j,function(e){return"\\"+B[e]}),n&&(o+="'+\n((__t=("+n+"))==null?'':_.escape(__t))+\n'"),r&&(o+="'+\n((__t=("+r+"))==null?'':__t)+\n'"),i&&(o+="';\n"+i+"\n__p+='"),s=u+t.length,t}),o+="';\n",n.variable||(o="with(obj||{}){\n"+o+"}\n"),o="var __t,__p='',__j=Array.prototype.join,print=function(){__p+=__j.call(arguments,'');};\n"+o+"return __p;\n";try{r=new Function(n.variable||"obj","_",o)}catch(u){throw u.source=o,u}if(t)return r(t,x);var a=function(e){return r.call(this,e,x)};return a.source="function("+(n.variable||"obj")+"){\n"+o+"}",a},x.chain=function(e){return x(e).chain()};var F=function(e){return this._chain?x(e).chain():e};x.mixin(x),T(["pop","push","reverse","shift","sort","splice","unshift"],function(e){var t=r[e];x.prototype[e]=function(){var n=this._wrapped;return t.apply(n,arguments),(e=="shift"||e=="splice")&&n.length===0&&delete n[0],F.call(this,n)}}),T(["concat","join","slice"],function(e){var t=r[e];x.prototype[e]=function(){return F.call(this,t.apply(this._wrapped,arguments))}}),x.extend(x.prototype,{chain:function(){return this._chain=!0,this},value:function(){return this._wrapped}})}).call(this),define("libs/underscore",function(e){return function(){var t,n;return t||e._}}(this)),define("utils/utils",["libs/underscore"],function(e){function t(e,t,r){n("GET",e,{},t,r)}function n(e,t,n,r,i){if(e=="GET"||e=="DELETE")t.indexOf("?")==-1?t+="?":t+="&",t+=$.param(n);var s=new XMLHttpRequest;s.open(e,t,!0),s.setRequestHeader("Accept","application/json"),s.setRequestHeader("Cache-Control","no-cache"),s.setRequestHeader("X-Requested-With","XMLHttpRequest"),s.setRequestHeader("Content-Type","application/json"),s.onloadend=function(){var e=s.status;try{response=jQuery.parseJSON(s.responseText)}catch(t){response=s.responseText}e==200?r&&r(response):i&&i(response)},e=="GET"||e=="DELETE"?s.send():s.send(JSON.stringify(n))}function r(e,t){var n=$('
    ');n.appendTo(":eq(0)");var r=n.css(t);return n.remove(),r}function i(e){$('link[href^="'+e+'"]').length||$('').appendTo("head")}function s(t,n){return t?e.defaults(t,n):n}function o(e,t){var n="";if(e>=1e11)e/=1e11,n="TB";else if(e>=1e8)e/=1e8,n="GB";else if(e>=1e5)e/=1e5,n="MB";else if(e>=100)e/=100,n="KB";else{if(!(e>0))return"-";e*=10,n="b"}var r=Math.round(e)/10;return t?r+" "+n:""+r+" "+n}function u(){return(new Date).getTime().toString(36)}function a(e){var t=$("

    ");return t.append(e),t}function f(){var e=new Date,t=(e.getHours()<10?"0":"")+e.getHours(),n=(e.getMinutes()<10?"0":"")+e.getMinutes(),r=e.getDate()+"/"+(e.getMonth()+1)+"/"+e.getFullYear()+", "+t+":"+n;return r}return{cssLoadFile:i,cssGetAttribute:r,get:t,merge:s,bytesToString:o,uuid:u,time:f,wrap:a,request:n}}),define("mvc/ui/ui-modal",["utils/utils"],function(e){var t=Backbone.View.extend({elMain:"body",optionsDefault:{title:"ui-modal",body:"",backdrop:!0,height:null,width:null,closing_events:!1},buttonList:{},initialize:function(e){e&&this._create(e)},show:function(e){this.initialize(e),this.options.height?(this.$body.css("height",this.options.height),this.$body.css("overflow","hidden")):this.$body.css("max-height",$(window).height()/2),this.options.width&&this.$dialog.css("width",this.options.width),this.visible?this.$el.show():this.$el.fadeIn("fast"),this.visible=!0},hide:function(){this.visible=!1,this.$el.fadeOut("fast")},enableButton:function(e){var t=this.buttonList[e];this.$buttons.find("#"+t).prop("disabled",!1)},disableButton:function(e){var t=this.buttonList[e];this.$buttons.find("#"+t).prop("disabled",!0)},showButton:function(e){var t=this.buttonList[e];this.$buttons.find("#"+t).show()},hideButton:function(e){var t=this.buttonList[e];this.$buttons.find("#"+t).hide()},getButton:function(e){var t=this.buttonList[e];return this.$buttons.find("#"+t)},scrollTop:function(){return this.$body.scrollTop()},_create:function(e){var t=this;this.options=_.defaults(e,this.optionsDefault),this.options.body=="progress"&&(this.options.body=$('
    ')),this.$el&&(this.$el.remove(),$(document).off("keyup")),this.setElement(this._template(this.options.title)),this.$dialog=this.$el.find(".modal-dialog"),this.$body=this.$el.find(".modal-body"),this.$footer=this.$el.find(".modal-footer"),this.$buttons=this.$el.find(".buttons"),this.$backdrop=this.$el.find(".modal-backdrop"),this.$body.html(this.options.body),this.options.backdrop||this.$backdrop.removeClass("in");if(this.options.buttons){this.buttonList={};var n=0;$.each(this.options.buttons,function(e,r){var i="button-"+n++;t.$buttons.append($('').text(e).click(r)).append(" "),t.buttonList[e]=i})}else this.$footer.hide();$(this.elMain).append($(this.el)),this.options.closing_events&&(this.options.buttons.Pause||$(document).on("keyup",function(e){e.keyCode==27&&t.hide()}),this.$el.find(".modal-backdrop").on("click",function(){t.hide()}))},_template:function(e){return'

    '+e+"

    "+"
    "+'
    '+'
    '+'
    '+"
    "+""+"
    "}});return{View:t}}),define("mvc/ui/ui-portlet",["utils/utils"],function(e){var t=Backbone.View.extend({visible:!1,optionsDefault:{title:"",icon:"",buttons:null,body:null,height:null,operations:null,placement:"bottom",overflow:"auto"},$title:null,$content:null,$buttons:null,$operations:null,initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),this.$content=this.$el.find("#content"),this.$title=this.$el.find("#title-text"),this.options.height&&(this.$el.find("#body").css("height",this.options.height),this.$el.find("#content").css("overflow",this.options.overflow)),this.$buttons=$(this.el).find("#buttons");if(this.options.buttons){var n=this;$.each(this.options.buttons,function(e,t){t.$el.prop("id",e),n.$buttons.append(t.$el)})}else this.$buttons.remove();this.$operations=$(this.el).find("#operations");if(this.options.operations){var n=this;$.each(this.options.operations,function(e,t){t.$el.prop("id",e),n.$operations.append(t.$el)})}this.options.body&&this.append(this.options.body)},append:function(t){this.$content.append(e.wrap(t))},content:function(){return this.$content},show:function(){this.$el.fadeIn("fast"),this.visible=!0},hide:function(){this.$el.fadeOut("fast"),this.visible=!1},enableButton:function(e){this.$buttons.find("#"+e).prop("disabled",!1)},disableButton:function(e){this.$buttons.find("#"+e).prop("disabled",!0)},hideOperation:function(e){this.$operations.find("#"+e).hide()},showOperation:function(e){this.$operations.find("#"+e).show()},setOperation:function(e,t){var n=this.$operations.find("#"+e);n.off("click"),n.on("click",t)},title:function(e){var t=this.$title;return e&&t.html(e),t.html()},_template:function(e){var t='
    ';if(e.title||e.icon)t+='
    ',e.icon&&(t+='
     
    '),t+='
    '+e.title+"
    ",t+="
    ";return t+='
    ',e.placement=="top"&&(t+='
    '),t+='
    ',e.placement=="bottom"&&(t+='
    '),t+="
    ",t}});return{View:t}}),define("plugin/library/ui-select",["utils/utils"],function(e){var t=Backbone.View.extend({optionsDefault:{id:"",cls:"",empty:"No data available",visible:!0,wait:!1},selected:null,initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),this.$select=this.$el.find("#select"),this.$icon=this.$el.find("#icon"),this.selected=this.options.value;var n=this;this.options.onchange&&this.$select.on("change",function(){n.value(n.$select.val())}),this._refresh(),this.options.visible||this.hide(),this.options.wait?this.wait():this.show()},value:function(e){var t=this.selected;e!==undefined&&(this.selected=e,this.$select.val(e));var n=this.selected;return n&&n!=t&&this.options.onchange&&this.options.onchange(n),n},text:function(){return this.$select.find("option:selected").text()},show:function(){this.$icon.removeClass(),this.$icon.addClass("fa fa-caret-down"),this.$select.show(),this.$el.show()},hide:function(){this.$el.hide()},wait:function(){this.$icon.removeClass(),this.$icon.addClass("fa fa-spinner fa-spin"),this.$select.hide()},disabled:function(){return this.$select.is(":disabled")},enable:function(){this.$select.prop("disabled",!1)},disable:function(){this.$select.prop("disabled",!0)},add:function(e){this.$select.append(this._templateOption(e)),this._refresh()},del:function(e){this.$select.find("option[value="+e+"]").remove(),this.$select.trigger("change"),this._refresh()},update:function(e){this.$select.find("option").remove();for(var t in e)this.$select.append(this._templateOption(e[t]));!this.selected&&e.length>0&&this.value(e[0].value),this._refresh()},_refresh:function(){this.$select.find("option[value=null]").remove();var e=this.$select.find("option").length;e==0?(this.$select.append(this._templateOption({value:"null",label:this.options.empty})),this.disable()):(this.enable(),this.selected&&this.$select.val(this.selected))},_exists:function(e){return 0!=this.$select.find("option[value="+e+"]").length},_templateOption:function(e){return'"},_template:function(e){var t='
    '+'
    '+''+"
    "+'
    ",t}});return{View:t}}),define("plugin/library/ui",["utils/utils","plugin/library/ui-select"],function(e,t){var n=Backbone.View.extend({optionsDefault:{title:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options))},title:function(e){this.$el.find("b").html(e)},_template:function(e){return""},value:function(){return options.title}}),r=Backbone.View.extend({optionsDefault:{id:null,title:"","float":"right",cls:"btn-default",icon:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),$(this.el).on("click",t.onclick),$(this.el).tooltip({title:t.tooltip,placement:"bottom"})},_template:function(e){var t='",t}}),i=Backbone.View.extend({optionsDefault:{"float":"right",icon:"",tooltip:"",placement:"bottom",title:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),$(this.el).tooltip({title:t.tooltip,placement:"bottom"})},_template:function(e){return'
     '+e.title+"
    "}}),s=Backbone.View.extend({optionsDefault:{title:"",id:null,"float":"right",cls:"icon-btn",icon:"",tooltip:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),$(this.el).on("click",t.onclick),$(this.el).tooltip({title:t.tooltip,placement:"bottom"})},_template:function(e){var t="";e.title&&(t="width: auto;");var n='
    ';return e.title?n+='
     '+''+e.title+""+"
    ":n+='',n+="
    ",n}}),o=Backbone.View.extend({optionsDefault:{title:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),$(this.el).on("click",t.onclick)},_template:function(e){return'"}}),u=Backbone.View.extend({optionsDefault:{message:"",status:"info",persistent:!1},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement("
    ")},update:function(t){this.options=e.merge(t,this.optionsDefault);if(t.message!=""){this.$el.html(this._template(this.options)),this.$el.fadeIn();if(!t.persistent){var n=this;window.setTimeout(function(){n.$el.is(":visible")?n.$el.fadeOut():n.$el.hide()},3e3)}}else this.$el.fadeOut()},_template:function(e){return'
    '+e.message+"
    "}}),a=Backbone.View.extend({optionsDefault:{onclick:null,searchword:""},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options));var n=this;this.options.onclick&&this.$el.on("submit",function(e){var t=n.$el.find("#search");n.options.onclick(t.val())})},_template:function(e){return'
    '+'"+"
    "+"
    "}}),f=Backbone.View.extend({optionsDefault:{title:"Unlabeled",body:null},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),this.options.body&&this.$el.find(".body").append(this.options.body)},_template:function(e){return'
    '+e.title+":"+"
    "}}),l=Backbone.View.extend({optionsDefault:{id:"",title:"",target:"",href:"",onunload:null,onclick:null,visible:!0,icon:null,tag:""},$menu:null,initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement($(this._template(this.options)));var n=$(this.el).find(".root"),r=this;n.on("click",function(e){e.preventDefault(),r.options.onclick&&r.options.onclick()}),this.options.visible||this.hide()},show:function(){$(this.el).show()},hide:function(){$(this.el).hide()},addMenu:function(t){var n={title:"",target:"",href:"",onclick:null,divider:!1,icon:null};n=e.merge(t,n),this.$menu||($(this.el).append(this._templateMenu()),this.$menu=$(this.el).find(".menu"));var r=$(this._templateMenuItem(n));r.on("click",function(e){e.preventDefault(),n.onclick&&n.onclick()}),this.$menu.append(r),n.divider&&this.$menu.append($(this._templateDivider()))},_templateMenuItem:function(e){var t='
  • ';return e.icon&&(t+=''),t+=" "+e.title+""+"
    • ",t},_templateMenu:function(){return''},_templateDivider:function(){return'
  • '},_template:function(e){var t='
    '+'
    ",t}}),c=Backbone.View.extend({optionsDefault:{value:"",type:"text",placeholder:"",disabled:!1,visible:!0},initialize:function(t){this.options=e.merge(t,this.optionsDefault),this.setElement(this._template(this.options)),this.options.disabled&&this.$el.prop("disabled",!0),this.options.visible||this.$el.hide();var n=this;this.options.onchange&&this.$el.on("input",function(){n.options.onchange()})},value:function(e){return e!==undefined&&this.$el.val(e),this.$el.val()},_template:function(e){return''}});return{Label:n,Button:r,Icon:i,ButtonIcon:s,Input:c,Anchor:o,Message:u,Searchbox:a,Title:f,Select:t,ButtonMenu:l}}),define("plugin/library/jobs",["utils/utils"],function(e){return Backbone.Model.extend({initialize:function(t,n){this.app=t,this.options=e.merge(n,this.optionsDefault)},cleanup:function(t){var n=t.get("dataset_id_job");if(n){var r=this;e.request("PUT",config.root+"api/histories/none/contents/"+n,{deleted:!0},function(){r._refreshHdas()})}},submit:function(t,n,r,i){var s=this,o=t.id,u=t.get("type"),a=this.app.types.get(u);data={tool_id:"rkit",inputs:{input:{id:t.get("dataset_id"),src:"hda"},module:u,columns:r,settings:n}},s.cleanup(t),t.state("submit","Sending job request..."),e.request("POST",config.root+"api/tools",data,function(e){if(!e.outputs||e.outputs.length==0)t.state("failed","Job submission failed. No response.");else{s._refreshHdas();var n=e.outputs[0];t.state("queued","Job has been queued..."),t.set("dataset_id_job",n.id),s._loop(n.id,function(e){switch(e.state){case"ok":return t.state("success","Job completed successfully..."),i(e),!0;case"error":return t.state("failed","Job has failed. Please check the history for details."),!0;case"running":return t.state("running","Job is running..."),!1}})}},function(e){var n="";e&&e.message&&e.message.data&&e.message.data.input&&(n=e.message.data.input+"."),t.state("failed","This visualization requires the R-kit. Please make sure it is installed. "+n)})},_loop:function(t,n){var r=this;e.request("GET",config.root+"api/jobs/"+t,{},function(e){n(e)||setTimeout(function(){r._loop(t,n)},r.app.config.get("query_timeout"))})},_refreshHdas:function(){Galaxy&&Galaxy.currHistoryPanel&&Galaxy.currHistoryPanel.refreshHdas()}})}),define("plugin/library/datasets",["utils/utils"],function(e){return Backbone.Collection.extend({list:{},initialize:function(t,n){this.app=t,this.options=e.merge(n,this.optionsDefault)},request:function(t,n,r){var i=this;if(t.groups)this._fetch(t,n);else{var s=this.list[t.id];if(s){n(s);return}e.request("GET",config.root+"api/datasets/"+t.id,{},function(e){switch(e.state){case"error":r&&r(e);break;default:i.list[t.id]=e,n(e)}})}},_fetch:function(t,n){var r=t.start?t.start:0,i=Math.abs(t.end-t.start),s=this.app.config.get("query_limit");if(!i||i>s)i=s;var o="",u={},a=0;for(var f in t.groups){var l=t.groups[f];for(var c in l.columns){var h=l.columns[c];o+=h+",",u[h]=a,a++}}if(a==0){n({});return}o=o.substring(0,o.length-1);var p=t.groups.slice(0);for(var f in p)p[f].values=[];var d=this;e.request("GET",config.root+"api/datasets/"+t.id,{data_type:"raw_data",provider:"dataset-column",limit:i,offset:r,indeces:o},function(e){for(var i in e.data){var s=e.data[i];for(var o in t.groups){var a=t.groups[o],f={x:parseInt(i)+r};for(var l in a.columns){var c=a.columns[l],h=u[c],d=s[h];if(isNaN(d)||!d)d=0;f[l]=d}p[o].values.push(f)}}n(p)})}})}),define("plugin/models/group",[],function(){return Backbone.Model.extend({defaults:{key:"Data label",date:""},reset:function(){this.clear({silent:!0}).set(this.defaults),this.trigger("reset",this)}})}),define("plugin/models/groups",["plugin/models/group"],function(e){return Backbone.Collection.extend({model:e})});var Visualization=Backbone.Model.extend({defaults:{config:{}},urlRoot:function(){var e="/api/visualizations";return window.galaxy_config&&galaxy_config.root?galaxy_config.root+e:e},initialize:function(e){_.isObject(e.config)&&_.isObject(this.defaults.config)&&_.defaults(e.config,this.defaults.config),this._setUpListeners()},_setUpListeners:function(){},set:function(e,t){if(e==="config"){var n=this.get("config");_.isObject(n)&&(t=_.extend(_.clone(n),t))}return Backbone.Model.prototype.set.call(this,e,t),this},toString:function(){var e=this.get("id")||"";return this.get("title")&&(e+=":"+this.get("title")),"Visualization("+e+")"}}),VisualizationCollection=Backbone.Collection.extend({model:Visualization,url:function(){return galaxy_config.root+"api/visualizations"},initialize:function(e,t){t=t||{}},set:function(e,t){var n=this;e=_.map(e,function(e){var t=n.get(e.id);if(!t)return e;var r=t.toJSON();return _.extend(r,e),r}),Backbone.Collection.prototype.set.call(this,e,t)},toString:function(){return["VisualizationCollection(",[this.historyId,this.length].join(),")"].join("")}});define("mvc/visualization/visualization-model",function(){}),define("plugin/models/chart",["plugin/models/groups","mvc/visualization/visualization-model"],function(e){return Backbone.Model.extend({defaults:{id:null,title:"",type:"",date:null,state:"ok",state_info:""},initialize:function(t){this.groups=new e,this.settings=new Backbone.Model},reset:function(){this.clear({silent:!0}).set(this.defaults),this.groups.reset(),this.settings.clear(),this.trigger("reset",this)},copy:function(e){var t=this;t.clear({silent:!0}).set(this.defaults),t.set(e.attributes),t.settings=e.settings.clone(),t.groups.reset(),e.groups.each(function(e){t.groups.add(e.clone())}),t.trigger("change",t)},state:function(e,t){this.set("state_info",t),this.set("state",e)},ready:function(){return this.get("state")=="ok"||this.get("state")=="failed"}})}),define("plugin/library/storage",["utils/utils","plugin/models/chart","plugin/models/group"],function(e,t,n){return Backbone.Model.extend({vis:null,initialize:function(e){this.app=e,this.chart=this.app.chart,this.options=this.app.options,this.id=this.options.id,this.vis=new Visualization({type:"charts",config:{dataset_id:this.options.config.dataset_id,chart_dict:{}}}),this.id&&(this.vis.id=this.id);var t=this.options.config.chart_dict;t&&(this.vis.get("config").chart_dict=t)},save:function(){var e=this.app.chart;this.vis.get("config").chart_dict={};var t=e.get("title");t!=""&&this.vis.set("title",t);var n={attributes:e.attributes,settings:e.settings.attributes,groups:[]};e.groups.each(function(e){n.groups.push(e.attributes)}),this.vis.get("config").chart_dict=n;var r=this;this.vis.save().fail(function(e,t,n){console.error(e,t,n),alert("Error loading data:\n"+e.responseText)}).then(function(e){e&&e.id&&(r.id=e.id)})},load:function(){var e=this.vis.get("config").chart_dict;if(!e.attributes)return!1;this.chart.set(e.attributes),this.chart.settings.set(e.settings);for(var t in e.groups)this.chart.groups.add(new n(e.groups[t]));return this.chart.state("ok","Loaded previously saved visualization."),!0}})}),define("plugin/views/viewport",["mvc/ui/ui-portlet","plugin/library/ui","utils/utils"],function(e,t,n){return Backbone.View.extend({height:300,initialize:function(e,t){this.app=e,this.chart=this.app.chart,this.options=n.merge(t,this.optionsDefault),this.setElement($(this._template()));var r=this;this.chart.on("redraw",function(){r._draw(r.chart)})},show:function(){this.$el.show()},hide:function(){this.$el.hide()},_draw:function(e){var t=this;if(!e.ready()){this.app.log("viewport:_drawChart()","Invalid attempt to draw chart before completion.");return}this.svg&&this.svg.remove(),this.svg=document.createElementNS("http://www.w3.org/2000/svg","svg"),this.svg.setAttribute("height",this.height),this.$el.append(this.svg),this.svg=d3.select(this.$el.find("svg")[0]),e.off("change:state"),e.on("change:state",function(){var n=t.$el.find("#info"),r=n.find("#icon");r.removeClass(),n.show(),n.find("#text").html(e.get("state_info"));var i=e.get("state");switch(i){case"ok":n.hide();break;case"failed":r.addClass("fa fa-warning");break;default:r.addClass("fa fa-spinner fa-spin")}}),e.state("wait","Please wait...");var n=e.get("type"),r=this.app.types.get(n),t=this;require(["plugin/charts/"+n+"/"+n],function(n){var i=new n(t.app,{svg:t.svg});r.execute?t.app.jobs.submit(e,t._defaultSettingsString(e),t._defaultRequestString(e),function(){i.draw(e,t._defaultRequestDictionary(e))}):i.draw(e,t._defaultRequestDictionary(e))})},_template:function(){return'
    '},_defaultRequestString:function(e){var t=this.app.types.get(e.get("type")),n="",r=0;return e.groups.each(function(e){for(var i in t.columns)n+=i+"_"+ ++r+":"+(parseInt(e.get(i))+1)+", "}),n.substring(0,n.length-2)},_defaultSettingsString:function(e){var t="";for(key in e.settings.attributes)t+=key+":"+e.settings.get(key)+", ";return t.substring(0,t.length-2)},_defaultRequestDictionary:function(e){var t=this.app.types.get(e.get("type")),n={id:e.get("dataset_id"),groups:[]},r=0;return e.groups.each(function(e){var i={};for(var s in t.columns)i[s]=e.get(s);n.groups.push({key:++r+":"+e.get("key"),columns:i})}),n}})}),define("plugin/views/viewer",["utils/utils","plugin/library/ui","mvc/ui/ui-portlet","plugin/models/group","plugin/views/viewport"],function(e,t,n,r,i){return Backbone.View.extend({initialize:function(e,r){this.app=e,this.chart=this.app.chart,this.viewport_view=new i(e);var s=this;this.portlet=new n.View({icon:"fa-bar-chart-o",title:"Viewport",operations:{edit_button:new t.ButtonIcon({icon:"fa-gear",tooltip:"Customize Chart",title:"Customize",onclick:function(){s._wait(s.app.chart,function(){s.app.go("editor")})}})}}),this.portlet.append(this.viewport_view.$el),this.setElement(this.portlet.$el);var s=this;this.chart.on("change:title",function(){s._refreshTitle()})},show:function(){this.$el.show(),$(window).trigger("resize")},hide:function(){this.$el.hide()},_refreshTitle:function(){var e=this.chart.get("title");e&&(e=" - "+e),this.portlet.title("Charts"+e)},_wait:function(e,t){if(e.ready())t();else{var n=this;this.app.modal.show({title:"Please wait!",body:"Your chart is currently being processed. Please wait...",buttons:{Close:function(){n.app.modal.hide()},Retry:function(){n.app.modal.hide(),setTimeout(function(){n._wait(e,t)},n.app.config.get("query_timeout"))}}})}}})}),define("mvc/ui/ui-tabs",["utils/utils"],function(e){var t=Backbone.View.extend({visible:!1,list:{},$nav:null,$content:null,first_tab:null,optionsDefault:{title_new:"",operations:null,onnew:null},initialize:function(t){this.options=e.merge(t,this.optionsDefault);var n=$(this._template(this.options));this.$nav=n.find(".tab-navigation"),this.$content=n.find(".tab-content"),this.setElement(n),this.list={};var r=this;this.options.operations&&$.each(this.options.operations,function(e,t){t.$el.prop("id",e),r.$nav.find(".operations").append(t.$el)});if(this.options.onnew){var i=$(this._template_tab_new(this.options));this.$nav.append(i),i.tooltip({title:"Add a new tab",placement:"bottom",container:r.$el}),i.on("click",function(e){i.tooltip("hide"),r.options.onnew()})}},add:function(e){var t=e.id,n={$title:$(this._template_tab(e)),$content:$(this._template_tab_content(e)),removable:e.ondel?!0:!1};this.list[t]=n,this.options.onnew?this.$nav.find("#new-tab").before(n.$title):this.$nav.append(n.$title),n.$content.append(e.$el),this.$content.append(n.$content),_.size(this.list)==1&&(n.$title.addClass("active"),n.$content.addClass("active"),this.first_tab=t);if(e.ondel){var r=this,i=n.$title.find("#delete");i.tooltip({title:"Delete this tab",placement:"bottom",container:r.$el}),i.on("click",function(){return i.tooltip("destroy"),r.$el.find(".tooltip").remove(),e.ondel(),!1})}e.onclick&&n.$title.on("click",function(){e.onclick()})},del:function(e){var t=this.list[e];t.$title.remove(),t.$content.remove(),delete t,this.first_tab==e&&(this.first_tab=null),this.first_tab!=null&&this.show(this.first_tab)},delRemovable:function(){for(var e in this.list){var t=this.list[e];t.removable&&this.del(e)}},show:function(e){this.$el.fadeIn("fast"),this.visible=!0,e&&this.list[e].$title.find("a").tab("show")},hide:function(){this.$el.fadeOut("fast"),this.visible=!1},hideOperation:function(e){this.$nav.find("#"+e).hide()},showOperation:function(e){this.$nav.find("#"+e).show()},setOperation:function(e,t){var n=this.$nav.find("#"+e);n.off("click"),n.on("click",t)},title:function(e,t){var n=this.list[e].$title.find("#text");return t&&n.html(t),n.html()},_template:function(e){return'
    '},_template_tab_new:function(e){return'
  • '+e.title_new+""+"
    • "},_template_tab:function(e){var t='
  • '+''+''+e.title+"";return e.ondel&&(t+=''),t+="
    • ",t},_template_tab_content:function(e){return'
    '}});return{View:t}}),define("plugin/library/ui-table",["utils/utils"],function(e){var t=Backbone.View.extend({row:null,row_count:0,optionsDefault:{content:"No content available.",onchange:null,ondblclick:null,onconfirm:null},events:{click:"_onclick",dblclick:"_ondblclick"},first:!0,initialize:function(t){this.options=e.merge(t,this.optionsDefault);var n=$(this._template(t));this.$thead=n.find("thead"),this.$tbody=n.find("tbody"),this.$tmessage=n.find("tmessage"),this.setElement(n),this.row=$("")},addHeader:function(e){var t=$("");t.append(e),this.row.append(t)},appendHeader:function(){this.$thead.append(this.row),this.row=$("")},add:function(e,t){var n=$("");t&&n.css("width",t),n.append(e),this.row.append(n)},append:function(e){this._commit(e)},prepend:function(e){this._commit(e,!0)},remove:function(e){var t=this.$tbody.find("#"+e);t.length>0&&(t.remove(),this.row_count--,this._refresh())},removeAll:function(){this.$tbody.html(""),this.row_count=0,this._refresh()},value:function(e){this.before=this.$tbody.find(".current").attr("id"),e!==undefined&&(this.$tbody.find("tr").removeClass("current"),e&&this.$tbody.find("#"+e).addClass("current"));var t=this.$tbody.find(".current").attr("id");return t===undefined?null:(t!=this.before&&this.options.onchange&&this.options.onchange(e),t)},size:function(){return this.$tbody.find("tr").length},_commit:function(e,t){this.remove(e),this.row.attr("id",e),t?this.$tbody.prepend(this.row):this.$tbody.append(this.row),this.row=$(""),this.row_count++,this._refresh()},_onclick:function(e){var t=this.value(),n=$(e.target).closest("tr").attr("id");n&&t!=n&&(this.options.onconfirm?this.options.onconfirm(n):this.value(n))},_ondblclick:function(e){var t=this.value();t&&this.options.ondblclick&&this.options.ondblclick(t)},_refresh:function(){this.row_count==0?this.$tmessage.show():this.$tmessage.hide()},_template:function(e){return'
    '+e.content+""+"
    "}});return{View:t}}),define("plugin/views/group",["plugin/library/ui-table","plugin/library/ui","utils/utils"],function(e,t,n){return Backbone.View.extend({columns:[],initialize:function(r,i){this.app=r;var s=this;this.chart=this.app.chart,this.group=i.group,this.group_key=new t.Input({placeholder:"Data label",onchange:function(){s.group.set("key",s.group_key.value())}}),this.table=new e.View({content:"No data column."});var o=$("
    ");o.append(n.wrap((new t.Label({title:"Provide a label:"})).$el)),o.append(n.wrap(this.group_key.$el)),o.append(n.wrap((new t.Label({title:"Select columns:"})).$el)),o.append(n.wrap(this.table.$el)),this.setElement(o);var s=this;this.chart.on("change:dataset_id",function(){s._refreshTable()}),this.chart.on("change:type",function(){s._refreshTable()}),this.group.on("change:key",function(){s._refreshGroupKey()}),this.group.on("change",function(){s._refreshGroup()}),this._refreshTable(),this._refreshGroupKey(),this._refreshGroup()},_refreshTable:function(){var e=this.chart.get("dataset_id"),n=this.chart.get("type");if(!e||!n)return;var r=this,i=this.app.types.get(n);this.table.removeAll();var s={};for(var o in i.columns){var u=this.group.get(o);u||this.group.set(o,0);var a=i.columns[o],f=new t.Select.View({id:"select_"+o,gid:o,onchange:function(e){r.group.set(this.gid,e)},value:u,wait:!0});this.table.add(a.title,"25%"),this.table.add(f.$el),this.table.append(o),s[o]=f}this.app.datasets.request({id:e},function(e){r.columns=[];var t=e.metadata_column_types;for(var n in t)(t[n]=="int"||t[n]=="float")&&r.columns.push({label:"Column: "+(parseInt(n)+1)+" ["+t[n]+"]",value:n});for(var n in s)s[n].update(r.columns),s[n].show()})},_refreshGroup:function(){this.group.set("date",n.time())},_refreshGroupKey:function(){var e=this.group.get("key");e===undefined&&(e=""),this.group_key.value(e)}})}),define("plugin/library/ui-table-form",["plugin/library/ui-table","plugin/library/ui","utils/utils"],function(e,t,n){var r=Backbone.View.extend({initialize:function(r){this.table_title=new t.Label({title:r.title}),this.table=new e.View({content:r.content});var i=$("
    ");i.append(n.wrap(this.table_title.$el)),i.append(n.wrap(this.table.$el)),this.setElement(i)},title:function(e){this.table_title.title(e)},update:function(e,t){this.table.removeAll();for(var n in e)this._add(n,e[n],t)},_add:function(e,n,r){var i=null,s=n.type;switch(s){case"text":i=new t.Input({placeholder:n.placeholder,onchange:function(){r.set(e,i.value())}});break;case"select":i=new t.Select.View({data:n.data,onchange:function(){r.set(e,i.value())}});break;case"slider":i=new t.Input({placeholder:n.placeholder,onchange:function(){r.set(e,i.value())}});break;case"separator":i=$("
    ");break;default:console.log("ui-table-form:_add","Unknown setting type ("+n.type+")");return}if(s!="separator"){r.get(e)||r.set(e,n.init),i.value(r.get(e));var o=$("
    ");o.append(i.$el),o.append('
    '+n.info+"
    "),this.table.add(''+n.title+"","25%"),this.table.add(o)}else this.table.add('
    '+n.title+":
    "),this.table.add($("
    "));this.table.append(e)}});return{View:r}}),define("plugin/views/settings",["plugin/library/ui","plugin/library/ui-table-form","utils/utils"],function(e,t,n){return Backbone.View.extend({initialize:function(e,n){this.app=e;var r=this;this.chart=this.app.chart,this.form=new t.View({title:"Chart options:",content:"This chart type does not provide any options."}),this.setElement(this.form.$el);var r=this;this.chart.on("change",function(){r._refreshTable()})},_refreshTable:function(){var e=this.chart.get("type");if(!e)return;var t=this.app.types.get(e);this.form.title(t.title+":"),this.form.update(t.settings,this.chart.settings)}})}),define("plugin/views/editor",["mvc/ui/ui-tabs","plugin/library/ui-table","plugin/library/ui","mvc/ui/ui-portlet","utils/utils","plugin/models/chart","plugin/models/group","plugin/views/group","plugin/views/settings"],function(e,t,n,r,i,s,o,u,a){return Backbone.View.extend({optionsDefault:{header:!0,content:"No content available."},initialize:function(s,o){this.app=s,this.chart=this.app.chart,this.options=i.merge(o,this.optionsDefault),this.portlet=new r.View({icon:"fa-bar-chart-o",title:"Editor",operations:{save:new n.ButtonIcon({icon:"fa-save",tooltip:"Draw Chart",title:"Draw",onclick:function(){u.app.go("viewer"),u._saveChart()}}),back:new n.ButtonIcon({icon:"fa-caret-left",tooltip:"Return to Viewer",title:"Return",onclick:function(){u.app.go("viewer"),u.app.storage.load()}})}});var u=this;this.table=new t.View({header:!1,onconfirm:function(e){u.chart.groups.length>0?u.app.modal.show({title:"Switching to another chart type?",body:"If you continue your settings and selections will be cleared.",buttons:{Cancel:function(){u.app.modal.hide()},Continue:function(){u.app.modal.hide(),u.table.value(e)}}}):u.table.value(e)},onchange:function(e){u.chart.groups.reset(),u.chart.settings.clear(),u.chart.set({type:e})},ondblclick:function(e){u.tabs.show("settings")},content:"No chart types available"});var f=0,l=s.types.attributes;for(var c in l){var h=l[c];this.table.add(++f+"."),h.execute?this.table.add(h.title+" (requires processing)"):this.table.add(h.title),this.table.append(c)}this.tabs=new e.View({title_new:"Add Data",onnew:function(){var e=u._addGroupModel();u.tabs.show(e.id)}}),this.title=new n.Input({placeholder:"Chart title",onchange:function(){u.app.config.set("title",u.title.value())}});var p=$("
    ");p.append(i.wrap((new n.Label({title:"Provide a chart title:"})).$el)),p.append(i.wrap(this.title.$el)),p.append(i.wrap((new n.Label({title:"Select a chart type:"})).$el)),p.append(i.wrap(this.table.$el)),this.tabs.add({id:"main",title:"Start",$el:p}),this.settings=new a(this.app),this.tabs.add({id:"settings",title:"Configuration",$el:this.settings.$el}),this.portlet.append(this.tabs.$el),this.setElement(this.portlet.$el),this.tabs.hideOperation("back");var u=this;this.chart.on("change:title",function(e){u._refreshTitle()}),this.chart.on("change:type",function(e){u.table.value(e.get("type"))}),this.chart.on("reset",function(e){u._resetChart()}),this.app.chart.on("redraw",function(e){u.portlet.showOperation("back")}),this.app.chart.groups.on("add",function(e){u._addGroup(e)}),this.app.chart.groups.on("remove",function(e){u._removeGroup(e)}),this.app.chart.groups.on("reset",function(e){u._removeAllGroups()}),this.app.chart.groups.on("change:key",function(e){u._refreshGroupKey()}),this._resetChart()},show:function(){this.$el.show()},hide:function(){this.$el.hide()},_refreshTitle:function(){var e=this.chart.get("title");e&&(e=" - "+e),this.portlet.title("Charts"+e)},_refreshGroupKey:function(){var e=this,t=0;this.chart.groups.each(function(n){var r=n.get("key","");r==""&&(r="Chart data"),e.tabs.title(n.id,++t+": "+r)})},_addGroupModel:function(){var e=new o({id:i.uuid()});return this.chart.groups.add(e),e},_addGroup:function(e){var t=this,n=new u(this.app,{group:e}),r=t.chart.groups.length;this.tabs.add({id:e.id,$el:n.$el,ondel:function(){t.chart.groups.remove(e.id)}}),this._refreshGroupKey()},_removeGroup:function(e){this.tabs.del(e.id),this._refreshGroupKey()},_removeAllGroups:function(e){this.tabs.delRemovable()},_resetChart:function(){this.chart.set("id",i.uuid()),this.chart.set("type","bardiagram"),this.chart.set("dataset_id",this.app.options.config.dataset_id),this.chart.set("title","New Chart"),this.portlet.hideOperation("back")},_saveChart:function(){this.chart.set({type:this.table.value(),title:this.title.value(),date:i.time()}),this.chart.groups.length==0&&this._addGroupModel(),this.chart.trigger("redraw"),this.app.storage.save()}})}),define("plugin/models/config",[],function(){return Backbone.Model.extend({defaults:{query_limit:1e3,query_timeout:500}})}),define("plugin/charts/_nvd3/config",[],function(){return{title:"",columns:{y:{title:"Values for y-axis"}},settings:{separator_label:{title:"X axis",type:"separator"},x_axis_label:{title:"Axis label",info:"Provide a label for the axis.",type:"text",init:"X-axis",placeholder:"Axis label"},x_axis_type:{title:"Axis value type",info:"Select the value type of the axis.",type:"select",init:"f",data:[{label:"-- Do not show values --",value:"hide"},{label:"Float",value:"f"},{label:"Exponent",value:"e"},{label:"Integer",value:"d"},{label:"Percentage",value:"p"},{label:"Rounded",value:"r"},{label:"SI-prefix",value:"s"}]},x_axis_tick:{title:"Axis tick format",info:"Select the tick format for the axis.",type:"select",init:".1",data:[{label:"0.00001",value:".5"},{label:"0.0001",value:".4"},{label:"0.001",value:".3"},{label:"0.01",value:".2"},{label:"0.1",value:".1"},{label:"1",value:"1"}]},separator_tick:{title:"Y axis",type:"separator"},y_axis_label:{title:"Axis label",info:"Provide a label for the axis.",type:"text",init:"Y-axis",placeholder:"Axis label"},y_axis_type:{title:"Axis value type",info:"Select the value type of the axis.",type:"select",init:"f",data:[{label:"-- Do not show values --",value:"hide"},{label:"Float",value:"f"},{label:"Exponent",value:"e"},{label:"Integer",value:"d"},{label:"Percentage",value:"p"},{label:"Rounded",value:"r"},{label:"SI-prefix",value:"s"}]},y_axis_tick:{title:"Axis tick format",info:"Select the tick format for the axis.",type:"select",init:".1",data:[{label:"0.00001",value:".5"},{label:"0.0001",value:".4"},{label:"0.001",value:".3"},{label:"0.01",value:".2"},{label:"0.1",value:".1"},{label:"1",value:"1"}]},separator_legend:{title:"Others",type:"separator"},show_legend:{title:"Show legend",info:"Would you like to add a legend?",type:"select",init:"true",data:[{label:"Yes",value:"true"},{label:"No",value:"false"}]}}}}),define("plugin/charts/bardiagram/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Bar diagram"})}),define("plugin/charts/histogram/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Histogram",execute:!0,columns:{y:{title:"Observations"}},settings:{x_axis_label:{init:"Breaks"},y_axis_label:{init:"Density"},y_axis_tick:{init:".3"}}})}),define("plugin/charts/horizontal/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Bar diagram (horizontal)",settings:{x_axis_type:{init:"hide"}}})}),define("plugin/charts/line/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Line chart"})}),define("plugin/charts/linewithfocus/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Line with focus"})}),define("plugin/charts/piechart/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Pie chart"})}),define("plugin/charts/scatterplot/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Scatter plot",columns:{x:{title:"Values for x-axis"}}})}),define("plugin/charts/stackedarea/config",["plugin/charts/_nvd3/config"],function(e){return $.extend(!0,{},e,{title:"Stacked area"})}),define("plugin/charts/types",["plugin/charts/bardiagram/config","plugin/charts/histogram/config","plugin/charts/horizontal/config","plugin/charts/line/config","plugin/charts/linewithfocus/config","plugin/charts/piechart/config","plugin/charts/scatterplot/config","plugin/charts/stackedarea/config"],function(e,t,n,r,i,s,o,u){return Backbone.Model.extend({defaults:{bardiagram:e,horizontal:n,histogram:t,line:r,linewithfocus:i,piechart:s,scatterplot:o,stackedarea:u}})}),define("plugin/app",["mvc/ui/ui-modal","mvc/ui/ui-portlet","plugin/library/ui","utils/utils","plugin/library/jobs","plugin/library/datasets","plugin/library/storage","plugin/views/viewer","plugin/views/editor","plugin/models/config","plugin/models/chart","plugin/charts/types"],function(e,t,n,r,i,s,o,u,a,f,l,c){return Backbone.View.extend({initialize:function(t){this.options=t,Galaxy&&Galaxy.modal?this.modal=Galaxy.modal:this.modal=new e.View,this.config=new f,this.types=new c,this.chart=new l,this.jobs=new i(this),this.datasets=new s(this),this.storage=new o(this),this.viewer_view=new u(this),this.editor_view=new a(this),this.$el.append(this.viewer_view.$el),this.$el.append(this.editor_view.$el),this.storage.load()?(this.go("viewer"),this.chart.trigger("redraw")):this.go("editor")},go:function(e){$(".tooltip").hide();switch(e){case"editor":this.editor_view.show(),this.viewer_view.hide();break;case"viewer":this.editor_view.hide(),this.viewer_view.show()}},execute:function(e){},onunload:function(){},log:function(e,t){console.log(e+" "+t)}})}); \ No newline at end of file diff --git a/config/plugins/visualizations/charts/static/library/storage.js b/config/plugins/visualizations/charts/static/library/storage.js new file mode 100644 index 00000000000..e0409e1b0fd --- /dev/null +++ b/config/plugins/visualizations/charts/static/library/storage.js @@ -0,0 +1,118 @@ +// dependencies +define(['utils/utils', 'plugin/models/chart', 'plugin/models/group'], function(Utils, Chart, Group) { + +// collection +return Backbone.Model.extend( +{ + // viz model + vis: null, + + // initialize + initialize: function(app) { + // link app + this.app = app; + + // link chart + this.chart = this.app.chart; + + // link options + this.options = this.app.options; + + // initialize parameters + this.id = this.options.id; + + // create visualization + this.vis = new Visualization({ + type : 'charts', + config : { + dataset_id : this.options.config.dataset_id, + chart_dict : {} + } + }); + + // add visualization id + if (this.id) { + this.vis.id = this.id; + } + + // add charts + var chart_dict = this.options.config.chart_dict; + if (chart_dict) { + this.vis.get('config').chart_dict = chart_dict; + } + }, + + // pack and save nested chart model + save: function() { + + // link chart + var chart = this.app.chart; + + // reset + this.vis.get('config').chart_dict = {}; + + // set title + var title = chart.get('title'); + if (title != '') { + this.vis.set('title', title); + } + + // create chart dictionary + var chart_dict = { + attributes : chart.attributes, + settings : chart.settings.attributes, + groups : [] + }; + + // append groups + chart.groups.each(function(group) { + chart_dict.groups.push(group.attributes); + }); + + // add chart to charts array + this.vis.get('config').chart_dict = chart_dict; + + // save visualization + var self = this; + this.vis.save() + .fail(function(xhr, status, message) { + console.error(xhr, status, message); + alert( 'Error loading data:\n' + xhr.responseText ); + }) + .then(function(response) { + if (response && response.id) { + self.id = response.id; + } + }); + }, + + // load nested models/collections from packed dictionary + load: function() { + // get charts array + var chart_dict = this.vis.get('config').chart_dict; + + // check + if (!chart_dict.attributes) { + return false; + } + + // main + this.chart.set(chart_dict.attributes); + + // get settings + this.chart.settings.set(chart_dict.settings); + + // get groups + for (var j in chart_dict.groups) { + this.chart.groups.add(new Group(chart_dict.groups[j])); + } + + // reset status + this.chart.state('ok', 'Loaded previously saved visualization.'); + + // return + return true; + } +}); + +}); \ No newline at end of file diff --git a/config/plugins/visualizations/charts/static/models/charts.js b/config/plugins/visualizations/charts/static/models/charts.js deleted file mode 100644 index f1a6e99ffc9..00000000000 --- a/config/plugins/visualizations/charts/static/models/charts.js +++ /dev/null @@ -1,114 +0,0 @@ -// dependencies -define(['plugin/models/chart', 'plugin/models/group'], function(Chart, Group) { - -// collection -return Backbone.Collection.extend( -{ - // nested chart model contains collections - model : Chart, - - // viz model - vis: null, - - // initialize - initialize: function(options, app) { - // initialize parameters - this.app = app; - this.id = this.app.options.id; - - // create visualization - this.vis = new Visualization({ - type : 'charts', - config : { - dataset_id : this.app.options.config.dataset_id, - charts : [] - } - }); - - // add visualization id - if (this.id) { - this.vis.id = this.id; - } - - // add charts - var charts_array = this.app.options.config.charts; - if (charts_array) { - this.vis.get('config').charts = charts_array; - } - }, - - // pack and save nested chart models - save: function() { - // reset - this.vis.get('config').charts = []; - - // pack nested chart models into arrays attributes - var self = this; - this.each(function(chart) { - // create chart dictionary - var chart_dict = { - attributes : chart.attributes, - settings : chart.settings.attributes, - groups : [] - }; - - // append groups - chart.groups.each(function(group) { - chart_dict.groups.push(group.attributes); - }); - - // add chart to charts array - self.vis.get('config').charts.push(chart_dict); - }); - - // save visualization - var self = this; - this.vis.save() - .fail(function(xhr, status, message) { - console.error(xhr, status, message); - alert( 'Error loading data:\n' + xhr.responseText ); - }) - .then(function(response) { - if (response && response.id) { - self.id = response.id; - } - }); - }, - - // load nested models/collections from packed dictionary - load: function() { - // get charts array - var charts_array = this.vis.get('config').charts; - - // unpack chart models - for (var i in charts_array) { - // get chart details - var chart_dict = charts_array[i]; - - // construct chart model - var chart = new Chart(); - - // main - chart.set(chart_dict.attributes); - - // get settings - chart.settings.set(chart_dict.settings); - - // get groups - for (var j in chart_dict.groups) { - chart.groups.add(new Group(chart_dict.groups[j])); - } - - // reset status - chart.state('ok', 'Loaded previously saved visualization.'); - - // add to collection - this.add(chart); - - // trigger - chart.trigger('redraw', chart); - } - } -}); - -}); \ No newline at end of file diff --git a/config/plugins/visualizations/charts/static/models/config.js b/config/plugins/visualizations/charts/static/models/config.js index 45de318d510..e10d937da45 100644 --- a/config/plugins/visualizations/charts/static/models/config.js +++ b/config/plugins/visualizations/charts/static/models/config.js @@ -7,8 +7,7 @@ return Backbone.Model.extend( // options defaults : { query_limit : 1000, - query_timeout : 500, - title : 'Create a new chart' + query_timeout : 500 } }); diff --git a/config/plugins/visualizations/charts/static/views/charts.js b/config/plugins/visualizations/charts/static/views/charts.js deleted file mode 100644 index 3b7646f7df0..00000000000 --- a/config/plugins/visualizations/charts/static/views/charts.js +++ /dev/null @@ -1,227 +0,0 @@ -// dependencies -define(['mvc/ui/ui-portlet', 'plugin/library/ui-table', 'plugin/library/ui', 'utils/utils', 'plugin/models/group', 'plugin/views/viewport',], function(Portlet, Table, Ui, Utils, Group, ViewportView) { - -// widget -return Backbone.View.extend( -{ - // initialize - initialize: function(app, options) - { - // link app - this.app = app; - - // create viewport - this.viewport_view = new ViewportView(app); - - // table - this.table = new Table.View({ - content : 'Add charts to this table.', - ondblclick : function(chart_id) { - // attempt to load chart editor - self._showChartView(chart_id); - }, - onchange : function(chart_id) { - // get chart - var chart = self.app.charts.get(chart_id); - - // update main title - self.app.config.set('title', chart.get('title')); - - // show viewport - self.viewport_view.showChart(chart_id); - } - }); - - // add table to portlet - var self = this; - this.portlet = new Portlet.View({ - icon : 'fa-list', - title : 'List of created charts:', - height : 100, - operations : { - 'new' : new Ui.ButtonIcon({ - icon : 'fa-magic', - tooltip : 'Create a new Chart', - title : 'New', - onclick : function() { - self.app.go('chart_view'); - self.app.chart.reset(); - } - }), - 'edit' : new Ui.ButtonIcon({ - icon : 'fa-gear', - tooltip : 'Customize this Chart', - title : 'Customize', - onclick : function() { - // check if element has been selected - var chart_id = self.table.value(); - if (!chart_id) { - return; - } - - // attempt to load chart editor - self._showChartView(chart_id); - } - }), - 'delete' : new Ui.ButtonIcon({ - icon : 'fa-trash-o', - tooltip : 'Delete this Chart', - title : 'Delete', - onclick : function() { - - // check if element has been selected - var chart_id = self.table.value(); - if (!chart_id) { - return; - } - - // title - var chart = self.app.charts.get(chart_id); - - // make sure that chart is ready - self._wait (chart, function() { - self.app.modal.show({ - title : 'Are you sure?', - body : 'The selected chart "' + chart.get('title') + '" will be irreversibly deleted.', - buttons : { - 'Cancel' : function() {self.app.modal.hide();}, - 'Delete' : function() { - // hide modal - self.app.modal.hide(); - - // remove chart - self.app.charts.remove(chart_id); - - // cleanup - self.app.jobs.cleanup(chart); - } - } - }); - }); - } - }), - } - }); - this.portlet.append(this.table.$el); - - // append portlet with table - if (!this.app.options.config.widget) { - this.$el.append(this.portlet.$el); - } - - // append view port - this.$el.append(Utils.wrap('')); - this.$el.append(this.viewport_view.$el); - - // events - var self = this; - this.app.charts.on('add', function(chart) { - // add - self._addChart(chart); - }); - this.app.charts.on('remove', function(chart) { - // remove - self._removeChart(chart); - }); - this.app.charts.on('change', function(chart) { - // replace - self._changeChart(chart); - }); - }, - - // show - show: function() { - this.$el.show(); - }, - - // hide - hide: function() { - $('.tooltip').hide(); - this.$el.hide(); - }, - - // add - _addChart: function(chart) { - // add title to table - var title = chart.get('title'); - if (title == '') { - title = 'Untitled'; - } - this.table.add(title); - - // get chart type - var type = this.app.types.get(chart.get('type')); - this.table.add(type.title); - - // add additional columns - this.table.add('Last change: ' + chart.get('date')); - this.table.prepend(chart.get('id')); - this.table.value(chart.get('id')); - }, - - // remove - _removeChart: function(chart) { - // remove from to table - this.table.remove(chart.id); - - // save - this.app.charts.save(); - - // check if table is empty - if (this.table.size() == 0) { - this.app.go('chart_view'); - this.app.chart.reset(); - } else { - // select available chart - this.table.value(this.app.charts.last().id); - } - }, - - // change - _changeChart: function(chart) { - if (chart.get('type')) { - // add chart - this._addChart(chart); - - // select available chart - this.table.value(chart.id); - } - }, - - // show chart editor - _showChartView: function(chart_id) { - var self = this; - var chart = this.app.charts.get(chart_id); - this._wait (chart, function() { - self.app.go('chart_view'); - self.app.chart.copy(chart); - }); - }, - - // wait for chart to be ready - _wait: function(chart, callback) { - // get chart - if (chart.ready()) { - callback(); - } else { - // show modal - var self = this; - this.app.modal.show({ - title : 'Please wait!', - body : 'The selected chart "' + chart.get('title') + '" is currently being processed. Please wait...', - buttons : { - 'Close' : function() {self.app.modal.hide();}, - 'Retry' : function() { - // hide modal - self.app.modal.hide(); - - // retry - setTimeout(function() { self._wait(chart, callback); }, self.app.config.get('query_timeout')); - } - } - }); - } - } -}); - -}); \ No newline at end of file diff --git a/config/plugins/visualizations/charts/static/views/chart.js b/config/plugins/visualizations/charts/static/views/editor.js similarity index 80% rename from config/plugins/visualizations/charts/static/views/chart.js rename to config/plugins/visualizations/charts/static/views/editor.js index 748273d4d6e..8f18c5cdc3e 100644 --- a/config/plugins/visualizations/charts/static/views/chart.js +++ b/config/plugins/visualizations/charts/static/views/editor.js @@ -1,8 +1,8 @@ // dependencies -define(['mvc/ui/ui-tabs', 'plugin/library/ui-table', 'plugin/library/ui', 'utils/utils', +define(['mvc/ui/ui-tabs', 'plugin/library/ui-table', 'plugin/library/ui', 'mvc/ui/ui-portlet', 'utils/utils', 'plugin/models/chart', 'plugin/models/group', 'plugin/views/group', 'plugin/views/settings'], - function(Tabs, Table, Ui, Utils, Chart, Group, GroupView, SettingsView) { + function(Tabs, Table, Ui, Portlet, Utils, Chart, Group, GroupView, SettingsView) { // widget return Backbone.View.extend( @@ -25,6 +25,38 @@ return Backbone.View.extend( // configure options this.options = Utils.merge(options, this.optionsDefault); + // create portlet + this.portlet = new Portlet.View({ + icon : 'fa-bar-chart-o', + title: 'Editor', + operations : { + 'save' : new Ui.ButtonIcon({ + icon : 'fa-save', + tooltip : 'Draw Chart', + title : 'Draw', + onclick : function() { + // show viewport + self.app.go('viewer'); + + // save chart + self._saveChart(); + } + }), + 'back' : new Ui.ButtonIcon({ + icon : 'fa-caret-left', + tooltip : 'Return to Viewer', + title : 'Return', + onclick : function() { + // show viewport + self.app.go('viewer'); + + // reset chart + self.app.storage.load(); + } + }) + } + }); + // // table with chart types // @@ -92,28 +124,6 @@ return Backbone.View.extend( onnew : function() { var group = self._addGroupModel(); self.tabs.show(group.id); - }, - operations : { - 'save' : new Ui.ButtonIcon({ - icon : 'fa-save', - tooltip : 'Draw Chart', - title : 'Draw', - onclick : function() { - // show charts - self.app.go('charts_view'); - - // save chart - self._saveChart(); - } - }), - 'back' : new Ui.ButtonIcon({ - icon : 'fa-caret-left', - tooltip : 'Return to Viewer', - title : 'Return', - onclick : function() { - self.app.go('charts_view'); - } - }) } }); @@ -157,8 +167,11 @@ return Backbone.View.extend( $el : this.settings.$el }); + // append tabs + this.portlet.append(this.tabs.$el); + // elements - this.setElement(this.tabs.$el); + this.setElement(this.portlet.$el); // hide back button on startup this.tabs.hideOperation('back'); @@ -166,8 +179,7 @@ return Backbone.View.extend( // chart events var self = this; this.chart.on('change:title', function(chart) { - self.title.value(chart.get('title')); - self.app.config.set('title', chart.get('title')); + self._refreshTitle(); }); this.chart.on('change:type', function(chart) { self.table.value(chart.get('type')); @@ -175,18 +187,8 @@ return Backbone.View.extend( this.chart.on('reset', function(chart) { self._resetChart(); }); - - // charts events - this.app.charts.on('add', function(chart) { - self.tabs.showOperation('back'); - }); - this.app.charts.on('remove', function(chart) { - if (self.app.charts.length == 0) { - self.tabs.hideOperation('back'); - } - }); - this.app.charts.on('reset', function(chart) { - self.tabs.hideOperation('back'); + this.app.chart.on('redraw', function(chart) { + self.portlet.showOperation('back'); }); // groups events @@ -214,10 +216,18 @@ return Backbone.View.extend( // hide hide: function() { - $('.tooltip').hide(); this.$el.hide(); }, + // refresh title + _refreshTitle: function() { + var title = this.chart.get('title'); + if (title) { + title = ' - ' + title; + } + this.portlet.title('Charts' + title); + }, + // update _refreshGroupKey: function() { var self = this; @@ -284,6 +294,9 @@ return Backbone.View.extend( this.chart.set('type', 'bardiagram'); this.chart.set('dataset_id', this.app.options.config.dataset_id); this.chart.set('title', 'New Chart'); + + // reset back button + this.portlet.hideOperation('back'); }, // create chart @@ -300,21 +313,11 @@ return Backbone.View.extend( this._addGroupModel(); } - // create/get chart - var current = this.app.charts.get(this.chart.id); - if (!current) { - current = this.chart.clone(); - current.copy(this.chart); - this.app.charts.add(current); - } else { - current.copy(this.chart); - } - // trigger redraw - current.trigger('redraw', current); + this.chart.trigger('redraw'); // save - this.app.charts.save(); + this.app.storage.save(); } }); diff --git a/config/plugins/visualizations/charts/static/views/viewer.js b/config/plugins/visualizations/charts/static/views/viewer.js new file mode 100644 index 00000000000..ad25df80126 --- /dev/null +++ b/config/plugins/visualizations/charts/static/views/viewer.js @@ -0,0 +1,106 @@ +// dependencies +define(['utils/utils', 'plugin/library/ui', 'mvc/ui/ui-portlet', + 'plugin/models/group', 'plugin/views/viewport',], + function(Utils, Ui, Portlet, Group, ViewportView) { + +// widget +return Backbone.View.extend( +{ + // initialize + initialize: function(app, options) + { + // link app + this.app = app; + + // link chart + this.chart = this.app.chart; + + // create viewport + this.viewport_view = new ViewportView(app); + + // link this + var self = this; + + // create portlet + this.portlet = new Portlet.View({ + icon : 'fa-bar-chart-o', + title: 'Viewport', + operations: { + edit_button: new Ui.ButtonIcon({ + icon : 'fa-gear', + tooltip : 'Customize Chart', + title : 'Customize', + onclick : function() { + // attempt to load chart editor + self._wait (self.app.chart, function() { + self.app.go('editor'); + }); + } + }) + + } + }); + + // append view port + this.portlet.append(this.viewport_view.$el); + + // set element + this.setElement(this.portlet.$el); + + // events + var self = this; + this.chart.on('change:title', function() { + self._refreshTitle(); + }); + }, + + // show + show: function() { + // show element + this.$el.show(); + + // trigger resize to refresh d3 element + $(window).trigger('resize'); + }, + + // hide + hide: function() { + this.$el.hide(); + }, + + // refresh title + _refreshTitle: function() { + var title = this.chart.get('title'); + if (title) { + title = ' - ' + title; + } + this.portlet.title('Charts' + title); + }, + + // wait for chart to be ready + _wait: function(chart, callback) { + // get chart + if (chart.ready()) { + callback(); + } else { + // show modal + var self = this; + this.app.modal.show({ + title : 'Please wait!', + body : 'Your chart is currently being processed. Please wait...', + buttons : { + 'Close' : function() {self.app.modal.hide();}, + 'Retry' : function() { + // hide modal + self.app.modal.hide(); + + // retry + setTimeout(function() { self._wait(chart, callback); }, self.app.config.get('query_timeout')); + } + } + }); + } + } +}); + +}); \ No newline at end of file diff --git a/config/plugins/visualizations/charts/static/views/viewport.js b/config/plugins/visualizations/charts/static/views/viewport.js index c97e76e1ac3..4c94716f965 100644 --- a/config/plugins/visualizations/charts/static/views/viewport.js +++ b/config/plugins/visualizations/charts/static/views/viewport.js @@ -5,14 +5,8 @@ define(['mvc/ui/ui-portlet', 'plugin/library/ui', 'utils/utils'], // widget return Backbone.View.extend( { - // list - list: {}, - - // options - optionsDefault : - { - height : 300 - }, + // height + height : 300, // initialize initialize: function(app, options) @@ -20,117 +14,63 @@ return Backbone.View.extend( // link app this.app = app; + // link chart + this.chart = this.app.chart; + // link options this.options = Utils.merge(options, this.optionsDefault); - // add table to portlet - this.portlet = new Portlet.View({ - title : 'title', - height : this.options.height, - overflow : 'hidden' - }); - - // set this element - this.setElement(this.portlet.$el); + // create element + this.setElement($(this._template())); // events var self = this; - - // remove - this.app.charts.on('remove', function(chart) { - self._removeChart(chart.id); + this.chart.on('redraw', function() { + self._draw(self.chart); }); - - // redraw - this.app.charts.on('redraw', function(chart) { - self._drawChart(chart); - }); - }, - - // show - showChart: function(chart_id) { - // show - this.show(); - - // hide all - this.hideCharts(); - - // identify selected item from list - var item = this.list[chart_id]; - if (item) { - // get chart - var chart = this.app.charts.get(chart_id); - - // update portlet - this.portlet.title(chart.get('title')); - - // show selected chart - item.$el.show(); - - // this trigger d3 update events - $(window).trigger('resize'); - } - }, - - // hide charts - hideCharts: function() { - this.$el.find('.item').hide(); }, // show show: function() { - $('.tooltip').hide(); this.$el.show(); }, // hide hide: function() { - $('.tooltip').hide(); this.$el.hide(); }, // add - _drawChart: function(chart) { + _draw: function(chart) { // link this var self = this; // check if (!chart.ready()) { - self.app.log('viewport:_drawChart()', 'Invalid attempt to draw chart before completion.'); + this.app.log('viewport:_drawChart()', 'Invalid attempt to draw chart before completion.'); return; } - - // backup chart details - var chart_id = chart.id; - - // make sure that svg does not exist already - this._removeChart(chart_id); - - // create id - var id = '#' + chart_id; - // create element - var $chart_el = $(this._template({id: id})); - - // add to portlet - this.portlet.append($chart_el); - - // find svg element - var svg = d3.select($chart_el.find('svg')[0]); - - // add chart to list - this.list[chart_id] = { - svg : svg, - $el : $chart_el + // clear svg + if (this.svg) { + this.svg.remove(); } + // create + this.svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); + this.svg.setAttribute('height', this.height); + this.$el.append(this.svg); + + // find svg element + this.svg = d3.select(this.$el.find('svg')[0]); + // clear all previous handlers (including redraw listeners) chart.off('change:state'); // link status handler chart.on('change:state', function() { // get info element - var $info = $chart_el.find('#info'); + var $info = self.$el.find('#info'); // get icon var $icon = $info.find('#icon'); @@ -168,7 +108,7 @@ return Backbone.View.extend( var self = this; require(['plugin/charts/' + chart_type + '/' + chart_type], function(ChartView) { // create chart - var view = new ChartView(self.app, {svg : svg}); + var view = new ChartView(self.app, {svg : self.svg}); // request data if (chart_settings.execute) { @@ -181,31 +121,18 @@ return Backbone.View.extend( }); }, - // remove - _removeChart: function(id) { - var item = this.list[id]; - if (item) { - // remove svg element - item.svg.remove(); - - // find div element (if any) - item.$el.remove(); - } - }, - // template - _template: function(options) { - return '
    ' + - '' + + _template: function() { + return '
    ' + + '
    ' + '' + '' + - '' + - '' + + '
    ' + '
    '; }, // create default chart request - _defaultRequestString : function(chart) { + _defaultRequestString: function(chart) { // get chart settings var chart_settings = this.app.types.get(chart.get('type')); @@ -226,7 +153,7 @@ return Backbone.View.extend( }, // create default chart request - _defaultSettingsString : function(chart) { + _defaultSettingsString: function(chart) { // configure settings var settings_string = ''; @@ -241,7 +168,7 @@ return Backbone.View.extend( }, // create default chart request - _defaultRequestDictionary : function(chart) { + _defaultRequestDictionary: function(chart) { // get chart settings var chart_settings = this.app.types.get(chart.get('type')); diff --git a/static/scripts/galaxy.frame.js b/static/scripts/galaxy.frame.js index e3671f48644..fe0f742bb9a 100644 --- a/static/scripts/galaxy.frame.js +++ b/static/scripts/galaxy.frame.js @@ -1,72 +1,12 @@ -/* - galaxy frames -*/ - // dependencies -define(["galaxy.masthead"], function(mod_masthead) { +define(["galaxy.masthead", "mvc/ui/ui-frames"], function(mod_masthead, Frames) { // frame manager var GalaxyFrame = Backbone.View.extend( { // base element el_main: 'body', - - // defaults inputs - options: - { - // default frame size - frame: - { - cols : 6, - rows : 3 - }, - - // maximum number of rows - rows: 1000, - - // cell size in px - cell: 130, - - // margin - margin: 5, - // scroll speed - scroll: 5, - - // minimum top - top_min: 40, - - // maximum number of frames - frame_max: 9 - }, - - // number of columns - cols: 0, - - // scroll/element top - top: 0, - - // viewport scrolling state - top_max: 0, - - // frame z-index - frame_z : 0, - - // frame counter - frame_counter: 0, - - // frame counter - frame_counter_id: 0, - - // frame list - frame_list: [], - - // frame shadow - frame_shadow: null, - - // frame panel visible - visible: false, - // frame active/disabled active: false, @@ -82,15 +22,20 @@ var GalaxyFrame = Backbone.View.extend( // add to masthead menu var self = this; + // create frames + this.frames = new Frames.View({ + visible: false, + }); + // add activate icon this.button_active = new mod_masthead.GalaxyMastheadIcon ( { icon : 'fa-th', tooltip : 'Enable/Disable Scratchbook', - onclick : function(e) { self._event_panel_active(e) }, + onclick : function() { self._activate() }, onunload : function() { - if (self.frame_counter > 0) { - return "You opened " + self.frame_counter + " frame(s) which will be lost."; + if (self.frames.length() > 0) { + return "You opened " + self.frames.length() + " frame(s) which will be lost."; } } }); @@ -103,89 +48,35 @@ var GalaxyFrame = Backbone.View.extend( { icon : 'fa-eye', tooltip : 'Show/Hide Scratchbook', - onclick : function(e) { self._event_panel_load(e) }, + onclick : function(e) { + if (self.frames.visible) { + self.frames.hide() + } else { + self.frames.show() + } + }, with_number : true }); // add to masthead Galaxy.masthead.append(this.button_load); - // read in defaults - if (options) - this.options = _.defaults(options, this.options); - - // initialize top - this.top = this.top_max = this.options.top_min; - // create - this.setElement(this._template()); + this.setElement(this.frames.$el); - // load background - $(this.el).append(this._template_background()); + // append to main + $(this.el_main).append(this.$el); - // load menu buttons - $(this.el).append(this._template_menu()); - - // load to main frame - $(this.el_main).append($(this.el)); - - // - // define shadow frame - // - var id_shadow = '#frame-shadow'; - - // add shadow template - $(this.el).append(this._template_shadow(id_shadow.substring(1))); - - // initialize frame - this.frame_shadow = { - id : id_shadow, - screen_location : {}, - grid_location : {}, - grid_rank : null, - grid_lock : false - }; - - // initialize size - this._frame_resize(this.frame_shadow, {width: 0, height: 0}); - - // add shadow to frame list - this.frame_list[id_shadow] = this.frame_shadow; - - // initialize panel - this._panel_refresh(); - - // catch window resize event - var self = this; - $(window).resize(function () - { - if (self.visible) - self._panel_refresh(); - }); + // refresh menu + this.frames.setOnChange(function() { + self._refresh(); + }) + this._refresh(); }, // adds and displays a new frame/window add: function(options) { - // frame default options - var frameOptions = - { - title: '', - content: null, - target: '', - type: null - } - - // read in defaults - if (options) - options = _.defaults(options, frameOptions); - else - options = frameOptions; - - // check for content - if(!options.content) - return; - // open new tab if (options.target == '_blank') { @@ -226,655 +117,12 @@ var GalaxyFrame = Backbone.View.extend( return; } - // check for number of frames - if (this.frame_counter >= this.options.frame_max) - { - alert("You have reached the maximum number of allowed frames (" + this.options.frame_max + ")."); - return; - } - - // generate frame identifier - var frame_id = '#frame-' + (this.frame_counter_id++); - - // check if frame exists - if ($(frame_id).length !== 0) - { - alert("This frame already exists. This page might contain multiple frame managers."); - return; - } - - // reset top - this.top = this.options.top_min; - - // append - $(this.el).append(this._template_frame(frame_id.substring(1), options.title, options.type, options.content)); - - // construct a new frame - var frame = { - id : frame_id, - screen_location : {}, - grid_location : {}, - grid_rank : null, - grid_lock : false - }; - - // set dimensions - options.width = this._to_pixel_coord('width', this.options.frame.cols); - options.height = this._to_pixel_coord('height', this.options.frame.rows); - - // default z-index - this.frame_z = parseInt($(frame.id).css('z-index')); - - // add to frame list - this.frame_list[frame_id] = frame; - - // increase frame counter - this.frame_counter++; - - // resize - this._frame_resize(frame, {width: options.width, height: options.height}); - - // place frame - this._frame_insert(frame, {top: 0, left: 0}, true); - - // show frames if hidden - if (!this.visible) - this._panel_show_hide(); - }, - - /* - EVENT HANDLING - */ - - // event - event: - { - type : null, - target : null, - xy : null - }, - - // events - events: - { - // global frame events - 'mousemove' : '_event_frame_mouse_move', - 'mouseup' : '_event_frame_mouse_up', - 'mouseleave' : '_event_frame_mouse_up', - 'mousewheel' : '_event_panel_scroll', - 'DOMMouseScroll' : '_event_panel_scroll', - - // events fixed to elements - 'mousedown .frame' : '_event_frame_mouse_down', - 'mousedown .frame-background' : '_event_panel_load', - 'mousedown .frame-scroll-up' : '_event_panel_scroll_up', - 'mousedown .frame-scroll-down' : '_event_panel_scroll_down', - 'mousedown .f-close' : '_event_frame_close', - 'mousedown .f-pin' : '_event_frame_lock' - }, - - // drag start - _event_frame_mouse_down: function (e) - { - // skip if event is already active - if (this.event.type !== null) - return; - - // check for drag event - if ($(e.target).hasClass('f-header') || - $(e.target).hasClass('f-title')) - this.event.type = 'drag'; - - // check for resize event - if ($(e.target).hasClass('f-resize')) - this.event.type = 'resize'; - - // skip if no event has to be handled - if (this.event.type === null) - return; - - // prevent - e.preventDefault(); - - // identify frame - this.event.target = this._frame_identify(e.target); - - // check if frame is locked - if (this.event.target.grid_lock) - { - this.event.type = null; - return; - } - - // backup event details - this.event.xy = {x: e.originalEvent.pageX, y: e.originalEvent.pageY}; - - // prepare drag/resize - this._frame_drag_start(this.event.target); - }, - - // mouse move event - _event_frame_mouse_move: function (e) - { - // check - if (this.event.type != 'drag' && this.event.type != 'resize') - return; - - // current position - var event_xy_new = {x: e.originalEvent.pageX , y: e.originalEvent.pageY}; - - // position delta - var event_xy_delta = - { - x : event_xy_new.x - this.event.xy.x, - y : event_xy_new.y - this.event.xy.y - }; - - // update - this.event.xy = event_xy_new; - - // object position / size - var p = this._frame_screen (this.event.target); - - // resize event - if (this.event.type == 'resize') - { - // update - p.width += event_xy_delta.x; - p.height += event_xy_delta.y; - - // check size - var min_dim = this.options.cell - this.options.margin - 1; - p.width = Math.max(p.width, min_dim); - p.height = Math.max(p.height, min_dim); - - // apply resize to frame - this._frame_resize(this.event.target, p); - - // break down to grid coordinates - p.width = this._to_grid_coord('width', p.width) + 1; - p.height = this._to_grid_coord('height', p.height) + 1; - - // transfer back to pixels - p.width = this._to_pixel_coord('width', p.width); - p.height = this._to_pixel_coord('height', p.height); - - // apply - this._frame_resize(this.frame_shadow, p); - - // fix position - this._frame_insert(this.frame_shadow, { - top : this._to_grid_coord('top', p.top), - left : this._to_grid_coord('left', p.left) - }); - } - - // drag event - if (this.event.type == 'drag') - { - // update - p.left += event_xy_delta.x; - p.top += event_xy_delta.y; - - // apply - this._frame_offset(this.event.target, p); - - // get location of shadow - var l = { - top : this._to_grid_coord('top', p.top), - left : this._to_grid_coord('left', p.left) - }; - - // increase priority of current frame - if (l.left !== 0) - l.left++; - - // fix position - this._frame_insert(this.frame_shadow, l); - } - }, - - // mouse up - _event_frame_mouse_up: function (e) - { - // check - if (this.event.type != 'drag' && this.event.type != 'resize') - return; - - // stop - this._frame_drag_stop(this.event.target); - - // reset event - this.event.type = null; - }, - - // drag start - _event_frame_close: function (e) - { - // check - if (this.event.type !== null) - return; - - // prevent - e.preventDefault(); - - // get frame - var frame = this._frame_identify(e.target); - var self = this; - - // fade out - $(frame.id).fadeOut('fast', function() - { - // remove element - $(frame.id).remove(); - - // remove from dictionary - delete self.frame_list[frame.id]; - - // reduce frame counter - self.frame_counter--; - - // reload - self._panel_refresh(true); - - // refresh scroll state once all animations completed - self._panel_animation_complete(); - - // hide if no frames left - if (self.visible && self.frame_counter == 0) - self._panel_show_hide(); - }); - }, - - // drag start - _event_frame_lock: function (e) - { - // check - if (this.event.type !== null) - return; - - // prevent - e.preventDefault(); - - // get frame - var frame = this._frame_identify(e.target); - - // check - if (frame.grid_lock) - { - // unlock - frame.grid_lock = false; - - // remove class - $(frame.id).find('.f-pin').removeClass('toggle'); - $(frame.id).find('.f-header').removeClass('f-not-allowed'); - $(frame.id).find('.f-title').removeClass('f-not-allowed'); - $(frame.id).find('.f-resize').show(); - $(frame.id).find('.f-close').show(); - } else { - // lock - frame.grid_lock = true; - - // add class - $(frame.id).find('.f-pin').addClass('toggle'); - $(frame.id).find('.f-header').addClass('f-not-allowed'); - $(frame.id).find('.f-title').addClass('f-not-allowed'); - $(frame.id).find('.f-resize').hide(); - $(frame.id).find('.f-close').hide(); - } - }, - - // show/hide panel - _event_panel_load: function (e) - { - // check - if (this.event.type !== null) - return; - - // load panel - this._panel_show_hide(); + // add to frames view + this.frames.add(options); }, // activate/disable panel - _event_panel_active: function (e) - { - // check - if (this.event.type !== null) - return; - - // load panel - this._panel_active_disable(); - }, - - // scroll - _event_panel_scroll: function(e) - { - // check - if (this.event.type !== null || !this.visible) - return; - - // prevent - e.preventDefault(); - - // get wheel delta - var delta = e.originalEvent.detail ? e.originalEvent.detail : e.originalEvent.wheelDelta / -3; - - // refresh panel - this._panel_scroll(delta); - }, - - // scroll up - _event_panel_scroll_up: function(e) - { - // check - if (this.event.type !== null) - return; - - // prevent - e.preventDefault(); - - // scroll up - this._panel_scroll(-this.options.scroll); - }, - - // scroll down - _event_panel_scroll_down: function(e) - { - // check - if (this.event.type !== null) - return; - - // prevent - e.preventDefault(); - - // scroll down - this._panel_scroll(this.options.scroll); - }, - - /* - FRAME EVENTS SUPPORT - */ - - // identify - _frame_identify: function(target) - { - return this.frame_list['#' + $(target).closest('.frame').attr('id')]; - }, - - // drag start - _frame_drag_start : function (frame) - { - // set focus - this._frame_focus(frame, true); - - // get current dimensions - var p = this._frame_screen (frame); - - // initialize shadow - this._frame_resize(this.frame_shadow, p); - this._frame_grid(this.frame_shadow, frame.grid_location); - - // reset location - frame.grid_location = null; - - // show shadow - $(this.frame_shadow.id).show(); - - // load frame cover - $('.f-cover').show(); - }, - - // drag stop - _frame_drag_stop : function (frame) - { - // remove focus - this._frame_focus(frame, false); - - // get new dimensions - var p = this._frame_screen(this.frame_shadow); - - // update frame - this._frame_resize(frame, p); - this._frame_grid(frame, this.frame_shadow.grid_location, true); - - // reset location of shadow - this.frame_shadow.grid_location = null; - - // hide shadow - $(this.frame_shadow.id).hide(); - - // hide frame cover - $('.f-cover').hide(); - - // refresh scroll state once all animations completed - this._panel_animation_complete(); - }, - - /* - GRID/PIXEL CONVERTER - */ - - // converts a pixel coordinate to grids - _to_grid_coord: function (type, px) - { - // determine sign - var sign = (type == 'width' || type == 'height') ? 1 : -1; - - if (type == 'top') px -= this.top; - - // return - return parseInt((px + sign * this.options.margin) / this.options.cell, 10); - }, - - // converts a grid coordinate to pixels - _to_pixel_coord: function (type, g) - { - // determine sign - var sign = (type == 'width' || type == 'height') ? 1 : -1; - - // return - var px = (g * this.options.cell) - sign * this.options.margin; - - if (type == 'top') px += this.top; - - return px; - }, - - // get grid coordinates - _to_grid: function (px) - { - // full set - return { - top : this._to_grid_coord('top', px.top), - left : this._to_grid_coord('left', px.left), - width : this._to_grid_coord('width', px.width), - height : this._to_grid_coord('height', px.height) - }; - }, - - // get pixel coordinates - _to_pixel: function(g) - { - return { - top : this._to_pixel_coord('top', g.top), - left : this._to_pixel_coord('left', g.left), - width : this._to_pixel_coord('width', g.width), - height : this._to_pixel_coord('height', g.height) - }; - }, - - /* - COLLISION DETECTION - */ - - // check collision - _is_collision: function(g) - { - // is collision pair - function is_collision_pair (a, b) - { - return !(a.left > b.left + b.width - 1 || a.left + a.width - 1 < b.left || - a.top > b.top + b.height - 1 || a.top + a.height - 1 < b.top); - } - - // search - for (var i in this.frame_list) - { - // get frame - var frame = this.frame_list[i]; - - // skip - if (frame.grid_location === null) - continue; - - // check if g collides with frame - if (is_collision_pair (g, frame.grid_location)) - return true; - } - - // return - return false; - }, - - // location/grid rank - _location_rank: function(loc) - { - return (loc.top * this.cols) + loc.left; - }, - - /* - ONSCREEN MENU - */ - - // update frame counter - _menu_refresh: function() - { - // update on screen counter - this.button_load.number(this.frame_counter); - - // check - if(this.frame_counter == 0) - this.button_load.hide(); - else - this.button_load.show(); - - // scroll up possible? - if (this.top == this.options.top_min) - $(".frame-scroll-up").hide(); - else - $(".frame-scroll-up").show(); - - // scroll down possible? - if (this.top == this.top_max) - $(".frame-scroll-down").hide(); - else - $(".frame-scroll-down").show(); - }, - - /* - PANEL/WINDOW FUNCTIONS - */ - - // panel on animation complete / frames not moving - _panel_animation_complete: function() - { - var self = this; - $(".frame").promise().done(function() {self._panel_scroll(0, true)}); - }, - - // refresh panel - _panel_refresh: function(animate) - { - // get current size - this.cols = parseInt($(window).width() / this.options.cell, 10) + 1; - - // recalculate frame positions - this._frame_insert(null, null, animate); - }, - - // update scroll - _panel_scroll: function(delta, animate) - { - // new top value - var top_new = this.top - this.options.scroll * delta; - - // update top - top_new = Math.max(top_new, this.top_max); - top_new = Math.min(top_new, this.options.top_min); - - // update screen if necessary - if (this.top != top_new) - { - // update screen - for (var i in this.frame_list) - { - // get frame - var frame = this.frame_list[i]; - - // skip - if (frame.grid_location !== null) - { - var screen_location = { - top : frame.screen_location.top - (this.top - top_new), - left : frame.screen_location.left - } - this._frame_offset(frame, screen_location, animate); - } - } - - // update top value - this.top = top_new; - } - - // refresh - this._menu_refresh(); - }, - - // show or hide panel - _panel_show_hide: function() - { - // check - if (this.visible) - { - // hide - this.visible = false; - - // hide - $(".frame").fadeOut('fast'); - - // add class - this.button_load.icon("fa-eye-slash"); - this.button_load.untoggle(); - - // hide background - $(".frame-background").hide(); - - // hide menu - $(".frame-menu").hide(); - } else { - // show - this.visible = true; - - // show - $(".frame").fadeIn('fast'); - - // add class - this.button_load.icon("fa-eye"); - this.button_load.toggle(); - - // hide shadow - $(this.frame_shadow.id).hide(); - - // show background - $(".frame-background").show(); - - // show panel - this._panel_refresh(); - } - }, - - // show or hide panel - _panel_active_disable: function() + _activate: function () { // check if (this.active) @@ -886,8 +134,7 @@ var GalaxyFrame = Backbone.View.extend( this.button_active.untoggle(); // hide panel - if (this.visible) - this._panel_show_hide(); + this.frames.hide(); } else { // activate this.active = true; @@ -897,244 +144,24 @@ var GalaxyFrame = Backbone.View.extend( } }, - /* - FRAME FUNCTIONS - */ - - // frame insert at given location - _frame_insert: function(frame, new_loc, animate) + // update frame counter + _refresh: function() { - // define - var place_list = []; - - // frame to place - if (frame) - { - // reset grid location - frame.grid_location = null; - - // set first one to be placed - place_list.push([frame, this._location_rank(new_loc)]); - } + // update on screen counter + this.button_load.number(this.frames.length()); - // search - var i = null; - for (i in this.frame_list) - { - // get frame - var f = this.frame_list[i]; - - // check - if (f.grid_location !== null && !f.grid_lock) - { - // reset grid location - f.grid_location = null; - - // set up for placement - place_list.push([f, f.grid_rank]); - } - } - - // sort place list by rank - place_list.sort(function(a, b) - { - var i = a[1]; - var j = b[1]; - return i < j ? -1 : (i > j ? 1 : 0); - }); - - // place - for (i = 0; i < place_list.length; i++) - this._frame_place(place_list[i][0], animate); - - // identify maximum viewport size - this.top_max = 0; - for (var i in this.frame_list) - { - // get frame - var frame = this.frame_list[i]; - - // skip - if (frame.grid_location !== null) - this.top_max = Math.max(this.top_max, frame.grid_location.top + frame.grid_location.height); - } - - // mesh maximum top with window size and margin - this.top_max = $(window).height() - this.top_max * this.options.cell - 2 * this.options.margin; - - // fix value - this.top_max = Math.min(this.top_max, this.options.top_min); - - // panel menu - this._menu_refresh(); - }, - - // naive frame place - _frame_place: function(frame, animate) - { - // reset grid location - frame.grid_location = null; - - // grid coordinates of new frame - var g = this._to_grid(this._frame_screen(frame)); - - // try grid coordinates - var done = false; - for (var i = 0; i < this.options.rows; i++) - { - // ensure that the first grid column is checked despite limited window space - for (var j = 0; j < Math.max(1, this.cols - g.width); j++) - { - // coordinates - g.top = i; - g.left = j; - - // no collision - if (!this._is_collision(g)) - { - done = true; - break; - } - } - - // break - if (done) - break; - } - - // check if valid spot was found - if (done) - this._frame_grid(frame, g, animate); + // check + if(this.frames.length() == 0) + this.button_load.hide(); else - console.log("Grid dimensions exceeded."); - }, - - // focus - _frame_focus: function(frame, has_focus) - { - // get new z-value - var z = this.frame_z + (has_focus ? 1 : 0); - - // update - $(frame.id).css('z-index', z); - }, - - // new left/top position frame - _frame_offset: function(frame, p, animate) - { - // update screen location - frame.screen_location.left = p.left; - frame.screen_location.top = p.top; - - // animate - if (animate) - { - // set focus on animated - this._frame_focus(frame, true); + this.button_load.show(); - // prepare for callback - var self = this; - - // animate and remove focus - $(frame.id).animate({top: p.top, left: p.left}, 'fast', function() - { - // remove focus - self._frame_focus(frame, false); - }); - } else - // update css - $(frame.id).css({top: p.top, left: p.left}); - }, - - // resize frame - _frame_resize: function(frame, p) - { - // update css - $(frame.id).css({width: p.width, height: p.height}); - - // update descriptor - frame.screen_location.width = p.width; - frame.screen_location.height = p.height; - }, - - // new grid location - _frame_grid: function (frame, l, animate) - { - // update grid location - frame.grid_location = l; - - // place frame - this._frame_offset(frame, this._to_pixel(l), animate); - - // update grid rank - frame.grid_rank = this._location_rank(l); - }, - - // get frame dimensions - _frame_screen: function(frame) - { - var p = frame.screen_location; - return {top: p.top, left: p.left, width: p.width, height: p.height}; - }, - - /* - HTML TEMPLATES - */ - - // main element - _template: function() - { - return '
    '; - }, - - // fill regular frame template - _template_frame: function(id, title, type, content) - { - // check title - if (!title) - title = ''; - - // identify content type - if (type == 'url') { - if (content.indexOf('?') == -1) - content += '?'; - else - content += '&'; - content += 'widget=True'; - content = ''; + // check + if (this.frames.visible) { + this.button_load.toggle(); + } else { + this.button_load.untoggle(); } - - // load template - return '
    ' + - '
    ' + - '' + title + '' + - '' + - '' + - '
    ' + - '
    ' + content + - '
    ' + - '
    ' + - '' + - '
    '; - }, - - // fill shadow template - _template_shadow: function(id) - { - return '
    '; - }, - - // fill background template in order to cover underlying iframes - _template_background: function() - { - return '
    '; - }, - - // fill menu button template - _template_menu: function() - { - return '
    ' + - '
    '; } }); diff --git a/static/scripts/mvc/ui/ui-frames.js b/static/scripts/mvc/ui/ui-frames.js new file mode 100644 index 00000000000..a56906268fd --- /dev/null +++ b/static/scripts/mvc/ui/ui-frames.js @@ -0,0 +1,1068 @@ +// dependencies +define([], function() { + +// frame manager +var View = Backbone.View.extend( +{ + // defaults inputs + options: + { + // default frame size + frame: + { + cols : 6, + rows : 3 + }, + + // maximum number of rows + rows: 1000, + + // cell size in px + cell: 130, + + // margin + margin: 5, + + // scroll speed + scroll: 5, + + // minimum top + top_min: 40, + + // maximum number of frames + frame_max: 9, + + // visible + visible: true, + + // onchange + onchange: null + }, + + // number of columns + cols: 0, + + // scroll/element top + top: 0, + + // viewport scrolling state + top_max: 0, + + // frame z-index + frame_z : 0, + + // frame counter + frame_counter: 0, + + // frame counter + frame_counter_id: 0, + + // frame list + frame_list: [], + + // frame shadow + frame_shadow: null, + + // frame panel visible + visible: null, + + // initialize + initialize : function(options) + { + // add to masthead menu + var self = this; + + // read in defaults + if (options) + this.options = _.defaults(options, this.options); + + // set visibility + this.visible = this.options.visible; + + // initialize top + this.top = this.top_max = this.options.top_min; + + // create + this.setElement(this._template()); + + // load background + $(this.el).append(this._template_background()); + + // load menu buttons + $(this.el).append(this._template_menu()); + + // load to main frame + $(this.el_main).append($(this.el)); + + // + // define shadow frame + // + var id_shadow = '#frame-shadow'; + + // add shadow template + $(this.el).append(this._template_shadow(id_shadow.substring(1))); + + // initialize frame + this.frame_shadow = { + id : id_shadow, + screen_location : {}, + grid_location : {}, + grid_rank : null, + grid_lock : false + }; + + // initialize size + this._frame_resize(this.frame_shadow, {width: 0, height: 0}); + + // add shadow to frame list + this.frame_list[id_shadow] = this.frame_shadow; + + // initialize panel + this._panel_refresh(); + + // apply visibility + if (!this.visible) { + this.hide(); + } else { + this.show(); + } + + // catch window resize event + var self = this; + $(window).resize(function () + { + if (self.visible) + self._panel_refresh(); + }); + }, + + // adds and displays a new frame/window + add: function(options) + { + // frame default options + var frameOptions = + { + title: '', + content: null, + target: '', + type: null + } + + // read in defaults + if (options) + options = _.defaults(options, frameOptions); + else + options = frameOptions; + + // check for content + if(!options.content) + return; + + // check for number of frames + if (this.frame_counter >= this.options.frame_max) + { + alert("You have reached the maximum number of allowed frames (" + this.options.frame_max + ")."); + return; + } + + // generate frame identifier + var frame_id = '#frame-' + (this.frame_counter_id++); + + // check if frame exists + if ($(frame_id).length !== 0) + { + alert("This frame already exists. This page might contain multiple frame managers."); + return; + } + + // reset top + this.top = this.options.top_min; + + // append + var $frame_el = null; + if (options.type == 'url') { + $frame_el = $(this._template_frame_url(frame_id.substring(1), options.title, options.content)); + } else { + $frame_el = $(this._template_frame(frame_id.substring(1), options.title)); + $frame_el.find('.f-content').append(options.content); + } + $(this.el).append($frame_el); + + // construct a new frame + var frame = { + id : frame_id, + screen_location : {}, + grid_location : {}, + grid_rank : null, + grid_lock : false + }; + + // set dimensions + options.width = this._to_pixel_coord('width', this.options.frame.cols); + options.height = this._to_pixel_coord('height', this.options.frame.rows); + + // default z-index + this.frame_z = parseInt($(frame.id).css('z-index')); + + // add to frame list + this.frame_list[frame_id] = frame; + + // increase frame counter + this.frame_counter++; + + // resize + this._frame_resize(frame, {width: options.width, height: options.height}); + + // place frame + this._frame_insert(frame, {top: 0, left: 0}, true); + + // show frames if hidden + if (!this.visible) + this.show(); + }, + + // show panel + show: function() + { + // show + this.visible = true; + + // show + this.$el.find(".frame").fadeIn('fast'); + + // hide shadow + this.$el.find(this.frame_shadow.id).hide(); + + // show background + this.$el.find(".frame-background").show(); + + // show panel + this._panel_refresh(); + + // refresh + this._menu_refresh(); + }, + + // hide panel + hide: function() + { + // make sure that no event is currently processing + if (this.event.type !== null) + return; + + // hide + this.visible = false; + + // hide + this.$el.find(".frame").fadeOut('fast'); + + // hide background + this.$el.find(".frame-background").hide(); + + // hide menu + this.$el.find(".frame-menu").hide(); + + // refresh + this._menu_refresh(); + }, + + // length + length: function() { + return this.frame_counter; + }, + + // set onchange event + setOnChange: function(callback) { + this.options.onchange = callback; + }, + + /* + EVENT HANDLING + */ + + // event + event: + { + type : null, + target : null, + xy : null + }, + + // events + events: + { + // global frame events + 'mousemove' : '_event_frame_mouse_move', + 'mouseup' : '_event_frame_mouse_up', + 'mouseleave' : '_event_frame_mouse_up', + 'mousewheel' : '_event_panel_scroll', + 'DOMMouseScroll' : '_event_panel_scroll', + + // events fixed to elements + 'mousedown .frame' : '_event_frame_mouse_down', + 'mousedown .frame-background' : '_event_hide', + 'mousedown .frame-scroll-up' : '_event_panel_scroll_up', + 'mousedown .frame-scroll-down' : '_event_panel_scroll_down', + 'mousedown .f-close' : '_event_frame_close', + 'mousedown .f-pin' : '_event_frame_lock' + }, + + // drag start + _event_frame_mouse_down: function (e) + { + // skip if event is already active + if (this.event.type !== null) + return; + + // check for drag event + if ($(e.target).hasClass('f-header') || + $(e.target).hasClass('f-title')) + this.event.type = 'drag'; + + // check for resize event + if ($(e.target).hasClass('f-resize')) + this.event.type = 'resize'; + + // skip if no event has to be handled + if (this.event.type === null) + return; + + // prevent + e.preventDefault(); + + // identify frame + this.event.target = this._frame_identify(e.target); + + // check if frame is locked + if (this.event.target.grid_lock) + { + this.event.type = null; + return; + } + + // backup event details + this.event.xy = {x: e.originalEvent.pageX, y: e.originalEvent.pageY}; + + // prepare drag/resize + this._frame_drag_start(this.event.target); + }, + + // mouse move event + _event_frame_mouse_move: function (e) + { + // check + if (this.event.type != 'drag' && this.event.type != 'resize') + return; + + // current position + var event_xy_new = {x: e.originalEvent.pageX , y: e.originalEvent.pageY}; + + // position delta + var event_xy_delta = + { + x : event_xy_new.x - this.event.xy.x, + y : event_xy_new.y - this.event.xy.y + }; + + // update + this.event.xy = event_xy_new; + + // object position / size + var p = this._frame_screen (this.event.target); + + // resize event + if (this.event.type == 'resize') + { + // update + p.width += event_xy_delta.x; + p.height += event_xy_delta.y; + + // check size + var min_dim = this.options.cell - this.options.margin - 1; + p.width = Math.max(p.width, min_dim); + p.height = Math.max(p.height, min_dim); + + // apply resize to frame + this._frame_resize(this.event.target, p); + + // break down to grid coordinates + p.width = this._to_grid_coord('width', p.width) + 1; + p.height = this._to_grid_coord('height', p.height) + 1; + + // transfer back to pixels + p.width = this._to_pixel_coord('width', p.width); + p.height = this._to_pixel_coord('height', p.height); + + // apply + this._frame_resize(this.frame_shadow, p); + + // fix position + this._frame_insert(this.frame_shadow, { + top : this._to_grid_coord('top', p.top), + left : this._to_grid_coord('left', p.left) + }); + } + + // drag event + if (this.event.type == 'drag') + { + // update + p.left += event_xy_delta.x; + p.top += event_xy_delta.y; + + // apply + this._frame_offset(this.event.target, p); + + // get location of shadow + var l = { + top : this._to_grid_coord('top', p.top), + left : this._to_grid_coord('left', p.left) + }; + + // increase priority of current frame + if (l.left !== 0) + l.left++; + + // fix position + this._frame_insert(this.frame_shadow, l); + } + }, + + // mouse up + _event_frame_mouse_up: function (e) + { + // check + if (this.event.type != 'drag' && this.event.type != 'resize') + return; + + // stop + this._frame_drag_stop(this.event.target); + + // reset event + this.event.type = null; + }, + + // drag start + _event_frame_close: function (e) + { + // check + if (this.event.type !== null) + return; + + // prevent + e.preventDefault(); + + // get frame + var frame = this._frame_identify(e.target); + var self = this; + + // fade out + $(frame.id).fadeOut('fast', function() + { + // remove element + $(frame.id).remove(); + + // remove from dictionary + delete self.frame_list[frame.id]; + + // reduce frame counter + self.frame_counter--; + + // reload + self._panel_refresh(true); + + // refresh scroll state once all animations completed + self._panel_animation_complete(); + + // hide if no frames left + if (self.visible && self.frame_counter == 0) + self.hide(); + }); + }, + + // drag start + _event_frame_lock: function (e) + { + // check + if (this.event.type !== null) + return; + + // prevent + e.preventDefault(); + + // get frame + var frame = this._frame_identify(e.target); + + // check + if (frame.grid_lock) + { + // unlock + frame.grid_lock = false; + + // remove class + $(frame.id).find('.f-pin').removeClass('toggle'); + $(frame.id).find('.f-header').removeClass('f-not-allowed'); + $(frame.id).find('.f-title').removeClass('f-not-allowed'); + $(frame.id).find('.f-resize').show(); + $(frame.id).find('.f-close').show(); + } else { + // lock + frame.grid_lock = true; + + // add class + $(frame.id).find('.f-pin').addClass('toggle'); + $(frame.id).find('.f-header').addClass('f-not-allowed'); + $(frame.id).find('.f-title').addClass('f-not-allowed'); + $(frame.id).find('.f-resize').hide(); + $(frame.id).find('.f-close').hide(); + } + }, + + // show/hide panel + _event_hide: function (e) + { + // check + if (this.event.type !== null) + return; + + // hide panel + this.hide(); + }, + + // scroll + _event_panel_scroll: function(e) + { + // check + if (this.event.type !== null || !this.visible) + return; + + // prevent + e.preventDefault(); + + // get wheel delta + var delta = e.originalEvent.detail ? e.originalEvent.detail : e.originalEvent.wheelDelta / -3; + + // refresh panel + this._panel_scroll(delta); + }, + + // scroll up + _event_panel_scroll_up: function(e) + { + // check + if (this.event.type !== null) + return; + + // prevent + e.preventDefault(); + + // scroll up + this._panel_scroll(-this.options.scroll); + }, + + // scroll down + _event_panel_scroll_down: function(e) + { + // check + if (this.event.type !== null) + return; + + // prevent + e.preventDefault(); + + // scroll down + this._panel_scroll(this.options.scroll); + }, + + /* + FRAME EVENTS SUPPORT + */ + + // identify + _frame_identify: function(target) + { + return this.frame_list['#' + $(target).closest('.frame').attr('id')]; + }, + + // drag start + _frame_drag_start : function (frame) + { + // set focus + this._frame_focus(frame, true); + + // get current dimensions + var p = this._frame_screen (frame); + + // initialize shadow + this._frame_resize(this.frame_shadow, p); + this._frame_grid(this.frame_shadow, frame.grid_location); + + // reset location + frame.grid_location = null; + + // show shadow + $(this.frame_shadow.id).show(); + + // load frame cover + $('.f-cover').show(); + }, + + // drag stop + _frame_drag_stop : function (frame) + { + // remove focus + this._frame_focus(frame, false); + + // get new dimensions + var p = this._frame_screen(this.frame_shadow); + + // update frame + this._frame_resize(frame, p); + this._frame_grid(frame, this.frame_shadow.grid_location, true); + + // reset location of shadow + this.frame_shadow.grid_location = null; + + // hide shadow + $(this.frame_shadow.id).hide(); + + // hide frame cover + $('.f-cover').hide(); + + // refresh scroll state once all animations completed + this._panel_animation_complete(); + }, + + /* + GRID/PIXEL CONVERTER + */ + + // converts a pixel coordinate to grids + _to_grid_coord: function (type, px) + { + // determine sign + var sign = (type == 'width' || type == 'height') ? 1 : -1; + + if (type == 'top') px -= this.top; + + // return + return parseInt((px + sign * this.options.margin) / this.options.cell, 10); + }, + + // converts a grid coordinate to pixels + _to_pixel_coord: function (type, g) + { + // determine sign + var sign = (type == 'width' || type == 'height') ? 1 : -1; + + // return + var px = (g * this.options.cell) - sign * this.options.margin; + + if (type == 'top') px += this.top; + + return px; + }, + + // get grid coordinates + _to_grid: function (px) + { + // full set + return { + top : this._to_grid_coord('top', px.top), + left : this._to_grid_coord('left', px.left), + width : this._to_grid_coord('width', px.width), + height : this._to_grid_coord('height', px.height) + }; + }, + + // get pixel coordinates + _to_pixel: function(g) + { + return { + top : this._to_pixel_coord('top', g.top), + left : this._to_pixel_coord('left', g.left), + width : this._to_pixel_coord('width', g.width), + height : this._to_pixel_coord('height', g.height) + }; + }, + + /* + COLLISION DETECTION + */ + + // check collision + _is_collision: function(g) + { + // is collision pair + function is_collision_pair (a, b) + { + return !(a.left > b.left + b.width - 1 || a.left + a.width - 1 < b.left || + a.top > b.top + b.height - 1 || a.top + a.height - 1 < b.top); + } + + // search + for (var i in this.frame_list) + { + // get frame + var frame = this.frame_list[i]; + + // skip + if (frame.grid_location === null) + continue; + + // check if g collides with frame + if (is_collision_pair (g, frame.grid_location)) + return true; + } + + // return + return false; + }, + + // location/grid rank + _location_rank: function(loc) + { + return (loc.top * this.cols) + loc.left; + }, + + /* + ONSCREEN MENU + */ + + // update frame counter + _menu_refresh: function() + { + // scroll up possible? + if (this.visible) { + if (this.top == this.options.top_min) + $(".frame-scroll-up").hide(); + else + $(".frame-scroll-up").show(); + + // scroll down possible? + if (this.top == this.top_max) + $(".frame-scroll-down").hide(); + else + $(".frame-scroll-down").show(); + } + + // trigger onchange + if (this.options.onchange) { + this.options.onchange(); + } + }, + + /* + PANEL/WINDOW FUNCTIONS + */ + + // panel on animation complete / frames not moving + _panel_animation_complete: function() + { + var self = this; + $(".frame").promise().done(function() {self._panel_scroll(0, true)}); + }, + + // refresh panel + _panel_refresh: function(animate) + { + // get current size + this.cols = parseInt($(window).width() / this.options.cell, 10) + 1; + + // recalculate frame positions + this._frame_insert(null, null, animate); + }, + + // update scroll + _panel_scroll: function(delta, animate) + { + // new top value + var top_new = this.top - this.options.scroll * delta; + + // update top + top_new = Math.max(top_new, this.top_max); + top_new = Math.min(top_new, this.options.top_min); + + // update screen if necessary + if (this.top != top_new) + { + // update screen + for (var i in this.frame_list) + { + // get frame + var frame = this.frame_list[i]; + + // skip + if (frame.grid_location !== null) + { + var screen_location = { + top : frame.screen_location.top - (this.top - top_new), + left : frame.screen_location.left + } + this._frame_offset(frame, screen_location, animate); + } + } + + // update top value + this.top = top_new; + } + + // refresh + this._menu_refresh(); + }, + + /* + FRAME FUNCTIONS + */ + + // frame insert at given location + _frame_insert: function(frame, new_loc, animate) + { + // define + var place_list = []; + + // frame to place + if (frame) + { + // reset grid location + frame.grid_location = null; + + // set first one to be placed + place_list.push([frame, this._location_rank(new_loc)]); + } + + // search + var i = null; + for (i in this.frame_list) + { + // get frame + var f = this.frame_list[i]; + + // check + if (f.grid_location !== null && !f.grid_lock) + { + // reset grid location + f.grid_location = null; + + // set up for placement + place_list.push([f, f.grid_rank]); + } + } + + // sort place list by rank + place_list.sort(function(a, b) + { + var i = a[1]; + var j = b[1]; + return i < j ? -1 : (i > j ? 1 : 0); + }); + + // place + for (i = 0; i < place_list.length; i++) + this._frame_place(place_list[i][0], animate); + + // identify maximum viewport size + this.top_max = 0; + for (var i in this.frame_list) + { + // get frame + var frame = this.frame_list[i]; + + // skip + if (frame.grid_location !== null) + this.top_max = Math.max(this.top_max, frame.grid_location.top + frame.grid_location.height); + } + + // mesh maximum top with window size and margin + this.top_max = $(window).height() - this.top_max * this.options.cell - 2 * this.options.margin; + + // fix value + this.top_max = Math.min(this.top_max, this.options.top_min); + + // panel menu + this._menu_refresh(); + }, + + // naive frame place + _frame_place: function(frame, animate) + { + // reset grid location + frame.grid_location = null; + + // grid coordinates of new frame + var g = this._to_grid(this._frame_screen(frame)); + + // try grid coordinates + var done = false; + for (var i = 0; i < this.options.rows; i++) + { + // ensure that the first grid column is checked despite limited window space + for (var j = 0; j < Math.max(1, this.cols - g.width); j++) + { + // coordinates + g.top = i; + g.left = j; + + // no collision + if (!this._is_collision(g)) + { + done = true; + break; + } + } + + // break + if (done) + break; + } + + // check if valid spot was found + if (done) + this._frame_grid(frame, g, animate); + else + console.log("Grid dimensions exceeded."); + }, + + // focus + _frame_focus: function(frame, has_focus) + { + // get new z-value + var z = this.frame_z + (has_focus ? 1 : 0); + + // update + $(frame.id).css('z-index', z); + }, + + // new left/top position frame + _frame_offset: function(frame, p, animate) + { + // update screen location + frame.screen_location.left = p.left; + frame.screen_location.top = p.top; + + // animate + if (animate) + { + // set focus on animated + this._frame_focus(frame, true); + + // prepare for callback + var self = this; + + // animate and remove focus + $(frame.id).animate({top: p.top, left: p.left}, 'fast', function() + { + // remove focus + self._frame_focus(frame, false); + }); + } else + // update css + $(frame.id).css({top: p.top, left: p.left}); + }, + + // resize frame + _frame_resize: function(frame, p) + { + // update css + $(frame.id).css({width: p.width, height: p.height}); + + // update descriptor + frame.screen_location.width = p.width; + frame.screen_location.height = p.height; + }, + + // new grid location + _frame_grid: function (frame, l, animate) + { + // update grid location + frame.grid_location = l; + + // place frame + this._frame_offset(frame, this._to_pixel(l), animate); + + // update grid rank + frame.grid_rank = this._location_rank(l); + }, + + // get frame dimensions + _frame_screen: function(frame) + { + var p = frame.screen_location; + return {top: p.top, left: p.left, width: p.width, height: p.height}; + }, + + /* + HTML TEMPLATES + */ + + // main element + _template: function() + { + return '
    '; + }, + + // fill regular frame template + _template_frame: function(id, title) + { + // check title + if (!title) + title = ''; + + // load template + return '
    ' + + '
    ' + + '' + title + '' + + '' + + '' + + '
    ' + + '
    ' + + '
    ' + + '
    ' + + '' + + '
    '; + }, + + // fill regular frame template + _template_frame_url: function(id, title, url) + { + // url + if (url.indexOf('?') == -1) + url += '?'; + else + url += '&'; + url += 'widget=True'; + + // element + var $el = $(this._template_frame(id, title)); + $el.find('.f-content').append(''); + + // load template + return $el; + }, + + // fill shadow template + _template_shadow: function(id) + { + return '
    '; + }, + + // fill background template in order to cover underlying iframes + _template_background: function() + { + return '
    '; + }, + + // fill menu button template + _template_menu: function() + { + return '
    ' + + '
    '; + } +}); + +// return +return { + View: View +}; + +}); diff --git a/static/scripts/packed/galaxy.frame.js b/static/scripts/packed/galaxy.frame.js index 150b9594cb0..5bfef54b2e2 100644 --- a/static/scripts/packed/galaxy.frame.js +++ b/static/scripts/packed/galaxy.frame.js @@ -1 +1 @@ -define(["galaxy.masthead"],function(b){var a=Backbone.View.extend({el_main:"body",options:{frame:{cols:6,rows:3},rows:1000,cell:130,margin:5,scroll:5,top_min:40,frame_max:9},cols:0,top:0,top_max:0,frame_z:0,frame_counter:0,frame_counter_id:0,frame_list:[],frame_shadow:null,visible:false,active:false,button_active:null,button_load:null,initialize:function(d){var c=this;this.button_active=new b.GalaxyMastheadIcon({icon:"fa-th",tooltip:"Enable/Disable Scratchbook",onclick:function(f){c._event_panel_active(f)},onunload:function(){if(c.frame_counter>0){return"You opened "+c.frame_counter+" frame(s) which will be lost."}}});Galaxy.masthead.append(this.button_active);this.button_load=new b.GalaxyMastheadIcon({icon:"fa-eye",tooltip:"Show/Hide Scratchbook",onclick:function(f){c._event_panel_load(f)},with_number:true});Galaxy.masthead.append(this.button_load);if(d){this.options=_.defaults(d,this.options)}this.top=this.top_max=this.options.top_min;this.setElement(this._template());$(this.el).append(this._template_background());$(this.el).append(this._template_menu());$(this.el_main).append($(this.el));var e="#frame-shadow";$(this.el).append(this._template_shadow(e.substring(1)));this.frame_shadow={id:e,screen_location:{},grid_location:{},grid_rank:null,grid_lock:false};this._frame_resize(this.frame_shadow,{width:0,height:0});this.frame_list[e]=this.frame_shadow;this._panel_refresh();var c=this;$(window).resize(function(){if(c.visible){c._panel_refresh()}})},add:function(d){var g={title:"",content:null,target:"",type:null};if(d){d=_.defaults(d,g)}else{d=g}if(!d.content){return}if(d.target=="_blank"){window.open(d.content);return}if(d.target=="_top"||d.target=="_parent"||d.target=="_self"){window.location=d.content;return}if(!this.active){var f=$(window.parent.document).find("#galaxy_main");if(d.target=="galaxy_main"||d.target=="center"){if(f.length==0){var c=d.content;if(c.indexOf("?")==-1){c+="?"}else{c+="&"}c+="use_panels=True";window.location=c}else{f.attr("src",d.content)}}else{window.location=d.content}return}if(this.frame_counter>=this.options.frame_max){alert("You have reached the maximum number of allowed frames ("+this.options.frame_max+").");return}var e="#frame-"+(this.frame_counter_id++);if($(e).length!==0){alert("This frame already exists. This page might contain multiple frame managers.");return}this.top=this.options.top_min;$(this.el).append(this._template_frame(e.substring(1),d.title,d.type,d.content));var h={id:e,screen_location:{},grid_location:{},grid_rank:null,grid_lock:false};d.width=this._to_pixel_coord("width",this.options.frame.cols);d.height=this._to_pixel_coord("height",this.options.frame.rows);this.frame_z=parseInt($(h.id).css("z-index"));this.frame_list[e]=h;this.frame_counter++;this._frame_resize(h,{width:d.width,height:d.height});this._frame_insert(h,{top:0,left:0},true);if(!this.visible){this._panel_show_hide()}},event:{type:null,target:null,xy:null},events:{mousemove:"_event_frame_mouse_move",mouseup:"_event_frame_mouse_up",mouseleave:"_event_frame_mouse_up",mousewheel:"_event_panel_scroll",DOMMouseScroll:"_event_panel_scroll","mousedown .frame":"_event_frame_mouse_down","mousedown .frame-background":"_event_panel_load","mousedown .frame-scroll-up":"_event_panel_scroll_up","mousedown .frame-scroll-down":"_event_panel_scroll_down","mousedown .f-close":"_event_frame_close","mousedown .f-pin":"_event_frame_lock"},_event_frame_mouse_down:function(c){if(this.event.type!==null){return}if($(c.target).hasClass("f-header")||$(c.target).hasClass("f-title")){this.event.type="drag"}if($(c.target).hasClass("f-resize")){this.event.type="resize"}if(this.event.type===null){return}c.preventDefault();this.event.target=this._frame_identify(c.target);if(this.event.target.grid_lock){this.event.type=null;return}this.event.xy={x:c.originalEvent.pageX,y:c.originalEvent.pageY};this._frame_drag_start(this.event.target)},_event_frame_mouse_move:function(i){if(this.event.type!="drag"&&this.event.type!="resize"){return}var g={x:i.originalEvent.pageX,y:i.originalEvent.pageY};var d={x:g.x-this.event.xy.x,y:g.y-this.event.xy.y};this.event.xy=g;var h=this._frame_screen(this.event.target);if(this.event.type=="resize"){h.width+=d.x;h.height+=d.y;var f=this.options.cell-this.options.margin-1;h.width=Math.max(h.width,f);h.height=Math.max(h.height,f);this._frame_resize(this.event.target,h);h.width=this._to_grid_coord("width",h.width)+1;h.height=this._to_grid_coord("height",h.height)+1;h.width=this._to_pixel_coord("width",h.width);h.height=this._to_pixel_coord("height",h.height);this._frame_resize(this.frame_shadow,h);this._frame_insert(this.frame_shadow,{top:this._to_grid_coord("top",h.top),left:this._to_grid_coord("left",h.left)})}if(this.event.type=="drag"){h.left+=d.x;h.top+=d.y;this._frame_offset(this.event.target,h);var c={top:this._to_grid_coord("top",h.top),left:this._to_grid_coord("left",h.left)};if(c.left!==0){c.left++}this._frame_insert(this.frame_shadow,c)}},_event_frame_mouse_up:function(c){if(this.event.type!="drag"&&this.event.type!="resize"){return}this._frame_drag_stop(this.event.target);this.event.type=null},_event_frame_close:function(d){if(this.event.type!==null){return}d.preventDefault();var f=this._frame_identify(d.target);var c=this;$(f.id).fadeOut("fast",function(){$(f.id).remove();delete c.frame_list[f.id];c.frame_counter--;c._panel_refresh(true);c._panel_animation_complete();if(c.visible&&c.frame_counter==0){c._panel_show_hide()}})},_event_frame_lock:function(c){if(this.event.type!==null){return}c.preventDefault();var d=this._frame_identify(c.target);if(d.grid_lock){d.grid_lock=false;$(d.id).find(".f-pin").removeClass("toggle");$(d.id).find(".f-header").removeClass("f-not-allowed");$(d.id).find(".f-title").removeClass("f-not-allowed");$(d.id).find(".f-resize").show();$(d.id).find(".f-close").show()}else{d.grid_lock=true;$(d.id).find(".f-pin").addClass("toggle");$(d.id).find(".f-header").addClass("f-not-allowed");$(d.id).find(".f-title").addClass("f-not-allowed");$(d.id).find(".f-resize").hide();$(d.id).find(".f-close").hide()}},_event_panel_load:function(c){if(this.event.type!==null){return}this._panel_show_hide()},_event_panel_active:function(c){if(this.event.type!==null){return}this._panel_active_disable()},_event_panel_scroll:function(c){if(this.event.type!==null||!this.visible){return}c.preventDefault();var d=c.originalEvent.detail?c.originalEvent.detail:c.originalEvent.wheelDelta/-3;this._panel_scroll(d)},_event_panel_scroll_up:function(c){if(this.event.type!==null){return}c.preventDefault();this._panel_scroll(-this.options.scroll)},_event_panel_scroll_down:function(c){if(this.event.type!==null){return}c.preventDefault();this._panel_scroll(this.options.scroll)},_frame_identify:function(c){return this.frame_list["#"+$(c).closest(".frame").attr("id")]},_frame_drag_start:function(d){this._frame_focus(d,true);var c=this._frame_screen(d);this._frame_resize(this.frame_shadow,c);this._frame_grid(this.frame_shadow,d.grid_location);d.grid_location=null;$(this.frame_shadow.id).show();$(".f-cover").show()},_frame_drag_stop:function(d){this._frame_focus(d,false);var c=this._frame_screen(this.frame_shadow);this._frame_resize(d,c);this._frame_grid(d,this.frame_shadow.grid_location,true);this.frame_shadow.grid_location=null;$(this.frame_shadow.id).hide();$(".f-cover").hide();this._panel_animation_complete()},_to_grid_coord:function(e,d){var c=(e=="width"||e=="height")?1:-1;if(e=="top"){d-=this.top}return parseInt((d+c*this.options.margin)/this.options.cell,10)},_to_pixel_coord:function(e,f){var c=(e=="width"||e=="height")?1:-1;var d=(f*this.options.cell)-c*this.options.margin;if(e=="top"){d+=this.top}return d},_to_grid:function(c){return{top:this._to_grid_coord("top",c.top),left:this._to_grid_coord("left",c.left),width:this._to_grid_coord("width",c.width),height:this._to_grid_coord("height",c.height)}},_to_pixel:function(c){return{top:this._to_pixel_coord("top",c.top),left:this._to_pixel_coord("left",c.left),width:this._to_pixel_coord("width",c.width),height:this._to_pixel_coord("height",c.height)}},_is_collision:function(e){function c(h,g){return !(h.left>g.left+g.width-1||h.left+h.width-1g.top+g.height-1||h.top+h.height-1l?1:0)});for(g=0;g
    '},_template_frame:function(f,e,c,d){if(!e){e=""}if(c=="url"){if(d.indexOf("?")==-1){d+="?"}else{d+="&"}d+="widget=True";d=''}return'
    '+e+'
    '+d+'
    '},_template_shadow:function(c){return'
    '},_template_background:function(){return'
    '},_template_menu:function(){return'
    '}});return{GalaxyFrame:a}}); \ No newline at end of file +define(["galaxy.masthead","mvc/ui/ui-frames"],function(b,c){var a=Backbone.View.extend({el_main:"body",active:false,button_active:null,button_load:null,initialize:function(e){var d=this;this.frames=new c.View({visible:false,});this.button_active=new b.GalaxyMastheadIcon({icon:"fa-th",tooltip:"Enable/Disable Scratchbook",onclick:function(){d._activate()},onunload:function(){if(d.frames.length()>0){return"You opened "+d.frames.length()+" frame(s) which will be lost."}}});Galaxy.masthead.append(this.button_active);this.button_load=new b.GalaxyMastheadIcon({icon:"fa-eye",tooltip:"Show/Hide Scratchbook",onclick:function(f){if(d.frames.visible){d.frames.hide()}else{d.frames.show()}},with_number:true});Galaxy.masthead.append(this.button_load);this.setElement(this.frames.$el);$(this.el_main).append(this.$el);this.frames.setOnChange(function(){d._refresh()});this._refresh()},add:function(e){if(e.target=="_blank"){window.open(e.content);return}if(e.target=="_top"||e.target=="_parent"||e.target=="_self"){window.location=e.content;return}if(!this.active){var f=$(window.parent.document).find("#galaxy_main");if(e.target=="galaxy_main"||e.target=="center"){if(f.length==0){var d=e.content;if(d.indexOf("?")==-1){d+="?"}else{d+="&"}d+="use_panels=True";window.location=d}else{f.attr("src",e.content)}}else{window.location=e.content}return}this.frames.add(e)},_activate:function(){if(this.active){this.active=false;this.button_active.untoggle();this.frames.hide()}else{this.active=true;this.button_active.toggle()}},_refresh:function(){this.button_load.number(this.frames.length());if(this.frames.length()==0){this.button_load.hide()}else{this.button_load.show()}if(this.frames.visible){this.button_load.toggle()}else{this.button_load.untoggle()}}});return{GalaxyFrame:a}}); \ No newline at end of file diff --git a/static/scripts/packed/mvc/ui/ui-frames.js b/static/scripts/packed/mvc/ui/ui-frames.js new file mode 100644 index 00000000000..807354d923b --- /dev/null +++ b/static/scripts/packed/mvc/ui/ui-frames.js @@ -0,0 +1 @@ +define([],function(){var a=Backbone.View.extend({options:{frame:{cols:6,rows:3},rows:1000,cell:130,margin:5,scroll:5,top_min:40,frame_max:9,visible:true,onchange:null},cols:0,top:0,top_max:0,frame_z:0,frame_counter:0,frame_counter_id:0,frame_list:[],frame_shadow:null,visible:null,initialize:function(c){var b=this;if(c){this.options=_.defaults(c,this.options)}this.visible=this.options.visible;this.top=this.top_max=this.options.top_min;this.setElement(this._template());$(this.el).append(this._template_background());$(this.el).append(this._template_menu());$(this.el_main).append($(this.el));var d="#frame-shadow";$(this.el).append(this._template_shadow(d.substring(1)));this.frame_shadow={id:d,screen_location:{},grid_location:{},grid_rank:null,grid_lock:false};this._frame_resize(this.frame_shadow,{width:0,height:0});this.frame_list[d]=this.frame_shadow;this._panel_refresh();if(!this.visible){this.hide()}else{this.show()}var b=this;$(window).resize(function(){if(b.visible){b._panel_refresh()}})},add:function(b){var e={title:"",content:null,target:"",type:null};if(b){b=_.defaults(b,e)}else{b=e}if(!b.content){return}if(this.frame_counter>=this.options.frame_max){alert("You have reached the maximum number of allowed frames ("+this.options.frame_max+").");return}var c="#frame-"+(this.frame_counter_id++);if($(c).length!==0){alert("This frame already exists. This page might contain multiple frame managers.");return}this.top=this.options.top_min;var d=null;if(b.type=="url"){d=$(this._template_frame_url(c.substring(1),b.title,b.content))}else{d=$(this._template_frame(c.substring(1),b.title));d.find(".f-content").append(b.content)}$(this.el).append(d);var f={id:c,screen_location:{},grid_location:{},grid_rank:null,grid_lock:false};b.width=this._to_pixel_coord("width",this.options.frame.cols);b.height=this._to_pixel_coord("height",this.options.frame.rows);this.frame_z=parseInt($(f.id).css("z-index"));this.frame_list[c]=f;this.frame_counter++;this._frame_resize(f,{width:b.width,height:b.height});this._frame_insert(f,{top:0,left:0},true);if(!this.visible){this.show()}},show:function(){this.visible=true;this.$el.find(".frame").fadeIn("fast");this.$el.find(this.frame_shadow.id).hide();this.$el.find(".frame-background").show();this._panel_refresh();this._menu_refresh()},hide:function(){if(this.event.type!==null){return}this.visible=false;this.$el.find(".frame").fadeOut("fast");this.$el.find(".frame-background").hide();this.$el.find(".frame-menu").hide();this._menu_refresh()},length:function(){return this.frame_counter},setOnChange:function(b){this.options.onchange=b},event:{type:null,target:null,xy:null},events:{mousemove:"_event_frame_mouse_move",mouseup:"_event_frame_mouse_up",mouseleave:"_event_frame_mouse_up",mousewheel:"_event_panel_scroll",DOMMouseScroll:"_event_panel_scroll","mousedown .frame":"_event_frame_mouse_down","mousedown .frame-background":"_event_hide","mousedown .frame-scroll-up":"_event_panel_scroll_up","mousedown .frame-scroll-down":"_event_panel_scroll_down","mousedown .f-close":"_event_frame_close","mousedown .f-pin":"_event_frame_lock"},_event_frame_mouse_down:function(b){if(this.event.type!==null){return}if($(b.target).hasClass("f-header")||$(b.target).hasClass("f-title")){this.event.type="drag"}if($(b.target).hasClass("f-resize")){this.event.type="resize"}if(this.event.type===null){return}b.preventDefault();this.event.target=this._frame_identify(b.target);if(this.event.target.grid_lock){this.event.type=null;return}this.event.xy={x:b.originalEvent.pageX,y:b.originalEvent.pageY};this._frame_drag_start(this.event.target)},_event_frame_mouse_move:function(h){if(this.event.type!="drag"&&this.event.type!="resize"){return}var f={x:h.originalEvent.pageX,y:h.originalEvent.pageY};var c={x:f.x-this.event.xy.x,y:f.y-this.event.xy.y};this.event.xy=f;var g=this._frame_screen(this.event.target);if(this.event.type=="resize"){g.width+=c.x;g.height+=c.y;var d=this.options.cell-this.options.margin-1;g.width=Math.max(g.width,d);g.height=Math.max(g.height,d);this._frame_resize(this.event.target,g);g.width=this._to_grid_coord("width",g.width)+1;g.height=this._to_grid_coord("height",g.height)+1;g.width=this._to_pixel_coord("width",g.width);g.height=this._to_pixel_coord("height",g.height);this._frame_resize(this.frame_shadow,g);this._frame_insert(this.frame_shadow,{top:this._to_grid_coord("top",g.top),left:this._to_grid_coord("left",g.left)})}if(this.event.type=="drag"){g.left+=c.x;g.top+=c.y;this._frame_offset(this.event.target,g);var b={top:this._to_grid_coord("top",g.top),left:this._to_grid_coord("left",g.left)};if(b.left!==0){b.left++}this._frame_insert(this.frame_shadow,b)}},_event_frame_mouse_up:function(b){if(this.event.type!="drag"&&this.event.type!="resize"){return}this._frame_drag_stop(this.event.target);this.event.type=null},_event_frame_close:function(c){if(this.event.type!==null){return}c.preventDefault();var d=this._frame_identify(c.target);var b=this;$(d.id).fadeOut("fast",function(){$(d.id).remove();delete b.frame_list[d.id];b.frame_counter--;b._panel_refresh(true);b._panel_animation_complete();if(b.visible&&b.frame_counter==0){b.hide()}})},_event_frame_lock:function(b){if(this.event.type!==null){return}b.preventDefault();var c=this._frame_identify(b.target);if(c.grid_lock){c.grid_lock=false;$(c.id).find(".f-pin").removeClass("toggle");$(c.id).find(".f-header").removeClass("f-not-allowed");$(c.id).find(".f-title").removeClass("f-not-allowed");$(c.id).find(".f-resize").show();$(c.id).find(".f-close").show()}else{c.grid_lock=true;$(c.id).find(".f-pin").addClass("toggle");$(c.id).find(".f-header").addClass("f-not-allowed");$(c.id).find(".f-title").addClass("f-not-allowed");$(c.id).find(".f-resize").hide();$(c.id).find(".f-close").hide()}},_event_hide:function(b){if(this.event.type!==null){return}this.hide()},_event_panel_scroll:function(b){if(this.event.type!==null||!this.visible){return}b.preventDefault();var c=b.originalEvent.detail?b.originalEvent.detail:b.originalEvent.wheelDelta/-3;this._panel_scroll(c)},_event_panel_scroll_up:function(b){if(this.event.type!==null){return}b.preventDefault();this._panel_scroll(-this.options.scroll)},_event_panel_scroll_down:function(b){if(this.event.type!==null){return}b.preventDefault();this._panel_scroll(this.options.scroll)},_frame_identify:function(b){return this.frame_list["#"+$(b).closest(".frame").attr("id")]},_frame_drag_start:function(c){this._frame_focus(c,true);var b=this._frame_screen(c);this._frame_resize(this.frame_shadow,b);this._frame_grid(this.frame_shadow,c.grid_location);c.grid_location=null;$(this.frame_shadow.id).show();$(".f-cover").show()},_frame_drag_stop:function(c){this._frame_focus(c,false);var b=this._frame_screen(this.frame_shadow);this._frame_resize(c,b);this._frame_grid(c,this.frame_shadow.grid_location,true);this.frame_shadow.grid_location=null;$(this.frame_shadow.id).hide();$(".f-cover").hide();this._panel_animation_complete()},_to_grid_coord:function(d,c){var b=(d=="width"||d=="height")?1:-1;if(d=="top"){c-=this.top}return parseInt((c+b*this.options.margin)/this.options.cell,10)},_to_pixel_coord:function(d,e){var b=(d=="width"||d=="height")?1:-1;var c=(e*this.options.cell)-b*this.options.margin;if(d=="top"){c+=this.top}return c},_to_grid:function(b){return{top:this._to_grid_coord("top",b.top),left:this._to_grid_coord("left",b.left),width:this._to_grid_coord("width",b.width),height:this._to_grid_coord("height",b.height)}},_to_pixel:function(b){return{top:this._to_pixel_coord("top",b.top),left:this._to_pixel_coord("left",b.left),width:this._to_pixel_coord("width",b.width),height:this._to_pixel_coord("height",b.height)}},_is_collision:function(d){function b(g,f){return !(g.left>f.left+f.width-1||g.left+g.width-1f.top+f.height-1||g.top+g.height-1l?1:0)});for(e=0;e
    '},_template_frame:function(c,b){if(!b){b=""}return'
    '+b+'
    '},_template_frame_url:function(e,d,b){if(b.indexOf("?")==-1){b+="?"}else{b+="&"}b+="widget=True";var c=$(this._template_frame(e,d));c.find(".f-content").append('');return c},_template_shadow:function(b){return'
    '},_template_background:function(){return'
    '},_template_menu:function(){return'
    '}});return{View:a}}); \ No newline at end of file diff --git a/static/style/blue/base.css b/static/style/blue/base.css index 223d131da15..020978dcbf3 100644 --- a/static/style/blue/base.css +++ b/static/style/blue/base.css @@ -1279,9 +1279,9 @@ label{font-weight:normal} .upload-ftp .upload-ftp-warning{text-align:center;margin-top:20px} .upload-settings .upload-settings-cover{position:absolute;width:100%;height:100%;top:0px;left:0px;background:#fff;opacity:0.4;cursor:no-drop} .no-highlight{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;} -.portlet-view{min-width:300px}.portlet-view .portlet-title-icon{float:left;font-size:1.2em;padding-top:3px} -.portlet-view .portlet-title{overflow:hidden} -.portlet-view .portlet-title-text{float:left;padding-top:1px} +.portlet-view{min-width:300px}.portlet-view .portlet-title-icon{float:left;font-size:1.2em;padding-top:4px} +.portlet-view .portlet-title{overflow:hidden;padding:2px 5px 2px 10px} +.portlet-view .portlet-title-text{float:left;padding-top:2px} .portlet-view .portlet-operations{float:right;cursor:pointer} .portlet-view .portlet-buttons{height:50px;padding:10px} .portlet-view .portlet-content{height:inherit;padding:10px} diff --git a/static/style/src/less/ui.less b/static/style/src/less/ui.less index 039a449e91b..be501da5f85 100644 --- a/static/style/src/less/ui.less +++ b/static/style/src/less/ui.less @@ -11,16 +11,17 @@ .portlet-title-icon { float: left; font-size: 1.2em; - padding-top: 3px; + padding-top: 4px; } .portlet-title { overflow: hidden; + padding: 2px 5px 2px 10px; } .portlet-title-text { float: left; - padding-top: 1px; + padding-top: 2px; } .portlet-operations {