Add link to go back to root when an error is thrown

Author: cmarmo

nbgitpuller/static/js/gitsyncview.js

@@ -4,7 +4,7 @@ import { FitAddon } from 'xterm-addon-fit';
 import { WebLinksAddon } from 'xterm-addon-web-links';
 
 export class GitSyncView{
-    constructor(termSelector, progressSelector, termToggleSelector) {
+    constructor(termSelector, progressSelector, termToggleSelector, recoverySelector) {
         // Class that encapsulates view rendering as much as possible
         this.term = new Terminal({
             convertEol: true
@@ -18,6 +18,7 @@ export class GitSyncView{
 
         this.termToggle = document.querySelector(termToggleSelector);
         this.termElement = document.querySelector(termSelector);
+        this.recovery = document.querySelector(recoverySelector);
 
         this.termToggle.onclick = () => this.setTerminalVisibility(!this.visible)
     }
@@ -58,8 +59,10 @@ export class GitSyncView{
     setProgressError(isError) {
         if (isError) {
             this.progress.classList.add('progress-bar-danger');
+            this.recovery.classList.remove('hidden');
         } else {
             this.progress.classList.remove('progress-bar-danger');
+            this.recovery.classList.add('hidden');
         }
     }
 }

nbgitpuller/static/js/index.js

@@ -28,7 +28,8 @@ const gs = new GitSync(
 const gsv = new GitSyncView(
     '#status-details',
     '#status-panel-title',
-    '#status-panel-toggle'
+    '#status-panel-toggle',
+    '#recovery-link'
 );
 
 gs.addHandler('syncing', function(data) {

nbgitpuller/templates/status.html

@@ -29,6 +29,7 @@
     <div class="panel-body hidden" id="status-details-container">
             <div id="status-details"></div>
     </div>
+        <div id="recovery-link" class="hidden"><small>Go back to the <a href="{{ base_url }}">Jupyter root</a></small></divdiv>
     </div>
 </div>
 {% endblock %}