X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/a5e1609e6f34ee041a92fa089ccf0ed66448bf15..854af8067c6486193eb00917e2515f81ba776770:/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 1a8b9900a2..796053b8cd 100644
--- a/apps/workbench/app/assets/javascripts/application.js
+++ b/apps/workbench/app/assets/javascripts/application.js
@@ -21,6 +21,11 @@
//= require bootstrap/modal
//= require bootstrap/button
//= require bootstrap3-editable/bootstrap-editable
+//= require bootstrap-tab-history
+//= require wiselinks
+//= require raphael
+//= require morris
+//= require jquery.number.min
//= require_tree .
jQuery(function($){
@@ -29,6 +34,13 @@ jQuery(function($){
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
}
});
+
+ $(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) {
@@ -59,11 +71,14 @@ jQuery(function($){
}
}).
on('ajaxSend', function(e, xhr) {
- // map jquery event to rails event
+ // 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) {
- // map jquery event to rails event
+ // See comment above about ajaxSend/ajax:send
$(document).trigger('ajax:complete');
}).
on('click', '.removable-tag a', function(e) {
@@ -96,12 +111,12 @@ jQuery(function($){
attr('data-tag-link-uuid', new_tag_uuid).
text(new_tag).
css('opacity', '0.2').
- append(' ');
+ append(' ');
$(this).
parent().
find('>span').
append(new_tag_span).
- append(' ');
+ append(' ');
$.ajax($(this).attr('data-remote-href'),
{dataType: 'json',
type: $(this).attr('data-remote-method'),
@@ -125,11 +140,13 @@ jQuery(function($){
on('ajax:complete ready', function() {
// See http://getbootstrap.com/javascript/#buttons
$('.btn').button();
- });
-
- $(document).
+ }).
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) {
@@ -167,4 +184,62 @@ jQuery(function($){
fixer.duplicateTheadTr();
fixer.fixThead();
});
+
+ $(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){
+ });
+ });
+
+ $(document).on('click', '.compute-detail', function(e) {
+ $(e.target).collapse('hide');
+ });
+
+ $(document).on('click', '.compute-node-summary', function(e) {
+ $(e.target.href).collapse('toggle');
+ });
+
+ $(document).on('click', '.force-cache-reload', function(e) {
+ history.replaceState( { nocache: true }, '' );
+ });
+});
+
+window.addEventListener("DOMContentLoaded", function(e) {
+ if(history.state) {
+ if(history.state.nocache) {
+ showLoadingModal();
+ history.replaceState( {}, '' );
+ location.reload(true);
+ }
+ }
});
+
+function showLoadingModal() {
+ $('#loading-modal').modal('show');
+}
+
+function hideLoadingModal() {
+ $('#loading-modal').modal('hide');
+}
+
+function hasHTML5History() {
+ return !!(window.history && window.history.pushState);
+}