X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/78a1683680177da480dc3ffaea2d4f2b79ab793d..8dcb4daaa7e740f5957043321ccf2c1a7bd2ccb6:/apps/workbench/app/assets/javascripts/application.js
diff --git a/apps/workbench/app/assets/javascripts/application.js b/apps/workbench/app/assets/javascripts/application.js
index dc7177060e..cf0812adae 100644
--- a/apps/workbench/app/assets/javascripts/application.js
+++ b/apps/workbench/app/assets/javascripts/application.js
@@ -18,7 +18,10 @@
//= require bootstrap/tooltip
//= require bootstrap/popover
//= require bootstrap/collapse
+//= require bootstrap/modal
+//= require bootstrap/button
//= require bootstrap3-editable/bootstrap-editable
+//= require wiselinks
//= require_tree .
jQuery(function($){
@@ -27,7 +30,13 @@ jQuery(function($){
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
}
});
- $('.editable').editable();
+
+ $(document).ajaxStart(function(){
+ $('.modal-with-loading-spinner .spinner').show();
+ }).ajaxStop(function(){
+ $('.modal-with-loading-spinner .spinner').hide();
+ });
+
$('[data-toggle=tooltip]').tooltip();
$('.expand-collapse-row').on('click', function(event) {
@@ -41,12 +50,32 @@ jQuery(function($){
}
targets.fadeToggle(200);
});
+
+ var ajaxCount = 0;
+
$(document).
on('ajax:send', function(e, xhr) {
- $('.loading').fadeTo('fast', 1);
+ ajaxCount += 1;
+ if (ajaxCount == 1) {
+ $('.loading').fadeTo('fast', 1);
+ }
}).
on('ajax:complete', function(e, status) {
- $('.loading').fadeOut('fast', 0);
+ ajaxCount -= 1;
+ if (ajaxCount == 0) {
+ $('.loading').fadeOut('fast', 0);
+ }
+ }).
+ on('ajaxSend', function(e, xhr) {
+ // jQuery triggers 'ajaxSend' event when starting an ajax call, but
+ // rails-generated ajax triggers generate 'ajax:send'. Workbench
+ // event listeners currently expect 'ajax:send', so trigger the
+ // rails event in response to the jQuery one.
+ $(document).trigger('ajax:send');
+ }).
+ on('ajaxComplete', function(e, xhr) {
+ // See comment above about ajaxSend/ajax:send
+ $(document).trigger('ajax:complete');
}).
on('click', '.removable-tag a', function(e) {
var tag_span = $(this).parents('[data-tag-link-uuid]').eq(0)
@@ -78,7 +107,7 @@ jQuery(function($){
attr('data-tag-link-uuid', new_tag_uuid).
text(new_tag).
css('opacity', '0.2').
- append(' ');
+ append(' ');
$(this).
parent().
find('>span').
@@ -88,7 +117,6 @@ jQuery(function($){
{dataType: 'json',
type: $(this).attr('data-remote-method'),
data: {
- 'link[head_kind]': 'arvados#collection',
'link[head_uuid]': tag_head_uuid,
'link[link_class]': 'tag',
'link[name]': new_tag
@@ -104,11 +132,25 @@ jQuery(function($){
return false;
});
+ $(document).
+ on('ajax:complete ready', function() {
+ // See http://getbootstrap.com/javascript/#buttons
+ $('.btn').button();
+ }).
+ on('ready ajax:complete', function() {
+ $('[data-toggle~=tooltip]').tooltip({container:'body'});
+ }).
+ on('ready ajax:complete', function() {
+ // This makes the dialog close on Esc key, obviously.
+ $('.modal').attr('tabindex', '-1')
+ });
+
HeaderRowFixer = function(selector) {
- var tables = $(selector);
this.duplicateTheadTr = function() {
- tables.each(function() {
+ $(selector).each(function() {
var the_table = this;
+ if ($('>tbody>tr:first>th', the_table).length > 0)
+ return;
$('>tbody', the_table).
prepend($('>thead>tr', the_table).
clone().
@@ -116,9 +158,9 @@ jQuery(function($){
});
}
this.fixThead = function() {
- tables.each(function() {
+ $(selector).each(function() {
var widths = [];
- $('> tbody > tr:eq(0) > td', this).each( function(i,v){
+ $('> tbody > tr:eq(1) > td', this).each( function(i,v){
widths.push($(v).width());
});
for(i=0;i