The webinterface will now print the path to a foxx in development mode

js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationDetailView.ejs

@@ -25,13 +25,16 @@
       </div>
       <div class="breadcrumb">
         <a class="activeBread" href="#applications">Applications</a>
-        &gt;
-        <a class="disabledBread">
+        <span class="disabledBread">&gt;</span>
+        <span class="disabledBread">
           <%= app.attributes.mount %>
-        </a>
-        <a class="disabledBread" id="app-development-indicator" style="display:<%=app.get('development')?'inline':'none' %>;">
-          (development)
-        </a>
+        </span>
+        <span class="disabledBread" id="app-development-indicator" style="display:<%=app.get('development')?'inline':'none' %>;">
+          (development) Location: 
+        </span>
+        <span class="disabledBread" id="app-development-path" style="display:<%=app.get('development')?'inline':'none' %>;">
+          <%= app.get("path")%>
+        </span>
       </div>
     </div>
     <div></div>

js/apps/system/_admin/aardvark/APP/frontend/js/views/applicationDetailView.js

@@ -38,9 +38,11 @@
         if (this.model.isDevelopment()) {
           $("#app-switch-mode").val("Set Pro");
           $("#app-development-indicator").css("display", "inline");
+          $("#app-development-path").css("display", "inline");
         } else {
           $("#app-switch-mode").val("Set Dev");
           $("#app-development-indicator").css("display", "none");
+          $("#app-development-path").css("display", "none");
         }
       }.bind(this));
     },

js/apps/system/_admin/aardvark/APP/frontend/js/views/documentView.js

@@ -264,9 +264,9 @@
       $('#transparentHeader').append(
         '<div class="breadcrumb">'+
         '<a href="#collections" class="activeBread">Collections</a>'+
-        '  >  '+
+        '<span class="disabledBread">&gt</span>'+
         '<a class="activeBread" href="#collection/' + name[1] + '/documents/1">' + name[1] + '</a>'+
-        '  >  '+
+        '<span class="disabledBread">&gt</span>'+
         '<a class="disabledBread">' + name[2] + '</a>'+
         '</div>'
       );

js/apps/system/_admin/aardvark/APP/frontend/js/views/documentsView.js

@@ -955,7 +955,7 @@
       $('#transparentHeader').append(
         '<div class="breadcrumb">'+
         '<a class="activeBread" href="#collections">Collections</a>'+
-        '  &gt;  '+
+        '<span class="disabledBread">&gt</span>'+
         '<a class="disabledBread">'+this.collectionName+'</a>'+
         '</div>'
       );

js/apps/system/_admin/aardvark/APP/frontend/scss/_documentsView.scss

@@ -105,17 +105,6 @@
 }
 
 
-.breadcrumb {
-  background: transparent;
-  border: 0;
-  border-radius: 0;
-  padding: 8px 0;
-}
-
-.breadcrumb a.activeBread {
-  color: $c-breadcrumb-a-active-bread;
-}
-
 .documents-size {
   float: right;
   margin-top: -58px;

js/apps/system/_admin/aardvark/APP/frontend/scss/_headerBar.scss

@@ -118,13 +118,25 @@ div.headerBar > div.headerButtonBar {
 
 // Breadcrumbs on the left side 
 
-div.headerBar > div.breadcrumb {
-  padding-left: 5px !important;
-}
 
-// Disabled breadcrumb
-div.breadcrumb a.disabledBread {
-  color: $c-white;
+.breadcrumb {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  padding: 8px 0;
+
+  // Disabled breadcrumb
+  .disabledBread {
+    padding-left: 5px;
+    color: $c-white;
+    float: left;
+  }
+
+  .activeBread {
+    padding-left: 5px;
+    color: $c-breadcrumb-a-active-bread;
+    float: left;
+  }
 }
 
 // arangoHeader

js/apps/system/_admin/aardvark/APP/manifest.json

@@ -132,7 +132,7 @@
 
     "css/sass.css": {
       "files": [
-        "frontend/scss/generated.css"
+        "frontend/build/style.css"
       ]
     },
 

js/common/modules/org/arangodb/foxx/manager-utils.js

@@ -300,7 +300,8 @@ function listJson (showPrefix, onlyDevelopment) {
       author: doc.manifest.author,
       system: doc.isSystem || false,
       development: doc.isDevelopment || false,
-      version: doc.version
+      version: doc.version,
+      path: fs.join(fs.makeAbsolute(doc.root), doc.path)
     };
 
     if (showPrefix) {