X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/e2bee889bc406f30b66337d823242869abe7e98d..e13874a4bb666423c5b2ddf1ebb517a10789f4c0:/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 fb6fe9a667..c4cb68322f 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) {
@@ -42,81 +51,99 @@ jQuery(function($){
targets.fadeToggle(200);
});
- var add_selection = function(v) {
- var lst = JSON.parse(localStorage.persistentSelection);
- lst.push(v);
- localStorage.persistentSelection = JSON.stringify(lst);
- update_count();
- };
-
- var remove_selection = function(v) {
- var lst = JSON.parse(localStorage.persistentSelection);
- var i = jQuery.inArray(v, lst);
- if (i > -1) {
- lst.splice(i, 1);
- }
- localStorage.persistentSelection = JSON.stringify(lst);
- update_count();
- };
-
- var remove_selection_click = function(e) {
- remove_selection($(this).attr('name'));
- };
-
- var update_count = function(e) {
- var lst = JSON.parse(localStorage.persistentSelection);
- $("#persistent-selection-count").text(lst.length);
-
- if (lst.length > 0) {
- $('#persistent-selection-list').empty();
- for (var i = 0; i < lst.length; i++) {
- $('#persistent-selection-list').append("" + lst[i] + ""
- + ""
- + ""
- + "");
- }
- } else {
- $('#persistent-selection-list').html("No selections.");
- }
-
- var checkboxes = $('.persistent-selection:checkbox');
- for (i = 0; i < checkboxes.length; i++) {
- if (jQuery.inArray($(checkboxes[i]).val(), lst) > -1) {
- checkboxes[i].checked = true;
- }
- else {
- checkboxes[i].checked = false;
- }
- }
-
- $('.remove-selection').on('click', remove_selection_click);
- };
+ 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);
- }).
- on('change', '.persistent-selection:checkbox', function(e) {
- //console.log($(this));
- //console.log($(this).val());
-
- if (!localStorage.persistentSelection) {
- localStorage.persistentSelection = JSON.stringify([]);
- }
-
- var inc = 0;
- if ($(this).is(":checked")) {
- add_selection($(this).val());
- }
- else {
- remove_selection($(this).val());
+ 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)
+ tag_span.fadeTo('fast', 0.2);
+ $.ajax('/links/' + tag_span.attr('data-tag-link-uuid'),
+ {dataType: 'json',
+ type: 'POST',
+ data: { '_method': 'DELETE' },
+ context: tag_span}).
+ done(function(data, status, jqxhr) {
+ this.remove();
+ }).
+ fail(function(jqxhr, status, error) {
+ this.addClass('label-danger').fadeTo('fast', '1');
+ });
+ return false;
+ }).
+ on('click', 'a.add-tag-button', function(e) {
+ var jqxhr;
+ var new_tag_uuid = 'new-tag-' + Math.random();
+ var tag_head_uuid = $(this).parents('tr').attr('data-object-uuid');
+ var new_tag = window.prompt("Add tag for collection "+
+ tag_head_uuid,
+ "");
+ if (new_tag == null)
+ return false;
+ var new_tag_span =
+ $('').
+ attr('data-tag-link-uuid', new_tag_uuid).
+ text(new_tag).
+ css('opacity', '0.2').
+ append(' ');
+ $(this).
+ parent().
+ find('>span').
+ append(new_tag_span).
+ append(' ');
+ $.ajax($(this).attr('data-remote-href'),
+ {dataType: 'json',
+ type: $(this).attr('data-remote-method'),
+ data: {
+ 'link[head_uuid]': tag_head_uuid,
+ 'link[link_class]': 'tag',
+ 'link[name]': new_tag
+ },
+ context: new_tag_span}).
+ done(function(data, status, jqxhr) {
+ this.attr('data-tag-link-uuid', data.uuid).
+ fadeTo('fast', '1');
+ }).
+ fail(function(jqxhr, status, error) {
+ this.addClass('label-danger').fadeTo('fast', '1');
+ });
+ return false;
});
- $(window).on('load storage', update_count);
+ $(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) {
this.duplicateTheadTr = function() {
@@ -142,7 +169,7 @@ jQuery(function($){
});
}
}
-
+
var fixer = new HeaderRowFixer('.table-fixed-header-row');
fixer.duplicateTheadTr();
fixer.fixThead();
@@ -153,4 +180,29 @@ jQuery(function($){
fixer.duplicateTheadTr();
fixer.fixThead();
});
-})(jQuery);
+
+ $(document).ready(function() {
+ /* When wiselinks is initialized, selection.js is not working. Since we want to stop
+ using selection.js in the near future, let's not initialize wiselinks for now. */
+
+ // window.wiselinks = new Wiselinks();
+
+ $(document).off('page:loading').on('page:loading', function(event, $target, render, url){
+ $("#page-wrapper").fadeOut(200);
+ });
+
+ $(document).off('page:redirected').on('page:redirected', function(event, $target, render, url){
+ });
+
+ $(document).off('page:always').on('page:always', function(event, xhr, settings){
+ $("#page-wrapper").fadeIn(200);
+ });
+
+ $(document).off('page:done').on('page:done', function(event, $target, status, url, data){
+ });
+
+ $(document).off('page:fail').on('page:fail', function(event, $target, status, url, error, code){
+ });
+ });
+
+});