diff --git a/.gitignore b/.gitignore
index c540c7d2bf..583c3574ab 100644
--- a/.gitignore
+++ b/.gitignore
@@ -99,6 +99,8 @@ js/apps/system/_admin/aardvark/APP/node_modules/*
 
 js/apps/system/_admin/aardvark/APP/frontend/build/app.js
 js/apps/system/_admin/aardvark/APP/frontend/build/app.js.gz
+js/apps/system/_admin/aardvark/APP/frontend/build/templates.js
+js/apps/system/_admin/aardvark/APP/frontend/build/templates.js.gz
 js/apps/system/_admin/aardvark/APP/frontend/build/extra.css
 js/apps/system/_admin/aardvark/APP/frontend/build/extra.css.gz
 js/apps/system/_admin/aardvark/APP/frontend/build/index.html
diff --git a/js/apps/system/_admin/aardvark/APP/GruntFile.js b/js/apps/system/_admin/aardvark/APP/GruntFile.js
index 0efbebdfaf..aa97283290 100644
--- a/js/apps/system/_admin/aardvark/APP/GruntFile.js
+++ b/js/apps/system/_admin/aardvark/APP/GruntFile.js
@@ -34,7 +34,6 @@
             "frontend/css/highlightjs.css",
             "frontend/css/jsoneditor.css",
             "frontend/css/grids-responsive-min.css",
-            "frontend/css/tippy.css",
             "frontend/css/dygraph.css",
             "frontend/css/leaflet.css",
             "frontend/css/nv.d3.css",
@@ -59,6 +58,7 @@
             "frontend/js/lib/numeral.min.js",
             "frontend/js/lib/moment.min.js",
             "frontend/js/lib/randomColor.js",
+            "frontend/js/lib/popper.js",
             "frontend/js/lib/tippy.js",
             // START SIGMA LIBRARIES
             "frontend/js/lib/sigma.min.js",
@@ -182,7 +182,7 @@
           },
           files: [{
             expand: true,
-            src: ['frontend/build/app.min.js', 'frontend/build/libs.min.js'],
+            src: ['frontend/build/app.min.js', 'frontend/build/libs.min.js', 'frontend/build/templates.min.js'],
             dest: '.',
             ext: '.min.js.gz'
           }]
@@ -193,7 +193,7 @@
           },
           files: [{
             expand: true,
-            src: ['frontend/build/app.js', 'frontend/build/libs.min.js'],
+            src: ['frontend/build/app.js', 'frontend/build/libs.min.js', 'frontend/build/templates.min.js'],
             dest: '.',
             ext: '.js.gz'
           }]
@@ -292,7 +292,6 @@
           src: [
             "frontend/html/start.html.part",
             "frontend/html/head.html.part",
-            "frontend/js/templates/*.ejs",
             "frontend/html/body.html.part",
             "frontend/build/scripts.html.part",
             "frontend/html/end.html.part"
@@ -345,10 +344,30 @@
         ]
       },
 
+      jst: {
+        compile: {
+          options: {
+            //namespace: "anotherNameThanJST",      //Default: 'JST'
+            prettify: false,                        //Default: false|true
+            amdWrapper: false,                      //Default: false|true
+            templateSettings: {
+            },
+            processName: function(filename) {
+              //Shortens the file path for the template.
+              return filename.slice(filename.indexOf("template"), filename.length);
+            }
+          },
+          files: {
+            'frontend/build/templates.js': ['frontend/js/templates/*.ejs']
+          }
+        }
+      },
+
       uglify: {
         default1: {
           files: {
-            'frontend/build/app.min.js': 'frontend/build/app.js'
+            'frontend/build/app.min.js': 'frontend/build/app.js',
+            'frontend/build/templates.min.js': 'frontend/build/templates.js'
           }
         },
         libs2: {
@@ -393,8 +412,7 @@
         },
         html: {
           files: [
-            'frontend/html/*',
-            'frontend/js/templates/*.ejs'
+            'frontend/html/*'
           ],
           tasks: [
             'concat_in_order:htmlStandalone',
@@ -407,6 +425,7 @@
 
     grunt.loadNpmTasks("grunt-babel");
     grunt.loadNpmTasks("grunt-sass");
+    grunt.loadNpmTasks('grunt-contrib-jst');
     grunt.loadNpmTasks("grunt-contrib-imagemin");
     grunt.loadNpmTasks('grunt-contrib-cssmin');
     grunt.loadNpmTasks('grunt-contrib-compress');
@@ -420,6 +439,7 @@
 
     grunt.registerTask('default', [
       'eslint',
+      'jst',
       'sass:dev',
       'replace',
       'concat',
@@ -433,6 +453,7 @@
 
     grunt.registerTask('devel', [
       'sass:dev',
+      'jst',
       'replace',
       'concat',
       'concat_in_order:default',
@@ -444,6 +465,7 @@
     grunt.registerTask('deploy', [
       'sass:dev',
       'eslint',
+      'jst',
       'replace',
       'imagemin',
       'concat',
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/build/templates.min.js b/js/apps/system/_admin/aardvark/APP/frontend/build/templates.min.js
new file mode 100644
index 0000000000..a0a8ef1e93
--- /dev/null
+++ b/js/apps/system/_admin/aardvark/APP/frontend/build/templates.min.js
@@ -0,0 +1 @@
+this.JST=this.JST||{},this.JST["templates/applicationDetailView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div class="application-detail-view">\n    <div class="headerBar" style="width: 100%">\n\n      <ul class="subMenuEntries subViewNavbar pull-left">\n        <li id="service-info" class="subMenuEntry active"><a>Info</a></li>\n        <li id="service-api" class="subMenuEntry "><a>API</a></li>\n        <li id="service-readme" class="subMenuEntry "><a>Readme</a></li>\n        <li id="service-settings" class="subMenuEntry "><a>Settings</a></li>\n      </ul>\n\n      <div class="headerButtonBar" style="display: none">\n        <ul class="headerButtonList">\n          <li>\n            <a id="app-deps" class="headerButton '+(null==(__t=_.isEmpty(app.get("deps"))?"disabled":"")?"":__t)+" "+(null==(__t=app.hasUnconfiguredDependencies()?"error":"")?"":__t)+'">\n              <span class="fa fa-cubes" title="Dependencies"></span>\n            </a>\n          </li>\n          <li id="app-scripts" class="dropdown">\n            <a class="headerButton '+(null==(__t=_.isEmpty(app.get("scripts"))?"disabled":"")?"":__t)+'" title="Scripts">\n              <i class="fa fa-code"></i>\n            </a>\n            <ul class="script-dropdown-menu dropdown-toolbar dropdown-menu" id="scripts_dropdown">\n            ',_.each(app.get("scripts"),function(n,t){__p+='\n              <li class="dropdown-item">\n                <a class="tab" data-script="'+(null==(__t=t)?"":__t)+'">'+(null==(__t=n)?"":__t)+"</a>\n              </li>\n            "}),__p+='\n            </ul>\n          </li>\n          <li>\n            <a id="app-tests" class="headerButton">\n              <span class="fa fa-flask" title="Tests"></span>\n            </a>\n          </li>\n          <li>\n            <a id="download-app" class="headerButton '+(null==(__t=app.isSystem()?"disabled":"")?"":__t)+'">\n              <span class="fa fa-download" title="Download"></span>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </div>\n    <section class="info" id="information">\n      <div class="header">\n        <div class="header-icon-container">\n          <img src="'+(null==(__t=app.thumbnailUrl)?"":__t)+'" alt="Icon for Service" class="icon" />\n        </div>\n        <div id="hidden_buttons" style="display: none">\n          <button class="delete button-danger" '+(null==(__t=app.isSystem()?"disabled":"")?"":__t)+' >Delete</button>\n          <button id="app-replace" class="app-replace upgrade button-warning" '+(null==(__t=app.isSystem()?"disabled":"")?"":__t)+'>Replace</button>\n          <button id="app-switch-mode" class="app-switch-mode switch-mode button-warning">'+(null==(__t=app.get("development")?"Set Production":"Set Development")?"":__t)+'</button>\n        </div>\n        <div class="header_left">\n          <div id="app-warning" class="app-warning" style="display:'+(null==(__t=app.needsAttention()?"block":"none")?"":__t)+';">\n            <h4>Out of order</h4>\n            <p id="app-warning-broken" style="display:'+(null==(__t=app.isBroken()?"block":"none")?"":__t)+';">This service has failed to mount due to an error.</p>\n            <p id="app-warning-config" style="display:'+(null==(__t=app.needsConfiguration()?"block":"none")?"":__t)+';">This service has not yet been configured properly.</p>\n            <p id="app-warning-deps" style="display:'+(null==(app.hasUnconfiguredDependencies(),__t="block")?"":__t)+';">Some dependencies have not yet been set up.</p>\n          </div>\n          <div class="header_line">\n            <h3>\n              '+(null==(__t=app.attributes.name)?"":__t)+'\n            </h3>\n          </div>\n          <div class="header_line header_line_bottom">\n            <p class="description">'+(null==(__t=app.attributes.description)?"":__t)+'</p>\n            <div>\n              <div class="inner">\n                <h3>\n                  ',app.attributes.license&&(__p+='\n                    <span class="license">'+(null==(__t=app.attributes.license)?"":__t)+"</span>\n                  "),__p+='\n                </h3>\n                <h3>\n                  <span class="version">'+(null==(__t=app.attributes.version)?"":__t)+'</span>\n                </h3>\n                <h3>\n                  <span class="mode '+(null==(__t=app.get("development")?"development":"production")?"":__t)+'">'+(null==(__t=app.get("development")?"Development":"Production")?"":__t)+'</span>\n                </h3>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class="header_right">\n          <input type="button" class="open button-success" disabled="true" value="Show Interface" />\n        </div>\n        <div class="information">\n        </div>\n      </div>\n    </section>\n    <main>\n      <div id="app-info" class="app-info" style="display: none;">\n        <h4>Info</h4>\n        <p id="app-info-swagger">Documentation for this service is not yet configured.</p>\n      </div>\n      <div id="swagger" class="swagger" style="display: none;">\n        <a id="jsonLink">Swagger</a>\n        <div id="swaggerJsonContent" style="display: none">\n          <div id="swaggerJsonEditor" style="height: 100%;"></div>\n        </div>\n      </div>\n      <div id="settings" class="readme" style="display: none;">\n        ',_.isEmpty(app.get("config"))&&(__p+="\n          <p>No configurable settings available.</p>\n        "),__p+='\n        <div class="buttons"></div>\n      </div>\n      <div id="readme" class="readme" style="display: none;">\n        ',app.get("readme")?__p+="\n        "+(null==(__t=marker(app.get("readme")))?"":__t)+"\n        ":__p+="\n        <p>No README data found.</p>\n        ",__p+='\n      </div>\n    </main>\n    \x3c!--<aside class="meta" id="sideinformation">\n      <dl>\n        <dt>Author</dt>\n        <dd>'+(null==(__t=app.attributes.author)?"":__t)+"</dd>\n        <dt>Contributors</dt>\n        <dd>\n          ",app.attributes.contributors&&0<app.attributes.contributors.length?(__p+="\n          <ul>\n          ",_.each(app.attributes.contributors,function(n){__p+='\n            <li><a href="mailto:'+(null==(__t=n.email)?"":__t)+'">'+(null==(__t=n.name)?"":__t)+"</a></li>\n          "}),__p+="\n          </ul>\n          "):__p+="\n          No contributors\n          ",__p+='\n        </dd>\n        <dt>Links</dt>\n        <dd>\n          <ul>\n            <li>\n              <a href="'+(null==(__t=baseUrl)?"":__t)+"/_admin/aardvark/foxxes/docs/standalone/index.html?mount="+(null==(__t=encodeURIComponent(app.get("mount")))?"":__t)+'" target="_blank">\n                API Documentation\n              </a>\n            </li>\n            <li>\n              <a href="'+(null==(__t=baseUrl)?"":__t)+"/_admin/aardvark/foxxes/docs/swagger.json?mount="+(null==(__t=encodeURIComponent(app.get("mount")))?"":__t)+'" target="_blank">\n                API as JSON\n              </a>\n            </li>\n            ',app.attributes.repository&&"git"==app.attributes.repository.type&&(__p+='\n              <li><a href="'+(null==(__t=app.attributes.repository.url)?"":__t)+'" target="_blank">Git Repository</a></li>\n            '),__p+="\n          </ul>\n        </dd>\n      </dl>\n    </aside>--\x3e\n  </div>\n";return __p},this.JST["templates/applicationListView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='  <tr class="foxx-store-row">\n    <td class="foxx-store-main">\n      <div class="foxx-name">'+(null==(__t=name)?"":__t)+(null==(__t=legacy?" (legacy)":"")?"":__t)+'</div>\n      <div class="foxx-author">'+(null==(__t=author)?"":__t)+'</div>\n      <div class="foxx-description">'+(null==(__t=description)?"":__t)+'</div>\n    </td>\n    <td class="foxx-store-version">\n      <div class="foxx-version">'+(null==(__t=latestVersion)?"":__t)+'</div>\n    </td>\n    <td class="foxx-store-install">\n      <button class="button-success install-app" appId="'+(null==(__t=name)?"":__t)+'" appVersion="'+(null==(__t=latestVersion)?"":__t)+'">Install</button>\n    </td>\n  </tr>\n';return __p},this.JST["templates/applicationsView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='<div class="headerBar">\n  <div class="headerButtonBar">\n    <ul class="headerButtonList">\n      <li>\n        <a id="foxxToggle" class="headerButton">\n          <span class="icon_arangodb_settings2" title="Settings"></span>\n        </a>\n      </li>\n    </ul>\n  </div>\n</div>\n\n<div id="foxxDropdownOut" class="headerDropdown">\n  <div id="foxxDropdown" class="dropdownInner">\n    <ul>\n      <li class="nav-header">Type</li>\n      <li><a href="#services">\n        <label class="checkbox checkboxLabel">\n          <input class="css-checkbox" type="checkbox" id="checkProduction"/>\n          <i class="fa"></i>\n          Production\n        </label>\n      </a></li>\n\n      <li><a href="#services">\n        <label class="checkbox checkboxLabel">\n          <input class="css-checkbox" type="checkbox" id="checkDevel"/>\n          <i class="fa"></i>\n          Development\n        </label>\n      </a></li>\n\n      <li><a href="#services">\n        <label class="checkbox checkboxLabel">\n          <input class="css-checkbox" id="checkSystem" type="checkbox"/>\n          <i class="fa"></i>\n          System Services\n        </label>\n      </a></li>\n    </ul>\n  </div>\n</div>\n\n<div class="contentDiv">\n  <div id="installed">\n    <div id="installedList" class="tileList pure-u">\n      <div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-5">\n        <div class="fullBorderBox">\n          <a id="addApp" class="add"><span class="pull-left add-Icon"><i class="fa fa-plus-circle"></i>\n</span> Add Service</a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n';return __p},this.JST["templates/applierView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div id="applierContent" class="innerContent applierContent replicationContent">\n    <div class="repl-applier">\n\n      ',_.each(data,function(n,t){__p+='\n\n        <div class="categoryBar">\n          <h4 style="text-transform: capitalize;">'+(null==(__t=t)?"":__t)+'</h4>\n        </div>\n\n          <table id="applier-'+(null==(__t=t)?"":__t)+'" class="pure-table">\n            <tbody>\n              ',"string"==typeof n?__p+="\n                <tr>\n                  <td>"+(null==(__t=t)?"":__t)+"</td>\n                  <td>"+(null==(__t=n)?"":__t)+"</td>\n                </tr>\n              ":(__p+="\n                ",_.each(n,function(n,t){__p+="\n                  <tr>\n                    <td>"+(null==(__t=t)?"":__t)+"</td>\n\n                    <td>\n                      ","string"!=typeof n&&"number"!=typeof n&&"boolean"!=typeof n?(__p+="\n                        <table>\n                          <tbody>\n                            ",_.each(n,function(n,t){__p+="\n                              <tr>\n                                <td>"+(null==(__t=t)?"":__t)+"</td>\n                                <td>"+(null==(__t=n)?"":__t)+"</td>\n                              </tr>\n                            "}),__p+="\n                          <tbody>\n                        </table>\n                      "):__p+="\n                        "+(null==(__t=n)?"":__t)+"\n                      ",__p+="\n                    </td>\n\n                  </tr>\n                "}),__p+="\n              "),__p+="\n            </tbody>\n          </table>\n\n      "}),__p+="\n\n    </div>\n  </div>\n";return __p},this.JST["templates/arangoTabbar.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='<div class="arango-tabbar" id="'+(null==(__t=content.id)?"":__t)+'">\n  ',_.each(content.titles,function(n,t){__p+="\n  ";var e=content.titles[t][0];__p+="\n  ";var a=content.titles[t][1];__p+='\n  <button class="arangodb-tabbar" id="'+(null==(__t=a)?"":__t)+'">'+(null==(__t=e)?"":__t)+"</button>\n  "}),__p+="\n</div>\n";return __p},this.JST["templates/arangoTable.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){__p+='  <div class="tableWrapper">\n    ';var type=type;__p+='\n    <table class="arango-table" id="'+(null==(__t=content.id)?"":__t)+'">\n      <thead>\n        <tr>\n          ';var hcounter=0;if(__p+="\n          ",_.each(content.titles,function(n){__p+='\n            <th class="arango-table-th table-cell'+(null==(__t=hcounter)?"":__t)+'">'+(null==(__t=n)?"":__t)+"</th>\n          ",hcounter++}),__p+="\n        </tr>\n      </thead>\n      <tbody>\n        ",_.each(content.rows,function(n){var t=0;__p+="\n          <tr>\n            ",_.each(n,function(n){__p+="\n              ",type&&"pre"===type[t]?__p+='\n                <td class="arango-table-td table-cell'+(null==(__t=t)?"":__t)+'">\n                  <pre class="tablePre"> \n                    '+(null==(__t=content.unescaped&&content.unescaped[t]?n:_.escape(n))?"":__t)+"\n                  </pre>\n                </td>\n              ":__p+='\n                <td class="arango-table-td table-cell'+(null==(__t=t)?"":__t)+'">'+(null==(__t=content.unescaped&&content.unescaped[t]?n:_.escape(n))?"":__t)+"</td>\n              ",__p+="\n            ",t++}),__p+="\n          </tr>\n        "}),__p+="\n\n        ",0===content.rows.length){__p+="\n          <tr>\n            ";var xcounter=0;__p+="\n            ",_.each(content.titles,function(n){__p+="\n              ",__p+=0===xcounter?"\n                <td>No content.</td>\n              ":"\n                <td></td>\n              ",__p+="\n            ",xcounter++}),__p+="\n          </tr>\n        "}__p+="\n      </tbody>\n    </table>\n  </div>\n"}return __p},this.JST["templates/clusterView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\n  <div class="headerBar" style="margin-top: -60px">\n    <div class="headerButtonBar">\n      <ul class="headerButtonList">\n      </ul>\n    </div>\n  </div>\n\n  <div id="clusterContent" class="innerContent">\n\n    <div class="pure-g cluster-values">\n\n      <div class="pure-u-1-2 pure-u-md-1-4">\n        <div class="valueWrapper">\n          <div id="clusterCoordinators" class="value"><i class="fa fa-spin fa-circle-o-notch" style="color: rgba(0, 0, 0, 0.64);"></i></div>\n          <div class="graphLabel">coordinators</div>\n        </div>\n      </div>\n\n      <div class="pure-u-1-2 pure-u-md-1-4">\n        <div class="valueWrapper">\n          <div id="clusterDBServers" class="value"><i class="fa fa-spin fa-circle-o-notch" style="color: rgba(0, 0, 0, 0.64);"></i></div>\n          <div class="graphLabel">DB Servers</div>\n        </div>\n      </div>\n\n      <div class="pure-u-1-2 pure-u-md-1-4">\n        <div class="valueWrapper">\n          <div id="clusterRam" class="value"><i class="fa fa-spin fa-circle-o-notch" style="color: rgba(0, 0, 0, 0.64);"></i></div>\n          <div class="graphLabel">RAM</div>\n        </div>\n      </div>\n\n      <div class="pure-u-1-2 pure-u-md-1-4">\n        <div class="valueWrapper">\n          <div id="clusterConnections" class="value"><i class="fa fa-spin fa-circle-o-notch" style="color: rgba(0, 0, 0, 0.64);"></i></div>\n          <div class="graphLabel">Connections</div>\n        </div>\n      </div>\n\n    </div>\n\n\n    <div class="pure-g cluster-graphs">\n\n      <div class="pure-u-1-1 pure-u-md-24-24 pure-u-lg-12-24">\n        <div class="graphWrapper">\n          <div id=\'clusterData\'></div>\n          <div class="graphLabel">DATA</div>\n        </div>\n      </div>\n\n      <div class="pure-u-1-1 pure-u-md-12-24 pure-u-lg-6-24">\n        <div class="graphWrapper">\n          <div id=\'clusterHttp\'></div>\n          <div class="graphLabel">HTTP</div>\n        </div>\n      </div>\n\n      <div class="pure-u-1-1 pure-u-md-12-24 pure-u-lg-6-24">\n        <div class="graphWrapper">\n          <div id=\'clusterAverage\'></div>\n          <div class="graphLabel">AVG Request Time</div>\n        </div>\n      </div>\n\n    </div>\n\n  </div>\n\n';return __p},this.JST["templates/collectionsItemView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='<div class="paddingBox">\n  <div class="borderBox"></div>\n  <i class="collection-type-icon fa '+(null==(__t=model.get("picture"))?"":__t)+'"></i>\n  <div class="tileBadge">\n    <span>\n    ',model.get("desc")?__p+='\n      <div class="corneredBadge inProgress">\n        '+(null==(__t=model.get("desc"))?"":__t)+"\n      </div>\n    ":"corrupted"===model.get("status")?__p+='\n      <div class="corneredBadge '+(null==(__t=model.get("status"))?"":__t)+'">\n        '+(null==(__t=model.get("status"))?"":__t)+"\n      </div>\n    ":"loaded"!==model.get("status")&&"unloaded"!==model.get("status")&&"loading"!==model.get("status")&&"unloading"!==model.get("status")||(__p+="\n      ",model.get("locked")||"loading"===model.get("status")||"unloading"===model.get("status")?("loading"===model.get("status")||model.get("status"),__p+='\n        <div class="corneredBadge inProgress">\n          '+(null==(__t=model.get("status"))?"":__t)+"\n        </div>\n      "):__p+='\n        <div class="corneredBadge '+(null==(__t=model.get("status"))?"":__t)+'">\n          '+(null==(__t=model.get("status"))?"":__t)+"\n        </div>\n      ",__p+="\n    "),__p+="\n    </span>\n  </div>\n\n  ","index"===model.get("lockType")?__p+='\n    \x3c!-- <progress max="100" value="80"></progress>--\x3e\n    <h5 class="collectionName">'+(null==(__t=model.get("name"))?"":__t)+"</h5>\n  ":__p+='\n    <h5 class="collectionName">'+(null==(__t=model.get("name"))?"":__t)+"</h5>\n  ",__p+="\n</div>\n";return __p},this.JST["templates/collectionsView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='  <div class="headerBar">\n    <div class="search-field">\n      <input type="text" id="searchInput" class="search-input" placeholder="Search..."/>\n      \x3c!-- <img id="searchSubmit" class="search-submit-icon"/> --\x3e\n      <i id="searchSubmit" class="fa fa-search"></i>\n    </div>\n    <div class="headerButtonBar">\n      <ul class="headerButtonList">\n        <li class="enabled">\n          <a id="collectionsToggle" class="headerButton">\n            <span class="icon_arangodb_settings2" title="Settings"></span>\n          </a>\n        </li>\n      </ul>\n    </div>\n\n  </div>\n\n\n  <div id="collectionsDropdown2" class="headerDropdown">\n\n    <div id="collectionsDropdown" class="dropdownInner">\n\n      <ul>\n        <li class="nav-header">Type</li>\n        <li><a>\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox checkSystemCollections" type="checkbox">\n            <i class="fa"></i>\n            System\n          </label>\n        </a></li>\n\n        <li><a>\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="checkDocument">\n            <i class="fa"></i>\n            Document\n          </label>\n        </a></li>\n\n        <li><a>\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="checkEdge">\n            <i class="fa"></i>\n            Edge\n          </label>\n        </a></li>\n\n        </li>\n      </ul>\n\n      <ul>\n        <li class="nav-header">Status</li>\n\n        <li><a href="#">\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="checkLoaded">\n            <i class="fa"></i>\n            Loaded\n          </label>\n        </a></li>\n\n        <li><a href="#">\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="checkUnloaded">\n            <i class="fa"></i>\n            Unloaded\n          </label>\n        </a></li>\n\n      </ul>\n      <ul>\n        <li class="nav-header">Sorting</li>\n\n        <li><a href="#">\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="sortName">\n            <i class="fa css-round-label"></i>\n            Sort by name\n          </label>\n        </a></li>\n\n        <li><a href="#">\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="sortType">\n            <i class="fa css-round-label"></i>\n            Sort by type\n          </label>\n        </a></li>\n\n        <li><a href="#">\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="sortOrder">\n            <i class="fa"></i>\n            Sort descending\n          </label>\n        </a></li>\n      </ul>\n    </div>\n\n  </div>\n\n  <div class="contentDiv" id="arangoCollectionsContainer">\n      <div id="collectionsThumbnailsIn" class="tileList pure-g">\n        <div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6">\n          <div class="fullBorderBox">\n            <a id="createCollection" class="add"><span id="newCollection" class="pull-left add-Icon"><i class="fa fa-plus-circle"></i>\n</span> Add Collection</a>\n          </div>\n        </div>\n      </div>\n  </div>\n\n';return __p},this.JST["templates/dashboardView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){__p+="  ";var subBar=function(n){__p+='\n    <div class="dashboard-sub-bar">\n      <div  class="dashboard-sub-bar-title">'+(null==(__t=n)?"":__t)+"</div>\n    </div>\n  "},enlargeButton=function(n,t){t&&(__p+='\n      <div class="dashboard-sub-bar-menu">\n        <i class="fa fa-arrows-alt dashboard-sub-bar-menu-sign" id="'+(null==(__t=n)?"":__t)+'Button"></i>\n      </div>\n    ')};__p+="\n\n  ";var largeChart=function(n,t,e){__p+='\n    <div class="dashboard-large-chart pure-u-1-1 pure-u-sm-1-1 pure-u-md-2-3">\n      ',enlargeButton(n,!0),__p+='\n      <div class="dashboard-large-chart-inner dashboard-chart" id="'+(null==(__t=n)?"":__t)+'Container">\n        <div class="dashboard-legend">\n          <div class="dashboard-legend-inner" id="'+(null==(__t=n)?"":__t)+'Legend"></div>\n        </div>\n        <div id="'+(null==(__t=n)?"":__t)+'" class="dashboard-interior-chart"></div>\n      </div>\n      ',subBar(t),__p+="\n    </div>\n  "};__p+="\n\n  ";var mediumChart=function(n,t,e){__p+='\n    <div class="dashboard-medium-chart-outer pure-u-1-1 pure-u-sm-1-1 pure-u-md-1-2">\n      <div class="dashboard-medium-chart">\n        ',enlargeButton(n,!0),__p+='\n          <div class="dashboard-legend">\n            <div class="dashboard-legend-inner" id="'+(null==(__t=n)?"":__t)+'Legend"></div>\n          </div>\n        <div class="dashboard-medium-chart-inner dashboard-chart" id="'+(null==(__t=n)?"":__t)+'Container">\n          <div id="'+(null==(__t=n)?"":__t)+'" class="dashboard-interior-chart"></div>\n        </div>\n        ',subBar(t),__p+="\n      </div>\n    </div>\n  "};__p+="\n\n  ";var smallChart=function(n,t,e){__p+='\n    <div class="dashboard-small-chart pure-u-1-1 pure-u-sm-1-1 pure-u-md-1-3">\n      ',enlargeButton(n,e),__p+='\n      <div class="dashboard-small-chart-inner dashboard-chart" id="'+(null==(__t=n)?"":__t)+'Container">\n        <div id="'+(null==(__t=n)?"":__t)+'" class="dashboard-interior-chart">\n          <svg></svg>\n        </div>\n      </div>\n      ',subBar(t),__p+="\n    </div>\n  "};__p+="\n\n  ";var tendency=function(n,t,e){__p+='\n    <div class="dashboard-tendency-container pure-u-1-1 pure-u-sm-1-1 pure-u-md-1-3">\n      <div class="dashboard-tendency-chart">\n        ',enlargeButton(t,e),__p+='\n        <div class="dashboard-tendency">\n          ',__p+="asyncRequests"===t?'\n            <div class="dashboard-subtitle-bar">sync</div>\n            <div class="dashboard-figure">\n              <span id="syncPerSecondCurrent"></span>\n          ':'\n            <div class="dashboard-subtitle-bar">current</div>\n            <div class="dashboard-figure">\n              <span id="'+(null==(__t=t)?"":__t)+'Current"></span>\n          ',__p+='\n          </div>\n        </div>\n        <div class="dashboard-tendency">\n          ',__p+="asyncRequests"===t?'\n            <div class="dashboard-subtitle-bar">async</div>\n            <div class="dashboard-figure">\n              <span id="asyncPerSecondCurrent"></span>\n          ':'\n            <div class="dashboard-subtitle-bar">15-min-avg</div>\n            <div class="dashboard-figure">\n              <span id="'+(null==(__t=t)?"":__t)+'Average"></span>\n          ',__p+='\n          </div>\n        </div>\n      </div>\n      <div class="dashboard-sub-bar">'+(null==(__t=n)?"":__t)+"</div>\n    </div>\n  "};__p+='\n\n  <ul class="subMenuEntries subViewNavbar">\n    <li id="requests-statistics" class="subMenuEntry active"><a>Request Statistics</a></li>\n    <li id="system-statistics" class="subMenuEntry "><a>System Resources</a></li>\n  </ul>\n\n  <div id="requests">\n    <div class="contentDiv">\n      <div class="dashboard-row pure-u cluster-values" id="node-info" style="width: 100%; margin-top: 0; padding-right: 2px; box-sizing: border-box;">\n      </div>\n\n      ',!0!==hideStatistics&&(__p+='\n        <div class="dashboard-row pure-u">\n          ',largeChart("requestsChart","Requests per Second"),__p+="\n\n          ",tendency("Request Types","asyncRequests",!1),__p+="\n          ",tendency("Number of Client Connections","clientConnections",!1),__p+='\n        </div>\n        \n        <div class="dashboard-row pure-u small-label-padding">\n          ',largeChart("dataTransferChart","Transfer Size per Second"),__p+="\n          ",smallChart("dataTransferDistribution","Transfer Size per Second (distribution)",!1),__p+='\n        </div>\n        \n        <div class="dashboard-row pure-u small-label-padding">\n          ',largeChart("totalTimeChart","Average Request Time (seconds)"),__p+="\n          ",smallChart("totalTimeDistribution","Average Request Time (distribution)",!1),__p+="\n        </div>\n      </div>\n    "),__p+='\n  </div>\n\n  <div id="system" class="tendency-box-sizing" style="display: none";>\n\n    <div class="dashboard-row pure-u" style="width: 100%;">\n      ',tendency("Number of threads","numberOfThreads",!1),__p+='\n\n      <div class="dashboard-bar-chart-container pure-u-1-1 pure-u-sm-1-1 pure-u-md-1-3">\n        <div class="dashboard-bar-chart">\n          <div class="dashboard-bar-chart-title">\n            <div class="percentage"></div>\n            <div class="absolut"></div>\n          </div>\n          <div class="dashboard-bar-chart-chart" id="residentSizeChartContainer">\n            <div id="residentSizeChart">\n              <svg></svg>\n            </div>\n          </div>\n        </div>\n        <div class="dashboard-sub-bar"">Memory</div>\n      </div>\n\n      ',tendency("Virtual Size in GB","virtualSize",!1),__p+='\n    </div>\n    <div class="dashboard-row pure-u" style="width: 100%">\n      ',mediumChart("pageFaultsChart","Major Page Faults"),__p+="\n      ",mediumChart("systemUserTimeChart","Used CPU Time per Second"),__p+="\n    </div>\n\n  </div>\n\n"}return __p},this.JST["templates/databaseView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div class="headerBar">\n    <div class="search-field">\n      <input type="text" value="'+(null==(__t=searchString)?"":__t)+'" id="databaseSearchInput" class="search-input" placeholder="Search..."/>\n      \x3c!-- <img id="databaseSearchSubmit" class="search-submit-icon">--\x3e\n      <i id="databaseSearchSubmit" class="fa fa-search"></i>\n    </div>\n    <div class="headerButtonBar">\n        <ul class="headerButtonList">\n          <li class="enabled">\n            <a id="databaseToggle" class="headerButton">\n              <span class="icon_arangodb_settings2" title="Settings"></span>\n            </a>\n          </li>\n        </ul>\n      </div>\n\n  </div>\n\n\n  <div id="databaseDropdown2" class="headerDropdown">\n\n    <div id="databaseDropdown" class="dropdownInner">\n      <ul>\n        <li class="nav-header">Sorting</li>\n        <li><a>\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="dbSortDesc">\n            <i class="fa"></i>\n            Sort descending\n          </label>\n        </a></li>\n      </ul>\n    </div>\n\n  </div>\n\n\n  <div class="contentDiv" id="userManagementView">\n    <div class="tileList pure-u">\n      <div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6">\n        <div class="fullBorderBox">\n          <a href="#" id="createDatabase" class="add">\n            <span id="newDatabase" class="pull-left add-Icon"><i class="fa fa-plus-circle"></i></span>\n            Add Database\n          </a>\n        </div>\n      </div>\n      ',collection.forEach(function(n){var t=n.get("name");__p+="\n\n      ","_system"!==t&&(__p+='\n        <div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6 defaultCursor">\n          <div class="fullBorderBox" style="border: 0;">\n            <div class="borderBox"></div>\n            <div class="iconSet">\n              ',readOnly||(__p+='\n                <span class="icon_arangodb_settings2 editDatabase" id="'+(null==(__t=t)?"":__t)+'_edit-database" alt="Edit database" title="Edit database"></span>\n              '),__p+='\n            </div>\n            <i class="collection-type-icon fa fa-database defaultCursor"></i>\n            <div class="tileBadge">\n            </div>\n            <h5 class="collectionName" style="margin-left: 0; margin-right: 0;">'+(null==(__t=t)?"":__t)+"</h5>\n          </div>\n        </div>\n      "),__p+="\n\n      "}),__p+="\n     </div>\n  </div>\n\n";return __p},this.JST["templates/dbSelectionView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='<a href="#" class="tab disabled" id="dbselection"><div class="dbselection"><i class="fa fa-database"></i><span class="db-name">DB: </span> '+(null==(__t=current)?"":__t)+'\n\x3c!-- <i class="fa fa-caret-square-o-down"></i> --\x3e\n</div>\n\x3c!-- <b class="caret"></b> --\x3e\n</a>\n\n\x3c!--\n<ul class="link-dropdown-menu" id="dbs_dropdown">\n',0<list.length&&(__p+='\n    <li class="dropdown-header">Databases</li>\n  ',_.each(list,function(n){__p+='\n    <li class="dropdown-item">\n        <a id='+(null==(__t=n)?"":__t)+' class="dbSelectionLink tab" href="#">'+(null==(__t=n)?"":__t)+"</a>\n    </li>\n  "}),__p+="\n"),__p+="\n    ","_system"===current&&(__p+="\n    ",2<=list.length&&(__p+='\n      <li class="divider"></li>\n    '),__p+='\n    <li class="dropdown-header">Manager</li>\n    <li id="databaseNavi" class="dropdown-item">\n      <a id="databases" class="tab" href="#databases">Manage Databases</a>\n    </li>\n    '),__p+="\n</ul>\n--\x3e\n";return __p},this.JST["templates/documentsView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='<div id="transparentHeader" class="headerBar marginTop5">\n\n  <div id="documentsToolbar" class="headerButtonBar">\n\n  \x3c!-- remove marker for docupdiv--\x3e\n  <ul class="headerButtonList">\n    \x3c!-- Mark: removed prev/next collection button\n    <li class="enabled">\n      <a id="collectionNext" class="headerButton">\n        <span class="icon_arangodb_arrowright" title="Next collection"></span>\n      </a>\n    </li>\n    <li class="enabled">\n      <a id="collectionPrev" class="headerButton collection-pagination">\n        <span class="icon_arangodb_arrowleft" title="Previous collection"></span>\n      </a>\n    </li>\n    --\x3e\n    <li class="enabled">\n        <select id="documentSize" class="documents-size">\n          <option value="10" selected="">10 results</option>\n          <option value="20">20 results</option>\n          <option value="50">50 results</option>\n          <option value="100">100 results</option>\n          <option value="500">500 results</option>\n          <option value="1000">1000 results</option>\n          <option value="2500">2500 results</option>\n          <option value="5000">5000 results</option>\n          <option value="all">All results</option>\n        </select>\n      </a>\n    <li class="enabled">\n      <a id="markDocuments" class="headerButton">\n        <span title="Edit documents"><i class="fa fa-hand-pointer-o"></i></span>\n      </a>\n    </li>\n    <li class="enabled">\n      <a id="importCollection" class="headerButton">\n        <span title="Upload documents from JSON file"><i class="fa fa-upload"></i></span>\n      </a>\n    </li>\n    <li class="enabled">\n      <a id="exportCollection" class="headerButton">\n        <span title="Download documents as JSON file"><i class="fa fa-download" style="margin-top: 1px;"></i></span>\n      </a>\n    </li>\n    <li class="enabled" style="margin-right: 15px">\n      <a id="filterCollection" class="headerButton">\n        <span title="Filter collection"><i class="fa fa-filter"></i></span>\n      </a>\n    </li>\n  </ul>\n\n  </div>\n</div>\n\n<div class="arangoDropdown documentsDropdown">\n  <div id="filterHeader" class="headerDropdown">\n     <div style="float: right;">\n       <button id="resetView" class="button-warning btn-old-padding">Reset</button>\n       <button id="filterSend" class="button-success btn-old-padding">Filter</button>\n       <input type="text" id="docsSort" style="float: right" placeholder="Sort by attribute"></input>\n    </div>\n    <div class="queryline querylineAdd">\n       <input id="attribute_name0" type="text" placeholder="Attribute name"><select name="operator" id="operator0" class="filterSelect">\n           <option value="==">==</option>\n           <option value="!=">!=</option>\n           <option value="&lt;">&lt;</option>\n           <option value="&lt;=">&lt;=</option>\n           <option value="&gt;">&gt;</option>\n           <option value="&gt;=">&gt;=</option>\n           <option value="LIKE">LIKE</option>\n           <option value="IN">IN</option>\n           <option value="NOT IN">NOT IN</option>\n           <option value="=~">REGEX</option>\n       </select><input id="attribute_value0" type="text" placeholder="Attribute value" class="filterValue">\n       <a id="addFilterItem" class="add-filter-item"><i class="fa fa-plus-circle"></i></a>\n     </div>\n  </div>\n\n  <div id="importHeader" class="dropdownImport">\n    <div class="queryline">\n      <input id="importDocuments" name="importDocuments" type="file" accept="application/json" />\n      <button id="confirmDocImport" class="button-success btn-old-padding" style="float:right" disabled>\n        <span class="upload-indicator"><i id="uploadIndicator" class="fa fa-circle-o-notch fa-spin fa-fw"></i></span>Import JSON\n      </button>\n      <div title=\'Example input data:<br /><br /> I. Line-wise: <br /> { "_key": "key1", ... } <br /> { "_key": "key2", ... } <br /><br /> or <br /><br /> II. JSON documents embedded into a list: <br /> [ <br /> &nbsp; { "_key": "key1", ... }, <br /> &nbsp; { "_key": "key2", ... }, <br /> &nbsp; ... <br /> ]\' class="upload-info" style="float:left; margin-top:7px; margin-right: 10px;"><i style="font-size: 13pt;" class="fa fa-info-circle"></i></div>\n    </div>\n  </div>\n\n  <div id="exportHeader" class="headerDropdown">\n    <div class="queryline">\n      <div style="float:left; margin-top:7px"><i class="fa fa-exclamation-circle"></i>Please be careful. If no filter is set, the whole collection will be downloaded.</div>\n      <button id="exportDocuments" class="button-success btn-old-padding" style="float:right">Download JSON</button>\n    </div>\n  </div>\n\n  <div id="editHeader" class="dropdownImport">\n    <div class="queryline">\n      <div style="float:left; margin-top:5px"><div style="float:left" class="selectedCount">0</div> &nbsp; document(s) selected</div>\n      <button id="deleteSelected" class="button-neutral btn-old-padding" style="float:right">Delete</button>\n      <button id="moveSelected" class="button-neutral btn-old-padding" style="float:right">Move</button>\n    </div>\n  </div>\n\n</div>\n\n<div id="documentsDiv" class="innerContent">\n\n<div id="uploadMessages"></div>\n\n<div id="docPureTable">\n\n</div>\n\n\x3c!--\n<div id="documentsTableID_wrapper" class="dataTables_wrapper" role="grid">\n  <table class="display arangoDataTable dataTable" id="documentsTableID">\n  </table>\n</div>\n--\x3e\n\n    <div id="documentsToolbarFL">\n      <div id="documentsToolbarF" class="pagination-line">\n      </div>\n    </div>\n\n\x3c!-- Delete Modal --\x3e\n<div id="docDeleteModal" style="display:none" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">\n  <div class="modal-header">\n    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\n    <a class="arangoHeader">Delete Document?</a>\n  </div>\n  <div class="modal-body" id="deleteDoc">\n    <p style="padding: 20px;">There is no way back…</p>\n  </div>\n  <div class="modal-footer">\n    <button class="button-close" data-dismiss="modal" aria-hidden="true">Close</button>\n    <button id="confirmDeleteBtn" class="button-danger" style="float:right" disabled="true">Delete</button>\n  </div>\n</div>\n\n';return __p},this.JST["templates/documentView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\n  <div class="headerBar">\n    <div class="headerButtonBar">\n      <ul class="headerButtonList">\n        <li class="enabled">\n          <a id="addDocument" class="headerButton">\n            <span title="Add new document">\n              <i class="fa fa-file fa-stack-1x"></i>\n              <i class="fa fa-plus fa-stack-1x fa-top"></i>\n            </span>\n          </a>\n        </li>\n      </ul>\n    </div>\n\n  </div>\n\n  <div class="innerContent document-info-div">\n\n    <div class="document-info">\n\n      <div class="document-type-container">\n        <div id="document-type" class="document-bold-font"></div>\n        <div id="document-id" class="document-thin-font"></div>\n      </div>\n\n      <div class="document-info-container">\n\n        <div class="document-inner-info-container">\n          <div class="document-attribute">\n            <div class="document-bold-font">_rev:</div>\n            <div id="document-rev" class="document-thin-font"></div>\n          </div>\n          <div class="document-attribute">\n            <div class="document-bold-font">_key:</div>\n            <div id="document-key" class="document-thin-font"></div>\n          </div>\n        </div>\n\n        <div class="document-inner-info-container edge-info-container">\n          <div class="document-attribute">\n            <div class="document-bold-font">_from:</div>\n            <div id="document-from" class="document-thin-font document-link"></div>\n          </div>\n          <div class="document-attribute">\n            <div class="document-bold-font">_to:</div>\n            <div id="document-to" class="document-thin-font document-link"></div>\n          </div>\n        </div>\n\n      </div>\n\n    </div>\n\n  </div>\n\n  <div id="tableDiv" class="innerContent document-content-div">\n\n    <div id="documentEditor" class="document-editor"></div>\n    <div class="bottomButtonBar">\n      <button id="saveDocumentButton" class="button-success pull-right">Save</button>\n      <button id="deleteDocumentButton" class="button-danger pull-right">Delete</button>\n    </div>\n    <div class="pull-left shortcuts showHotkeyHelp"></div>\n\t</div>\n\n';return __p},this.JST["templates/edgeDefinitionTable.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='  <tr class="tableRow" id="row_newEdgeDefinitions'+(null==(__t=number)?"":__t)+'">\n    <th class="collectionTh">Edge definitions*:</th>\n    <th class="collectionTh">\n      <input type="hidden" id="newEdgeDefinitions'+(null==(__t=number)?"":__t)+'" value="" placeholder="Edge definitions" tabindex="-1" class="select2-offscreen">\n      <button id="remove_newEdgeDefinitions'+(null==(__t=number)?"":__t)+'" class="graphViewer-icon-button gv_internal_remove_line gv-icon-small delete"></button>\n    </th><th>\n    <span class="modalTooltips arangoicon icon_arangodb_info" title="An edge definition defines a relation of the graph">\n    </span>\n    </th>\n  </tr>\n  <tr class="tableRow" id="row_fromCollections'+(null==(__t=number)?"":__t)+'">\n    <th class="collectionTh">fromCollections*:</th>\n    <th class="collectionTh">\n      <input type="hidden" id="fromCollections'+(null==(__t=number)?"":__t)+'" value="" placeholder="fromCollections" tabindex="-1" class="select2-offscreen">\n    </th><th>\n    <span class="modalTooltips arangoicon icon_arangodb_info" title="The collection that contain the start vertices of the relation.">\n    </span>\n  </th>\n  </tr>\n  <tr class="tableRow" id="row_toCollections'+(null==(__t=number)?"":__t)+'">\n    <th class="collectionTh">toCollections*:</th>\n    <th class="collectionTh">\n      <input type="hidden" id="toCollections'+(null==(__t=number)?"":__t)+'" value="" placeholder="toCollections" tabindex="-1" class="select2-offscreen">\n    </th><th>\n    <span class="modalTooltips arangoicon icon_arangodb_info" title="The collection that contain the end vertices of the relation.">\n    </span>\n  </th>\n  </tr>\n';return __p},this.JST["templates/editListEntryView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='<td class="writable sorting_1">\n  ',isReadOnly?__p+='\n    <span class="key">'+(null==(__t=key)?"":__t)+"</span>\n  ":__p+='\n    <input type="text" class="key" placeholder="attribute" '+(null==(__t=key?"value="+key:"")?"":__t)+"></input>\n  ",__p+='\n</td>\n<td class="writeable rightCell">\n  ',isReadOnly?__p+='\n    <span class="val">'+(null==(__t=value)?"":__t)+"</span>\n  ":__p+='\n    <textarea class="val" placeholder="value">'+(null==(__t=value||"")?"":__t)+"</textarea>\n  ",__p+='\n</td>\n</td>\n<td class="leftCell">\n  <a class="deleteAttribute">\n    <span class="icon_arangodb_roundminus" data-original-title="Delete attribute"></span>\n  </a>\n</td>\n';return __p},this.JST["templates/filterSelect.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){var cssClass;__p+='\n<div class="filterSelectBox">\n  <div class="filterLabel">'+(null==(__t=name)?"":__t)+'<span><i class="fa fa-close" id="closeFilter"></i></span></div>\n\n  <div class="filterInput">\n    <input type="text" id="'+(null==(__t=name)?"":__t)+'-filter" placeholder="Filter '+(null==(__t=name)?"":__t)+'" aria-label="Filter labels" autocomplete="off">\n  </div>\n\n  <div class="filterOptions">\n    <div id="showAll"><strong>Show all</strong></div>\n    ',__p+="\n    ",_.each(options,function(n){__p+="\n      ",cssClass=n.active?(__p+="\n      ","active"):(__p+=" \n      ","inactive"),__p+="\n      ",__p+='\n      <div class="'+(null==(__t=cssClass)?"":__t)+'" name="'+(null==(__t=n.name)?"":__t)+'" id="'+(null==(__t=n.name)?"":__t)+'-option">\n        ';var t=n.color||"#f6f8fa";__p+="\n     \n        ",__p+="active"===cssClass?'\n          <span class="marked"><i class="fa fa-check"/></span>\n        ':'\n          <span style="visibility: hidden;" class="marked"><i class="fa fa-check"/></span>\n        ',__p+='\n\n        <span class="color" style="background-color: '+(null==(__t=t)?"":__t)+'">&nbsp;</span>\n        <span class="name">'+(null==(__t=n.name)?"":__t)+"</span>\n      </div>\n    "}),__p+="\n  </div>\n\n</div>\n\n"}return __p},this.JST["templates/footerView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){var n,v,db;name&&(n=name||"",v=version||""),__p+='\n<div class="footer-left">\n\x3c!--\n  <div class="social-icons">\n    <p><a href="https://twitter.com/arangodb" target="_blank"><i class="fa fa-twitter"></i></a></p>\n    <p><a href="https://www.arangodb.com/community" target="_blank"></a><i class="fa fa-envelope"></i></a></p>\n    <p><a href="https://stackoverflow.com/questions/tagged/arangodb" target="_blank"></a><i class="fa fa-stack-overflow"></i></a></p>\n    <p><a href="https://groups.google.com/group/arangodb" target="_blank"></a><i class="fa fa-google"></i></a></p>\n  </div>\n--\x3e\n</div>\n\n<div class="footer-center">\n  <p>Help <i class="fa fa-keyboard-o"></i></p>\n</div>\n\n<div class="footer-right">\n  <p>',n&&(__p+="<a>"+(null==(__t=n)?"":__t)+" "+(null==(__t=v)?"":__t)+" "),__p+="</a></p>\n</div>\n"}return __p},this.JST["templates/foxxActiveView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div class="paddingBox">\n    <div class="foxxDesc">\n      <p><span class="foxxMount">'+(null==(__t=model.get("mount"))?"":__t)+'</span></p>\n      <p><span class="foxxName">'+(null==(__t=model.get("name"))?"":__t)+'</span></p>\n      <p><span class="foxxName">'+(null==(__t=model.get("version"))?"":__t)+'</span></p>\n      \x3c!--<p><span class="foxxCategory">'+(null==(__t=model.get("category"))?"":__t)+'</span></p>--\x3e\n    </div>\n    \x3c!-- <div class="foxxActions"><button class="installFoxx button-success" appId="'+(null==(__t=model.name)?"":__t)+'" appVersion="'+(null==(__t=model.latestVersion)?"":__t)+'" >Interface</button></div>--\x3e\n    <div class="borderBox"></div>\n    <img src="'+(null==(__t=model.thumbnailUrl)?"":__t)+'" height="50" width="50" alt="Icon for Service" class="icon">\n    ',model.isDevelopment()?__p+='\n      <div class="tileBadge">\n        <span>\n          <div class="corneredBadge development">\n            Development\n          </div>\n        </span>\n      </div>\n    ':__p+='\n      <div class="tileBadge">\n        <span>\n          <div class="corneredBadge production">\n            Production\n          </div>\n        </span>\n      </div>\n    ',__p+="\n  </div>\n";return __p},this.JST["templates/foxxEditView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){var appInfos=attributes.app.split(":");__p+='\n<div id="change-foxx" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none">\n  <div class="modal-header">\n    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\n    <a class="arangoHeader">Modify Service</a>\n  </div>\n  <div class="modal-body">\n    <table>\n      <tr>\n        <th class="collectionTh">Name:</th>\n        <th class="collectionTh"><strong>'+(null==(__t=appInfos[1])?"":__t)+'</strong></th>\n      </tr>\n      <tr>\n        <th class="collectionTh">Documentation:</th>\n        <th class="collectionTh">'+(null==(__t=documentationJsonUrl)?"":__t)+'</th>\n      </tr>\n      <tr>\n        <th class="collectionTh">Mount:</th>\n        <th class="collectionTh"><input type="text" id="change-mount-point" name="mountpoint" value="'+(null==(__t=attributes.mount)?"":__t)+'"/></th>\n        <th><span class="modalTooltips arangoicon icon_arangodb_info" title="The path where the app can be reached."></span></th>\n      </tr>\n      <tr>\n        <th class="collectionTh">Version:</th>\n        <th class="collectionTh">\n          <select>\n            <option selected>'+(null==(__t=appInfos[2])?"":__t)+'</option>\n          </select>\n        <th>\n      </tr>\n      <tr>\n        <th class="collectionTh">System:</th>\n        <th class="collectionTh">\n          '+(null==(__t=attributes.isSystem?"Yes":"No")?"":__t)+'\n        <th>\n      </tr>\n      <tr>\n        <th class="collectionTh">Status:</th>\n        <th class="collectionTh">\n          ',attributes.active?__p+='\n            <div class="modal-text active">\n              Active\n            </div>\n          ':__p+='\n            <div class="modal-text inactive">\n              Inactive\n            </div>\n          ',__p+='\n        </th>\n      </tr>\n    </table>\n  </div>\n  <div id="colFooter" class="modal-footer">\n    <button id="uninstall" class="button-danger"'+(null==(__t=attributes.isSystem||attributes.development?" disabled":"")?"":__t)+'>Uninstall</button>\n    <button id="change" class="button-success pull-right">Save</button>\n    ',__p+="\n    \n  </div>\n</div>\n"}return __p},this.JST["templates/foxxMountView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='<div id="install-foxx" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none">\n  <div class="modal-header">\n    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\n    <a class="arangoHeader">Install Service</a>\n  </div>\n  <div class="modal-body">\n    <table>\n      <tr>\n        <th class="collectionTh">Name:</th>\n        <th class="collectionTh"><strong>'+(null==(__t=attributes.name)?"":__t)+'</strong></th>\n      </tr>\n      <tr>\n        <th class="collectionTh">&nbsp;</th>\n        <th class="collectionTh">&nbsp;</th>\n      </tr>\n      <tr>\n        <th class="collectionTh">Mount:</th>\n        <th class="collectionTh">\n          <input type="text" id="mount-point" name="mountpoint" value="/'+(null==(__t=attributes.name)?"":__t)+'" placeholder="mount-path" />\n        </th>\n        <th><a class="modalTooltips" title="The path where the app can be reached."><i class="arangoicon icon_arangodb_info"></i></a></th>\n      </tr>\n      <tr>\n        <th class="collectionTh">Version:</th>\n        <th class="collectionTh">\n          '+(null==(__t=attributes.version)?"":__t)+'\n        <th>\n      </tr>\n      <tr>\n        <th class="collectionTh">System:</th>\n        <th class="collectionTh">\n          '+(null==(__t=attributes.isSystem?"Yes":"No")?"":__t)+'\n        <th>\n      </tr>\n    </table>\n  </div>\n  <div id="colFooter" class="modal-footer">\n    <button class="button-success pull-right installFoxx">Install</button>    \n    <button id="cancel" class="button-danger pull-right">Cancel</button>\n  </div>\n</div>\n';return __p},this.JST["templates/foxxRepoView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div class="paddingBox">\n    <div class="foxxDesc">\n      <p><span class="foxxName">'+(null==(__t=model.name)?"":__t)+'</span></p>\n      <p><span class="foxxCategory">'+(null==(__t=model.categories)?"":__t)+'</span></p>\n      \x3c!--<p><i class="fa fa-star"></i><span class="foxxStars">23</span></p>--\x3e\n    </div>\n    <div class="foxxActions">\n      ',upgrade?__p+='\n        <button class="installFoxx button-success" appId="'+(null==(__t=model.name)?"":__t)+'" appVersion="'+(null==(__t=model.latestVersion)?"":__t)+'" >Replace</button>\n      ':__p+='\n        <button class="installFoxx button-success" appId="'+(null==(__t=model.name)?"":__t)+'" appVersion="'+(null==(__t=model.latestVersion)?"":__t)+'" >Install</button>\n      ',__p+='\n    </div>\n    <div class="borderBox"></div>\n    <img src="'+(null==(__t=thumbnail)?"":__t)+'" height="50" width="50" alt="Icon for Service" class="icon">\n  </div>\n';return __p},this.JST["templates/graphManagementView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div class="headerBar">\n    <div class="search-field">\n      <input type="text" value="'+(null==(__t=searchString)?"":__t)+'" id="graphManagementSearchInput" class="search-input" placeholder="Search..."/>\n      <i id="graphManagementSearchSubmit" class="fa fa-search"></i>\n      \x3c!-- <img id="graphManagementSearchSubmit" class="search-submit-icon"> --\x3e\n    </div>\n     <div class="headerButtonBar">\n        <ul class="headerButtonList">\n          <li class="enabled">\n            <a id="graphManagementToggle" class="headerButton">\n              <span class="icon_arangodb_settings2" title="Settings"></span>\n            </a>\n          </li>\n        </ul>\n      </div>\n  </div>\n\n\n  <div id="graphManagementDropdown2" class="headerDropdown">\n\n    <div id="graphManagementDropdown" class="dropdownInner">\n      <ul>\n        <li class="nav-header">Sorting</li>\n        <li><a>\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="graphSortDesc">\n            <i class="fa"></i>\n            Sort descending\n          </label>\n        </a></li>\n      </ul>\n    </div>\n\n  </div>\n\n\n  <div class="contentDiv" id="arangoCollectionsContainer">\n    <div id="graphManagementThumbnailsIn" class="tileList pure-u">\n      <div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6">\n        <div class="fullBorderBox">\n          <a href="#" id="createGraph" class="add">\n            <span id="newGraph" class="pull-left add-Icon"><i class="fa fa-plus-circle"></i></span>\n            Add Graph\n          </a>\n        </div>\n      </div>\n\n\n      ',graphs.forEach(function(n){var t=n.get("_key"),e=n.get("isSmart");__p+='\n\n      <div class="tile tile-graph pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6" id="'+(null==(__t=t)?"":__t)+'_tile">\n        <div class="paddingBox">\n          <div class="borderBox"></div>\n          <div class="iconSet">\n            <span class="icon_arangodb_settings2 editGraph" id="'+(null==(__t=t)?"":__t)+'_settings" alt="Edit graph" title="Edit graph"></span>\n          </div>\n          <span class="icon_arangodb_edge5 tile-icon"></span>\n          <span class="icon_arangodb_edge5 icon_arangodb_edge5-2 tile-icon"></span>\n          <div class="tileBadge">\n            ',!0===e&&(__p+='\n              <span><div class="corneredBadge inProgress">Smart</div></span>\n            '),__p+='\n          </div>\n          <h5 class="collectionName">'+(null==(__t=t)?"":__t)+"</h5>\n        </div>\n      </div>\n\n      "}),__p+="\n     </div>\n  </div>\n\n";return __p},this.JST["templates/graphSettingsView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){__p+="\n  ";var genClass="pure-u-1-3";__p+="\n  ";var genClass2="pure-u-2-3";__p+="\n\n  ";var formatName=function(n){return __p+="\n    ",n.charAt(0).toUpperCase()+string.slice(1)};__p+='\n\n  <div id="graphSettingsView" class="innerContent">\n    \n    <div class="pure-g" style="margin-top: -13px">\n      <div class="pure-u-1-1 pure-u-md-1-1 pure-u-lg-1-1 pure-u-xl-1-1">\n    \n        <div class="pure-g pure-table pure-table-body">\n\n          ',_.each(general,function(n,t){__p+="\n            ","divider"===n.type?__p+='\n              <div class="pure-u-1-1 left heading">'+(null==(__t=n.name)?"":__t)+"</div>\n            ":(__p+='\n            <div class="'+(null==(__t=genClass)?"":__t)+' left">\n              '+(null==(__t=n.name)?"":__t)+'\n            </div>\n            <div class="'+(null==(__t=genClass2)?"":__t)+' left">\n\n              ',"select"===n.type&&(__p+='\n                  <select id="g_'+(null==(__t=t)?"":__t)+'">\n                    ',_.each(n,function(n,t){__p+="\n                      ",n.name&&(__p+='\n                        <option value="'+(null==(__t=n.val)?"":__t)+'"> '+(null==(__t=n.name)?"":__t)+" </option>\n                      "),__p+="\n                    "}),__p+="\n                  </select>\n              "),__p+="\n\n              ","string"===n.type&&(__p+='\n                <input id="g_'+(null==(__t=t)?"":__t)+'" type="text" placeholder="attribute"></input>\n              '),__p+="\n\n              ","number"===n.type&&(__p+='\n                <input id="g_'+(null==(__t=t)?"":__t)+'" type="text" id="'+(null==(__t=n)?"":__t)+'" value="'+(null==(__t=n.value)?"":__t)+'" placeholder=""></input>\n              '),__p+="\n\n              ","range"===n.type&&(__p+='\n                <label id="g_'+(null==(__t=t)?"":__t)+'_label" class="rangeLabel">1</label>\n                <input id="g_'+(null==(__t=t)?"":__t)+'" type=\'range\' min="0" max="9" val="1"/>\n              '),__p+="\n\n              ","color"===n.type&&(__p+='\n                <input id="g_'+(null==(__t=t)?"":__t)+"\" type='color' name='color' value=\""+(null==(__t=VALUE)?"":__t)+'"/>\n              '),__p+='\n\n              <i title="'+(null==(__t=n.desc)?"":__t)+'" class="fa fa-info-circle gv-tooltips" aria-hidden="true"></i>\n              </div>\n            '),__p+="\n\n          "}),__p+='\n        </div>\n\n      </div>\n\n      <div class="pure-u-1-1 pure-u-md-1-1 pure-u-lg-1-1 pure-u-xl-1-1">\n    \n        <div class="pure-g pure-table pure-table-body">\n          ',_.each(specific,function(n,t){if(__p+="\n\n            ","true"!==n.hide){var e;if(__p+="\n              ","divider"===n.type)__p+='\n                <div class="pure-u-1-1 left heading">'+(null==(__t=n.name)?"":__t)+"</div>\n              ";else __p+='\n                <div class="'+(null==(__t=genClass)?"":__t)+' left">\n                  '+(null==(__t=n.name)?"":__t)+'\n                </div>\n\n                <div class="'+(null==(__t=genClass2)?"":__t)+' left">\n\n                  ',__p+="\n                  ",e=n.value?(__p+="\n                    ",n.value):(__p+="\n                    ",n.default),__p+="\n                  ",__p+="\n\n                  ","string"===n.type&&(__p+='\n                    <input id="g_'+(null==(__t=t)?"":__t)+'" type="text" placeholder="attribute"></input>\n                  '),__p+="\n\n                  ","number"===n.type&&(__p+='\n                    <input id="g_'+(null==(__t=t)?"":__t)+'" type="text" placeholder="number"></input>\n                  '),__p+="\n\n                  ","color"===n.type&&(__p+='\n                    <input id="g_'+(null==(__t=t)?"":__t)+"\" type='color' name='color' value=\""+(null==(__t=e)?"":__t)+'"/>\n                  '),__p+="\n\n                  ","range"===n.type&&(__p+='\n                    <label id="g_'+(null==(__t=t)?"":__t)+'_label" class="rangeLabel">1</label>\n                    <input id="g_'+(null==(__t=t)?"":__t)+'" type=\'range\' min="0" max="9" val="1"/>\n                  '),__p+="\n\n                  ","select"===n.type&&(__p+='\n                    <select id="g_'+(null==(__t=t)?"":__t)+'">\n                      ',_.each(n,function(n,t){__p+="\n                        ",n.name&&(__p+='\n                          <option value="'+(null==(__t=n.val)?"":__t)+'"> '+(null==(__t=n.name)?"":__t)+" </option>\n                        "),__p+="\n                      "}),__p+="\n                    </select>\n                  "),__p+='\n                  <i title="'+(null==(__t=n.desc)?"":__t)+'" class="fa fa-info-circle gv-tooltips" aria-hidden="true"></i>\n                </div>\n              ';__p+="\n            "}__p+="\n          "}),__p+='\n        </div>\n\n        <div class="pure-u-1-1">\n          <button id="saveGraphSettings" style="margin-top: 20px; margin-right: 10px;" class="button-success pull-right">Save</button>\n          <button id="restoreGraphSettings" style="margin-top: 20px;" class="button-success pull-right">Restore defaults</button>\n        </div>\n      </div>\n  </div>\n\n'}return __p},this.JST["templates/graphViewer2.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='  <div class="graphContent" id="graphContainer">\n\n    <div class="headerBar">\n      <div class="headerButtonBar" style="margin: 0;">\n        <ul class="headerButtonList">\n          <li class="enabled">\n            <a id="settingsMenu" class="headerButton">\n              <span title="Configure graph settings">\n                <i class="fa fa-bars fa-stack-1x"></i>\n              </span>\n            </a>\n          </li>\n          <li class="enabled">\n            <a id="graph-fullscreen-btn" class="headerButton">\n              <span title="Switch to fullscreen mode">\n                <i class="fa fa-television"></i>\n              </span>\n            </a>\n          </li>\n          <li class="enabled">\n            <a id="downloadPNG" class="headerButton">\n              <span title="Download visible graph as png image">\n                <i class="fa fa-camera fa-stack-1x"></i>\n              </span>\n            </a>\n          </li>\n          <li class="enabled">\n            <a id="loadFullGraph" class="headerButton">\n              <span title="Fetch full graph - use with caution">\n                <i class="fa fa-share-alt"></i>\n              </span>\n            </a>\n          </li>\n          \x3c!--\n          <li class="enabled">\n            <a id="selectNodes" class="headerButton">\n              <span title="Lasso tool - Select and delete multiple nodes">\n                <i class="fa fa-paint-brush fa-stack-1x"></i>\n              </span>\n            </a>\n          </li>\n          --\x3e\n        </ul>\n      </div>\n    </div>\n\n    \x3c!--<div id="graph-fullscreen-btn"><i class="fa fa-desktop"></i></div>--\x3e\n    <div id="graph-container" oncontextmenu="return false;"></div>\n  </div>\n\n';return __p},this.JST["templates/graphViewGroupByEntry.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='<div class="control-group">\n  <label for="'+(null==(__t=type)?"":__t)+"_"+(null==(__t=id)?"":__t)+'" class="control-label">Attribute '+(null==(__t=id)?"":__t)+'</label>\n  <div class="controls">\n    <input id="'+(null==(__t=type)?"":__t)+"_"+(null==(__t=id)?"":__t)+'" type="text" name="'+(null==(__t=type)?"":__t)+"_"+(null==(__t=id)?"":__t)+'" placeholder="Attribute" maxlength="75" class="input-xlarge">\n    <button id="remove_'+(null==(__t=type)?"":__t)+"_"+(null==(__t=id)?"":__t)+'" class="graphViewer-icon-button gv_internal_remove_line gv-icon-small delete" />\n  </div>\n</div>\n';return __p},this.JST["templates/helpUsView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\n<div class="helpUs">\n  <iframe src="https://docs.google.com/forms/d/1vsIwy0mJSeToEnfo_jnBaQebewbcURL730IkZIrkyEE/viewform?embedded=true" scrolling="no" width="100%" height="1300px" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>\n</div>\n\n';return __p},this.JST["templates/indicesView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+="  ","undefined"!=typeof supported&&(__p+='\n    <div class="contentIn" id="indexHeaderContent">\n        <div id="indexEditView">\n          <table id="collectionEditIndexTable" class="edit-index-table arango-table">\n            <thead>\n              <tr class="figuresHeader">\n                <th class="collectionInfoTh">ID</th>\n                <th class="collectionInfoTh">Type</th>\n                <th class="collectionInfoTh">Unique</th>\n                <th class="collectionInfoTh">Sparse</th>\n                <th class="collectionInfoTh">Deduplicate</th>\n                <th class="collectionInfoTh">Selectivity Est.</th>\n                <th class="collectionInfoTh">Fields</th>\n                <th class="collectionInfoTh">Name</th>\n                <th class="collectionInfoTh">Action</th>\n              </tr>\n            </thead>\n            <tbody>\n            </tbody>\n            <tfoot>\n              <tr>\n                <td></td>\n                <td></td>\n                <td></td>\n                <td></td>\n                <td></td>\n                <td></td>\n                <td></td>\n                <td></td>\n                <td><i class="fa fa-plus-circle" id="addIndex"></i></td>\n              </tr>\n            </tfoot>\n          </table>\n      </div>\n\n          <div id="newIndexView" class="new-index-view" style="display:none">\n            <table>\n              <tr>\n                <th class="collectionTh">Type:</th>\n                <th class="">\n                  <select id="newIndexType">\n                    <option style="display: none" disabled selected value="unknown"> -- select an index -- </option>\n                    ',-1<supported.indexOf("geo")&&(__p+=' \n                      <option value="Geo">Geo Index</option>\n                    '),__p+=" \n                    ",-1<supported.indexOf("hash")&&(__p+=' \n                      <option value="Hash">Hash Index</option>\n                    '),__p+=" \n                    ",-1<supported.indexOf("persistent")&&(__p+=' \n                      <option value="Persistent">Persistent Index</option>\n                    '),__p+=" \n                    ",-1<supported.indexOf("fulltext")&&(__p+=' \n                      <option value="Fulltext">Fulltext Index</option>\n                    '),__p+=" \n                    ",-1<supported.indexOf("skiplist")&&(__p+=' \n                      <option value="Skiplist">Skiplist Index</option>\n                    '),__p+=" \n                    ",-1<supported.indexOf("ttl")&&(__p+=' \n                      <option value="Ttl">TTL Index</option>\n                    '),__p+=' \n                  </select>\n                </th>\n                <th class="tooltipInfoTh">\n                  <div class="tooltipDiv">\n                    <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Type of index to create. ',supported.indexOf("persistent")<=-1&&(__p+="Please note that for the RocksDB engine the index types hash, skiplist and persistent are identical, so that they are not offered seperately here."),__p+='">\n                      <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                    </a>\n                  </div>\n                </th>\n              </tr>\n            </table>\n            <div id="newIndexTypeGeo" class="newIndexClass" style="display: none">\n              <table>\n                <tr>\n                  <th class="collectionTh">Fields:</th>\n                  <th><input type="text" id="newGeoFields" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="A comma-separated list with one or two attribute paths. Example: latitude,longitude">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Name:</th>\n                  <th><input type="text" id="newGeoName" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Index name. If left blank, a name will be auto-generated. Example: byValue">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Geo JSON:</th>\n                  <th>\n                    <input id="newGeoJson" type="checkbox" name="newGeoJson" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Set geoJson to true if the coordinates stored in the specified attribute are arrays in the form [longitude,latitude].">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Create in background:</th>\n                  <th>\n                    <input id="newGeoBackground" type="checkbox" name="newGeoBackground" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Create the index in background.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n              </table>\n            </div>\n            <div id="newIndexTypePersistent" class="newIndexClass" style="display:none">\n              <table>\n                <tr>\n                  <th class="collectionTh">Fields:</th>\n                  <th><input type="text" id="newPersistentFields" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="A comma-separated list of attribute paths.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Name:</th>\n                  <th><input type="text" id="newPersistentName" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Index name. If left blank, a name will be auto-generated. Example: byValue">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Unique:</th>\n                  <th>\n                    <input id="newPersistentUnique" type="checkbox" name="newPersistentUnique" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="If true, then create a unique index.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Sparse:</th>\n                  <th>\n                    <input id="newPersistentSparse" type="checkbox" name="newPersistentSparse" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="If true, then create a sparse index.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Deduplicate array values:</th>\n                  <th>\n                    <input id="newPersistentDeduplicate" type="checkbox" name="newPersistentDeduplicate" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Duplicate index values from the same document into a unique array index will lead to an error or not.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Create in background:</th>\n                  <th>\n                    <input id="newPersistentBackground" type="checkbox" name="newPersistentBackground" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Create the index in background.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n              </table>\n            </div>\n            <div id="newIndexTypeHash" class="newIndexClass" style="display:none">\n              <table>\n                <tr>\n                  <th class="collectionTh">Fields:</th>\n                  <th><input type="text" id="newHashFields" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="A comma-separated list of attribute paths.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Name:</th>\n                  <th><input type="text" id="newHashName" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Index name. If left blank, a name will be auto-generated. Example: byValue">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Unique:</th>\n                  <th>\n                    <input id="newHashUnique" type="checkbox" name="newHashUnique" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="If true, then create a unique index.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Sparse:</th>\n                  <th>\n                    <input id="newHashSparse" type="checkbox" name="newHashSparse" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="If true, then create a sparse index.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Deduplicate array values:</th>\n                  <th>\n                    <input id="newHashDeduplicate" type="checkbox" name="newHashDeduplicate" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Duplicate index values from the same document into a unique array index will lead to an error or not.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Create in background:</th>\n                  <th>\n                    <input id="newHashBackground" type="checkbox" name="newHashBackground" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Create the index in background.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n              </table>\n            </div>\n            <div id="newIndexTypeFulltext" class="newIndexClass" style="display:none">\n              <table>\n                <tr>\n                  <th class="collectionTh">Fields:</th>\n                  <th><input type="text" id="newFulltextFields" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="A single attribute path. Example: message.text">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Name:</th>\n                  <th><input type="text" id="newFulltextName" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Index name. If left blank, a name will be auto-generated. Example: byValue">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Min. length:</th>\n                  <th><input type="text" id="newFulltextMinLength" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Minimum character length of words to index. Will default to a server-defined value if unspecified. It is thus recommended to set this value explicitly when creating the index.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Create in background:</th>\n                  <th>\n                    <input id="newFulltextBackground" type="checkbox" name="newFulltextBackground" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Create the index in background.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n              </table>\n\n            </div>\n            <div id="newIndexTypeSkiplist" class="newIndexClass" style="display:none">\n              <table>\n                <tr>\n                  <th class="collectionTh">Fields:</th>\n                  <th><input type="text" id="newSkiplistFields" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="A comma-separated list of attribute paths.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Name:</th>\n                  <th><input type="text" id="newSkiplistName" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Index name. If left blank, a name will be auto-generated. Example: byValue">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Unique:</th>\n                  <th>\n                    <input id="newSkiplistUnique" type="checkbox" name="newSkiplistUnique" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="If true, then create a unique index.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Sparse:</th>\n                  <th>\n                    <input id="newSkiplistSparse" type="checkbox" name="newSkiplistSparse" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="If true, then create a sparse index.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Deduplicate array values:</th>\n                  <th>\n                    <input id="newSkiplistDeduplicate" type="checkbox" name="newSkiplistDeduplicate" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Duplicate index values from the same document into a unique array index will lead to an error or not.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Create in background:</th>\n                  <th>\n                    <input id="newSkiplistBackground" type="checkbox" name="newSkiplistBackground" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Create the index in background.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n              </table>\n            </div>\n            <div id="newIndexTypeTtl" class="newIndexClass" style="display:none">\n              <table>\n                <tr>\n                  <th class="collectionTh">Fields:</th>\n                  <th><input type="text" id="newTtlFields" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="A single attribute path containing a numeric datetime value. Example: createdAt">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Name:</th>\n                  <th><input type="text" id="newTtlName" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Index name. If left blank, a name will be auto-generated. Example: byValue">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Documents expire after (s):</th>\n                  <th><input type="text" id="newTtlExpireAfter" value=""/></th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Number of seconds to be added to the timestamp attribute value of each document. If documents have reached their expiration timepoint, they will eventually get deleted by a background process.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n                <tr>\n                  <th class="collectionTh">Create in background:</th>\n                  <th>\n                    <input id="newTtlBackground" type="checkbox" name="newTtlBackground" value="true">\n                  </th>\n                  <th class="tooltipInfoTh">\n                    <div class="tooltipDiv">\n                      <a class="index-tooltip" data-toggle="tooltip" data-placement="left" title="Create the index in background.">\n                        <span rel="tooltip" class="arangoicon icon_arangodb_info"></span>\n                      </a>\n                    </div>\n                  </th>\n                </tr>\n              </table>\n            </div>\n            <div class="index-button-bar index-button-bar2">\n              <button id="createIndex" class="button-success" style="margin-left: 15px;">Create</button>\n              <button id="cancelIndex" class="button-close" style="margin-left: 0;"><i class="fa fa-arrow-left"></i>\n                <span style="margin-left: 5px;">Back</span>\n              </button>\n            </div>\n        </div>\n        <div id="modal-dialog">\n          <div class="modal-footer" style="border: none"></div>\n        </div>\n      </div>\n    '),__p+="\n";return __p},this.JST["templates/lineChartDetailView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\t<div id="lineChartDetail" class="modal hide fade modal-chart-detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none">\n\t\t<div class="modal-header">\n\t\t\t<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\n\t\t\t<a class="arangoHeader">'+(null==(__t=figure)?"":__t)+'</a>\n\t\t</div>\n\t\t<div id="dashboardDetailedLineChart" class="dashboardDetailChart" style="position: absolute"></div>\n\t</div>\n';return __p},this.JST["templates/loadingTableView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='<thead>\n  <tr role="row">\n    <th class="sorting_disabled docsFirstCol">Content</th>\n    <th class="sorting_disabled docsSecCol">_key</th>\n    <th class="sorting_disabled docsThirdCol">\n      <a id="addDocumentButton" class="pull-right addButton"><span class="arangoicon icon_arangodb_roundplus" title="Add a document"></span></a>\n    </th>\n  </tr>\n</thead>\n<tbody>\n  <tr class="odd">\n    <td valign="top" class="dataTables_empty">Loading...</td>\n  </tr>\n</tbody>\n<\/script>\n';return __p},this.JST["templates/loggerView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='\n  <div id="loggerContent" class="logger-content-id innerContent">\n\n    <div class="arangoToolbar arangoToolbarTop">\n\n      <div class="pull-left">\n      </div>\n\n      <div class="pull-right">\n        <button id="logTopicSelection" class="button-default filterSelect">Topic <i class="fa fa-caret-down"></i></button>\n        <button id="logLevelSelection" class="button-default filterSelect">Level <i class="fa fa-caret-down"></i></button>\n        <button style="display: none" class="button-default filterSelect" id="logFilters">\n          <i class="fa fa-close"></i>Clear current <a id="filterDesc"></a> filter\n        </button>\n      </div>\n\n    </div>\n\n    <div id="noLogEntries" style="display: none">\n      <span>No suitable log entries found </span>\n    </div>\n\n    <div id="logEntries">\n    </div>\n\n    <div class="actions">\n      <button id="loadMoreEntries" class="button-success">Load older entries</button>\n    </div>\n\n  </div>\n\n<\/script>\n\n<script id="loggerViewEntries.ejs" type="text/template">\n  ',_.each(entries,function(n){__p+='\n    <div class="pure-g" level="'+(null==(__t=n.status.toLowerCase())?"":__t)+'" topic="'+(null==(__t=n.topic.toLowerCase())?"":__t)+'">\n      <div class="pure-u-1-24">\n        <p class="labels">\n          ';var t=arangoHelper.statusColors[n.status.toLowerCase()];__p+="\n          ";var e=arangoHelper.alphabetColors[n.topic.charAt(0).toLowerCase()];__p+='\n          <span class="tippy level" title="Level: '+(null==(__t=n.status)?"":__t)+'" style="background: '+(null==(__t=t)?"":__t)+'"></span>\n          <span class="tippy topic" title="Topic: '+(null==(__t=n.topic)?"":__t)+'" style="background: '+(null==(__t=e)?"":__t)+'"></span>\n        </p>\n      </div>\n      <div class="pure-u-19-24 desc">\n        <p class="msg">'+(null==(__t=n.msg)?"":__t)+'</p>\n      </div>\n      <div class="pure-u-4-24 date">\n        <p>\n          ';var a=moment(n.timestamp,"X").fromNow();__p+='\n          <i class="fa fa-clock-o" aria-hidden="true"></i>\n          <span class="tippy" title="'+(null==(__t=n.date)?"":__t)+'">'+(null==(__t=a)?"":__t)+'</span>\n        </p>\n      </div>\n      <div class="logBorder"></div>\n    </div>\n  '}),__p+="\n";return __p},this.JST["templates/loginView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='<div class="loginFixedWindow">\n\n  <div id="loginWindow" class="login-window">\n    <div class="login-logo-round">\n      <object id="loginSVG" data="img/arangodb-edition-login-optimized.svg" type="image/svg+xml">\n        <img src="img/arangodb_logo_small.png" />\n      </object>\n    </div>\n    <p class="wrong-credentials" style="display:none">Login failed!</p>\n    <p id="noAccess" class="no-access" style="display:none">Database not found!</p>\n    <p class="checking-password" style="display:none">\n      <i class="fa fa-circle-o-notch fa-spin fa-fw"></i>\n      <span class="sr-only">Loading...</span>\n    </p>\n    <form id="loginForm">\n      <input class="login-input" placeholder="username" id="loginUsername" type="text" name="username"><i class="fa fa-user"></i>\n      <input class="login-input" placeholder="password" id="loginPassword" type="password" name="password" autocomplete="off"><i class="fa fa-lock"></i>\n\n\n      <button id="submitLogin" class="button-success pull-right">Login</button>\n    </form>\n\n    <div id="databases" style="display: none">\n      <form id="dbForm">\n          <i class="fa fa-database"></i>\n          <select id="loginDatabase">\n            <option>database</option>\n          </select>\n          <button id="goToDatabase" class="button-success pull-right">Select</button>\n      </form>\n      <button id="logout" class="button-danger pull-right">Logout</button>\n    </div>\n  </div>\n</div>\n';return __p},this.JST["templates/modalApplicationMount.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <table>\n    <tr class="tableRow">\n      ',!0===content?__p+='\n        <th class="collectionInfoTh">\n          Run teardown:\n        </th>\n        <th class="collectionInfoTh">\n          <input type="checkbox" id="new-app-teardown"></input>\n        </th>\n      ':__p+='\n        <th class="collectionInfoTh">\n          Mount*:\n        </th>\n        <th class="collectionInfoTh">\n          <input type="text" id="new-app-mount" value="" placeholder="/my/foxx"></input>\n        </th>\n        <th>\n          <span class="modalTooltips arangoicon icon_arangodb_info" title="The path the app will be mounted. Has to start with /. Is not allowed to start with /_">\n          </span>\n        </th>\n      ',__p+='\n    </tr>\n  </table>\n\n  <ul id="infoTab" class="nav nav-tabs">\n    <li><a href="#newApp" data-toggle="tab" id="tab-new">New Service</a></li>\n    <li class="active"><a href="#appstore" data-toggle="tab" id="tab-store"><img src="img/arangodb_logo_small.png" alt="ArangoDB" class="tab-icon" />Store</a></li>\n    <li><a href="#github" data-toggle="tab" id="tab-git">Github</a></li>\n    <li><a href="#zip" data-toggle="tab" id="tab-zip">Upload</a></li>\n  </ul>\n\n  <div class="tab-content" id="tab-content-application-info">\n\n    <div class="tab-pane" id="newApp">\n      <table id="new-app-information">\n        <tr class="tableRow">\n          <th class="collectionInfoTh">\n            Author*:\n          </th>\n          <th class="collectionInfoTh">\n            <input type="text" id="new-app-author" value="" placeholder="Your Name">\n          </th>\n        </tr>\n        <tr class="tableRow">\n          <th class="collectionInfoTh">\n            Name*:\n          </th>\n          <th class="collectionInfoTh">\n            <input type="text" id="new-app-name" value="" placeholder="Name of the Service">\n          </th>\n        </tr>\n        <tr class="tableRow">\n          <th class="collectionInfoTh">\n            Description*:\n          </th>\n          <th class="collectionInfoTh">\n            <input type="text" id="new-app-description" value="" placeholder="Please describe your Service here">\n          </th>\n        </tr>\n        <tr class="tableRow">\n          <th class="collectionInfoTh">\n            License*:\n          </th>\n          <th class="collectionInfoTh">\n            <input type="text" id="new-app-license" value="" placeholder="Apache 2"></input>\n          </th>\n        </tr>\n        \x3c!--\n        <tr class="tableRow">\n          <th class="collectionInfoTh">\n            Authentication*:\n          </th>\n          <th class="collectionInfoTh">\n            <input type="checkbox" id="new-app-authenticate" checked></input>\n          </th>\n        </tr>\n        --\x3e\n        <tr class="tableRow">\n          <th class="collectionInfoTh">\n            Document Collections:\n          </th>\n          <th class="collectionInfoTh">\n            <input type="hidden" id="new-app-document-collections" value="" placeholder="Document Collections"></input>\n          </th>\n          <th>\n            <span class="modalTooltips arangoicon icon_arangodb_info" title="A list of document collections that will be created specifically for this Service. A CRUD API for these will be generated.">\n            </span>\n          </th>\n        </tr>\n        <tr class="tableRow">\n          <th class="collectionInfoTh">\n            Edge Collections:\n          </th>\n          <th class="collectionInfoTh">\n            <input type="hidden" id="new-app-edge-collections" value="" placeholder="Edge Collections"></input>\n          </th>\n          <th>\n            <span class="modalTooltips arangoicon icon_arangodb_info" title="A list of edge collections that will be created specifically for this Service. A CRUD API for these will be generated.">\n            </span>\n          </th>\n        </tr>\n      </table>\n    </div>\n\n    <div class="tab-pane active" id="appstore">\n      <table id="appstore-content">\n        <tr>\n          <td>Fetching data...</td>\n        </tr>\n      </table>\n    </div>\n\n    <div class="tab-pane" id="github">\n      <div>\n        <p>\n          Download a Foxx service from a public <a href="https://www.github.com">github.com</a> repository. In order to define a version please add a <a href="https://git-scm.com/book/en/v2/Git-Basics-Tagging">git tag</a> to your repository using the following format: "v1.2.3". To connect to github your username and the name of the repository are sufficient.\n        </p>\n        <table>\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Repository*:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="text" id="repository" value="" placeholder="username/repository">\n            </th>\n          </tr>\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Version*:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="text" id="tag" value="" placeholder="master">\n            </th>\n          </tr>\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Enable Legacy Mode:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="checkbox" id="github-app-islegacy" value="true">\n            </th>\n          <th>\n            <span class="modalTooltips arangoicon icon_arangodb_info" title="Legacy Compatibility Mode allows mounting some Foxx services written for ArangoDB 2.8 or older. This overrides the ArangoDB version specified in the service manifest. See the Foxx documentation for more information on running legacy services in ArangoDB 3.">\n            </span>\n          </th>\n          </tr>\n        </table>\n      </div>\n    </div>\n\n    <div class="tab-pane" id="zip">\n      <div>\n        <p>\nUpload a Foxx service bundle. The Foxx service bundle should be a zip archive containing all service files as a directory structure, including the manifest and any required <code style="padding: 0px 2px; font-weight: 10pt;">node_modules</code> dependencies. If your service doesn\'t have any dependencies, configuration or scripts you can also upload a single JavaScript file that will act as the service\'s entry point or "main" file.\n        </p>\n        <table>\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Enable Legacy Mode:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="checkbox" id="zip-app-islegacy" value="true">\n            </th>\n          <th>\n            <span class="modalTooltips arangoicon icon_arangodb_info" title="Legacy Compatibility Mode allows mounting some Foxx services written for ArangoDB 2.8 or older. This overrides the ArangoDB version specified in the service manifest. See the Foxx documentation for more information on running legacy services in ArangoDB 3.">\n            </span>\n          </th>\n          </tr>\n        </table>\n      </div>\n      <div id="upload-foxx-zip">Upload File</div>\n    </div>\n  </div>\n';return __p},this.JST["templates/modalBase.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){if(__p+='  <div id="modal-dialog" class="modal hide fade createModalDialog" tabindex="-1" role="dialog"\n       aria-labelledby="myModalLabel" aria-hidden="true">\n   ',null!==title&&(__p+='\n   <div class="modal-header">\n      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\n      <a class="arangoHeader">'+(null==(__t=title)?"":__t)+"</a>\n   </div>\n   "),__p+="\n\n    ",tabBar){__p+='\n      <div class="modal-tabbar">\n        <ul id="infoTab" class="nav nav-tabs">\n          ';var counter=0;__p+="\n          ",_.each(tabBar,function(n){__p+="\n            ",__p+=0===counter?'\n              <li class="active"><a href="#'+(null==(__t=n)?"":__t)+'" data-toggle="tab">'+(null==(__t=n)?"":__t)+"</a></li>\n            ":'\n              <li><a href="#'+(null==(__t=n)?"":__t)+'" data-toggle="tab">'+(null==(__t=n)?"":__t)+"</a></li>\n            ",__p+="\n            ",counter++,__p+="\n          "}),__p+="\n        </ul>\n      </div>\n    "}if(__p+='\n\n    <div class="modal-body">\n\n      ',tabBar){__p+='\n        <div class="tab-content">\n          ';var counter=0;__p+="\n          ",_.each(tabBar,function(n){__p+="\n            ",__p+=0===counter?'\n              <div class="tab-pane tab-pane-modal active" id="'+(null==(__t=n)?"":__t)+'">\n              </div>\n            ':'\n              <div class="tab-pane tab-pane-modal" id="'+(null==(__t=n)?"":__t)+'">\n              </div>\n            ',__p+="\n            ",counter++,__p+="\n          "}),__p+="\n        </div>\n      "}__p+="\n\n    </div>\n\n    ",hideFooter||(__p+='\n    <div class="modal-footer">\n      ',_.each(buttons,function(n,t){var e=n.type,a=n.title,l="";n.disabled&&(l="disabled"),__p+='\n      <button id="modalButton'+(null==(__t=t)?"":__t)+'" class="button-'+(null==(__t=e)?"":__t)+'" '+(null==(__t=l)?"":__t)+">"+(null==(__t=a)?"":__t)+"</button>\n      "}),__p+="\n    </div>\n    "),__p+='\n    <div class="alert alert-error modal-delete-confirmation" id="modal-delete-confirmation">\n      <strong>'+(null==(__t=confirm||"Really delete?")?"":__t)+'</strong>\n      <button id="modal-confirm-delete" class="button-danger pull-right modal-confirm-delete">Yes</button>\n      <button id="modal-abort-delete" class="button-neutral pull-right">No</button>\n    </div>\n  </div>\n'}return __p},this.JST["templates/modalCollectionInfo.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){var figuresData=content.figures,revision=content.revision;__p+='\n\n        <table id="collectionInfoTable" class="arango-table">\n          ',figuresData.journalSize&&(__p+='\n            <tr id="collectionSizeBox">\n              <th class="collectionInfoTh2">Journal size:</th>\n              <th class="collectionInfoTh">\n                <div id="show-collection-size" class="modal-text">\n                  '+(null==(__t=prettyBytes(figuresData.journalSize))?"":__t)+'\n                </div>\n              </th>\n              <th class="tooltipInfoTh">\n                <div>\n                  <span class="modalTooltips arangoicon icon_arangodb_info" title="The maximal size of a journal or datafile (in MB). Must be at least 1.">\n                  </span>\n                </div>\n              </th>\n            </tr>\n          '),__p+='\n          <tr id="collectionSyncBox">\n            <th class="collectionInfoTh2">Wait for sync:</th>\n            <th class="collectionInfoTh">\n                <div id="show-collection-sync" class="modal-text">\n                  '+(null==(__t=figuresData.waitForSync)?"":__t)+'\n                </div>\n            </th>\n            <th class="tooltipInfoTh">\n              <div>\n                <span class="modalTooltips arangoicon icon_arangodb_info" title="Synchronize to disk before returning from a create or update of a document.">\n                </span>\n              </div>\n            </th>\n          </tr>\n\n          <tr>\n            <th class="collectionInfoTh2">ID:</th>\n            <th class="collectionInfoTh">\n              <div id="show-collection-id" class="modal-text">\n                '+(null==(__t=content.model.get("id"))?"":__t)+'\n              </div>\n            <th>\n          </tr>\n\n          <tr id="collectionRevBox">\n            <th class="collectionInfoTh2">Revision:</th>\n            <th class="collectionInfoTh">\n              <div id="show-collection-rev" class="modal-text">\n                '+(null==(__t=revision.revision)?"":__t)+'\n              </div>\n            </th>\n            <th class="collectionInfoTh">\n            </th>\n          </tr>\n\n          <tr>\n            <th class="collectionInfoTh2">Type:</th>\n            <th class="collectionInfoTh">\n              <div class="modal-text">'+(null==(__t=content.model.get("type"))?"":__t)+'</div>\n            </th>\n            <th class="collectionInfoTh">\n            </th>\n          </tr>\n\n          <tr>\n            <th class="collectionInfoTh2">Status:</th>\n            <th class="collectionInfoTh">\n              <div class="modal-text">'+(null==(__t=content.model.get("status"))?"":__t)+'</div>\n            </th>\n            <th class="collectionInfoTh">\n            </th>\n          </tr>\n\n          ',figuresData.numberOfShards&&(__p+='\n            <tr>\n              <th class="collectionInfoTh2">Shards:</th>\n              <th class="collectionInfoTh">\n                <div class="modal-text">'+(null==(__t=figuresData.numberOfShards)?"":__t)+'</div>\n              </th>\n              <th class="collectionInfoTh">\n              </th>\n            </tr>\n          '),__p+="\n          \n          ",figuresData.distributeShardsLike&&(__p+='\n            <tr>\n              <th class="collectionInfoTh2">Distribute shards like:</th>\n              <th class="collectionInfoTh">\n                <div class="modal-text">'+(null==(__t=figuresData.distributeShardsLike)?"":__t)+'</div>\n              </th>\n              <th class="collectionInfoTh">\n              </th>\n            </tr>\n          '),__p+="\n\n          ",figuresData.shardKeys&&(__p+='\n            <tr>\n              <th class="collectionInfoTh2">Shard Keys:</th>\n              <th class="collectionInfoTh">\n                <div class="modal-text">'+(null==(__t=JSON.stringify(figuresData.shardKeys))?"":__t)+'</div>\n              </th>\n              <th class="collectionInfoTh">\n              </th>\n            </tr>\n          '),__p+="\n          \n          ",figuresData.smartJoinAttribute&&(__p+='\n            <tr>\n              <th class="collectionInfoTh2">Smart join attribute:</th>\n              <th class="collectionInfoTh">\n                <div class="modal-text">'+(null==(__t=figuresData.smartJoinAttribute)?"":__t)+'</div>\n              </th>\n              <th class="collectionInfoTh">\n              </th>\n            </tr>\n          '),__p+="\n          \n          ",figuresData.replicationFactor&&(__p+='\n            <tr>\n              <th class="collectionInfoTh2">Replication factor:</th>\n              <th class="collectionInfoTh">\n                <div class="modal-text">'+(null==(__t=figuresData.replicationFactor)?"":__t)+'</div>\n              </th>\n              <th class="collectionInfoTh">\n              </th>\n            </tr>\n          '),__p+="\n\n          ",figuresData.indexBuckets&&(__p+='\n            <tr>\n              <th class="collectionInfoTh2">Index buckets:</th>\n              <th class="collectionInfoTh">\n                <div class="modal-text">'+(null==(__t=figuresData.indexBuckets)?"":__t)+'</div>\n              </th>\n              <th class="collectionInfoTh">\n              </th>\n            </tr>\n          '),__p+=" \n          ",frontendConfig.isCluster||(__p+="\n            ",figuresData.figures.compactionStatus&&(__p+='\n              <tr>\n                <th class="collectionInfoTh2">Compaction status:</th>\n                <th class="collectionInfoTh">\n                  <div class="modal-text">'+(null==(__t=figuresData.figures.compactionStatus.message+" ("+figuresData.figures.compactionStatus.time+")")?"":__t)+'</div>\n                </th>\n                <th class="collectionInfoTh">\n                </th>\n              </tr>\n            '),__p+=" \n          "),__p+="\n          \n          ",figuresData.figures.waitingFor&&(__p+='\n            <tr>\n              <th class="collectionInfoTh2">Waiting for:</th>\n              <th class="collectionInfoTh">\n                <div class="modal-text">'+(null==(__t=figuresData.figures.waitingFor)?"":__t)+'</div>\n              </th>\n              <th class="collectionInfoTh">\n              </th>\n            </tr>\n          '),__p+="\n        </table>\n\n      </div>\n\n        ",figuresData.figures.alive&&figuresData.figures.dead&&(__p+="\n          ",window.frontendConfig.isCluster&&(__p+='\n            <div class="infoBox">\n              <h4>Figures</h4>\n              <p>The following information does not contain data stored in the write-ahead log. It can be inaccurate, until the write-ahead log has been completely flushed.</p>\n            </div>\n          '),__p+='\n          <table class="figures1 arango-table">\n            <tr class="figuresHeader">\n              <th>Type</th>\n              <th>Count</th>\n              <th>Size</th>\n              <th>Deletion</th>\n              <th>Info</th>\n            </tr>\n            <tr>\n              <th class="modal-text">Alive</th>\n              ',figuresData.walMessage?__p+=' \n                <th class="modal-text">'+(null==(__t=figuresData.walMessage)?"":__t)+"</th>\n              ":__p+='\n                <th class="modal-text">'+(null==(__t=numeral(figuresData.figures.alive.count).format("0,0"))?"":__t)+"</th>\n              ",__p+='\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=prettyBytes(figuresData.figures.alive.size))?"":__t)+"\n                ",__p+='\n              </th>\n              <th class="modal-text"> -</th>\n              <th class="tooltipInfoTh">\n                <span class="modalTooltips arangoicon icon_arangodb_info" title="Total number and size of all living documents.">\n                </span>\n              </th>\n            </tr>\n            <tr>\n              <th class="modal-text">Dead</th>\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=numeral(figuresData.figures.dead.count).format("0,0"))?"":__t)+"\n                ",__p+='\n              </th>\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=prettyBytes(figuresData.figures.dead.size))?"":__t)+"\n                ",__p+='\n              </th>\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=figuresData.figures.dead.deletion)?"":__t)+"\n                ",__p+='\n              </th>\n\n              <th class="tooltipInfoTh">\n                <div>\n                  <span class="modalTooltips arangoicon icon_arangodb_info" title="Total number and size of all dead documents.">\n                  </span>\n              </div>\n              </th>\n\n            </tr>\n            <tr><th><div> </div></th></tr>\n          </table>\n        '),__p+="\n\n        ",figuresData.figures.datafiles&&figuresData.figures.journals&&figuresData.figures.compactors&&(__p+='\n          <table class="figures2 arango-table">\n            <tr class="figuresHeader">\n              <th>Type</th>\n              <th>Count</th>\n              <th>Size</th>\n              <th></th>\n              <th>Info</th>\n            </tr>\n            <tr>\n              <th class="modal-text">Datafiles</th>\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=numeral(figuresData.figures.datafiles.count).format("0,0"))?"":__t)+"\n                ",__p+='\n              </th>\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=prettyBytes(figuresData.figures.datafiles.fileSize))?"":__t)+"\n                ",__p+='\n              </th>\n              <th class="modal-text">&nbsp;</th>\n              <th class="tooltipInfoTh">\n                <div>\n                  <span class="modalTooltips arangoicon icon_arangodb_info" data-toggle="tooltip" data-placement="left" title="Number and total size of active datafiles.">\n                  </span>\n                </div>\n              </th>\n            </tr>\n            <tr>\n              <th class="modal-text">Journals</th>\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=numeral(figuresData.figures.journals.count).format("0,0"))?"":__t)+"\n                ",__p+='\n              </th>\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=prettyBytes(figuresData.figures.journals.fileSize))?"":__t)+"\n                ",__p+='\n              </th>\n              <th class="modal-text">&nbsp;</th>\n              <th class="tooltipInfoTh">\n                <span class="modalTooltips arangoicon icon_arangodb_info" title="Number and total size of journal files.">\n                </span>\n              </th>\n            </tr>\n            <tr>\n              <th class="modal-text">Compactors</th>\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=numeral(figuresData.figures.compactors.count).format("0,0"))?"":__t)+"\n                ",__p+='\n              </th>\n              <th class="modal-text">\n                ',figuresData.walMessage?__p+="\n                  "+(null==(__t=figuresData.walMessage)?"":__t)+"\n                ":__p+="\n                  "+(null==(__t=prettyBytes(figuresData.figures.compactors.fileSize))?"":__t)+"\n                ",__p+='\n              </th>\n              <th class="modal-text">&nbsp;</th>\n              <th class="tooltipInfoTh">\n                <span class="modalTooltips arangoicon icon_arangodb_info" title="Number and total size of compactor files."></span>\n              </th>\n            </tr>\n            <tr>\n              <th class="modal-text">Indexes</th>\n              <th class="modal-text">\n                '+(null==(__t=numeral(figuresData.figures.indexes.count).format("0,0"))?"":__t)+'\n              </th>\n              <th class="modal-text">\n                '+(null==(__t=prettyBytes(figuresData.figures.indexes.size))?"":__t)+'\n              </th>\n              <th class="modal-text">&nbsp;</th>\n              <th class="tooltipInfoTh">\n                <span class="modalTooltips arangoicon icon_arangodb_info" title="Number and total memory usage of indexes."></span>\n              </th>\n            </tr>\n          </table>\n        '),__p+="\n\n        ",figuresData.figures.documentReferences&&figuresData.figures.uncollectedLogfileEntries&&(__p+='\n          <table class="figures3 arango-table">\n            <tr class="figuresHeader">\n              <th>Type</th>\n              <th>Count</th>\n              <th></th>\n              <th></th>\n              <th>Info</th>\n            </tr>\n            <tr>\n              <th class="modal-text">Uncollected</th>\n              <th class="modal-text">'+(null==(__t=figuresData.figures.uncollectedLogfileEntries)?"":__t)+'</th>\n              <th class="modal-text">&nbsp;</th>\n              <th class="modal-text">&nbsp;</th>\n              <th class="tooltipInfoTh">\n                <span class="modalTooltips arangoicon icon_arangodb_info" title="Total number of uncollected WAL entries">\n                </span>\n              </th>\n            </tr>\n            <tr>\n              <th class="modal-text">References</th>\n              <th class="modal-text">'+(null==(__t=figuresData.figures.documentReferences)?"":__t)+'</th>\n              <th class="modal-text">&nbsp;</th>\n              <th class="modal-text">&nbsp;</th>\n              <th class="tooltipInfoTh">\n                <span class="modalTooltips arangoicon icon_arangodb_info" title="Total number of objects pointing to documents in collection datafiles">\n                </span>\n              </th>\n            </tr>\n          </table>\n        '),__p+="\n\n"}return __p},this.JST["templates/modalDownloadFoxx.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+="  <div>\n    Your new Foxx Service is ready for download.\n    You can edit it on your local system and repack it in a zip file to publish it on ArangoDB.\n  </div>\n";return __p},this.JST["templates/modalGraph.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\t<div class="detail-chart">\n\t\t<div id="lineChartDetail" class="modal-inner-detail"></div>\n\t\t<div class="modal-dashboard-legend">\n\t\t\t<div class="dashboard-legend-inner" id="detailLegend"></div>\n\t\t</div>\n\t</div>\n';return __p},this.JST["templates/modalGraphTable.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){__p+='\n  <ul id="graphTab" class="nav nav-tabs">\n    <li class="active"><a href="#createGraph" data-toggle="tab" id="tab-createGraph">Graph</a></li>\n    <li><a href="#smartGraph" data-toggle="tab" id="tab-smartGraph">Smart Graph</a></li>\n    <li><a href="#exampleGraphs" data-toggle="tab" id="tab-exampleGraphs">Examples</a></li>\n  </ul>\n\n  <div class="tab-content" id="tab-content-create-graph">\n\n    <div class="tab-pane" id="exampleGraphs">\n      <table style="margin-bottom: 10px">\n        <tbody>\n          <tr>\n            <td>Knows Graph</td>\n            <td>\n              <button style="float: right; margin-bottom: 10px;" graph-id="knows_graph" class="button-success createExampleGraphs">Create</button>\n            </td>\n          </tr>\n          <tr>\n            <td>Traversal Graph</td>\n            <td>\n              <button style="float: right; margin-bottom: 10px;" graph-id="traversalGraph" class="button-success createExampleGraphs">Create</button>\n            </td>\n          </tr>\n          <tr>\n            <td>Mps Graph</td>\n            <td>\n              <button style="float: right; margin-bottom: 10px;" graph-id="mps_graph" class="button-success createExampleGraphs">Create</button>\n            </td>\n          </tr>\n          <tr>\n            <td>World Graph</td>\n            <td>\n              <button style="float: right; margin-bottom: 10px;" graph-id="worldCountry" class="button-success createExampleGraphs">Create</button>\n            </td>\n          </tr>\n          <tr>\n            <td>Social Graph</td>\n            <td>\n              <button style="float: right; margin-bottom: 10px;" graph-id="social" class="button-success createExampleGraphs">Create</button>\n            </td>\n          </tr>\n          <tr>\n            <td>City Graph</td>\n            <td>\n              <button style="float: right; margin-bottom: 10px;" graph-id="routeplanner" class="button-success createExampleGraphs">Create</button>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n     <p style="width: 100%; text-align: center;">Need help? Visit our <a style="font-weight: bold" href="https://docs.arangodb.com/latest/Manual/Graphs/index.html#example-graphs" target="_blank">Graph Documentation</a></p>\n\n    </div>\n\n    <div class="active tab-pane" id="createGraph">\n\n    <div id="smartGraphInfo" class="infoMessage" style="display: none;">\n      <span>Smart Graph Info: Only use non-existent collection names (vertices/edges).</span>\n    </div>\n\n    ';var createTR=function(t,n){var e="";switch(t.mandatory&&(e="*"),__p+='\n        <tr class="tableRow" id="'+(null==(__t="row_"+t.id)?"":__t)+'">\n          <th class="collectionTh">'+(null==(__t=t.label)?"":__t)+(null==(__t=e)?"":__t)+':</th>\n          <th class="collectionTh">\n            ',t.type){case"text":__p+='\n            <input type="text" id="'+(null==(__t=t.id)?"":__t)+'" value="'+(null==(__t=t.value||"")?"":__t)+'" placeholder="'+(null==(__t=t.placeholder||"")?"":__t)+'"></input>\n            ';break;case"password":__p+='\n            <input type="password" id="'+(null==(__t=t.id)?"":__t)+'" value="'+(null==(__t=t.value||"")?"":__t)+'" placeholder="'+(null==(__t=t.placeholder||"")?"":__t)+'"></input>\n            ';break;case"readonly":__p+='\n            <input type="text" id="'+(null==(__t=t.id)?"":__t)+'" value="'+(null==(__t=t.value||"")?"":__t)+'" placeholder="'+(null==(__t=t.placeholder||"")?"":__t)+'" disabled></input>\n            ';break;case"checkbox":var a="",l="";t.checked&&(a="checked"),t.disabled&&(l="disabled"),__p+='\n            <input type="checkbox" id="'+(null==(__t=t.id)?"":__t)+'" value="'+(null==(__t=t.value)?"":__t)+'" '+(null==(__t=a)?"":__t)+" "+(null==(__t=l)?"":__t)+"></input>\n            ";break;case"select":__p+='\n            <select id="'+(null==(__t=t.id)?"":__t)+'" class="modalSelect">\n            ',_.each(t.options,function(n){__p+='\n              <option value="'+(null==(__t=n.value)?"":__t)+'" '+(null==(__t=t.selected===n.value?"selected":"")?"":__t)+">"+(null==(__t=n.label)?"":__t)+"</option>\n            "}),__p+="\n            </select>\n            ";break;case"select2":__p+='\n            <input type="hidden" id="'+(null==(__t=t.id)?"":__t)+'" value="'+(null==(__t=t.value||"")?"":__t)+'" placeholder="'+(null==(__t=t.placeholder||"")?"":__t)+'"></input>\n            ',t.addAdd&&(__p+='\n              <button id="'+(null==(__t="addAfter_"+t.id)?"":__t)+'" class="graphViewer-icon-button gv-icon-small add addAfter"></button>\n            '),__p+="\n            ",t.addDelete&&(__p+='\n              <button id="'+(null==(__t="remove_"+t.id)?"":__t)+'" class="graphViewer-icon-button gv_internal_remove_line gv-icon-small delete addDelete"></button>\n            '),__p+="\n            "}t.info&&(__p+='\n          <th>\n            <span class="modalTooltips arangoicon icon_arangodb_info" title="'+(null==(__t=t.info)?"":__t)+'">\n            </span>\n          </th>\n        '),__p+="\n        </tr>\n      "};__p+="\n\n    <table>\n      <tbody>\n        ",_.each(content,function(n){createTR(n)}),__p+="\n\n      </tbody>\n    </table>\n      ",advancedContent&&(__p+='\n      <div class="accordion" id="accordion2">\n        <div class="accordion-group">\n          <div class="accordion-heading">\n            <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">\n              <span>'+(null==(__t=advancedContent.header)?"":__t)+'</span><span><b class="caret"></b></span>\n            </a>\n          </div>\n          <div id="collapseOne" class="accordion-body collapse out">\n            <div class="accordion-inner">\n              <table>\n                <tbody>\n                  ',_.each(advancedContent.content,function(n){createTR(n)}),__p+="\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n      "),__p+="\n    </div>\n\n  </div>\n"}return __p},this.JST["templates/modalHotkeys.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='\n  <ul class="hotkeysList">\n  ',_.each(content,function(n){__p+='\n\n    <li class="hotkeysLabel">'+(null==(__t=n.name)?"":__t)+"</li>\n\n    ",_.each(n.content,function(n){__p+='\n      <li class="hotkeysContent"><div class="hotkeysContentLabel">'+(null==(__t=n.label)?"":__t)+'</div><div class="hotkeysicons">&nbsp;&nbsp;'+(null==(__t=n.letter)?"":__t)+"&nbsp;&nbsp;</div></li>\n    "}),__p+="\n\n\n  "}),__p+="\n  <ul>\n\n";return __p},this.JST["templates/modalTable.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){__p+="  ";var createTR=function(t){var n="";switch(t.mandatory&&(n="*"),__p+='\n    <tr class="tableRow" id="'+(null==(__t="row_"+t.id)?"":__t)+'">\n      <th class="collectionTh">'+(null==(__t=t.label)?"":__t)+(null==(__t=n)?"":__t)+':</th>\n      <th class="collectionTh"'+(null==(__t=t.info?"":' colspan="2"')?"":__t)+">\n        ",t.type){case"text":__p+='\n          <input type="text" id="'+(null==(__t=t.id)?"":__t)+'" value="'+(null==(__t=t.value||"")?"":__t)+'" placeholder="'+(null==(__t=t.placeholder||"")?"":__t)+'"></input>\n          ';break;case"blob":__p+='\n          <textarea id="'+(null==(__t=t.id)?"":__t)+'" placeholder="'+(null==(__t=t.placeholder||"")?"":__t)+'">'+(null==(__t=t.value||"")?"":__t)+"</textarea>\n          ";break;case"password":__p+='\n          <input type="password" id="'+(null==(__t=t.id)?"":__t)+'" value="'+(null==(__t=t.value||"")?"":__t)+'" placeholder="'+(null==(__t=t.placeholder||"")?"":__t)+'"></input>\n          ';break;case"readonly":__p+='\n          <div class="modal-text" id="'+(null==(__t=t.id)?"":__t)+'">'+(null==(__t=t.value||"")?"":__t)+"</div>\n          ";break;case"checkbox":var e="",a="";t.checked&&(e="checked"),t.disabled&&(a="disabled"),__p+='\n          <input type="checkbox" id="'+(null==(__t=t.id)?"":__t)+'" value="'+(null==(__t=t.value)?"":__t)+'" '+(null==(__t=e)?"":__t)+" "+(null==(__t=a)?"":__t)+"></input>\n          ";break;case"select":__p+='\n          <select id="'+(null==(__t=t.id)?"":__t)+'" class="modalSelect">\n          ',_.each(t.options,function(n){__p+='\n            <option value="'+(null==(__t=n.value)?"":__t)+'" '+(null==(__t=t.selected===n.value?"selected":"")?"":__t)+">"+(null==(__t=n.label)?"":__t)+"</option>\n          "}),__p+="\n          </select>\n          ";break;case"select2":__p+='\n          <input type="hidden" id="'+(null==(__t=t.id)?"":__t)+'" value="'+(null==(__t=t.value||"")?"":__t)+'" placeholder="'+(null==(__t=t.placeholder||"")?"":__t)+'"></input>\n          ',t.addDelete&&(__p+='\n            <button class="graphViewer-icon-button gv-icon-small add"></button>\n          '),__p+="\n          ",t.addDelete&&(__p+='\n            <button class="graphViewer-icon-button gv_internal_remove_line gv-icon-small delete"></button>\n          '),__p+="\n          "}__p+="\n        ",t.info&&(__p+='\n        </th>\n        <th>\n          <span class="modalTooltips arangoicon icon_arangodb_info" title="'+(null==(__t=t.info)?"":__t)+'">\n          </span>\n        '),__p+="\n      </th>\n    </tr>\n    "};__p+="\n  ",content&&(__p+="\n    <table>\n      <tbody>\n        ",_.each(content,function(n){createTR(n)}),__p+="\n      </tbody>\n    </table>\n  "),__p+="\n  ",info&&(__p+="\n    "+(null==(__t=info)?"":__t)+"\n  "),__p+="\n  ",advancedContent&&(__p+='\n    <div class="accordion" id="accordion2">\n      <div class="accordion-group">\n        <div class="accordion-heading">\n          <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">\n            <span>'+(null==(__t=advancedContent.header)?"":__t)+'</span><span><b class="caret"></b></span>\n          </a>\n        </div>\n        <div id="collapseOne" class="accordion-body collapse out">\n          <div class="accordion-inner">\n            <table>\n              <tbody>\n                ',_.each(advancedContent.content,function(n){createTR(n)}),__p+="\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  "),__p+="\n"}return __p},this.JST["templates/modalTestResults.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){function createSuite(n){__p+='\n    <dt class="tests-result-spec-suite-title">\n      '+(null==(__t=n.title)?"":__t)+"\n    </dt>\n    <dd>\n      ",n.tests.length&&(__p+='\n        <ul class="tests-result-spec-tests">\n          ',_.each(n.tests,createTest),__p+="\n        </ul>\n      "),__p+="\n      ",n.suites.length&&(__p+='\n        <dl class="tests-result-spec-suites">\n          ',_.each(n.suites,createSuite),__p+="\n        </dl>\n      "),__p+="\n    </dd>\n    "}function createTest(n){var t=75<n.duration;switch(__p+='\n    <li class="tests-result-spec-test '+(null==(__t=n.result)?"":__t)+(null==(__t=t?" slow":"")?"":__t)+'">\n      <span class="tests-result-spec-test-title">\n        ',n.result){case"pass":__p+='\n          <span class="fa fa-check"></span>\n          ';break;case"fail":__p+='\n          <span class="fa fa-times"></span>\n          ';break;case"pending":__p+='\n          <span class="fa fa-circle"></span>\n        '}__p+="\n        "+(null==(__t=n.title)?"":__t)+"\n        "+(null==(__t=t?"("+n.duration+"ms)":"")?"":__t)+"\n      </span>\n      ",_.isEmpty(n.err)||(__p+='\n        <pre class="stack">'+(null==(__t=n.err.stack)?"":__t)+"</pre>\n      "),__p+="\n    </li>\n  "}__p+='\n  <div class="tests-result">\n    ',info.stack?__p+='\n      <div class="tests-result-stats fail">\n        Test runner failed with an error.\n      </div>\n      <pre class="stack">'+(null==(__t=info.stack)?"":__t)+"</pre>\n    ":(__p+='\n      <div class="tests-result-stats">\n        Completed <b>'+(null==(__t=info.stats.tests)?"":__t)+"</b> tests in <b>"+(null==(__t=info.stats.duration)?"":__t)+'ms</b>\n        (<span class="pass" title="passes">'+(null==(__t=info.stats.passes)?"":__t)+'</span>/<span class="fail" title="failures">'+(null==(__t=info.stats.failures)?"":__t)+'</span>/<span class="pending" title="pending">'+(null==(__t=info.stats.pending)?"":__t)+'</span>)\n      </div>\n      <div class="tests-result-spec">\n        ',info.tests.length&&(__p+='\n          <ul class="tests-result-spec-tests">\n            ',_.each(info.tests,createTest),__p+="\n          </ul>\n        "),__p+="\n        ",info.suites.length&&(__p+='\n          <dl class="tests-result-spec-suites">\n            ',_.each(info.suites,createSuite),__p+="\n          </dl>\n        "),__p+="\n        ",info.tests.length||info.suites.length||(__p+='\n          <div class="tests-result-spec-empty">No tests found.</div>\n        '),__p+="\n      </div>\n    "),__p+="\n  </div>\n"}return __p},this.JST["templates/navigationView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <ul class="navlist arango-collection-ul" id="arangoCollectionUl">\n    ',isCluster?__p+='\n      <li class="cluster-menu"><a id="cluster" class="tab" href="#cluster"><i class="fa fa-circle-o"></i>Cluster</a></li>\n      <li class="nodes-menu"><a id="nodes" class="tab" href="#nodes"><i class="fa fa-server"></i>Nodes</a></li>\n    ':__p+='\n      <li class="dashboard-menu"><a id="dashboard" class="tab" href="#dashboard"><i class="fa fa-dashboard"></i>Dashboard</a></li>\n    ',__p+='\n    <li class="navbar-spacer big"></li>\n    \x3c!-- <li id="dbSelect" class="dropdown databases-menu disabled"></li> --\x3e\n    <li class="collections-menu"><a id="collections" class="tab" href="#collections"><i class="fa fa-folder"></i>Collections</a></li>\n    <li class="views-menu"><a id="views" class="tab" href="#views"><i class="fa fa-eye"></i>Views</a></li>\n    <li class="queries-menu"><a id="queries" class="tab" href="#queries"><i class="fa fa-bolt"></i>Queries</a></li>\n    <li class="graphs-menu"><a id="graphs" class="tab" href="#graphs"><i class="fa fa-sitemap"></i>Graphs</a></li>\n    <li class="services-menu">\n      <a id="services" class="tab" href="#services"><i class="fa fa-cogs"></i>Services</a>\n    </li>\n    ',currentDB.get("isSystem")&&(__p+="\n      ",readOnly||(__p+='\n        <li class="users-menu"><a id="users" class="tab" href="#manage"><i class="fa fa-users"></i>Users</a></li>\n      '),__p+="\n    "),__p+="\n    \x3c!--\n    ",currentDB.get("isSystem")&&(__p+='\n      <li class="navbar-spacer big"></li>\n      <li class="settings-menu"><a id="settings" class="tab" href="#settings"><i class="fa fa-cog"></i>Settings</a></li>\n    '),__p+="\n    --\x3e\n    ",(currentDB.get("isSystem")||currentDB.get(!isCluster))&&(__p+='\n      <li class="navbar-spacer big"></li>\n    '),__p+="\n    ",currentDB.get("isSystem")&&(__p+='\n      <li class="databases-menu"><a id="databases" class="tab" href="#databases"><i class="fa fa-database"></i>Databases</a></li>\n    '),__p+="\n    ",currentDB.get("isSystem")&&!isCluster&&(__p+='\n      <li class="replication-menu"><a id="replication" class="tab" href="#replication"><i class="fa fa-server"></i>Replication</a></li>\n    '),__p+="\n    ",isCluster||(__p+='\n      <li class="logs-menu"><a id="logs" class="tab" href="#logs"><i class="fa fa-file-text"></i>Logs</a></li>\n    '),__p+='\n    <li class="navbar-spacer big"></li>\n    <li class="support-menu"><a id="support" class="tab" href="#support"><i class="fa fa-support"></i>Support</a></li>\n    <li class="helpus-menu"><a id="helpus" class="tab" href="#helpus"><i class="fa fa-heart"></i>Help Us</a></li>\n    <li class="enterprise-menu" style="display: none; cursor: pointer"><a id="enterprise" class="tab" target="_blank"><i class="fa fa-external-link-square"></i>Get enterprise</a></li>\n    \x3c!--\n    <li class="navbar-spacer big"></li>\n    <li class="dropdown tools-menu" id="toolsDropdown">\n      <a href="#" class="tab" id="tools">Tools <b class="caret"></b></a>\n      <ul class="link-dropdown-menu" id="tools_dropdown">\n        <li class="dropdown-header">Tools</li>\n        <li class="dropdown-item">\n          <a id="shell" class="tab" href="#shell">JS Shell</a>\n        </li>\n\n        ',isCluster||(__p+='\n          <li class="dropdown-item">\n            <a id="logs" class="tab" href="#logs">Logs</a>\n          </li>\n        '),__p+='\n\n        <li class="dropdown-item">\n          <a id="userManagement" class="tab" href="#userManagement">User Management</a>\n        </li>\n        <li class="dropdown-item">\n          <a id="queryManagement" class="tab" href="#queryManagement">Query Management</a>\n        </li>\n        <li class="dropdown-item">\n          <a id="workMonitor" class="tab" href="#workMonitor">Work Monitor</a>\n        </li>\n      </ul>\n    </li>\n    <li class="dropdown" id="linkDropdown">\n      <a href="#" class="tab" id="links">Links <b class="caret"></b></a>\n      <ul class="link-dropdown-menu" id="link_dropdown">\n        <li class="dropdown-header">Documentation</li>\n        <li class="dropdown-item"><a href="/_db/'+(null==(__t=currentDB.get("name"))?"":__t)+'/_admin/aardvark/api/index.html" target="_blank">API Documentation</a></li>\n        <li class="dropdown-item"><a href="http://docs.arangodb.com/Arangosh/"\n                                     target="_blank">JS Shell Documentation</a></li>\n        <li class="dropdown-item"><a href="http://docs.arangodb.com/Aql/" target="_blank">AQL\n          Documentation</a></li>\n        <li class="dropdown-item"><a href="http://docs.arangodb.com/" target="_blank">General\n          Documentation</a></li>\n        <li class="divider"></li>\n        <li class="dropdown-header">ArangoDB</li>\n        <li class="dropdown-item"><a href="https://github.com/arangodb/arangodb" target="_blank">GitHub\n          Repository</a></li>\n        <li class="dropdown-item"><a href="https://www.arangodb.com" target="_blank">ArangoDB.com</a></li>\n      </ul>\n    </li>\n  --\x3e\n  </ul>\n\n\n  <div class="shortcut-icons">\n    <p class="shortcut"><i class="fa fa-keyboard-o"></i></p>\n  </div>\n\n  <div class="social-icons">\n    <p><a href="https://twitter.com/arangodb" target="_blank"><i class="fa fa-twitter"></i></a></p>\n    <p><a href="https://slack.arangodb.com" target="_blank"><i class="fa fa-slack"></i></a></p>\n    <p><a href="https://stackoverflow.com/questions/tagged/arangodb" target="_blank"><i class="fa fa-stack-overflow"></i></a></p>\n    <p><a href="https://groups.google.com/group/arangodb" target="_blank"><i class="fa fa-google"></i></a></p>\n  </div>\n\n';return __p},this.JST["templates/nodesView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){if(__p+='\n  <div id="nodesContent" class="innerContent">\n\n  ',0<Object.keys(coords).length){__p+="\n\n    ";var disabled="";__p+='\n\n    <div class="pure-g">\n\n    <div class="pure-u-1-1 pure-u-md-1-1 pure-u-lg-1-1 pure-u-xl-1-2">\n\n    <div class="sectionHeader pure-g">\n      <div class="pure-u-1-5">\n        <div class="title">\n          Coordinators\n        </div>\n      </div>\n\n\n      <div class="pure-u-4-5">\n\n        ',!0===scaling&&"_system"===frontendConfig.db&&(__p+='\n          <div class="scaleGroup" id="scaleCoords">\n            <div style="text-align: -webkit-right;">\n            <span class="left" id="removeCoord"><i class="fa fa-minus"></i></span>\n            <input id="plannedCoords" type="text" value="'+(null==(__t=plannedCoords)?"":__t)+'"/>\n            <span class="right" id="addCoord"><i class="fa fa-plus"></i></span>\n            </div>\n          </div>\n        '),__p+='\n\n        <div class="information" id="infoCoords">\n          <span class="positive"><span> '+(null==(__t=scaleProperties.coordsOk)?"":__t)+' </span><i class="fa fa-check-circle"></i></span>\n          ',scaleProperties.coordsError&&(__p+='\n            <span class="negative"><span> '+(null==(__t=scaleProperties.coordsError)?"":__t)+' </span><i class="fa fa-exclamation-circle"></i></span>\n          '),__p+="\n          ",scaleProperties.coordsPending&&!0===scaling&&"_system"===frontendConfig.db&&(__p+='\n            <span class="warning"><span> '+(null==(__t=scaleProperties.coordsPending)?"":__t)+' </span><i class="fa fa-circle-o-notch fa-spin"></i></span>\n            <button class="abortClusterPlan button-navbar button-default">Abort</button>\n          '),__p+='\n        </div>\n      </div>\n\n    </div>\n\n    <div class="pure-g cluster-nodes-title pure-table pure-table-header pure-title" style="clear: both">\n      <div class="pure-table-row">\n        <div class="pure-u-9-24 left">Name</div>\n        <div class="pure-u-9-24 left">Endpoint</div>\n        <div class="pure-u-3-24">Version</div>\n        <div class="pure-u-2-24 mid hide-small">Since</div>\n        <div class="pure-u-1-24 mid"></div>\n      </div>\n    </div>\n\n    <div class="pure-g cluster-nodes coords-nodes pure-table pure-table-body">\n      ',_.each(coords,function(n,t){__p+="\n        ";var e=n.id+"-node";__p+='\n\n        <div class="pure-table-row '+(null==(__t=disabled)?"":__t)+'" node="'+(null==(__t=e)?"":__t)+'">\n\n          <div class="pure-u-9-24 left">\n            '+(null==(__t=n.ShortName)?"":__t)+'\n            <i class="fa fa-bar-chart"></i>\n            ',n.CanBeDeleted&&"_system"===frontendConfig.db&&(__p+='\n              <i class="fa fa-trash-o"></i>\n            '),__p+='\n          </div>\n          <div class="pure-u-9-24 left">'+(null==(__t=n.Endpoint)?"":__t)+'</div>\n\n          <div class="pure-u-3-24">'+(null==(__t=n.Version)?"":__t)+"</div>\n\n          ";var a=n.LastAckedTime.substr(11,18).slice(0,-1);__p+='\n          <div class="pure-u-2-24 hide-small mid">'+(null==(__t=a)?"":__t)+"</div>\n\n          ","GOOD"===n.Status?__p+='\n            <div class="pure-u-1-24 mid state"><i class="fa fa-check-circle tippy" title="'+(null==(__t=n.SyncStatus)?"":__t)+'"></i></div>\n          ':__p+='\n            <div class="pure-u-1-24 mid state"><i class="fa fa-exclamation-circle"></i></div>\n          ',__p+="\n\n        </div>\n\n      "}),__p+="\n    </div>\n  </div>\n\n  "}if(__p+="\n\n  ",0<Object.keys(dbs).length){__p+="\n    ";var disabled="";__p+="\n    ",disabled=" dbserver",__p+='\n    <div class="pure-u-1-1 pure-u-md-1-1 pure-u-lg-1-1 pure-u-xl-1-2">\n      <div class="sectionHeader pure-g">\n        <div class="pure-u-1-5">\n          <div class="title">\n            DB Servers\n          </div>\n        </div>\n\n        <div class="pure-u-4-5">\n\n          ',!0===scaling&&"_system"===frontendConfig.db&&(__p+='\n            <div class="scaleGroup" id="scaleCoords">\n              <div style="text-align: -webkit-right;">\n              <span class="left" id="removeDBs"><i class="fa fa-minus"></i></span>\n              <input id="plannedDBs" value="'+(null==(__t=plannedDBs)?"":__t)+'" type="text"/>\n              <span class="right" id="addDBs"><i class="fa fa-plus"></i></span>\n              </div>\n            </div>\n          '),__p+='\n\n          <div class="information" id="infoDBs">\n            <span class="positive"><span> '+(null==(__t=scaleProperties.dbsOk)?"":__t)+' </span><i class="fa fa-check-circle"></i></span>\n            ',scaleProperties.dbsError&&(__p+='\n              <span class="negative"><span> '+(null==(__t=scaleProperties.dbsError)?"":__t)+' </span><i class="fa fa-exclamation-circle"></i></span>\n            '),__p+="\n            ",scaleProperties.dbsPending&&!0===scaling&&"_system"===frontendConfig.db&&(__p+='\n              <span class="warning"><span> '+(null==(__t=scaleProperties.dbsPending)?"":__t)+' </span><i class="fa fa-circle-o-notch fa-spin"></i></span>\n              <button class="abortClusterPlan button-navbar button-default">Abort</button>\n            '),__p+='\n          </div>\n\n        </div>\n\n      </div>\n\n    <div class="pure-g cluster-nodes-title pure-table pure-table-header pure-title" style="clear: both">\n      <div class="pure-table-row">\n        <div class="pure-u-9-24 left">Name</div>\n        <div class="pure-u-9-24 left">Endpoint</div>\n        <div class="pure-u-3-24">Version</div>\n        <div class="pure-u-2-24 mid hide-small">Since</div>\n        <div class="pure-u-1-24 mid"></div>\n      </div>\n    </div>\n\n  '}__p+='\n\n    <div class="pure-g cluster-nodes dbs-nodes pure-table pure-table-body">\n      ',_.each(dbs,function(n,t){__p+="\n        ";var e=n.id+"-node";__p+='\n\n        <div class="pure-table-row '+(null==(__t=disabled)?"":__t)+'" node="'+(null==(__t=e)?"":__t)+'">\n\n          <div class="pure-u-9-24 left">\n            '+(null==(__t=n.ShortName)?"":__t)+'\n            <i class="fa fa-bar-chart"></i>\n            ',n.CanBeDeleted&&"_system"===frontendConfig.db&&(__p+='\n              <i class="fa fa-trash-o"></i>\n            '),__p+='\n          </div>\n          <div class="pure-u-9-24 left">'+(null==(__t=n.Endpoint)?"":__t)+'</div>\n\n          <div class="pure-u-3-24">'+(null==(__t=n.Version)?"":__t)+"</div>\n\n          ";var a=n.LastAckedTime.substr(11,18).slice(0,-1);__p+='\n          <div class="pure-u-2-24 hide-small mid">'+(null==(__t=a)?"":__t)+"</div>\n\n          ","GOOD"===n.Status?__p+='\n            <div class="pure-u-1-24 mid state"><i class="fa fa-check-circle tippy" title="'+(null==(__t=n.SyncStatus)?"":__t)+'"></i></div>\n          ':__p+='\n            <div class="pure-u-1-24 mid state"><i class="fa fa-exclamation-circle"></i></div>\n          ',__p+="\n\n        </div>\n      "}),__p+="\n    </div>\n  </div>\n\n  </div>\n  </div>\n\n"}return __p},this.JST["templates/nodeView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\n  <div id="nodeContent" class="innerContent">\n\n\n  </div>\n\n';return __p},this.JST["templates/notificationItem.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)notifications.forEach(function(n){__p+='\n  <li class="dropdown-item">\n    <div class="notificationItem">\n      ',n.get("info")&&(__p+='\n      <i title="'+(null==(__t=n.get("info"))?"":__t)+'" class="notificationInfoIcon fa fa-info-circle"></i>\n      '),__p+='\n\n      <i id="'+(null==(__t=n.cid)?"":__t)+'" class="fa fa-times-circle-o"></i>\n      <a class="notificationItemTitle">'+(null==(__t=n.get("title"))?"":__t)+'</a>\n      <div class="notificationItemContent">'+(null==(__t=n.get("content"))?"":__t)+"</div>\n\n    </div>\n  </li>\n"}),__p+="\n";return __p},this.JST["templates/notificationView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='<ul class="navlist" id="notificationViewUl">\n\n  <div class="navlogo">\n    <div id="stat_hd" class="notificationButton"><p id="stat_hd_counter">0</p></div>\n  </div>\n\n  <li class="dropdown no-left-margin" style="border: 0">\n    <ul class="user-dropdown-menu fixedDropdown" id="notification_menu">\n      <li class="dropdown-header"><a>Notifications</a></li>\n      <ul class="innerDropdownInnerUL"></ul>\n      <button id="removeAllNotifications" class="button-close">Clear</button>\n    </ul>\n  </li>\n\n</ul>\n';return __p},this.JST["templates/progressBase.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='  <div class="progress-view">\n    <div class="progress-content">\n      <div class="progress-text"></div>\n      <div class="pong-spinner"><i /></div>\n    </div>\n    <div class="progress-message">\n      <div class="progress-action"></div>\n    </div>\n  </div>\n';return __p},this.JST["templates/queryManagementViewActive.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='  <div id="queryManagementContent" class="innerContent">\n  </div>\n';return __p},this.JST["templates/queryManagementViewSlow.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='  <div id="queryManagementContent" class="innerContent">\n  </div>\n\n  <div class="queryManagementBottomActions">\n    <button id="deleteSlowQueryHistory" class="button-danger query-button">Delete History</button>\n  </div>\n';return __p},this.JST["templates/queryView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\n    <div class="arangoToolbar arangoToolbarTop">\n      <div class="pull-left">\n        <button id="toggleQueries1" class="button-primary"><i class="fa fa-star-o"></i>Queries</button>\n        <button id="toggleQueries2" class="button-primary" style="display: none"><i class="fa fa-star"></i>Queries</button>\n        <button id="createNewQuery" class="button-warning">New</button>\n        <button id="updateCurrentQuery" class="button-success" style="display: none"><i class="fa fa-save"></i>Save</button>\n        <button id="saveCurrentQuery" class="button-success"><i class="fa fa-save"></i>Save as</button>\n      </div>\n\n      <div class="pull-right">\n        <span id="querySpotlight" class="action"><i class="fa fa-magic"></i></span>\n        <div class="styled-select">\n          <select id="querySize" class="query-size"/>\n        </div>\n      </div>\n    </div>\n\n    <div class="inputEditorWrapper">\n      <div class="aqlEditorWrapper" class="arangoEditor">\n        <span id="clearQuery" class="aceAction"><i class="fa fa-times-circle"></i></span>\n        <div id="aqlEditor"></div>\n        <div id="queryTable" style="display: none"></div>\n      </div>\n\n      <div class="bindParamEditorWrapper" class="arangoEditor">\n        <span id="switchTypes" class="aceAction type">JSON</span>\n        <div id="bindParamEditor"></div>\n        <div id="bindParamAceEditor" style="display: none"></div>\n\n        <div id="previewWrapper" class="previewWrapper" style="display: none">\n          <div id="previewBar" class="previewBar">\n            <span>Preview</span>\n          </div>\n          <div id="queryPreview"></div>\n        </div>\n\n      </div>\n    </div>\n\n    <div class="arangoToolbar arangoToolbarBottom">\n      <div class="pull-right">\n        <button id="exportQuery" class="button-success query-button" style="display:none">Export Queries</button>\n        <button id="importQuery" class="button-success query-button" style="display:none">Import Queries</button>\n        <button id="executeQuery" class="button-success query-button">Execute</button>\n        <button id="explainQuery" class="button-info query-button">Explain</button>\n        <button id="profileQuery" class="button-info query-button">Profile</button>\n        <button id="debugQuery" class="button-warning query-button">Create Debug Package</button>\n        <button id="removeResults" class="button-close query-button" style="display: none">Remove all results</button>\n      </div>\n    </div>\n\n  </div>\n\n  <div id="outputEditors" class="outputEditors">\n  </div>\n\n  <div id="queryImportDialog" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none;">\n    <div class="modal-header">\n      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>\n      <a class="arangoHeader">Import custom queries</a>\n    </div>\n\n    <div class="modal-body">\n      <table>\n        <tbody>\n          <tr class="tableRow">\n            <th class="collectionTh">Format:</th>\n            <th class="collectionTh" colspan="2">\n<pre><code>JSON documents embedded into a list:\n\n[{\n  "name": "Query Name",\n  "value": "Query Definition",\n  "parameter": "Query Bind Parameter as Object"\n}]</code></code>\n            </th>\n          </tr>\n          <tr class="tableRow">\n            <th class="collectionTh">File:</th>\n            <th class="collectionTh" colspan="2">\n              <input id="importQueries" name="importQueries" type="file" style="border: 0" />\n            </th>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <div class="modal-footer">\n      <button id="confirmQueryImport" class="button-success disabled" style="float:right">Import</button>\n      <button id="closeQueryModal" class="button-close">Cancel</button>\n';return __p},this.JST["templates/queryViewOutput.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='<div id="outputEditorWrapper'+(null==(__t=counter)?"":__t)+'" class="outputEditorWrapper">\n    <div class="arangoToolbar arangoToolbarTop">\n      <div class="pull-left">\n        <span class="toolbarType">'+(null==(__t=type)?"":__t)+'</span>\n          <span id="spinner"><i class="fa fa-spinner fa-spin"></i><i>Query is operating ...</i></span>\n      </div>\n      <div class="pull-right">\n        <span class="action closeResult" element="outputEditor'+(null==(__t=counter)?"":__t)+'"><i class="fa fa-close" style="display: none"></i></span>\n      </div>\n      <div class="pull-right">\n        <div class="switchAce" counter="'+(null==(__t=counter)?"":__t)+'">\n          <span id="json-switch" val="JSON" counter="'+(null==(__t=counter)?"":__t)+'">JSON</span>\n          <span id="table-switch" val="Table" counter="'+(null==(__t=counter)?"":__t)+'" style="display: none">Table</span>\n          <span id="graph-switch" val="Graph" counter="'+(null==(__t=counter)?"":__t)+'" style="display: none">Graph</span>\n          <span id="geo-switch" val="Geo" counter="'+(null==(__t=counter)?"":__t)+'" style="display: none">Geo</span>\n        </div>\n      </div>\n    </div>\n    <div id="outputEditor'+(null==(__t=counter)?"":__t)+'" style="opacity: 0.5"></div>\n    <div id="sentWrapper'+(null==(__t=counter)?"":__t)+'" class="sentWrapper" style="display: none">\n      <div class="pull-left">\n        <div id="sentQueryEditor'+(null==(__t=counter)?"":__t)+'"></div>\n      </div>\n      <div class="pull-right">\n        <div id="sentBindParamEditor'+(null==(__t=counter)?"":__t)+'"></div>\n      </div>\n    </div>\n    <div class="arangoToolbar arangoToolbarBottom">\n      <div class="pull-right">\n        ',"Query"===type&&(__p+='\n          <button id="copy2gV" counter="'+(null==(__t=counter)?"":__t)+'" style="display: none; margin-right: 0;" class="button-success">Graph Viewer</button>\n          <button id="downloadQueryResult" counter="'+(null==(__t=counter)?"":__t)+'" style="display: none; margin-right: 0;" class="button-success">Download</button>\n          <button id="downloadCsvResult" counter="'+(null==(__t=counter)?"":__t)+'" style="display: none; margin-right: 0;" class="button-success">CSV</button>\n          <button id="copy2aqlEditor" counter="'+(null==(__t=counter)?"":__t)+'" style="display: none; margin-right: 8px;" class="button-success">Copy To Editor</button>\n          <button id="cancelCurrentQuery" class="button-danger" style="margin-right: 5px">Cancel</button>\n        '),__p+="\n      </div>\n    </div>\n  </div>\n\n  </div>\n";return __p},this.JST["templates/replicationView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div id="replicationContent" class="innerContent replicationContent">\n\n    ',0!==mode&&(__p+='\n      <div class="pure-g cluster-values" style="margin-top: 0;">\n\n        <div class="pure-u-1-2 pure-u-md-1-3">\n          <div class="valueWrapper">\n            <div id="info-mode-id" class="value">'+(null==(__t=info.state)?"":__t)+'</div>\n            <div class="graphLabel">State</div>\n          </div>\n        </div>\n\n        <div class="pure-u-1-2 pure-u-md-1-3">\n          <div class="valueWrapper">\n            <div id="info-mode-id" class="value">'+(null==(__t=info.mode)?"":__t)+'</div>\n            <div class="graphLabel">Mode</div>\n          </div>\n        </div>\n\n        <div class="pure-u-1-2 pure-u-md-1-3">\n          <div class="valueWrapper">\n            ',"follower"===info.role&&3!==mode?__p+='\n              <div id="info-role-id" class="value">Slave</div>\n            ':"leader"===info.role&&3!==mode?__p+='\n              <div id="info-role-id" class="value">Master</div>\n            ':__p+='\n              <div id="info-role-id" class="value">'+(null==(__t=info.role)?"":__t)+"</div>\n            ",__p+='\n            <div class="graphLabel">Role</div>\n          </div>\n        </div>\n\n        <div class="pure-u-1-2 pure-u-md-1-3">\n          <div class="valueWrapper">\n            <div id="info-level-id" class="value">'+(null==(__t=info.level)?"":__t)+'</div>\n            <div class="graphLabel">Level</div>\n          </div>\n        </div>\n\n        <div class="pure-u-1-2 pure-u-md-1-3">\n          <div class="valueWrapper">\n            <div id="info-msg-id" class="value">'+(null==(__t=info.health)?"":__t)+'</div>\n            <div class="graphLabel">Health</div>\n          </div>\n        </div>\n\n        ',"follower"===info.role?__p+='\n          <div class="pure-u-1-2 pure-u-md-1-3">\n            <div class="valueWrapper">\n              <div id="logger-lastLogTick-id" class="value"><i class="fa fa-circle-o-notch fa-spin"></i></div>\n              <div class="graphLabel">Server ID</div>\n            </div>\n          </div>\n        ':__p+='\n          <div class="pure-u-1-2 pure-u-md-1-3">\n            <div class="valueWrapper">\n              <div id="logger-lastLogTick-id" class="value"><i class="fa fa-circle-o-notch fa-spin"></i></div>\n              <div class="graphLabel">Last tick</div>\n            </div>\n          </div>\n        ',__p+="\n\n      </div>\n    "),__p+="\n\n    ",0===mode&&(__p+='\n      <div class="repl-state">\n        <table class="pure-table half-split">\n            <tbody>\n              <tr>\n                <td>\n                  <div><i class="fa fa-server"></i></div>\n                  <div id="info-state-id">'+(null==(__t=info.state)?"":__t)+'</div>\n                </td>\n              </tr>\n                <tr>\n                  <td><div>This node is not replicating from any other node. Also there are no active slaves or followers found. </br>Please visit our <a href="https://docs.arangodb.com/devel/Manual/Architecture/Replication/">Documentation</a> to find out how to setup replication.</div></td>\n                </tr>\n            </tbody>\n        </table>\n      </div>\n    '),__p+="\n\n    \n    ",5===mode&&(__p+='\n      <div class="repl-info">\n        <div class="categoryBar">\n          <h4>Info</h4>\n        </div>\n        <table class="pure-table">\n            <tbody>\n              <tr>\n                <td>Mode:</td>\n                <td id="info-mode-id">'+(null==(__t=info.mode)?"":__t)+'</td>\n              </tr>\n              <tr>\n                <td>Level:</td>\n                <td id="info-level-id">'+(null==(__t=info.level)?"":__t)+"</td>\n              </tr>\n              <tr>\n                <td>Role:</td>\n                ",3===mode?__p+='\n                  <td id="info-role-id">'+(null==(__t=info.role)?"":__t)+"</td>\n                ":(__p+="\n                  ","follower"===info.role?__p+='\n                    <td id="info-role-id">Slave</td>\n                  ':__p+='\n                    <td id="info-role-id">Master</td>\n                  ',__p+="\n                "),__p+="\n              </tr>\n            </tbody>\n        </table>\n      </div>\n    "),__p+="\n\n    ","leader"===info.role&&(__p+='\n      <div class="repl-comparison">\n        <div class="categoryBar">\n          <h4>Comparison</h4>\n        </div>\n        \n        <div class="pure-g cluster-graphs">\n\n          <div class="pure-u-1-1 pure-u-md-1-2">\n            <div class="graphWrapper">\n              <div id="replicationTimeChart">\n                <svg></svg>\n              </div>\n              <div class="graphLabel">COMMUNICATION</div>\n            </div>\n          </div>\n\n          <div class="pure-u-1-1 pure-u-md-1-2">\n            <div class="graphWrapper">\n              <div id="replicationTickChart">\n                <svg></svg>\n              </div>\n              <div class="graphLabel">LAST TICKS</div>\n            </div>\n          </div>\n\n        </div>\n\n      </div>\n\n      ',3===mode&&(__p+='\n        <div class="repl-nodes">\n          <div class="categoryBar">\n            <h4>Nodes</h4>\n          </div>\n        </div>\n        <table class="pure-table">\n            <tbody>\n              <tr>\n                <td>Leader:</td>\n                <td id="nodes-leader-id"><i class="fa fa-circle-o-notch fa-spin"></i></td>\n              </tr>\n              <tr>\n                <td>Followers:</td>\n                <td id="nodes-followers-id"><i class="fa fa-circle-o-notch fa-spin"></i></td>\n              </tr>\n            </tbody>\n        </table>\n      '),__p+="\n    "),__p+="\n\n    ","leader"===info.role&&(__p+='\n      <div class="repl-logger">\n        <div class="categoryBar">\n          ',3===mode?__p+="\n            <h4>Leader State</h4>\n          ":__p+="\n            <h4>Master State</h4>\n          ",__p+='\n        </div>\n        <table class="pure-table">\n            <tbody>\n              <tr>\n                <td>Server ID:</td>\n                <td id="logger-serverid-id"><i class="fa fa-circle-o-notch fa-spin"></i></td>\n              </tr>\n              <tr>\n                <td>Time:</td>\n                <td id="logger-time-id"><i class="fa fa-circle-o-notch fa-spin"></i></td>\n              </tr>\n              <tr>\n                <td>Operations:</td>\n                <td id="logger-totalEvents-id"><i class="fa fa-circle-o-notch fa-spin"></i></td>\n              </tr>\n            </tbody>\n        </table>\n      </div>\n\n      <div class="repl-logger-clients">\n        <div class="categoryBar">\n          ',3===mode?__p+="\n            <h4>Follower States</h4>\n          ":__p+="\n            <h4>Slave States</h4>\n          ",__p+='\n        </div>\n        <table class="pure-table" id="repl-logger-clients">\n            <thead>\n              <tr>\n                <th>Server ID</th>\n                <th>Time</th>\n                <th>Last served tick</th>\n              </tr>\n            </thead>\n            <tbody>\n            </tbody>\n        </table>\n      </div>\n    '),__p+="\n\n    ","follower"===info.role&&(__p+='\n      <div class="repl-applier">\n        <div class="categoryBar">\n          ',3===mode?__p+="\n            <h4>Follower States</h4>\n          ":__p+="\n            <h4>Slave States</h4>\n          ",__p+='\n        </div>\n\n        <table id="repl-follower-table" class="pure-table" style="width: 100%">\n          <thead>\n            <tr>\n              <th>Database</th>\n              <th>Enabled</th>\n              <th>Phase</th>\n              <th>Replicating from</th>\n              <th>Last tick</th>\n              <th>State</th>\n            </tr>\n          </thead>\n\n          <tbody>\n          </tbody>\n\n        </table>\n      </div>\n    '),__p+="\n\n  </div>\n";return __p},this.JST["templates/scaleView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){__p+='\n  <div id="scaleContent" class="innerContent">\n\n  ';var genClass="pure-u-1-5";__p+='\n\n    <div class="pure-g cluster-nodes-title pure-table pure-table-header pure-title">\n      <div class="pure-table-row">\n        <div class="'+(null==(__t=genClass)?"":__t)+' left">Type</div>\n        <div class="'+(null==(__t=genClass)?"":__t)+' mid">Running</div>\n        <div class="'+(null==(__t=genClass)?"":__t)+' mid">Planned</div>\n        <div class="'+(null==(__t=genClass)?"":__t)+' mid">Status</div>\n        <div class="'+(null==(__t=genClass)?"":__t)+' right"></div>\n      </div>\n    </div>\n\n    <div class="pure-g cluster-nodes pure-table pure-table-body">\n\n        <div class="pure-table-row noHover">\n          <div class="'+(null==(__t=genClass)?"":__t)+' left">Coordinators</div>\n          <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="runningCoords">'+(null==(__t=runningCoords)?"":__t)+"</div>\n          ",!0===initialized?__p+='\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="plannedCoords"></div>\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="statusCoords"></div>\n          ':__p+='\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="plannedCoords"><i class="fa fa-circle-o-notch fa-spin"></i></div>\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="statusCoords"><i class="fa fa-circle-o-notch fa-spin"></i></div>\n          ',__p+='\n          <div class="'+(null==(__t=genClass)?"":__t)+' actions right">\n            <i class="fa fa-minus-circle" aria-hidden="true" id="removeCoord"></i>\n            <i class="fa fa-plus-circle" aria-hidden="true" id="addCoord"></i>\n          </div>\n        </div>\n\n        <div class="pure-table-row noHover">\n          <div class="'+(null==(__t=genClass)?"":__t)+' left">DBServers</div>\n          <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="runningDBs">'+(null==(__t=runningDBs)?"":__t)+"</div>\n          ",!0===initialized?__p+='\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="plannedDBs"></div>\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="statusDBs"></div>\n          ':__p+='\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="plannedDBs"><i class="fa fa-circle-o-notch fa-spin"></i></div>\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid" id="statusDBs"><i class="fa fa-circle-o-notch fa-spin"></i></div>\n          ',__p+='\n          <div class="'+(null==(__t=genClass)?"":__t)+' actions right">\n            <i class="fa fa-minus-circle" aria-hidden="true" id="removeDBs"></i>\n            <i class="fa fa-plus-circle" aria-hidden="true" id="addDBs"></i>\n          </div>\n        </div>\n\n    </div>\n\n  </div>\n\n'}return __p},this.JST["templates/serviceDetailView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){__p+='  <div class="application-detail-view">\n    ';var visible=" visibility: hidden; ";__p+="\n    ",installed&&(__p+="\n    ",visible=" visibility: visible; ",__p+="\n    "),__p+='\n\n    <div class="headerBar" style="width: 100%">\n      <ul class="subMenuEntries subViewNavbar pull-left" style="'+(null==(__t=visible)?"":__t)+'">\n        <li id="service-info" class="subMenuEntry active"><a>Info</a></li>\n        <li id="service-api" class="subMenuEntry "><a>API</a></li>\n        \x3c!--<li id="service-readme" class="subMenuEntry "><a>Readme</a></li>--\x3e\n        <li id="service-settings" class="subMenuEntry "><a>Settings</a></li>\n      </ul>\n\n      <div class="headerButtonBar" style="display: none">\n        <ul class="headerButtonList">\n          <li>\n            <a id="app-deps" class="headerButton '+(null==(__t=_.isEmpty(app.get("deps"))?"disabled":"")?"":__t)+" "+(null==(__t=app.hasUnconfiguredDependencies()?"error":"")?"":__t)+'">\n              <span class="fa fa-cubes" title="Dependencies"></span>\n            </a>\n          </li>\n          <li id="app-scripts" class="dropdown">\n            <a class="headerButton '+(null==(__t=_.isEmpty(app.get("scripts"))?"disabled":"")?"":__t)+'" title="Scripts">\n              <i class="fa fa-code"></i>\n            </a>\n            <ul class="script-dropdown-menu dropdown-toolbar dropdown-menu" id="scripts_dropdown">\n            ',_.each(app.get("scripts"),function(n,t){__p+='\n              <li class="dropdown-item">\n                <a class="tab" data-script="'+(null==(__t=t)?"":__t)+'">'+(null==(__t=n)?"":__t)+"</a>\n              </li>\n            "}),__p+='\n            </ul>\n          </li>\n          <li>\n            <a id="app-tests" class="headerButton">\n              <span class="fa fa-flask" title="Tests"></span>\n            </a>\n          </li>\n          <li>\n            <a id="download-app" class="headerButton '+(null==(__t=app.isSystem()?"disabled":"")?"":__t)+'">\n              <span class="fa fa-download" title="Download"></span>\n            </a>\n          </li>\n        </ul>\n      </div>\n    </div>\n\n    <section class="info" id="informationfunctions" style="display: none">\n      <div class="header">\n        <div id="hidden_buttons" style="display: none">\n          <button class="delete button-danger" '+(null==(__t=app.isSystem()?"disabled":"")?"":__t)+' >Delete</button>\n          <button id="app-replace" class="app-replace upgrade button-warning" '+(null==(__t=app.isSystem()?"disabled":"")?"":__t)+'>Replace</button>\n          <button id="app-switch-mode" class="app-switch-mode switch-mode button-warning">'+(null==(__t=app.get("development")?"Set Production":"Set Development")?"":__t)+'</button>\n        </div>\n      </div>\n    </section>\n\n    <section class="info" id="information" style="width: 100%;">\n      <div class="pure-g">\n\n        <div class="pure-u-1 pure-u-sm-4-4 pure-u-md-3-4 foxx-left">\n          <div class="foxx-icon-container pull-left">\n            <img src="'+(null==(__t=app.thumbnailUrl)?"":__t)+'" alt="Icon for Service" class="icon" />\n          </div>\n          <div class="pull-left" style="margin-left: 15px">\n            <h3>\n              '+(null==(__t=app.attributes.name)?"":__t)+'\n            </h3>\n            <p class="description">'+(null==(__t=app.attributes.description)?"":__t)+'</p>\n          </div>\n          <div id="app-warning" class="app-warning" style="clear: both; display:'+(null==(__t=app.needsAttention()?"block":"none")?"":__t)+';">\n            <h4>Out of order</h4>\n            <p id="app-warning-broken" style="display:'+(null==(__t=app.isBroken()?"block":"none")?"":__t)+';">This service has failed to mount due to an error.</p>\n            <p id="app-warning-config" style="display:'+(null==(__t=app.needsConfiguration()?"block":"none")?"":__t)+';">This service has not yet been configured properly.</p>\n            <p id="app-warning-deps" style="display:'+(null==(app.hasUnconfiguredDependencies(),__t="block")?"":__t)+';">Some dependencies have not yet been set up.</p>\n          </div>\n           <div class="categoryBar">\n             <h4>Readme</h4>\n           </div>\n          <div id="readme" class="readme">\n            ',app.get("readme")?__p+="\n              "+(null==(__t=marked(app.get("readme")))?"":__t)+"\n            ":__p+="\n              <p>No README data found.</p>\n            ",__p+='\n          </div>\n        </div>\n\n        <div class="pure-u-1 pure-u-sm-4-4 pure-u-md-1-4 foxx-right">\n          <div class="foxx-label-container">\n            <p>\n              <span>Author: </span><span>'+(null==(__t=app.attributes.author)?"":__t)+"</span>\n            </p>\n            <p>\n              <span>Mount: </span><span>"+(null==(__t=app.attributes.mount)?"":__t)+'</span>\n            </p>\n            <p>\n              <span>Mode: </span><span class="mode '+(null==(__t=app.get("development")?"development":"production")?"":__t)+'">'+(null==(__t=app.get("development")?"Development":"Production")?"":__t)+'</span>\n            </p>\n            <p>\n              <span>Version: </span><span class="version">'+(null==(__t=app.attributes.version)?"":__t)+"</span>\n            </p>\n            <p>\n              ",app.attributes.license&&(__p+="\n                <span>License: </span><span>"+(null==(__t=app.attributes.license)?"":__t)+"</span>\n              "),__p+="\n            </p>\n            <p>\n              ",!0===app.get("development")?__p+='\n                <span>Path: </span><span class="developmentSpan">'+(null==(__t=app.attributes.path)?"":__t)+"</span>\n              ":__p+="\n                <span></span>\n              ",__p+='\n            </p>\n          </div>\n          <div class="header_right">\n            <input type="button" class="open button-success" disabled="true" value="Show Interface" />\n          </div>\n        </div>\n\n      </div>\n    </section>\n\n    <main>\n      <div id="app-info" class="app-info" style="display: none;">\n        <h4>Info</h4>\n        <p id="app-info-swagger">Documentation for this service is not yet configured.</p>\n      </div>\n      <div id="swagger" class="swagger" style="display: none;">\n        <a id="jsonLink">Swagger</a>\n        <div id="swaggerJsonContent" style="display: none">\n          <div id="swaggerJsonEditor" style="height: 100%;"></div>\n        </div>\n      </div>\n      <div id="settings" class="readme" style="display: none; padding: 15px;">\n        ',_.isEmpty(app.get("config"))&&(__p+="\n          <p>No configurable settings available.</p>\n        "),__p+='\n        <div class="buttons" style="margin-left: -10px; margin-top: 20px;"></div>\n      </div>\n    </main>\n    \x3c!--<aside class="meta" id="sideinformation">\n      <dl>\n        <dt>Author</dt>\n        <dd>'+(null==(__t=app.attributes.author)?"":__t)+"</dd>\n        <dt>Contributors</dt>\n        <dd>\n          ",app.attributes.contributors&&0<app.attributes.contributors.length?(__p+="\n          <ul>\n          ",_.each(app.attributes.contributors,function(n){__p+='\n            <li><a href="mailto:'+(null==(__t=n.email)?"":__t)+'">'+(null==(__t=n.name)?"":__t)+"</a></li>\n          "}),__p+="\n          </ul>\n          "):__p+="\n          No contributors\n          ",__p+='\n        </dd>\n        <dt>Links</dt>\n        <dd>\n          <ul>\n            <li>\n              <a href="'+(null==(__t=baseUrl)?"":__t)+"/_admin/aardvark/foxxes/docs/standalone/index.html?mount="+(null==(__t=encodeURIComponent(app.get("mount")))?"":__t)+'" target="_blank">\n                API Documentation\n              </a>\n            </li>\n            <li>\n              <a href="'+(null==(__t=baseUrl)?"":__t)+"/_admin/aardvark/foxxes/docs/swagger.json?mount="+(null==(__t=encodeURIComponent(app.get("mount")))?"":__t)+'" target="_blank">\n                API as JSON\n              </a>\n            </li>\n            ',app.attributes.repository&&"git"==app.attributes.repository.type&&(__p+='\n              <li><a href="'+(null==(__t=app.attributes.repository.url)?"":__t)+'" target="_blank">Git Repository</a></li>\n            '),__p+="\n          </ul>\n        </dd>\n      </dl>\n    </aside>--\x3e\n  </div>\n"}return __p},this.JST["templates/serviceInstallGitHubView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\n  <div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">\n    <div class="pull-left">\n    </div>\n\n    <div class="pull-right">\n    </div>\n  </div>\n\n  <div class="contentDiv createModalDialog">\n    <div id="gitHubFoxx" class="foxxesInner modal-body">\n        <div>\n          <p>\n            Download a Foxx service from a public <a href="https://www.github.com">github.com</a> repository. In order to define a version please add a <a href="https://git-scm.com/book/en/v2/Git-Basics-Tagging">git tag</a> to your repository using the following format: "v1.2.3". To connect to github your username and the name of the repository are sufficient.\n          </p>\n          <table>\n            <tr class="tableRow">\n              <th class="collectionInfoTh">\n                Repository*:\n              </th>\n              <th class="collectionInfoTh">\n                <input type="text" id="repository" value="" placeholder="username/repository">\n              </th>\n            </tr>\n            <tr class="tableRow">\n              <th class="collectionInfoTh">\n                Version*:\n              </th>\n              <th class="collectionInfoTh">\n                <input type="text" id="tag" value="" placeholder="master">\n              </th>\n            </tr>\n            <tr class="tableRow" style="display: none">\n              <th class="collectionInfoTh">\n                Enable Legacy Mode:\n              </th>\n              <th class="collectionInfoTh">\n                <input type="checkbox" id="github-app-islegacy" value="true">\n              </th>\n            <th>\n              <span class="modalTooltips arangoicon icon_arangodb_info" title="Legacy Compatibility Mode allows mounting some Foxx services written for ArangoDB 2.8 or older. This overrides the ArangoDB version specified in the service manifest. See the Foxx documentation for more information on running legacy services in ArangoDB 3.">\n              </span>\n            </th>\n            </tr>\n          </table>\n        </div>\n    </div>\n    <div class="modal-footer">\n      <button id="installGitHubService" class="button-success" style="float:right" disabled>Install</button>\n    </div>\n  </div>\n\n';return __p},this.JST["templates/serviceInstallNewView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='\n\n  <div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">\n    <div class="pull-left">\n    </div>\n\n    <div class="pull-right">\n    </div>\n  </div>\n\n  <div class="contentDiv createModalDialog">\n    <div id="newFoxxes" class="foxxesInner modal-body">\n        <table id="new-app-information">\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Author*:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="text" id="new-app-author" value="" placeholder="Your Name">\n            </th>\n          </tr>\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Name*:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="text" id="new-app-name" value="" placeholder="Name of the Service">\n            </th>\n          </tr>\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Description*:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="text" id="new-app-description" value="" placeholder="Please describe your Service here">\n            </th>\n          </tr>\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              License*:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="text" id="new-app-license" value="" placeholder="Apache 2"></input>\n            </th>\n          </tr>\n          \x3c!--\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Authentication*:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="checkbox" id="new-app-authenticate" checked></input>\n            </th>\n          </tr>\n          --\x3e\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Document Collections:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="hidden" id="new-app-document-collections" value="" placeholder="Document Collections"></input>\n            </th>\n            <th>\n              <span class="modalTooltips arangoicon icon_arangodb_info" title="A list of document collections that will be created specifically for this Service. A CRUD API for these will be generated.">\n              </span>\n            </th>\n          </tr>\n          <tr class="tableRow">\n            <th class="collectionInfoTh">\n              Edge Collections:\n            </th>\n            <th class="collectionInfoTh">\n              <input type="hidden" id="new-app-edge-collections" value="" placeholder="Edge Collections"></input>\n            </th>\n            <th>\n              <span class="modalTooltips arangoicon icon_arangodb_info" title="A list of edge collections that will be created specifically for this Service. A CRUD API for these will be generated.">\n              </span>\n            </th>\n          </tr>\n        </table>\n    </div>\n    <div class="modal-footer">\n      ',upgrade?__p+='\n        <button id="installNewService" class="button-success" style="float:right">Replace</button>\n      ':__p+='\n        <button id="installNewService" class="button-success" style="float:right">Install</button>\n      ',__p+="\n    </div>\n  </div>\n";return __p},this.JST["templates/serviceInstallUploadView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='\n  <div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">\n    <div class="pull-left">\n    </div>\n\n    <div class="pull-right">\n    </div>\n  </div>\n\n  <div class="contentDiv createModalDialog">\n    <div id="uploadFoxxes" class="foxxesInner modal-body">\n        <div>\n          <p>\n  Upload a Foxx service bundle. The Foxx service bundle should be a zip archive containing all service files as a directory structure, including the manifest and any required <code style="padding: 0px 2px; font-weight: 10pt;">node_modules</code> dependencies. If your service doesn\'t have any dependencies, configuration or scripts you can also upload a single JavaScript file that will act as the service\'s entry point or "main" file.\n          </p>\n          <table>\n            <tr class="tableRow" style="display: none">\n              <th class="collectionInfoTh">\n                Enable Legacy Mode:\n              </th>\n              <th class="collectionInfoTh">\n                <input type="checkbox" id="zip-app-islegacy" value="true">\n              </th>\n            <th>\n              <span class="modalTooltips arangoicon icon_arangodb_info" title="Legacy Compatibility Mode allows mounting some Foxx services written for ArangoDB 2.8 or older. This overrides the ArangoDB version specified in the service manifest. See the Foxx documentation for more information on running legacy services in ArangoDB 3.">\n              </span>\n            </th>\n            </tr>\n          </table>\n        </div>\n        <div id="upload-foxx-zip">Upload File</div>\n      </div>\n      <div class="modal-footer">\n        ',upgrade?__p+='\n          <button id="installUploadService" class="button-success" style="float:right" disabled>Replace</button>\n        ':__p+='\n          <button id="installUploadService" class="button-success" style="float:right" disabled>Install</button>\n        ',__p+="\n      </div>\n    </div>\n  </div>\n";return __p},this.JST["templates/serviceInstallUrlView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='\n  <div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">\n    <div class="pull-left">\n    </div>\n\n    <div class="pull-right">\n    </div>\n  </div>\n\n  <div class="contentDiv createModalDialog">\n    <div id="urlFoxx" class="foxxesInner modal-body" style="min-height: 150px;">\n        <div>\n          <p>\n            Download a Foxx service from a public available url. Access using credentials in the URL is allowed (https://username:password@www.example.com/). \n          </p>\n          <table>\n            <tr class="tableRow">\n              <th class="collectionInfoTh">\n                URL*:\n              </th>\n              <th class="collectionInfoTh">\n                <input type="text" id="repository" value="" placeholder="https://www.example.com/foxx.zip">\n              </th>\n            </tr>\n          </table>\n        </div>\n    </div>\n    <div class="modal-footer">\n      ',upgrade?__p+='\n        <button id="installUrlService" class="button-success" style="float:right" disabled>Replace</button>\n      ':__p+='\n        <button id="installUrlService" class="button-success" style="float:right" disabled>Install</button>\n      ',__p+="\n    </div>\n  </div>\n\n";return __p},this.JST["templates/serviceInstallView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\n\n<div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">\n\n  <div class="pull-left">\n  </div>\n\n  <div class="pull-right">\n    <div class="search-field">\n      <input type="text" id="foxxSearch" class="search-input" placeholder="Search..."/>\n      <i id="searchSubmit" class="fa fa-search"></i>\n    </div>\n\n    <button id="categorySelection" class="button-default filterSelect">Category <i class="fa fa-caret-down"></i></button>\n    <button style="display: none" class="button-default filterSelect" id="foxxFilters">\n      <i class="fa fa-close"></i>Clear current <a id="filterDesc"></a> filter\n    </button>\n  </div>\n\n</div>\n\n<div class="contentDiv">\n  <div id="repositories">\n    <div id="availableFoxxes" class="tileList pure-u">\n    </div>\n  </div>\n</div>\n';return __p},this.JST["templates/shardsView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){__p+='\n  <div id="shardsContent" class="innerContent">\n      ';var genClass1="pure-u-6-24";__p+="\n      ";var genClass2="pure-u-6-24";__p+="\n      ";var disabled=" ",collectionName;__p+="\n      ",__p+="\n      ";var first=0;__p+="\n\n      ";var collectionInSync=function(n){return!!_.isEqual(collections[n].Current,collections[n].Plan)};__p+="\n\n      ",_.each(collections,function(n,t){if(__p+="\n        ","_"!==t.substring(0,1)){__p+='\n          <div class="sectionShard" id="'+(null==(__t=t)?"":__t)+'">\n          ',__p+="\n\n            ",0===first?(__p+='\n              <div class="sectionHeader pure-g" style="margin-top: -20px;">\n              ',first++,__p+="\n            "):__p+='\n              <div class="sectionHeader pure-g">\n            ',__p+='\n\n            <div class="pure-u-22-24">\n              <div class="title" style="position: relative; top: -4px;">\n                '+(null==(__t=collectionName=t)?"":__t)+'\n              </div>\n            </div>\n            <div class="pure-u-2-24 shardSyncIcons">\n                ',visible===t?__p+='\n                  <i style="margin-left: 10px; color: #fff;" class="fa fa-arrow-down"></i>\n                ':__p+='\n                  <i style="margin-left: 10px; color: #fff;" class="fa fa-arrow-right"></i>\n                ',__p+="\n              ",collectionInSync(t)?__p+='\n                <i style="margin-left: 10px;" class="fa fa-check-circle"></i>\n              ':__p+='\n                <i style="margin-left: 10px;" class="fa fa-times-circle"></i>\n              ',__p+="\n            </div>\n          </div>\n\n          ",visible===t?__p+='\n            <div class="sectionShardContent">\n          ':__p+='\n            <div class="sectionShardContent" style="display: none">\n          ',__p+='\n          <div class="pure-g pure-table pure-table-header pure-title" style="clear: both">\n            <div class="pure-table-row">\n              <div class="'+(null==(__t=genClass1)?"":__t)+' left">Shard</div>\n              <div class="'+(null==(__t=genClass1)?"":__t)+' left">Leader</div>\n              <div class="'+(null==(__t=genClass2)?"":__t)+' left">Followers</div>\n              <div class="'+(null==(__t=genClass1)?"":__t)+' right">Sync</div>\n            </div>\n          </div>\n\n          ';var d;__p+="\n          ",_.each(n.Plan,function(t,e){__p+='\n            <div class="pure-g pure-table pure-table-body">\n\n              ',t.progress&&(__p+="\n              ",d="disabled",__p+="\n              "),__p+='\n\n              <div id="'+(null==(__t=collectionName)?"":__t)+"-"+(null==(__t=e)?"":__t)+'" class="pure-table-row noHover '+(null==(__t=d)?"":__t)+'" collection="'+(null==(__t=collectionName)?"":__t)+'" shard="'+(null==(__t=e)?"":__t)+'" leader="'+(null==(__t=t.leader)?"":__t)+'">\n\n                ',"_"===t.leader.substring(0,1)&&(__p+="\n                ",t.leader=t.leader.slice(1),__p+="\n                "),__p+='\n\n                <div class="'+(null==(__t=genClass1)?"":__t)+' left">'+(null==(__t=e)?"":__t)+'</div>\n                <div class="shardLeader '+(null==(__t=genClass1)?"":__t)+' positive left"><span>'+(null==(__t=t.leader)?"":__t)+"</span></div>\n\n                ";var a=null;if(__p+="\n                ",_.each(t.followers,function(n){__p+="\n                  ",n===t.leader&&(__p+="\n                    ",a=!0,__p+="\n                  "),__p+="\n                "}),__p+="\n\n                ",a)__p+='\n                  <div class="'+(null==(__t=genClass2)?"":__t)+' mid"><i class="fa fa-circle-o-notch fa-spin"></i></div>\n                ';else{if(__p+="\n                  ",0===t.followers.length)__p+='\n                    <div class="'+(null==(__t=genClass2)?"":__t)+' left"> no followers </div>\n                  ';else{__p+="\n                    ";var l="";__p+="\n                    ";var s=0;__p+="\n                    ";var i="inSync";__p+="\n\n                    ";var o=0;__p+="\n                    ",_.each(t.followers,function(n){__p+="\n\n                      ",-1<collections[collectionName].Current[e].followers.indexOf(n)?(__p+="\n                        ",i="inSync"):(__p+="\n                        ",i="notInSync",__p+="\n                        ",o++),__p+="\n                      ",__p+="\n\n                      ",1===t.followers.length?(__p+="\n                        ",l+='<span class="'+i+'">'+n+"</span> "):(__p+="\n                        ",0===s?(__p+="\n                          ",l+='<span class="'+i+'">'+n+"</span>",s++):(__p+="\n                          ",l+=", "+'<span class="'+i+'">'+n+"</span>"),__p+="\n                        "),__p+="\n                      ",__p+="\n                    "}),__p+='\n                    \n                    <div class="shardFollowers '+(null==(__t=genClass2)?"":__t)+' left">'+(null==(__t=l)?"":__t)+"</div>\n                  "}__p+="\n\n                  ",collectionInSync(collectionName)?__p+='\n                    <div class="'+(null==(__t=genClass1)?"":__t)+' left progressWrapper"><i class="fa fa-check-circle"></i></div>\n                  ':(__p+="\n                    ",__p+=0<o?'\n                      <div class="'+(null==(__t=genClass1)?"":__t)+' left progressWrapper"><span class="shardProgress"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i></span></div>\n                    ':'\n                      <div class="'+(null==(__t=genClass1)?"":__t)+' left progressWrapper"><i class="fa fa-check-circle"></i></div>\n                    ',__p+="\n                  "),__p+="\n\n                "}__p+="\n\n              </div>\n            </div>\n\n            ",0,__p+="\n          "}),__p+="\n          </div>\n\n        </div>\n        "}__p+="\n      "}),__p+='\n    <div style="width: 100%; height: 70px;">\n      ',"_system"===frontendConfig.db&&(__p+='\n        <button id="rebalanceShards" style="margin-top: 20px; margin-bottom: 20px;  margin-right: 10px;" class="button-success pull-right">Rebalance Shards</button>\n      '),__p+="\n    </div>\n  </div>\n\n"}return __p},this.JST["templates/spotlightView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='  <div class="spotlightWrapper">\n    <div id="spotlight">\n      <input class="typeahead" type="text" placeholder="Search... ">\n    </div>\n  </div>\n';return __p},this.JST["templates/statisticBarView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='  <div class="navlogo display-none">\n    <a href="#dashboard" style="padding-left: 15px;">\n      <img class="svg stat_cpu"\n        src="img/cpu.svg"\n      />\n      <img class="svg stat_ram"\n        src="img/ram.svg"\n        style="background-color: #FAFF92; margin-top: 9px; margin-left: 4px; margin-right: 2px;"\n      />\n      <img class="svg stat_req"\n        src="img/requests.svg"\n        style="background-color: #8aa051; margin-top: 9px;"\n      />\n    </a>\n  </div>\n';return __p},this.JST["templates/storeDetailView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div class="application-detail-view">\n\n    <div class="headerBar" style="width: 100%">\n      <ul class="subMenuEntries subViewNavbar pull-left">\n      </ul>\n    </div>\n\n    <section class="info" id="information" style="width: 100%;">\n      <div class="pure-g">\n\n        <div class="pure-u-1 pure-u-sm-4-4 pure-u-md-3-4 foxx-left">\n          <div class="foxx-icon-container pull-left">\n            <img src="'+(null==(__t=image)?"":__t)+'" alt="Icon for Service" class="icon" />\n          </div>\n          <div class="pull-left" style="margin-left: 15px">\n            <h3>\n              '+(null==(__t=app.attributes.name)?"":__t)+'\n            </h3>\n            <p class="description">'+(null==(__t=app.attributes.description)?"":__t)+'</p>\n          </div>\n           <div class="categoryBar">\n             <h4>Readme</h4>\n           </div>\n          <div id="readme" class="readme">\n          </div>\n        </div>\n\n        <div class="pure-u-1 pure-u-sm-4-4 pure-u-md-1-4 foxx-right">\n          <div class="foxx-label-container">\n            <p>\n              <span>Author: </span><span>'+(null==(__t=app.attributes.author)?"":__t)+'</span>\n            </p>\n            <p>\n              <span>Version: </span><span class="version">'+(null==(__t=app.attributes.latestVersion)?"":__t)+'</span>\n            </p>\n            <p>\n              <span>GitHub: </span><span><a href="https://www.github.com/'+(null==(__t=app.attributes.location)?"":__t)+'">'+(null==(__t=app.attributes.location)?"":__t)+"</a></span>\n            </p>\n            <p>\n              ",app.attributes.license&&(__p+="\n                <span>License: </span><span>"+(null==(__t=app.attributes.license)?"":__t)+"</span>\n              "),__p+="\n            </p>\n            <p>\n              <span>Categories: </span><span>"+(null==(__t=app.attributes.categories)?"":__t)+'</span>\n            </p>\n            <p>\n              <span></span>\n            </p>\n          </div>\n          <div class="header_right">\n            <input id="installService" type="button" class="button-success" value="Install Service" />\n          </div>\n        </div>\n\n      </div>\n    </section>\n\n  </div>\n';return __p},this.JST["templates/subNavigationView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\n  <ul class="subMenuEntries top">\n    <li class="subMenuEntry pull-left">\n      <div class="breadcrumb"></div>\n    </li>\n    <li id="healthStatus" class="infoEntry subMenuEntry pull-right positive">\n      <a class="info health-info">HEALTH: </a>\n      <a class="state health-state">GOOD</a>\n      <a class="icon health-icon">\n        <i class="fa fa-check-circle"></i>\n      </a>\n    </li>\n    <li id="dbStatus" class="infoEntry subMenuEntry pull-right positive">\n      <a class="info">DB:</a>\n      <a class="state"><span>'+(null==(__t=currentDB.name)?"":__t)+'</span></a>\n      <a class="icon db-icon default-icon">\n        <i class="fa fa-refresh"></i>      \n      </a>\n    </li>\n    <li id="userBar" class="infoEntry subMenuEntry pull-right" style="margin-right: 10px;">\n    </li>\n  </ul>\n\n  <ul class="subMenuEntries bottom">\n  </ul>\n\n';return __p},this.JST["templates/supportView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape;with(obj)__p+='\n  <div class="supportView">\n    <ul class="subMenuEntries subViewNavbar">\n      <li id="documentation-support" class="subMenuEntry active"><a>Documentation</a></li>\n      <li id="community-support" class="subMenuEntry"><a>Support</a></li>\n      <li id="swagger-support" class="subMenuEntry "><a>Rest API</a></li>\n    </ul>\n \n    <div class="innerContent" id="supportContent">\n\n      <div id="community" style="display: none">\n        <div class="pure-g" style="width: 100%;">\n\n          <div class="pure-u-1-1">\n            <h3 style="font-weight: 100;">Feeling stuck? Not for long…</h3>\n          </div>\n\n          <div class="pure-u-1-1" style="margin-bottom: 20px;">\n            <h4>Paying Customers</h4>\n            If you are a Customer, please <a href="https://www.arangodb.com/supportlogin" target="_blank">log-in</a> to our Support Portal to request help.\n          </div>\n\n          <div class="pure-u-1-1" style="margin-bottom: 20px;">\n            <h4>Community Support</h4>\n            Join our experienced and growing community to get help, challenge ideas or discuss new features!</br></br>\n            </br>\n          </div>\n\n          <div class="pure-u-1-1 pure-u-sm-1-1 pure-u-md-1-3 center">\n            Place for stars and reporting issues</br></br>\n            <a href="https://github.com/arangodb/arangodb" target="_blank"><img style="width: 60%;" src="img/comm_github.png"/></a>\n          </div>\n\n          <div class="pure-u-1-1 pure-u-sm-1-1 pure-u-md-1-3 center">\n            Ask questions and get answers</br></br>\n            <a href="https://stackoverflow.com/questions/tagged/arangodb" target="_blank"><img style="width: 70%;" src="img/comm_stack.png"/></a>\n          </div>\n\n          <div class="pure-u-1-1 pure-u-sm-1-1 pure-u-md-1-3 center">\n            Join a lively conversation about ArangoDB</br></br>\n            <a href="https://slack.arangodb.com/" target="_blank"><img style="width: 50%; margin-top: 5px;" src="img/comm_slack.png"/></a>\n          </div>\n\n          <div class="pure-u-1-1 pure-u-sm-1-1 pure-u-md-1-1 center" style="margin-top: 30px">\n            Challenge ideas and discuss upgrades</br></br>\n            <a href="https://groups.google.com/forum/#!forum/arangodb" target="_blank"><img src="img/comm_google.png"/></a></br></br>\n          </div>\n\n          <div class="pure-u-1-1" style="margin-top: 0px">\n            <h4>Want to shorten your development cycle or securing your production system?</h4>\n            Benefit from the deep understanding and decades of experience our core team has build up. Discuss architectures, data modeling, query optimization or anything you like. Get in contact for our individual development support, trainings or subscriptions.</br></br>\n            <a href="https://www.arangodb.com/contact/" target="_blank">Contact us</a> to get detailed infos for enterprises and special offers for startups.\n          </div>\n\n        </div>\n\n      </div>\n\n      <div id="swagger" style="display: none; height: 100%;">\n      </div>\n\n      <div id="documentation">\n\n        <div class="pure-g" style="width: 100%;">\n\n          <div class="pure-u-1-1" style="margin-bottom: 30px">\n            <h4>Find manuals for ArangoDB, AQL, Foxx and many other useful resources</h4>\n          </div>\n\n          <div class="pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-4">\n            <div class="title">\n              Manual\n            </div>\n            <ul class="menu">\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/GettingStarted/">Getting started</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/DataModeling/">Data models &amp; modeling</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/Administration/">Administration</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/Scaling/index.html">Scaling</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/Graphs/index.html">Graphs</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/index.html">Go to Manual startpage</a></li>\n            </ul>\n          </div>\n\n          <div class="pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-4">\n            <div class="title">\n              AQL Query Language\n            </div>\n            <ul class="menu">\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/AQL/Fundamentals/index.html">Fundamentals</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/AQL/DataQueries.html">Data Queries</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/AQL/Functions/index.html">Functions</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/AQL/Examples/index.html">Usual Query Patterns</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/AQL/index.html">Go to AQL startpage</a></li>\n            </ul>\n          </div>\n\n          <div class="pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-4">\n            <div class="title">\n              Foxx Framework\n            </div>\n            <ul class="menu">\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/Foxx/index.html">What is Foxx?</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/Foxx/Guides/index.html">Guides</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/Foxx/Reference/index.html">Reference</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/Foxx/Deployment.html">Deployment</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/Foxx/GettingStarted.html">Writing Your First Microservice</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Manual/Foxx/index.html">Go to Foxx startpage</a></li>\n            </ul>\n          </div>\n\n          <div class="pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-4">\n            <div class="title">\n              Official Drivers &amp; Integrations\n            </div>\n            <ul class="menu">\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Drivers/Java/index.html">ArangoDB Java Driver</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Drivers/JS/index.html">ArangoJS - Javascript Driver</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Drivers/PHP/index.html">ArangoDB-PHP</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Drivers/GO/index.html">ArangoDB Go Driver</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Drivers/SpringData/index.html">ArangoDB Spring Data</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Drivers/SparkConnector/index.html">ArangoDB Spark Connector</a></li>\n              <li><a target="_blank" href="https://docs.arangodb.com/'+(null==(__t=parsedVersion)?"":__t)+'/Drivers/index.html">Go to Drivers &amp; Integrations startpage</a></li>\n            </ul>\n          </div>\n\n        </div>\n      </div>\n     </div>\n\n   </div>\n\n';return __p},this.JST["templates/tableView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){var escaped=function(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")},cutByResolution=function(n){return 256<n.length?escaped(n.substr(0,256))+"...":escaped(n)};__p+='\n\n<div class="pure-g pure-table pure-table-header pure-title no-padding">\n  <div class="pure-table-row">\n    <div class="pure-u-19-24">\n      <div class="title">Content</div>\n    </div>\n    <div class="pure-u-3-24">\n      <div class="">_key</div>\n    </div>\n    <div class="pure-u-2-24">\n      <div class="actions">\n        <a id="addDocumentButton" class="pull-right addButton"><span title="Add a document"><i class="fa fa-plus-circle"></i></span></a>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class="pure-g pure-table pure-table-body no-padding">\n  ',0===docs.length&&(__p+='\n    <div class="pure-table-row pure-u-1-1">\n      <span class="dataTables_empty">No documents</span>\n    </div>\n  ');var odd=!0;docs.forEach(function(n){var e={};$.each(n.attributes.content,function(n,t){"_id"!==n&&"_rev"!==n&&"_key"!==n&&(e[n]=t)});var t=JSON.stringify(e);__p+='\n\n  <div class="pure-table-row '+(null==(__t=odd?"odd":"even")?"":__t)+'" id="row_'+(null==(__t=n.attributes.key)?"":__t)+'">\n\n    <div class="pure-u-19-24">\n      <div class="padding-right">\n        <pre class="prettify" title="'+(null==(__t=escaped(t))?"":__t)+'">'+(null==(__t=cutByResolution(t))?"":__t)+'</pre>\n      </div>\n    </div>\n    <div class="pure-u-3-24">\n      <div class="key">'+(null==(__t=n.attributes.key)?"":__t)+'</div>\n    </div>\n    <div class="pure-u-2-24">\n      <div class="actions">\n        <a class="deleteButton">\n        <span data-original-title="Delete document" title="Delete document"><i class="fa fa-minus-circle"></i></i></span></a>\n      </div>\n    </div>\n\n  </div>\n\n\n  ',odd=!odd}),__p+="\n\n</div>\n"}return __p},this.JST["templates/userBarView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='\n  <a class="info default-icon">User: \n    <span class="toggle"> \n      '+(null==(__t=_.escape(username))?"":__t)+'\n    </span>\n    <i id="userLogoutIcon" class="fa fa-power-off" aria-hidden="true"></i>\n  </a>\n\n  <ul id="userInfo" class="subBarDropdown">\n    <li class="dropdown-header">\n      <div style="height: 1px; background: rgb(119, 203, 153)"></div>\n      <img class="user-img" src="'+(null==(__t=img)?"":__t)+'"/>\n        <p>',name?__p+=(null==(__t=_.escape(username))?"":__t)+"<small> "+(null==(__t=_.escape(name))?"":__t)+" </small>\n        ":__p+="\n          "+(null==(__t=_.escape(username))?"":__t)+"\n        ",__p+='\n        </p>\n    </li>\n    <li class="dropdown-footer">\n      <button id="userLogout" class="button-primary btn-small pull-right">Logout</button>\n    </li>\n  </ul>\n\n\x3c!--\n<ul class="navlist" id="userBarUl">\n\n  <li class="dropdown user-menu userImg">\n    <a href="#" class="tab userImg" id="user" >\n      <img class="user-menu-img" src="'+(null==(__t=img)?"":__t)+'" id="userimage" /> <b class="caret"></b>\n    </a>\n    <ul class="user-dropdown-menu" id="user_dropdown">\n      <li class="dropdown-header" style="text-transform: none">\n        ',name?__p+="\n        "+(null==(__t=_.escape(name))?"":__t)+" ("+(null==(__t=_.escape(username))?"":__t)+")\n        ":__p+="\n        "+(null==(__t=_.escape(username))?"":__t)+"\n        ",__p+='\n      <li class="dropdown-item">\n        <a id="userProfile" class="tab" href="#user">User Profile</a>\n      </li>\n      <li class="dropdown-item">\n        <a id="userLogout" class="tab">Logout</a>\n      </li>\n    </ul>\n  </li>\n\n</ul>\n\n--\x3e \n';return __p},this.JST["templates/userManagementView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div class="headerBar">\n    <div class="search-field">\n      <input type="text" value="'+(null==(__t=searchString)?"":__t)+'" id="userManagementSearchInput" class="search-input" placeholder="Search..."/>\n      \x3c!-- <img id="userManagementSearchSubmit" class="search-submit-icon"> --\x3e\n      <i id="userManagementSearchSubmit" class="fa fa-search"></i>\n    </div>\n    <div class="headerButtonBar">\n      <ul class="headerButtonList">\n        <li class="enabled">\n        <a id="userManagementToggle" class="headerButton">\n          <span class="icon_arangodb_settings2" title="Settings"></span>\n        </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n\n<div id="userManagementDropdown2" class="headerDropdown">\n\n  <div id="userManagementDropdown" class="dropdownInner">\n    <ul>\n      <li class="nav-header">Sorting</li>\n\n      \x3c!--<li><a href="#">\n        <label class="checkbox checkboxLabel">\n          <input class="css-checkbox" type="checkbox" id="sortName">\n          <label class="css-label css-label-round"></label>Sort by username\n        </label>\n      </a></li>\n\n      <li><a href="#">\n        <label class="checkbox checkboxLabel">\n          <input class="css-checkbox" type="checkbox" id="sortType">\n          <label class="css-label css-label-round"></label>Sort by status\n        </label>\n      </a></li>--\x3e\n\n      <li><a href="#">\n        <label class="checkbox checkboxLabel">\n          <input class="css-checkbox" type="checkbox" id="userSortDesc">\n          <i class="fa"></i>\n          Sort descending\n        </label>\n      </a></li>\n    </ul>\n  </div>\n\n</div>\n\n\n  <div class="contentDiv" id="arangoCollectionsContainer">\n    <div id="userManagementThumbnailsIn" class="tileList pure-u">\n      <div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6">\n        <div class="fullBorderBox">\n          <a id="createUser" class="add">\n            <span id="newUser" class="pull-left add-Icon"><i class="fa fa-plus-circle"></i></span>\n            Add User\n          </a>\n        </div>\n      </div>\n\n\n            ',collection.forEach(function(n){var t=n.get("user"),e=n.get("extra"),a=e.name,l=e.img,s=n.get("active"),i='<img src="';l?(i+="https://s.gravatar.com/avatar/",i+=l,i+="?s=50",i+='" height="50" width="50" alt="" class="icon" id="',i+=_.escape(t),i+='" />'):i='<i id="'+_.escape(t)+'" class="collection-type-icon fa fa-user"></i>',a||(a=" "),":role:"===t.substring(0,6)&&(i='<i id="'+_.escape(t)+'" class="collection-type-icon fa fa-group"></i>'),__p+='\n\n      <div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6">\n        <div class="paddingBox">\n          <div class="borderBox"></div>\n          <div class="iconSet">\n            \x3c!-- <span class="icon_arangodb_settings2 editUser" id="'+(null==(__t=_.escape(t))?"":__t)+'_edit-user" alt="Edit user" title="Edit user"></span> --\x3e\n          </div>\n          '+(null==(__t=i)?"":__t)+'\n          <div class="tileBadge">\n            <span>\n              ',__p+=s?'\n              <div class="corneredBadge loaded">\n                active\n              </div>\n              ':'\n              <div class="corneredBadge unloaded">\n                inactive\n              </div>\n              ',__p+='\n            </span>\n          </div>\n\n          <h5 class="collectionName">'+(null==(__t=_.escape(t))?"":__t)+" "," "!==a&&(__p+="("+(null==(__t=_.escape(a))?"":__t)+")"),__p+="</h5>\n        </div>\n      </div>\n      "}),__p+="\n     </div>\n  </div>\n";return __p},this.JST["templates/userPermissionView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj){__p+="    \n  ";var genClass="pure-u-1-5";__p+="\n  ";var genClass2="pure-u-1-5";__p+='\n\n  <div id="userPermissionView" class="innerContent">\n    <div class="pure-g pure-table pure-table-header pure-title" style="clear: both">\n      <div class="pure-table-row">\n        <div class="'+(null==(__t=genClass)?"":__t)+' left">Database</div>\n        <div class="'+(null==(__t=genClass)?"":__t)+' mid">Administrate <i class="fa fa-info-circle tippy" title="Allows creating/dropping of collections and setting user permissions in the database."></i></div>\n        <div class="'+(null==(__t=genClass)?"":__t)+' mid">Access <i class="fa fa-info-circle tippy" title="Allows access to the database. User cannot create or drop collections."></i></div>\n        <div class="'+(null==(__t=genClass)?"":__t)+' mid">No access <i class="fa fa-info-circle tippy" title="User has no access to the database."></i></div>\n        <div class="'+(null==(__t=genClass)?"":__t)+' mid">Use default <i class="fa fa-info-circle tippy" title="Access level is unspecified. Database default (*) will be used."></i></div>\n      </div>\n    </div>\n\n    <div class="pure-g pure-table pure-table-body">\n      ',_.each(permissions,function(n,e){__p+="\n        ";var t="";__p+="\n        ","*"===e.charAt(0)&&(__p+="\n          ",t="noAction",__p+="\n        "),__p+='\n\n        <div class="pure-table-row db-row noHover '+(null==(__t=t)?"":__t)+'" id="'+(null==(__t=e)?"":__t)+'-db">\n          <div class="'+(null==(__t=genClass2)?"":__t)+' left db-label">\n\n            ',"*"!==e.charAt(0)&&(__p+='\n              <i class="fa fa-caret-right" style="width: 10px;"></i>\n              <i class="fa fa-caret-down" style="display: none; width: 10px;"></i>\n            '),__p+="\n            ","*"===e.charAt(0)?__p+='\n              <b style="margin-right: 5px;">*</b> <i class="fa fa-info-circle tippy" title="Default access level for databases, if authentication level is not specified."></i>\n            ':__p+="\n              "+(null==(__t=e)?"":__t)+"\n            ",__p+="\n          </div>\n\n          ";var a=n.permission;__p+="\n\n          ","rw"===a?(__p+='\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox readWrite" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="rw" checked>\n            </div>\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox readOnly" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="ro">\n            </div>\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox noAccess" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="none">\n            </div>\n            ',"*"!==e.charAt(0)?__p+='\n              <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n                <input class="dbCheckbox useDefault" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="undefined">\n              </div>\n            ':__p+='\n              <div class="'+(null==(__t=genClass2)?"":__t)+' mid"></div>\n            '):"ro"===a?(__p+='\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox readWrite" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="'+(null==(__t=e)?"":__t)+'">\n            </div>\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox readOnly" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="'+(null==(__t=e)?"":__t)+'" checked>\n            </div>\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox noAccess" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="none">\n            </div>\n            ',"*"!==e.charAt(0)?__p+='\n              <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n                <input class="dbCheckbox useDefault" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="undefined">\n              </div>\n            ':__p+='\n              <div class="'+(null==(__t=genClass2)?"":__t)+' mid"></div>\n            '):"none"===a?(__p+='\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox readWrite" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="'+(null==(__t=e)?"":__t)+'">\n            </div>\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox readOnly" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="'+(null==(__t=e)?"":__t)+'">\n            </div>\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox noAccess" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="none" checked>\n            </div>\n            ',"*"!==e.charAt(0)?__p+='\n              <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n                <input class="dbCheckbox useDefault" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="undefined">\n              </div>\n            ':__p+='\n              <div class="'+(null==(__t=genClass2)?"":__t)+' mid"></div>\n            '):(__p+='\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox readWrite" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="'+(null==(__t=e)?"":__t)+'">\n            </div>\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox readOnly" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="'+(null==(__t=e)?"":__t)+'">\n            </div>\n            <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n              <input class="dbCheckbox noAccess" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="none">\n            </div>\n            ',"*"!==e.charAt(0)?__p+='\n              <div class="'+(null==(__t=genClass2)?"":__t)+' mid">\n                <input class="dbCheckbox useDefault" type="radio" name="'+(null==(__t=e)?"":__t)+'" permission="undefined" checked>\n              </div>\n            ':__p+='\n              <div class="'+(null==(__t=genClass2)?"":__t)+' mid"></div>\n            '),__p+="\n          ",__p+='\n\n          <div class="collection-row pure-table-row noHover inner '+(null==(__t=t)?"":__t)+'" style="display: none">\n            <div class="'+(null==(__t=genClass)?"":__t)+' left inner collection-label collection-label-first"><span class="collLabel">Collections<span></div>\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid inner collection-label">Read/Write</div>\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid inner collection-label">Read only</div>\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid inner collection-label collection-label-last">No access</div>\n            <div class="'+(null==(__t=genClass)?"":__t)+' mid inner collection-label collection-label-last">Use default</div>\n            ',_.each(n.collections,function(n,t){__p+="\n              ","*"!==e.charAt(0)&&(__p+="\n                ","_"!==t.charAt(0)&&(__p+="\n\n                  ",__p+="*"!==t?'\n                    <div class="pure-table-row noHover" id="'+(null==(__t=t)?"":__t)+'-collection">\n                  ':'\n                    <div class="pure-table-row noHover" id="___-collection">\n                  ',__p+="\n\n                    ",__p+="*"===t?'\n                      <div class="'+(null==(__t=genClass)?"":__t)+' left inner"><span class="collName"><b style="margin-right: 7px"> '+(null==(__t=t)?"":__t)+'</b></span><i class="fa fa-info-circle tippy" title="Default access level for collections in '+(null==(__t=e)?"":__t)+', if authentication level is not specified."></i></div>\n                    ':'\n                      <div class="'+(null==(__t=genClass)?"":__t)+' left inner"><span class="collName">'+(null==(__t=t)?"":__t)+"</span></div>\n                    ",__p+="\n\n                    ","rw"===n?(__p+='\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox readWrite" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'" checked>\n                      </div>\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox readOnly" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                      </div>\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox noAccess" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                      </div>\n                      ',"*"!==t.charAt(0)?__p+='\n                        <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                          <input class="collCheckbox useDefault" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                        </div>\n                      ':__p+='\n                        <div class="'+(null==(__t=genClass)?"":__t)+' mid inner"></div>\n                      '):"ro"===n?(__p+='\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox readWrite" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                      </div>\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox readOnly" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'" checked>\n                      </div>\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox noAccess" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                      </div>\n                      ',"*"!==t.charAt(0)?__p+='\n                        <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                          <input class="collCheckbox useDefault" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                        </div>\n                      ':__p+='\n                        <div class="'+(null==(__t=genClass)?"":__t)+' mid inner"></div>\n                      '):"none"===n?(__p+='\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox readWrite" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                      </div>\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox readOnly" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                      </div>\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox noAccess" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'" checked>\n                      </div>\n                      ',"*"!==t.charAt(0)?__p+='\n                        <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                          <input class="collCheckbox useDefault" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                        </div>\n                      ':__p+='\n                        <div class="'+(null==(__t=genClass)?"":__t)+' mid inner"></div>\n                      '):(__p+='\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox readWrite" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                      </div>\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox readOnly" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                      </div>\n                      <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                        <input class="collCheckbox noAccess" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'">\n                      </div>\n                      ',"*"!==t.charAt(0)?__p+='\n                        <div class="'+(null==(__t=genClass)?"":__t)+' mid inner">\n                          <input class="collCheckbox useDefault" type="radio" db="'+(null==(__t=e)?"":__t)+'" name="'+(null==(__t=e)?"":__t)+"-"+(null==(__t=t)?"":__t)+'" collection="'+(null==(__t=t)?"":__t)+'" permission="'+(null==(__t=t)?"":__t)+'" checked>\n                        </div>\n                      ':__p+='\n                        <div class="'+(null==(__t=genClass)?"":__t)+' mid inner"></div>\n                      '),__p+="\n                    ",__p+="\n\n                  </div>\n                "),__p+="\n              "),__p+="\n            "}),__p+="\n          </div>\n\n        </div>\n\n      "}),__p+="\n\n    </div>\n\n  </div>\n"}return __p},this.JST["templates/viewsView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='  <div class="headerBar">\n    <div class="search-field">\n      <input type="text" value="'+(null==(__t=searchString)?"":__t)+'" id="viewsSearchInput" class="search-input" placeholder="Search..."/>\n      <i id="viewsSearchSubmit" class="fa fa-search"></i>\n    </div>\n    <div class="headerButtonBar">\n      <ul class="headerButtonList">\n        <li class="enabled">\n          <a id="viewsToggle" class="headerButton">\n            <span class="icon_arangodb_settings2" title="Settings"></span>\n          </a>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <div id="viewsDropdown2" class="headerDropdown">\n    <div id="viewsDropdown" class="dropdownInner">\n      <ul>\n        <li class="nav-header">Sorting</li>\n        <li><a>\n          <label class="checkbox checkboxLabel">\n            <input class="css-checkbox" type="checkbox" id="viewsSortDesc">\n            <i class="fa"></i>\n            Sort descending\n          </label>\n        </a></li>\n      </ul>\n    </div>\n  </div>\n\n  <div class="contentDiv" id="">\n    <div id="viewsThumbnailsIn" class="tileList pure-u">\n      <div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6">\n        <div class="fullBorderBox">\n          <a id="createView" class="add">\n            <span id="newView" class="pull-left add-Icon"><i class="fa fa-plus-circle"></i></span>\n            Add View\n          </a>\n        </div>\n      </div>\n\n\n      ',views.forEach(function(n){var t=n.name;__p+='\n\n        <div class="tile tile-view pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6" id="'+(null==(__t=t)?"":__t)+'">\n          <div class="paddingBox">\n            <div class="borderBox"></div>\n            <i class="collection-type-icon fa fa-clone"></i>\n            <div class="tileBadge">\n            ',n.type&&(__p+='\n              <span><div class="corneredBadge inProgress">'+(null==(__t=n.type)?"":__t)+"</div></span>\n            "),__p+='\n            </div>\n            <h5 class="collectionName">'+(null==(__t=t)?"":__t)+"</h5>\n          </div>\n        </div>\n\n      "}),__p+="\n     </div>\n  </div>\n\n";return __p},this.JST["templates/viewView.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+='\n  <div class="innerContent">\n    <div id="viewDocumentation" class="infoBox" style="margin-top: 10px; margin-bottom: 30px;">\n      <h4>Info</h4>\n      <p>To learn how to configure Views, please read <a style="color: #5bc0de" href="https://docs.arangodb.com/3.4/Manual/Views/ArangoSearch/" target="_blank"><b>our documentation</b></a>.</p>\n    </div>\n    <div id="viewProcessing"class="infoBox" style="margin-top: 10px; margin-bottom: 30px; display: none">\n      <h4>Processing <i class="fa fa-spinner fa-spin"></i></h4>\n      <p>The view is currently in processing. No editing possible right now.</p>\n    </div>\n    <div id="propertiesEditor" class="document-editor" style="border-top: 1px solid rgba(140,138,137,.25)"></div>\n    <div class="bottomButtonBar">\n      <button id="savePropertiesButton" class="button-close pull-right" disabled>Save</button>\n      ',window.frontendConfig.isCluster||(__p+='\n        <button id="renameViewButton" class="button-warning pull-right">Rename</button>\n      '),__p+='\n      <button id="deleteViewButton" class="button-danger pull-right">Delete</button>\n      <span class="buttonBarInfo pull-right"></span>\n    </div>\n  </div>\n  \n';return __p},this.JST["templates/warningList.ejs"]=function(obj){obj||(obj={});var __t,__p="",__e=_.escape,__j=Array.prototype.join;function print(){__p+=__j.call(arguments,"")}with(obj)__p+="  ",0<warnings.length&&(__p+="\n    <div>\n      <ul>\n        ",console.log(warnings),_.each(warnings,function(n){console.log(n),__p+="\n          <li><b>"+(null==(__t=n.code)?"":__t)+"</b>: "+(null==(__t=n.message)?"":__t)+"</li>\n        "}),__p+="\n      </ul>\n    </div>\n  "),__p+="\n";return __p};
\ No newline at end of file
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/build/templates.min.js.gz b/js/apps/system/_admin/aardvark/APP/frontend/build/templates.min.js.gz
new file mode 100644
index 0000000000..75f75c99a5
Binary files /dev/null and b/js/apps/system/_admin/aardvark/APP/frontend/build/templates.min.js.gz differ
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/html/scripts.html.part b/js/apps/system/_admin/aardvark/APP/frontend/html/scripts.html.part
index 6a07212949..ba7edb0577 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/html/scripts.html.part
+++ b/js/apps/system/_admin/aardvark/APP/frontend/html/scripts.html.part
@@ -1,2 +1,3 @@
 <script src="libs.js?version=__VERSION"></script>
 <script src="app.js?version=__VERSION"></script>
+<script src="templates.js?version=__VERSION"></script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/arango/arango.js b/js/apps/system/_admin/aardvark/APP/frontend/js/arango/arango.js
index 5b7ee3c8ff..bb8075612f 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/arango/arango.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/arango/arango.js
@@ -1,5 +1,5 @@
 /* jshint unused: false */
-/* global Blob, window, Joi, sigma, $, Tippy, document, _, arangoHelper, frontendConfig, arangoHelper, sessionStorage, localStorage, XMLHttpRequest */
+/* global Blob, window, Joi, sigma, $, tippy, document, _, arangoHelper, frontendConfig, arangoHelper, sessionStorage, localStorage, XMLHttpRequest */
 
 (function () {
   'use strict';
@@ -230,14 +230,16 @@
 
       var settings = {
         arrow: true,
-        animation: 'fade',
-        animateFill: false,
         multiple: false,
-        hideDuration: 1
+        content: function (reference) {
+          var title = reference.getAttribute('title');
+          reference.removeAttribute('title');
+          return title;
+        }
       };
 
       if (position) {
-        settings.position = position;
+        settings.placement = position;
       }
 
       if (!selector) {
@@ -246,16 +248,16 @@
 
       if (typeof selector === 'object') {
         _.each(selector, function (elem) {
-          self.lastTooltips = new Tippy(elem, settings);
+          self.lastTooltips = new tippy(elem, settings);
         });
       } else {
         if (selector.indexOf(',') > -1) {
           var selectors = selector.split(',');
           _.each(selectors, function (elem) {
-            self.lastTooltips = new Tippy(elem, settings);
+            self.lastTooltips = new tippy(elem, settings);
           });
         }
-        this.lastTooltips = new Tippy(selector, settings);
+        this.lastTooltips = new tippy(selector, settings);
       }
     },
 
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/arango/templateEngine.js b/js/apps/system/_admin/aardvark/APP/frontend/js/arango/templateEngine.js
index ae39dafcdd..c3fc1d56cd 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/arango/templateEngine.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/arango/templateEngine.js
@@ -11,10 +11,7 @@
         var template = $('#' + id.replace('.', '\\.')).html();
         return {
           render: function (params) {
-            var tmp = _.template(template);
-            tmp = tmp(params);
-
-            return tmp;
+            return window['JST']["templates/" + id](params);
           }
         };
       };
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/lib/popper.js b/js/apps/system/_admin/aardvark/APP/frontend/js/lib/popper.js
new file mode 100644
index 0000000000..36c2aeb998
--- /dev/null
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/lib/popper.js
@@ -0,0 +1,5 @@
+/*
+ Copyright (C) Federico Zivolo 2019
+ Distributed under the MIT License (license terms are at http://opensource.org/licenses/MIT).
+ */(function(e,t){'object'==typeof exports&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.Popper=t()})(this,function(){'use strict';function e(e){return e&&'[object Function]'==={}.toString.call(e)}function t(e,t){if(1!==e.nodeType)return[];var o=e.ownerDocument.defaultView,n=o.getComputedStyle(e,null);return t?n[t]:n}function o(e){return'HTML'===e.nodeName?e:e.parentNode||e.host}function n(e){if(!e)return document.body;switch(e.nodeName){case'HTML':case'BODY':return e.ownerDocument.body;case'#document':return e.body;}var i=t(e),r=i.overflow,p=i.overflowX,s=i.overflowY;return /(auto|scroll|overlay)/.test(r+s+p)?e:n(o(e))}function r(e){return 11===e?pe:10===e?se:pe||se}function p(e){if(!e)return document.documentElement;for(var o=r(10)?document.body:null,n=e.offsetParent||null;n===o&&e.nextElementSibling;)n=(e=e.nextElementSibling).offsetParent;var i=n&&n.nodeName;return i&&'BODY'!==i&&'HTML'!==i?-1!==['TH','TD','TABLE'].indexOf(n.nodeName)&&'static'===t(n,'position')?p(n):n:e?e.ownerDocument.documentElement:document.documentElement}function s(e){var t=e.nodeName;return'BODY'!==t&&('HTML'===t||p(e.firstElementChild)===e)}function d(e){return null===e.parentNode?e:d(e.parentNode)}function a(e,t){if(!e||!e.nodeType||!t||!t.nodeType)return document.documentElement;var o=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,n=o?e:t,i=o?t:e,r=document.createRange();r.setStart(n,0),r.setEnd(i,0);var l=r.commonAncestorContainer;if(e!==l&&t!==l||n.contains(i))return s(l)?l:p(l);var f=d(e);return f.host?a(f.host,t):a(e,d(t).host)}function l(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:'top',o='top'===t?'scrollTop':'scrollLeft',n=e.nodeName;if('BODY'===n||'HTML'===n){var i=e.ownerDocument.documentElement,r=e.ownerDocument.scrollingElement||i;return r[o]}return e[o]}function f(e,t){var o=2<arguments.length&&void 0!==arguments[2]&&arguments[2],n=l(t,'top'),i=l(t,'left'),r=o?-1:1;return e.top+=n*r,e.bottom+=n*r,e.left+=i*r,e.right+=i*r,e}function m(e,t){var o='x'===t?'Left':'Top',n='Left'==o?'Right':'Bottom';return parseFloat(e['border'+o+'Width'],10)+parseFloat(e['border'+n+'Width'],10)}function h(e,t,o,n){return ee(t['offset'+e],t['scroll'+e],o['client'+e],o['offset'+e],o['scroll'+e],r(10)?parseInt(o['offset'+e])+parseInt(n['margin'+('Height'===e?'Top':'Left')])+parseInt(n['margin'+('Height'===e?'Bottom':'Right')]):0)}function c(e){var t=e.body,o=e.documentElement,n=r(10)&&getComputedStyle(o);return{height:h('Height',t,o,n),width:h('Width',t,o,n)}}function g(e){return fe({},e,{right:e.left+e.width,bottom:e.top+e.height})}function u(e){var o={};try{if(r(10)){o=e.getBoundingClientRect();var n=l(e,'top'),i=l(e,'left');o.top+=n,o.left+=i,o.bottom+=n,o.right+=i}else o=e.getBoundingClientRect()}catch(t){}var p={left:o.left,top:o.top,width:o.right-o.left,height:o.bottom-o.top},s='HTML'===e.nodeName?c(e.ownerDocument):{},d=s.width||e.clientWidth||p.right-p.left,a=s.height||e.clientHeight||p.bottom-p.top,f=e.offsetWidth-d,h=e.offsetHeight-a;if(f||h){var u=t(e);f-=m(u,'x'),h-=m(u,'y'),p.width-=f,p.height-=h}return g(p)}function b(e,o){var i=2<arguments.length&&void 0!==arguments[2]&&arguments[2],p=r(10),s='HTML'===o.nodeName,d=u(e),a=u(o),l=n(e),m=t(o),h=parseFloat(m.borderTopWidth,10),c=parseFloat(m.borderLeftWidth,10);i&&s&&(a.top=ee(a.top,0),a.left=ee(a.left,0));var b=g({top:d.top-a.top-h,left:d.left-a.left-c,width:d.width,height:d.height});if(b.marginTop=0,b.marginLeft=0,!p&&s){var w=parseFloat(m.marginTop,10),y=parseFloat(m.marginLeft,10);b.top-=h-w,b.bottom-=h-w,b.left-=c-y,b.right-=c-y,b.marginTop=w,b.marginLeft=y}return(p&&!i?o.contains(l):o===l&&'BODY'!==l.nodeName)&&(b=f(b,o)),b}function w(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],o=e.ownerDocument.documentElement,n=b(e,o),i=ee(o.clientWidth,window.innerWidth||0),r=ee(o.clientHeight,window.innerHeight||0),p=t?0:l(o),s=t?0:l(o,'left'),d={top:p-n.top+n.marginTop,left:s-n.left+n.marginLeft,width:i,height:r};return g(d)}function y(e){var n=e.nodeName;if('BODY'===n||'HTML'===n)return!1;if('fixed'===t(e,'position'))return!0;var i=o(e);return!!i&&y(i)}function E(e){if(!e||!e.parentElement||r())return document.documentElement;for(var o=e.parentElement;o&&'none'===t(o,'transform');)o=o.parentElement;return o||document.documentElement}function v(e,t,i,r){var p=4<arguments.length&&void 0!==arguments[4]&&arguments[4],s={top:0,left:0},d=p?E(e):a(e,t);if('viewport'===r)s=w(d,p);else{var l;'scrollParent'===r?(l=n(o(t)),'BODY'===l.nodeName&&(l=e.ownerDocument.documentElement)):'window'===r?l=e.ownerDocument.documentElement:l=r;var f=b(l,d,p);if('HTML'===l.nodeName&&!y(d)){var m=c(e.ownerDocument),h=m.height,g=m.width;s.top+=f.top-f.marginTop,s.bottom=h+f.top,s.left+=f.left-f.marginLeft,s.right=g+f.left}else s=f}i=i||0;var u='number'==typeof i;return s.left+=u?i:i.left||0,s.top+=u?i:i.top||0,s.right-=u?i:i.right||0,s.bottom-=u?i:i.bottom||0,s}function x(e){var t=e.width,o=e.height;return t*o}function O(e,t,o,n,i){var r=5<arguments.length&&void 0!==arguments[5]?arguments[5]:0;if(-1===e.indexOf('auto'))return e;var p=v(o,n,r,i),s={top:{width:p.width,height:t.top-p.top},right:{width:p.right-t.right,height:p.height},bottom:{width:p.width,height:p.bottom-t.bottom},left:{width:t.left-p.left,height:p.height}},d=Object.keys(s).map(function(e){return fe({key:e},s[e],{area:x(s[e])})}).sort(function(e,t){return t.area-e.area}),a=d.filter(function(e){var t=e.width,n=e.height;return t>=o.clientWidth&&n>=o.clientHeight}),l=0<a.length?a[0].key:d[0].key,f=e.split('-')[1];return l+(f?'-'+f:'')}function L(e,t,o){var n=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null,i=n?E(t):a(t,o);return b(o,i,n)}function S(e){var t=e.ownerDocument.defaultView,o=t.getComputedStyle(e),n=parseFloat(o.marginTop||0)+parseFloat(o.marginBottom||0),i=parseFloat(o.marginLeft||0)+parseFloat(o.marginRight||0),r={width:e.offsetWidth+i,height:e.offsetHeight+n};return r}function T(e){var t={left:'right',right:'left',bottom:'top',top:'bottom'};return e.replace(/left|right|bottom|top/g,function(e){return t[e]})}function C(e,t,o){o=o.split('-')[0];var n=S(e),i={width:n.width,height:n.height},r=-1!==['right','left'].indexOf(o),p=r?'top':'left',s=r?'left':'top',d=r?'height':'width',a=r?'width':'height';return i[p]=t[p]+t[d]/2-n[d]/2,i[s]=o===s?t[s]-n[a]:t[T(s)],i}function D(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function N(e,t,o){if(Array.prototype.findIndex)return e.findIndex(function(e){return e[t]===o});var n=D(e,function(e){return e[t]===o});return e.indexOf(n)}function P(t,o,n){var i=void 0===n?t:t.slice(0,N(t,'name',n));return i.forEach(function(t){t['function']&&console.warn('`modifier.function` is deprecated, use `modifier.fn`!');var n=t['function']||t.fn;t.enabled&&e(n)&&(o.offsets.popper=g(o.offsets.popper),o.offsets.reference=g(o.offsets.reference),o=n(o,t))}),o}function k(){if(!this.state.isDestroyed){var e={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};e.offsets.reference=L(this.state,this.popper,this.reference,this.options.positionFixed),e.placement=O(this.options.placement,e.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),e.originalPlacement=e.placement,e.positionFixed=this.options.positionFixed,e.offsets.popper=C(this.popper,e.offsets.reference,e.placement),e.offsets.popper.position=this.options.positionFixed?'fixed':'absolute',e=P(this.modifiers,e),this.state.isCreated?this.options.onUpdate(e):(this.state.isCreated=!0,this.options.onCreate(e))}}function W(e,t){return e.some(function(e){var o=e.name,n=e.enabled;return n&&o===t})}function B(e){for(var t=[!1,'ms','Webkit','Moz','O'],o=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<t.length;n++){var i=t[n],r=i?''+i+o:e;if('undefined'!=typeof document.body.style[r])return r}return null}function H(){return this.state.isDestroyed=!0,W(this.modifiers,'applyStyle')&&(this.popper.removeAttribute('x-placement'),this.popper.style.position='',this.popper.style.top='',this.popper.style.left='',this.popper.style.right='',this.popper.style.bottom='',this.popper.style.willChange='',this.popper.style[B('transform')]=''),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}function A(e){var t=e.ownerDocument;return t?t.defaultView:window}function M(e,t,o,i){var r='BODY'===e.nodeName,p=r?e.ownerDocument.defaultView:e;p.addEventListener(t,o,{passive:!0}),r||M(n(p.parentNode),t,o,i),i.push(p)}function F(e,t,o,i){o.updateBound=i,A(e).addEventListener('resize',o.updateBound,{passive:!0});var r=n(e);return M(r,'scroll',o.updateBound,o.scrollParents),o.scrollElement=r,o.eventsEnabled=!0,o}function I(){this.state.eventsEnabled||(this.state=F(this.reference,this.options,this.state,this.scheduleUpdate))}function R(e,t){return A(e).removeEventListener('resize',t.updateBound),t.scrollParents.forEach(function(e){e.removeEventListener('scroll',t.updateBound)}),t.updateBound=null,t.scrollParents=[],t.scrollElement=null,t.eventsEnabled=!1,t}function U(){this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=R(this.reference,this.state))}function Y(e){return''!==e&&!isNaN(parseFloat(e))&&isFinite(e)}function V(e,t){Object.keys(t).forEach(function(o){var n='';-1!==['width','height','top','right','bottom','left'].indexOf(o)&&Y(t[o])&&(n='px'),e.style[o]=t[o]+n})}function j(e,t){Object.keys(t).forEach(function(o){var n=t[o];!1===n?e.removeAttribute(o):e.setAttribute(o,t[o])})}function q(e,t){var o=e.offsets,n=o.popper,i=o.reference,r=$,p=function(e){return e},s=r(i.width),d=r(n.width),a=-1!==['left','right'].indexOf(e.placement),l=-1!==e.placement.indexOf('-'),f=t?a||l||s%2==d%2?r:Z:p,m=t?r:p;return{left:f(1==s%2&&1==d%2&&!l&&t?n.left-1:n.left),top:m(n.top),bottom:m(n.bottom),right:f(n.right)}}function K(e,t,o){var n=D(e,function(e){var o=e.name;return o===t}),i=!!n&&e.some(function(e){return e.name===o&&e.enabled&&e.order<n.order});if(!i){var r='`'+t+'`';console.warn('`'+o+'`'+' modifier is required by '+r+' modifier in order to work, be sure to include it before '+r+'!')}return i}function z(e){return'end'===e?'start':'start'===e?'end':e}function G(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],o=ce.indexOf(e),n=ce.slice(o+1).concat(ce.slice(0,o));return t?n.reverse():n}function _(e,t,o,n){var i=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),r=+i[1],p=i[2];if(!r)return e;if(0===p.indexOf('%')){var s;switch(p){case'%p':s=o;break;case'%':case'%r':default:s=n;}var d=g(s);return d[t]/100*r}if('vh'===p||'vw'===p){var a;return a='vh'===p?ee(document.documentElement.clientHeight,window.innerHeight||0):ee(document.documentElement.clientWidth,window.innerWidth||0),a/100*r}return r}function X(e,t,o,n){var i=[0,0],r=-1!==['right','left'].indexOf(n),p=e.split(/(\+|\-)/).map(function(e){return e.trim()}),s=p.indexOf(D(p,function(e){return-1!==e.search(/,|\s/)}));p[s]&&-1===p[s].indexOf(',')&&console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');var d=/\s*,\s*|\s+/,a=-1===s?[p]:[p.slice(0,s).concat([p[s].split(d)[0]]),[p[s].split(d)[1]].concat(p.slice(s+1))];return a=a.map(function(e,n){var i=(1===n?!r:r)?'height':'width',p=!1;return e.reduce(function(e,t){return''===e[e.length-1]&&-1!==['+','-'].indexOf(t)?(e[e.length-1]=t,p=!0,e):p?(e[e.length-1]+=t,p=!1,e):e.concat(t)},[]).map(function(e){return _(e,i,t,o)})}),a.forEach(function(e,t){e.forEach(function(o,n){Y(o)&&(i[t]+=o*('-'===e[n-1]?-1:1))})}),i}function J(e,t){var o,n=t.offset,i=e.placement,r=e.offsets,p=r.popper,s=r.reference,d=i.split('-')[0];return o=Y(+n)?[+n,0]:X(n,p,s,d),'left'===d?(p.top+=o[0],p.left-=o[1]):'right'===d?(p.top+=o[0],p.left+=o[1]):'top'===d?(p.left+=o[0],p.top-=o[1]):'bottom'===d&&(p.left+=o[0],p.top+=o[1]),e.popper=p,e}for(var Q=Math.min,Z=Math.floor,$=Math.round,ee=Math.max,te='undefined'!=typeof window&&'undefined'!=typeof document,oe=['Edge','Trident','Firefox'],ne=0,ie=0;ie<oe.length;ie+=1)if(te&&0<=navigator.userAgent.indexOf(oe[ie])){ne=1;break}var i=te&&window.Promise,re=i?function(e){var t=!1;return function(){t||(t=!0,window.Promise.resolve().then(function(){t=!1,e()}))}}:function(e){var t=!1;return function(){t||(t=!0,setTimeout(function(){t=!1,e()},ne))}},pe=te&&!!(window.MSInputMethodContext&&document.documentMode),se=te&&/MSIE 10/.test(navigator.userAgent),de=function(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')},ae=function(){function e(e,t){for(var o,n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}}(),le=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},fe=Object.assign||function(e){for(var t,o=1;o<arguments.length;o++)for(var n in t=arguments[o],t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},me=te&&/Firefox/i.test(navigator.userAgent),he=['auto-start','auto','auto-end','top-start','top','top-end','right-start','right','right-end','bottom-end','bottom','bottom-start','left-end','left','left-start'],ce=he.slice(3),ge={FLIP:'flip',CLOCKWISE:'clockwise',COUNTERCLOCKWISE:'counterclockwise'},ue=function(){function t(o,n){var i=this,r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{};de(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(i.update)},this.update=re(this.update.bind(this)),this.options=fe({},t.Defaults,r),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=o&&o.jquery?o[0]:o,this.popper=n&&n.jquery?n[0]:n,this.options.modifiers={},Object.keys(fe({},t.Defaults.modifiers,r.modifiers)).forEach(function(e){i.options.modifiers[e]=fe({},t.Defaults.modifiers[e]||{},r.modifiers?r.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(e){return fe({name:e},i.options.modifiers[e])}).sort(function(e,t){return e.order-t.order}),this.modifiers.forEach(function(t){t.enabled&&e(t.onLoad)&&t.onLoad(i.reference,i.popper,i.options,t,i.state)}),this.update();var p=this.options.eventsEnabled;p&&this.enableEventListeners(),this.state.eventsEnabled=p}return ae(t,[{key:'update',value:function(){return k.call(this)}},{key:'destroy',value:function(){return H.call(this)}},{key:'enableEventListeners',value:function(){return I.call(this)}},{key:'disableEventListeners',value:function(){return U.call(this)}}]),t}();return ue.Utils=('undefined'==typeof window?global:window).PopperUtils,ue.placements=he,ue.Defaults={placement:'bottom',positionFixed:!1,eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(e){var t=e.placement,o=t.split('-')[0],n=t.split('-')[1];if(n){var i=e.offsets,r=i.reference,p=i.popper,s=-1!==['bottom','top'].indexOf(o),d=s?'left':'top',a=s?'width':'height',l={start:le({},d,r[d]),end:le({},d,r[d]+r[a]-p[a])};e.offsets.popper=fe({},p,l[n])}return e}},offset:{order:200,enabled:!0,fn:J,offset:0},preventOverflow:{order:300,enabled:!0,fn:function(e,t){var o=t.boundariesElement||p(e.instance.popper);e.instance.reference===o&&(o=p(o));var n=B('transform'),i=e.instance.popper.style,r=i.top,s=i.left,d=i[n];i.top='',i.left='',i[n]='';var a=v(e.instance.popper,e.instance.reference,t.padding,o,e.positionFixed);i.top=r,i.left=s,i[n]=d,t.boundaries=a;var l=t.priority,f=e.offsets.popper,m={primary:function(e){var o=f[e];return f[e]<a[e]&&!t.escapeWithReference&&(o=ee(f[e],a[e])),le({},e,o)},secondary:function(e){var o='right'===e?'left':'top',n=f[o];return f[e]>a[e]&&!t.escapeWithReference&&(n=Q(f[o],a[e]-('right'===e?f.width:f.height))),le({},o,n)}};return l.forEach(function(e){var t=-1===['left','top'].indexOf(e)?'secondary':'primary';f=fe({},f,m[t](e))}),e.offsets.popper=f,e},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,o=t.popper,n=t.reference,i=e.placement.split('-')[0],r=Z,p=-1!==['top','bottom'].indexOf(i),s=p?'right':'bottom',d=p?'left':'top',a=p?'width':'height';return o[s]<r(n[d])&&(e.offsets.popper[d]=r(n[d])-o[a]),o[d]>r(n[s])&&(e.offsets.popper[d]=r(n[s])),e}},arrow:{order:500,enabled:!0,fn:function(e,o){var n;if(!K(e.instance.modifiers,'arrow','keepTogether'))return e;var i=o.element;if('string'==typeof i){if(i=e.instance.popper.querySelector(i),!i)return e;}else if(!e.instance.popper.contains(i))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),e;var r=e.placement.split('-')[0],p=e.offsets,s=p.popper,d=p.reference,a=-1!==['left','right'].indexOf(r),l=a?'height':'width',f=a?'Top':'Left',m=f.toLowerCase(),h=a?'left':'top',c=a?'bottom':'right',u=S(i)[l];d[c]-u<s[m]&&(e.offsets.popper[m]-=s[m]-(d[c]-u)),d[m]+u>s[c]&&(e.offsets.popper[m]+=d[m]+u-s[c]),e.offsets.popper=g(e.offsets.popper);var b=d[m]+d[l]/2-u/2,w=t(e.instance.popper),y=parseFloat(w['margin'+f],10),E=parseFloat(w['border'+f+'Width'],10),v=b-e.offsets.popper[m]-y-E;return v=ee(Q(s[l]-u,v),0),e.arrowElement=i,e.offsets.arrow=(n={},le(n,m,$(v)),le(n,h,''),n),e},element:'[x-arrow]'},flip:{order:600,enabled:!0,fn:function(e,t){if(W(e.instance.modifiers,'inner'))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var o=v(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement,e.positionFixed),n=e.placement.split('-')[0],i=T(n),r=e.placement.split('-')[1]||'',p=[];switch(t.behavior){case ge.FLIP:p=[n,i];break;case ge.CLOCKWISE:p=G(n);break;case ge.COUNTERCLOCKWISE:p=G(n,!0);break;default:p=t.behavior;}return p.forEach(function(s,d){if(n!==s||p.length===d+1)return e;n=e.placement.split('-')[0],i=T(n);var a=e.offsets.popper,l=e.offsets.reference,f=Z,m='left'===n&&f(a.right)>f(l.left)||'right'===n&&f(a.left)<f(l.right)||'top'===n&&f(a.bottom)>f(l.top)||'bottom'===n&&f(a.top)<f(l.bottom),h=f(a.left)<f(o.left),c=f(a.right)>f(o.right),g=f(a.top)<f(o.top),u=f(a.bottom)>f(o.bottom),b='left'===n&&h||'right'===n&&c||'top'===n&&g||'bottom'===n&&u,w=-1!==['top','bottom'].indexOf(n),y=!!t.flipVariations&&(w&&'start'===r&&h||w&&'end'===r&&c||!w&&'start'===r&&g||!w&&'end'===r&&u),E=!!t.flipVariationsByContent&&(w&&'start'===r&&c||w&&'end'===r&&h||!w&&'start'===r&&u||!w&&'end'===r&&g),v=y||E;(m||b||v)&&(e.flipped=!0,(m||b)&&(n=p[d+1]),v&&(r=z(r)),e.placement=n+(r?'-'+r:''),e.offsets.popper=fe({},e.offsets.popper,C(e.instance.popper,e.offsets.reference,e.placement)),e=P(e.instance.modifiers,e,'flip'))}),e},behavior:'flip',padding:5,boundariesElement:'viewport',flipVariations:!1,flipVariationsByContent:!1},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,o=t.split('-')[0],n=e.offsets,i=n.popper,r=n.reference,p=-1!==['left','right'].indexOf(o),s=-1===['top','left'].indexOf(o);return i[p?'left':'top']=r[o]-(s?i[p?'width':'height']:0),e.placement=T(t),e.offsets.popper=g(i),e}},hide:{order:800,enabled:!0,fn:function(e){if(!K(e.instance.modifiers,'hide','preventOverflow'))return e;var t=e.offsets.reference,o=D(e.instance.modifiers,function(e){return'preventOverflow'===e.name}).boundaries;if(t.bottom<o.top||t.left>o.right||t.top>o.bottom||t.right<o.left){if(!0===e.hide)return e;e.hide=!0,e.attributes['x-out-of-boundaries']=''}else{if(!1===e.hide)return e;e.hide=!1,e.attributes['x-out-of-boundaries']=!1}return e}},computeStyle:{order:850,enabled:!0,fn:function(e,t){var o=t.x,n=t.y,i=e.offsets.popper,r=D(e.instance.modifiers,function(e){return'applyStyle'===e.name}).gpuAcceleration;void 0!==r&&console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');var s,d,a=void 0===r?t.gpuAcceleration:r,l=p(e.instance.popper),f=u(l),m={position:i.position},h=q(e,2>window.devicePixelRatio||!me),c='bottom'===o?'top':'bottom',g='right'===n?'left':'right',b=B('transform');if(d='bottom'==c?'HTML'===l.nodeName?-l.clientHeight+h.bottom:-f.height+h.bottom:h.top,s='right'==g?'HTML'===l.nodeName?-l.clientWidth+h.right:-f.width+h.right:h.left,a&&b)m[b]='translate3d('+s+'px, '+d+'px, 0)',m[c]=0,m[g]=0,m.willChange='transform';else{var w='bottom'==c?-1:1,y='right'==g?-1:1;m[c]=d*w,m[g]=s*y,m.willChange=c+', '+g}var E={"x-placement":e.placement};return e.attributes=fe({},E,e.attributes),e.styles=fe({},m,e.styles),e.arrowStyles=fe({},e.offsets.arrow,e.arrowStyles),e},gpuAcceleration:!0,x:'bottom',y:'right'},applyStyle:{order:900,enabled:!0,fn:function(e){return V(e.instance.popper,e.styles),j(e.instance.popper,e.attributes),e.arrowElement&&Object.keys(e.arrowStyles).length&&V(e.arrowElement,e.arrowStyles),e},onLoad:function(e,t,o,n,i){var r=L(i,t,e,o.positionFixed),p=O(o.placement,r,t,e,o.modifiers.flip.boundariesElement,o.modifiers.flip.padding);return t.setAttribute('x-placement',p),V(t,{position:o.positionFixed?'fixed':'absolute'}),o},gpuAcceleration:void 0}}},ue});
+//# sourceMappingURL=popper.min.js.map
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/lib/tippy.js b/js/apps/system/_admin/aardvark/APP/frontend/js/lib/tippy.js
index e59d55b7dc..10dcbdf84b 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/lib/tippy.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/lib/tippy.js
@@ -1,25 +1,2 @@
-!function(t){function e(n){if(i[n])return i[n].exports;var o=i[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var i={};e.m=t,e.c=i,e.i=function(t){return t},e.d=function(t,i,n){e.o(t,i)||Object.defineProperty(t,i,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,"a",i),i},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=4)}([function(t,e,i){"use strict";i(2),i(1)},function(t,e,i){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},r=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}(),s=i(3),a=function(t){return t&&t.__esModule?t:{default:t}}(s),l=function(){function t(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(n(this,t),"addEventListener"in window&&!/MSIE 9/i.test(navigator.userAgent)&&!window.operamini){if(this.defaultSettings={html:!1,position:"top",animation:"shift",animateFill:!0,arrow:!1,delay:0,hideDelay:0,trigger:"mouseenter focus",duration:400,hideDuration:400,interactive:!1,theme:"dark",offset:0,hideOnClick:!0,multiple:!1,followCursor:!1,inertia:!1,popperOptions:{}},this.settings=this._applyGlobalSettings(i),this.classNames={popper:"tippy-popper",tooltip:"tippy-tooltip",content:"tippy-tooltip-content"},this.tooltippedEls=e instanceof Element?[e]:[].slice.call(document.querySelectorAll(e)),t.bus||(t.bus={refs:[],tooltippedEls:[],poppers:[],listeners:{}}),!t.bus.listeners.touchstart){t.bus.listeners.touchstart=!0;var o=function e(){t.touchUser=!0,document.body.classList.add("tippy-touch"),window.removeEventListener("touchstart",e)};window.addEventListener("touchstart",o)}this._createTooltips(),t.bus.listeners.click||this._handleDocumentClick()}}return r(t,[{key:"_closest",value:function(t,e){if(!Element.prototype.matches)if(t.matchesSelector)Element.prototype.matches=Element.prototype.matchesSelector;else if(t.webkitMatchesSelector)Element.prototype.matches=Element.prototype.webkitMatchesSelector;else if(t.mozMatchesSelector)Element.prototype.matches=Element.prototype.mozMatchesSelector;else{if(!t.msMatchesSelector)return t;Element.prototype.matches=Element.prototype.msMatchesSelector}return Element.prototype.closest||(Element.prototype.closest=function(t){for(var e=this;e;){if(e.matches(t))return e;e=e.parentElement}}),t.closest(e)}},{key:"_applyGlobalSettings",value:function(t){return"function"!=typeof Object.assign&&(Object.assign=function(t,e){for(var i=Object(t),n=1;n<arguments.length;n++){var o=arguments[n];if(null!=o)for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(i[r]=o[r])}return i}),this.callbacks={beforeShown:t.beforeShown||new Function,shown:t.shown||new Function,beforeHidden:t.beforeHidden||new Function,hidden:t.hidden||new Function},Object.assign(this.defaultSettings,t)}},{key:"_hideAllPoppers",value:function(){var e=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;t.bus.refs.forEach(function(t){document.body.contains(t.popper)&&(i?t.popper!==i.popper&&e.hide(t.popper,t.settings.hideDuration):e.hide(t.popper,t.settings.hideDuration))})}},{key:"_handleDocumentClick",value:function(){var e=this,i=function(t){var i=e._closest(t,"[data-tooltipped]"),n=e._closest(t,"."+e.classNames.popper),o={};return i?(o.type="tooltippedEl",o.target=i):n?(o.type="popper",o.target=n):o=null,o},n=function(e){var n=-1,o=-1,r=i(e);return r&&("tooltippedEl"===r.type?n=t.bus.tooltippedEls.indexOf(r.target):"popper"===r.type&&(o=t.bus.poppers.indexOf(r.target))),{tooltippedElIndex:n,popperIndex:o}},o=function(i){var o=n(i.target),r=o.tooltippedElIndex!==-1;if(o.popperIndex!==-1&&t.bus.refs[o.popperIndex].settings.interactive)return;if(r){var s=t.bus.refs[o.tooltippedElIndex];if(!s.settings.multiple&&(s.settings.trigger.indexOf("click")!==-1||t.touchUser))return e._hideAllPoppers(s);if(!s.settings.hideOnClick||s.settings.trigger.indexOf("click")!==-1)return}e._hideAllPoppers()};t.bus.listeners.click=o,document.addEventListener("click",o)}},{key:"_createPopperInstance",value:function(t,e,i){var n=o({placement:i.position},i.popperOptions||{},{modifiers:o({},i.popperOptions?i.popperOptions.modifiers:{},{offset:o({offset:parseInt(i.offset)},i.popperOptions&&i.popperOptions.modifiers?i.popperOptions.modifiers.offset:{})})});document.body.appendChild(e);var r=new a.default(t,e,n);return r.disableEventListeners(),document.body.removeChild(e),r}},{key:"_createPopperElement",value:function(t,e){var i=document.createElement("div");i.setAttribute("class",this.classNames.popper);var n=document.createElement("div");if(n.setAttribute("class",this.classNames.tooltip+" "+e.theme+" leave"),n.setAttribute("data-animation",e.animation),e.arrow){var o=document.createElement("div");o.setAttribute("x-arrow",""),n.appendChild(o)}if(e.animateFill){n.setAttribute("data-animatefill","");var r=document.createElement("div");r.setAttribute("class","leave"),r.setAttribute("x-circle",""),n.appendChild(r)}e.inertia&&n.setAttribute("data-inertia","");var s=document.createElement("div");return s.setAttribute("class",this.classNames.content),e.html?(s.innerHTML=document.getElementById(e.html.replace("#","")).innerHTML,i.classList.add("html-template"),i.setAttribute("tabindex","0"),n.setAttribute("data-template-id",e.html)):s.innerHTML=t,n.appendChild(s),i.appendChild(n),i}},{key:"_applyIndividualSettings",value:function(t){var e=t.getAttribute("data-html")||this.settings.html;e&&"false"!==e||(e=!1);var i=t.getAttribute("data-position")||this.settings.position,n=t.getAttribute("data-animation")||this.settings.animation,o=t.getAttribute("data-animatefill")||this.settings.animateFill;"false"===o&&(o=!1);var r=t.getAttribute("data-arrow")||this.settings.arrow;r&&"false"!==r?o=!1:r=!1;var s=t.getAttribute("data-trigger")||this.settings.trigger;s&&(s=s.trim().split(" "));var a=t.getAttribute("data-theme")||this.settings.theme;a&&(a+="-theme");var l=parseInt(t.getAttribute("data-delay"));l||0===l||(l=this.settings.delay);var p=parseInt(t.getAttribute("data-hidedelay"));p||0===p||(p=this.settings.hideDelay);var f=parseInt(t.getAttribute("data-duration"));f||0===f||(f=this.settings.duration);var u=parseInt(t.getAttribute("data-hideduration"));u||0===u||(u=this.settings.hideDuration);var d=t.getAttribute("data-interactive")||this.settings.interactive;"false"===d&&(d=!1);var c=parseInt(t.getAttribute("data-offset"));c||0===c||(c=this.settings.offset);var h=t.getAttribute("data-hideonclick")||this.settings.hideOnClick;"false"===h&&(h=!1);var m=t.getAttribute("data-multiple")||this.settings.multiple;"false"===m&&(m=!1);var v=t.getAttribute("data-followcursor")||this.settings.followCursor;"false"===v&&(v=!1);var g=t.getAttribute("data-inertia")||this.settings.inertia;return"false"===g&&(g=!1),{html:e,position:i,animation:n,animateFill:o,arrow:r,delay:l,hideDelay:p,trigger:s,duration:f,hideDuration:u,interactive:d,theme:a,offset:c,hideOnClick:h,multiple:m,followCursor:v,inertia:g,popperOptions:this.settings.popperOptions}}},{key:"_getEventListenerMethods",value:function(e,i,n){var o=this,r=function(){if(n.delay){var t=setTimeout(function(){return o.show(i,n.duration)},n.delay);i.setAttribute("data-delay",t)}else o.show(i,n.duration)},s=function(){if(n.hideDelay){var t=setTimeout(function(){return o.hide(i,n.hideDuration)},n.hideDelay);i.setAttribute("data-hidedelay",t)}else o.hide(i,n.hideDuration)};return{handleTrigger:function(t){if(n.interactive&&t.target.classList.add("active"),"click"===t.type&&"visible"===i.style.visibility&&n.hideOnClick)return s();r()},handleMouseleave:function(t){if(n.interactive){var r=function t(r){o._closest(r.target,"."+o.classNames.popper)!==i&&o._closest(r.target,"[data-tooltipped]")!==e&&n.trigger.indexOf("click")===-1&&(document.removeEventListener("mousemove",t),e.classList.remove("active"),s())};return void document.addEventListener("mousemove",r)}s()},handleBlur:function(e){!t.touchUser&&e.relatedTarget&&(o._closest(e.relatedTarget,"."+o.classNames.popper)||s())}}}},{key:"_createTrigger",value:function(t,e,i,n){if("manual"!==t)return e.addEventListener(t,i.handleTrigger),n.push({event:t,method:i.handleTrigger}),"mouseenter"===t&&(e.addEventListener("mouseleave",i.handleMouseleave),n.push({event:"mouseleave",method:i.handleMouseleave})),"focus"===t&&(e.addEventListener("blur",i.handleBlur),n.push({event:"blur",method:i.handleBlur})),n}},{key:"_pushIntoTippyBus",value:function(e){t.bus.refs.push(e),t.bus.tooltippedEls.push(e.tooltippedEl),t.bus.poppers.push(e.popper)}},{key:"_createTooltips",value:function(){var t=this;this.tooltippedEls.forEach(function(e){var i=t._applyIndividualSettings(e),n=e.getAttribute("title");if(null!==n&&""!==n||i.html){e.setAttribute("data-tooltipped",""),e.setAttribute("data-original-title",n||"html"),e.removeAttribute("title");var o=t._createPopperElement(n,i),r=t._createPopperInstance(e,o,i),s=t._getEventListenerMethods(e,o,i),a=[];i.trigger.forEach(function(i){a=t._createTrigger(i,e,s,a)||[]}),t._pushIntoTippyBus({tooltippedEl:e,popper:o,settings:i,listeners:a,instance:r})}})}},{key:"_followCursor",value:function(e){var i=t.bus.refs[t.bus.tooltippedEls.indexOf(this)],n=i.settings.position,o=window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop,r=Math.round(i.popper.offsetWidth/2),s=Math.round(i.popper.offsetHeight/2),a=e.clientX-r,l=e.clientY+o-50;"left"===n?(a=e.clientX-2*r-10,l=e.clientY+o-s):"right"===n?(a=e.clientX+15,l=e.clientY+o-s):"bottom"===n&&(l=e.clientY+o+15),i.popper.style.WebkitTransform="translate3d("+a+"px, "+l+"px, 0)",i.popper.style.transform="translate3d("+a+"px, "+l+"px, 0)"}},{key:"getPopperElement",value:function(e){try{return t.bus.refs[t.bus.tooltippedEls.indexOf(e)].popper}catch(t){throw new Error("[Tippy error]: Element does not exist in any Tippy instances")}}},{key:"show",value:function(e){var i=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.defaultSettings.duration;if(clearTimeout(e.getAttribute("data-hidedelay")),"visible"!==e.style.visibility){this.callbacks.beforeShown(),e.style.visibility="visible";var o=t.bus.refs[t.bus.poppers.indexOf(e)],r=e.querySelector("."+this.classNames.tooltip),s=e.querySelector("[x-circle]");e.querySelector("[x-arrow]");if(document.body.appendChild(e),o.settings.followCursor&&!t.touchUser?o.hasFollowCursorListener||(o.hasFollowCursorListener=!0,o.tooltippedEl.addEventListener("mousemove",this._followCursor)):(o.instance.update(),o.instance.enableEventListeners()),getComputedStyle(r).opacity,r.style.WebkitTransitionDuration=n+"ms",r.style.transitionDuration=n+"ms",r.classList.add("enter"),r.classList.remove("leave"),s){var a=getComputedStyle(s);a.transform||a.WebkitTransform,a.transform,s.style.WebkitTransitionDuration=n+"ms",s.style.transitionDuration=n+"ms",s.classList.add("enter"),s.classList.remove("leave")}var l=function(){"hidden"!==e.style.visibility&&(o.settings.trigger.indexOf("click")!==-1&&e.focus(),i.callbacks.shown())};clearTimeout(o.showTimeout),o.showTimeout=setTimeout(l,n)}}},{key:"hide",value:function(e){var i=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.settings.hideDuration;if(clearTimeout(e.getAttribute("data-delay")),document.body.contains(e)){this.callbacks.beforeHidden(),e.style.visibility="hidden";var o=t.bus.refs[t.bus.poppers.indexOf(e)],r=e.querySelector("."+this.classNames.tooltip),s=e.querySelector("[x-circle]");o.tooltippedEl.classList.remove("active"),r.classList.add("leave"),r.classList.remove("enter"),s&&(s.classList.add("leave"),s.classList.remove("enter")),n===this.defaultSettings.hideDuration?r.style.transitionDuration?n=parseInt(r.style.transitionDuration.replace("ms","")):r.style.WebkitTransitionDuration&&(n=parseInt(r.style.WebkitTransitionDuration.replace("ms",""))):(r.style.WebkitTransitionDuration=n+"ms",r.style.transitionDuration=n+"ms",s&&(s.style.WebkitTransitionDuration=n+"ms",s.style.transitionDuration=n+"ms")),o.settings.html&&o.settings.trigger.indexOf("click")!==-1&&o.tooltippedEl.focus();var a=function(){"visible"!==e.style.visibility&&(o.hasFollowCursorListener&&(o.tooltippedEl.removeEventListener("mousemove",i._followCursor),o.hasFollowCursorListener=!1),document.body.contains(e)&&document.body.removeChild(e),o.instance.disableEventListeners(),i.callbacks.hidden())};clearTimeout(o.hideTimeout),o.hideTimeout=setTimeout(a,n)}}},{key:"destroy",value:function(e){var i=t.bus.poppers.indexOf(e),n=t.bus.refs[i];n.listeners.forEach(function(t){return n.tooltippedEl.removeEventListener(t.event,t.method)}),n.instance.destroy(),t.bus.poppers.splice(i,1),t.bus.tooltippedEls.splice(i,1),t.bus.refs.splice(i,1)}}]),t}();window.Tippy=l,t.exports=l},function(t,e){},function(t,e,i){/**!
- * @fileOverview Kickass library to create and place poppers near their reference elements.
- * @version 1.0.8
- * @license
- * Copyright (c) 2016 Federico Zivolo and contributors
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-!function(e,i){t.exports=i()}(0,function(){"use strict";function t(t){var e=t.offsetParent,i=e&&e.nodeName;return i&&"BODY"!==i&&"HTML"!==i?e:window.document.documentElement}function e(t,e){if(1!==t.nodeType)return[];var i=window.getComputedStyle(t,null);return e?i[e]:i}function i(t){return"HTML"===t.nodeName?t:t.parentNode||t.host}function n(t){if(!t||["HTML","BODY","#document"].indexOf(t.nodeName)!==-1)return window.document.body;var o=e(t),r=o.overflow,s=o.overflowX,a=o.overflowY;return/(auto|scroll)/.test(r+a+s)?t:n(i(t))}function o(t){var n=t.nodeName;return"BODY"!==n&&"HTML"!==n&&("fixed"===e(t,"position")||o(i(t)))}function r(e){return o(t(e))?"fixed":"absolute"}function s(t,e){var i="x"===e?"Left":"Top",n="Left"===i?"Right":"Bottom";return Number(t["border"+i+"Width"].split("px")[0])+Number(t["border"+n+"Width"].split("px")[0])}function a(t){var i=navigator.appVersion.indexOf("MSIE 10")!==-1,n=void 0;if(i)try{n=t.getBoundingClientRect()}catch(t){n={}}else n=t.getBoundingClientRect();var o={left:n.left,top:n.top,right:n.right,bottom:n.bottom,width:n.right-n.left,height:n.bottom-n.top};if("HTML"===t.nodeName&&i){var r=window.document.documentElement,a=r.scrollTop,l=r.scrollLeft;o.top-=a,o.bottom-=a,o.left-=l,o.right-=l}var p=n.width-(t.clientWidth||n.right-n.left),f=n.height-(t.clientHeight||n.bottom-n.top);if(p||f){var u=e(t);p-=s(u,"x"),f-=s(u,"y")}return o.right-=p,o.width-=p,o.bottom-=f,o.height-=f,o}function l(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",i="top"===e?"scrollTop":"scrollLeft",n=t.nodeName;if("BODY"===n||"HTML"===n){var o=window.document.documentElement;return(window.document.scrollingElement||o)[i]}return t[i]}function p(t,e){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=l(e,"top"),o=l(e,"left"),r=i?-1:1;return t.top+=n*r,t.bottom+=n*r,t.left+=o*r,t.right+=o*r,t}function f(i,o){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],s=arguments.length>3&&void 0!==arguments[3]&&arguments[3],l=n(o),f=a(i),u=a(o),d={top:f.top-u.top,left:f.left-u.left,bottom:f.top-u.top+f.height,right:f.left-u.left+f.width,width:f.width,height:f.height};r&&!s?d=p(d,l,!0):t(i).contains(l)&&"BODY"!==l.nodeName&&(d=p(d,o));var c=e(o),h=Number(c.borderTopWidth.split("px")[0]),m=Number(c.borderLeftWidth.split("px")[0]);return d.top-=h,d.bottom-=h,d.left-=m,d.right-=m,d}function u(){var t=window.document.body,e=window.document.documentElement;return{height:Math.max(t.scrollHeight,t.offsetHeight,e.clientHeight,e.scrollHeight,e.offsetHeight),width:Math.max(t.scrollWidth,t.offsetWidth,e.clientWidth,e.scrollWidth,e.offsetWidth)}}function d(t){var e=void 0;if("HTML"===t.nodeName){var i=u();e={width:i.width,height:i.height,left:0,top:0}}else e={width:t.offsetWidth,height:t.offsetHeight,left:t.offsetLeft,top:t.offsetTop};return e.right=e.left+e.width,e.bottom=e.top+e.height,e}function c(e){var i=d(e);if("HTML"!==e.nodeName){var n=t(e),o=c(n);return{width:i.offsetWidth,height:i.offsetHeight,left:i.left+o.left,top:i.top+o.top,right:i.right-o.right,bottom:i.bottom-o.bottom}}return i}function h(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",o=n(t),r=l(o,e);return["BODY","HTML"].indexOf(o.nodeName)===-1?r+h(i(o),e):r}function m(e,s,a){var l={top:0,left:0},p=t(e);if("viewport"===a){var d=c(p),m=d.left,v=d.top,g=window.document.documentElement,b=g.clientWidth,y=g.clientHeight;if("fixed"===r(e))l.right=b,l.bottom=y;else{l={top:0-v,right:b-m+h(e,"left"),bottom:y-v+h(e,"top"),left:0-m}}}else{var w=void 0;if(w="scrollParent"===a?n(i(e)):"window"===a?window.document.body:a,"BODY"===w.nodeName){var E=u(),O=E.height,x=E.width;l.right=x,l.bottom=O}else l=f(w,p,o(e))}return l.left+=s,l.top+=s,l.right-=s,l.bottom-=s,l}function v(t,e,i){if(t.indexOf("auto")===-1)return t;var n=m(i,0,"scrollParent"),o={top:e.top-n.top,right:n.right-e.right,bottom:n.bottom-e.bottom,left:e.left-n.left},r=Object.keys(o).sort(function(t,e){return o[e]-o[t]})[0],s=t.split("-")[1];return r+(s?"-"+s:"")}function g(t){var e=!1,i=0,n=document.createElement("span");return new MutationObserver(function(){t(),e=!1}).observe(n,{attributes:!0}),function(){e||(e=!0,n.setAttribute("x-index",i),i+=1)}}function b(t){var e=!1;return function(){e||(e=!0,setTimeout(function(){e=!1,t()},Z))}}function y(t,e){return Array.prototype.find?t.find(e):t.filter(e)[0]}function w(t,e,i){if(Array.prototype.findIndex)return t.findIndex(function(t){return t[e]===i});var n=y(t,function(t){return t[e]===i});return t.indexOf(n)}function E(t){return st({},t,{right:t.left+t.width,bottom:t.top+t.height})}function O(t){var e=window.getComputedStyle(t),i=parseFloat(e.marginTop)+parseFloat(e.marginBottom),n=parseFloat(e.marginLeft)+parseFloat(e.marginRight);return{width:t.offsetWidth+n,height:t.offsetHeight+i}}function x(t){var e={left:"right",right:"left",bottom:"top",top:"bottom"};return t.replace(/left|right|bottom|top/g,function(t){return e[t]})}function k(t,e,i,n){n=n.split("-")[0];var o=O(e),r={position:t,width:o.width,height:o.height},s=["right","left"].indexOf(n)!==-1,a=s?"top":"left",l=s?"left":"top",p=s?"height":"width",f=s?"width":"height";return r[a]=i[a]+i[p]/2-o[p]/2,r[l]=n===l?i[l]-o[f]:i[x(l)],r}function T(e,i,n){var o="fixed"===e.position,r=e.isParentTransformed;return f(n,t(o&&r?n:i),o,r)}function L(t){for(var e=[!1,"ms","webkit","moz","o"],i=t.charAt(0).toUpperCase()+t.slice(1),n=0;n<e.length-1;n++){var o=e[n],r=o?""+o+i:t;if(void 0!==window.document.body.style[r])return r}return null}function A(t){var e={};return t&&"[object Function]"===e.toString.call(t)}function C(t,e){return t.some(function(t){var i=t.name;return t.enabled&&i===e})}function D(t,e,i){var n=y(t,function(t){return t.name===e});return!!n&&t.some(function(t){return t.name===i&&t.enabled&&t.order<n.order})}function M(t){return""!==t&&!isNaN(parseFloat(t))&&isFinite(t)}function S(t){return"BODY"!==t.nodeName&&("none"!==e(t,"transform")||(i(t)?S(i(t)):t))}function N(t,e){return window.removeEventListener("resize",e.updateBound),e.scrollParents.forEach(function(t){t.removeEventListener("scroll",e.updateBound)}),e.updateBound=null,e.scrollParents=[],e.scrollElement=null,e.eventsEnabled=!1,e}function P(t,e,i){return(void 0===i?t:t.slice(0,w(t,"name",i))).forEach(function(t){t.enabled&&A(t.function)&&(e=t.function(e,t))}),e}function _(t,e){Object.keys(e).forEach(function(i){e[i]!==!1?t.setAttribute(i,e[i]):t.removeAttribute(i)})}function W(t,e){Object.keys(e).forEach(function(i){var n="";["width","height","top","right","bottom","left"].indexOf(i)!==-1&&M(e[i])&&(n="px"),t.style[i]=e[i]+n})}function I(t,e,i,o){var r="BODY"===t.nodeName,s=r?window:t;s.addEventListener(e,i,{passive:!0}),r||I(n(s.parentNode),e,i,o),o.push(s)}function B(t,e,i,o){i.updateBound=o,window.addEventListener("resize",i.updateBound,{passive:!0});var r=n(t);return I(r,"scroll",i.updateBound,i.scrollParents),i.scrollElement=r,i.eventsEnabled=!0,i}function H(t,e){var i={position:t.offsets.popper.position},n={"x-placement":t.placement},o=Math.round(t.offsets.popper.left),r=Math.round(t.offsets.popper.top),s=L("transform");return e.gpuAcceleration&&s?(i[s]="translate3d("+o+"px, "+r+"px, 0)",i.top=0,i.left=0,i.willChange="transform"):(i.left=o,i.top=r,i.willChange="top, left"),W(t.instance.popper,st({},i,t.styles)),_(t.instance.popper,st({},n,t.attributes)),t.offsets.arrow&&W(t.arrowElement,t.offsets.arrow),t}function F(t,e,i,n,o){var r=T(o,e,t);return i.placement=v(i.placement,r,e),e.setAttribute("x-placement",i.placement),i}function j(t,e){if(!D(t.instance.modifiers,"arrow","keepTogether"))return console.warn("WARNING: `keepTogether` modifier is required by arrow modifier in order to work, be sure to include it before `arrow`!"),t;var i=e.element;if("string"==typeof i){if(!(i=t.instance.popper.querySelector(i)))return t}else if(!t.instance.popper.contains(i))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),t;var n=t.placement.split("-")[0],o=E(t.offsets.popper),r=t.offsets.reference,s=["left","right"].indexOf(n)!==-1,a=s?"height":"width",l=s?"top":"left",p=s?"left":"top",f=s?"bottom":"right",u=O(i)[a];r[f]-u<o[l]&&(t.offsets.popper[l]-=o[l]-(r[f]-u)),r[l]+u>o[f]&&(t.offsets.popper[l]+=r[l]+u-o[f]);var d=r[l]+r[a]/2-u/2,c=d-E(t.offsets.popper)[l];return c=Math.max(Math.min(o[a]-u,c),0),t.arrowElement=i,t.offsets.arrow={},t.offsets.arrow[l]=c,t.offsets.arrow[p]="",t}function R(t){return"end"===t?"start":"start"===t?"end":t}function Y(t,e){if(C(t.instance.modifiers,"inner"))return t;if(t.flipped&&t.placement===t.originalPlacement)return t;var i=m(t.instance.popper,e.padding,e.boundariesElement),n=t.placement.split("-")[0],o=x(n),r=t.placement.split("-")[1]||"",s=[];return s="flip"===e.behavior?[n,o]:e.behavior,s.forEach(function(a,l){if(n!==a||s.length===l+1)return t;n=t.placement.split("-")[0],o=x(n);var p=E(t.offsets.popper),f=t.offsets.reference,u=Math.floor,d="left"===n&&u(p.right)>u(f.left)||"right"===n&&u(p.left)<u(f.right)||"top"===n&&u(p.bottom)>u(f.top)||"bottom"===n&&u(p.top)<u(f.bottom),c=u(p.left)<u(i.left),h=u(p.right)>u(i.right),m=u(p.top)<u(i.top),v=u(p.bottom)>u(i.bottom),g="left"===n&&c||"right"===n&&h||"top"===n&&m||"bottom"===n&&v,b=["top","bottom"].indexOf(n)!==-1,y=!!e.flipVariations&&(b&&"start"===r&&c||b&&"end"===r&&h||!b&&"start"===r&&m||!b&&"end"===r&&v);(d||g||y)&&(t.flipped=!0,(d||g)&&(n=s[l+1]),y&&(r=R(r)),t.placement=n+(r?"-"+r:""),t.offsets.popper=k(t.instance.state.position,t.instance.popper,t.offsets.reference,t.placement),t=P(t.instance.modifiers,t,"flip"))}),t}function q(t){var e=E(t.offsets.popper),i=t.offsets.reference,n=t.placement.split("-")[0],o=Math.floor,r=["top","bottom"].indexOf(n)!==-1,s=r?"right":"bottom",a=r?"left":"top",l=r?"width":"height";return e[s]<o(i[a])&&(t.offsets.popper[a]=o(i[a])-e[l]),e[a]>o(i[s])&&(t.offsets.popper[a]=o(i[s])),t}function U(t,e){var i=t.placement,n=t.offsets.popper,o=void 0;return M(e.offset)?o=[e.offset,0]:(o=e.offset.split(" "),o=o.map(function(e,n){var o=e.match(/(\d*\.?\d*)(.*)/),r=+o[1],s=o[2],a=i.indexOf("right")!==-1||i.indexOf("left")!==-1;1===n&&(a=!a);var l=a?"height":"width";if(0===s.indexOf("%")){var p=void 0;switch(s){case"%p":p=t.offsets.popper;break;case"%":case"$r":default:p=t.offsets.reference}return E(p)[l]/100*r}if("vh"===s||"vw"===s){return("vh"===s?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*r}return"px"===s?+r:+e})),t.placement.indexOf("left")!==-1?(n.top+=o[0],n.left-=o[1]||0):t.placement.indexOf("right")!==-1?(n.top+=o[0],n.left+=o[1]||0):t.placement.indexOf("top")!==-1?(n.left+=o[0],n.top-=o[1]||0):t.placement.indexOf("bottom")!==-1&&(n.left+=o[0],n.top+=o[1]||0),t}function z(e,i){var n=i.boundariesElement||t(e.instance.popper),o=m(e.instance.popper,i.padding,n);i.boundaries=o;var r=i.priority,s=E(e.offsets.popper),a={primary:function(t){var e=s[t];return s[t]<o[t]&&!i.escapeWithReference&&(e=Math.max(s[t],o[t])),rt({},t,e)},secondary:function(t){var e="right"===t?"left":"top",n=s[e];return s[t]>o[t]&&!i.escapeWithReference&&(n=Math.min(s[e],o[t]-("right"===t?s.width:s.height))),rt({},e,n)}};return r.forEach(function(t){var e=["left","top"].indexOf(t)!==-1?"primary":"secondary";s=st({},s,a[e](t))}),e.offsets.popper=s,e}function G(t){var e=t.placement,i=e.split("-")[0],n=e.split("-")[1];if(n){var o=t.offsets.reference,r=E(t.offsets.popper),s=["bottom","top"].indexOf(i)!==-1,a=s?"left":"top",l=s?"width":"height",p={start:rt({},a,o[a]),end:rt({},a,o[a]+o[l]-r[l])};t.offsets.popper=st({},r,p[n])}return t}function X(t){if(!D(t.instance.modifiers,"hide","preventOverflow"))return console.warn("WARNING: preventOverflow modifier is required by hide modifier in order to work, be sure to include it before hide!"),t;var e=t.offsets.reference,i=y(t.instance.modifiers,function(t){return"preventOverflow"===t.name}).boundaries;if(e.bottom<i.top||e.left>i.right||e.top>i.bottom||e.right<i.left){if(t.hide===!0)return t;t.hide=!0,t.attributes["x-out-of-boundaries"]=""}else{if(t.hide===!1)return t;t.hide=!1,t.attributes["x-out-of-boundaries"]=!1}return t}function V(t){var e=t.placement,i=e.split("-")[0],n=E(t.offsets.popper),o=E(t.offsets.reference),r=["left","right"].indexOf(i)!==-1,s=["top","left"].indexOf(i)===-1;return n[r?"left":"top"]=o[e]-(s?n[r?"width":"height"]:0),t.placement=x(e),t.offsets.popper=E(n),t}for(var $=["native code","[object MutationObserverConstructor]"],J=function(t){return $.some(function(e){return(t||"").toString().indexOf(e)>-1})},K="undefined"!=typeof window,Q=["Edge","Trident","Firefox"],Z=0,tt=0;tt<Q.length;tt+=1)if(K&&navigator.userAgent.indexOf(Q[tt])>=0){Z=1;break}var et=K&&J(window.MutationObserver),it=et?g:b,nt=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},ot=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}(),rt=function(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t},st=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},at={computeAutoPlacement:v,debounce:it,findIndex:w,getBordersSize:s,getBoundaries:m,getBoundingClientRect:a,getClientRect:E,getOffsetParent:t,getOffsetRect:d,getOffsetRectRelativeToCustomParent:f,getOuterSizes:O,getParentNode:i,getPopperOffsets:k,getPosition:r,getReferenceOffsets:T,getScroll:l,getScrollParent:n,getStyleComputedProperty:e,getSupportedPropertyName:L,getTotalScroll:h,getWindowSizes:u,includeScroll:p,isFixed:o,isFunction:A,isModifierEnabled:C,isModifierRequired:D,isNative:J,isNumeric:M,isTransformed:S,removeEventListeners:N,runModifiers:P,setAttributes:_,setStyles:W,setupEventListeners:B},lt={shift:{order:100,enabled:!0,function:G},offset:{order:200,enabled:!0,function:U,offset:0},preventOverflow:{order:300,enabled:!0,function:z,priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,function:q},arrow:{order:500,enabled:!0,function:j,element:"[x-arrow]"},flip:{order:600,enabled:!0,function:Y,behavior:"flip",padding:5,boundariesElement:"viewport"},inner:{order:700,enabled:!1,function:V},hide:{order:800,enabled:!0,function:X},applyStyle:{order:900,enabled:!0,gpuAcceleration:!0,function:H,onLoad:F}},pt={placement:"bottom",eventsEnabled:!0,onCreate:function(){},onUpdate:function(){},modifiers:lt},ft=function(){function t(e,i){var n=this,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};nt(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(n.update)},this.update=it(this.update.bind(this)),this.options=st({},t.Defaults,o),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e.jquery?e[0]:e,this.popper=i.jquery?i[0]:i,this.modifiers=Object.keys(t.Defaults.modifiers).map(function(e){return st({name:e},t.Defaults.modifiers[e])}),this.modifiers=this.modifiers.map(function(t){var e=o.modifiers&&o.modifiers[t.name]||{};return st({},t,e)}),o.modifiers&&(this.options.modifiers=st({},t.Defaults.modifiers,o.modifiers),Object.keys(o.modifiers).forEach(function(e){if(void 0===t.Defaults.modifiers[e]){var i=o.modifiers[e];i.name=e,n.modifiers.push(i)}})),this.state.position=r(this.reference),this.modifiers=this.modifiers.sort(function(t,e){return t.order-e.order}),this.modifiers.forEach(function(t){t.enabled&&A(t.onLoad)&&t.onLoad(n.reference,n.popper,n.options,t,n.state)}),this.state.isParentTransformed=S(this.popper.parentNode),this.update();var s=this.options.eventsEnabled;s&&this.enableEventListeners(),this.state.eventsEnabled=s}return ot(t,[{key:"update",value:function(){if(!this.state.isDestroyed){var t={instance:this,styles:{},attributes:{},flipped:!1,offsets:{}};this.state.position=r(this.reference),W(this.popper,{position:this.state.position}),t.offsets.reference=T(this.state,this.popper,this.reference),t.placement=v(this.options.placement,t.offsets.reference,this.popper),t.originalPlacement=this.options.placement,t.offsets.popper=k(this.state,this.popper,t.offsets.reference,t.placement),t=P(this.modifiers,t),this.state.isCreated?this.options.onUpdate(t):(this.state.isCreated=!0,this.options.onCreate(t))}}},{key:"destroy",value:function(){return this.state.isDestroyed=!0,C(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.left="",this.popper.style.position="",this.popper.style.top="",this.popper.style[L("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}},{key:"enableEventListeners",value:function(){this.state.eventsEnabled||(this.state=B(this.reference,this.options,this.state,this.scheduleUpdate))}},{key:"disableEventListeners",value:function(){this.state.eventsEnabled&&(window.cancelAnimationFrame(this.scheduleUpdate),this.state=N(this.reference,this.state))}}]),t}();return ft.Utils=at,ft.placements=["auto","auto-start","auto-end","top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],ft.Defaults=pt,ft})},function(t,e,i){t.exports=i(0)}]);
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("popper.js")):"function"==typeof define&&define.amd?define(["popper.js"],e):(t=t||self).tippy=e(t.Popper)}(this,function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r])}return t}).apply(this,arguments)}var a="undefined"!=typeof window&&"undefined"!=typeof document,r=a?navigator.userAgent:"",n=/MSIE |Trident\//.test(r),i=/UCBrowser\//.test(r),o=a&&/iPhone|iPad|iPod/.test(navigator.platform)&&!window.MSStream,p={a11y:!0,allowHTML:!0,animateFill:!0,animation:"shift-away",appendTo:function(){return document.body},aria:"describedby",arrow:!1,arrowType:"sharp",boundary:"scrollParent",content:"",delay:0,distance:10,duration:[325,275],flip:!0,flipBehavior:"flip",flipOnUpdate:!1,followCursor:!1,hideOnClick:!0,ignoreAttributes:!1,inertia:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,lazy:!0,maxWidth:350,multiple:!1,offset:0,onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},placement:"top",popperOptions:{},role:"tooltip",showOnInit:!1,size:"regular",sticky:!1,target:"",theme:"dark",touch:!0,touchHold:!1,trigger:"mouseenter focus",triggerTarget:null,updateDuration:0,wait:null,zIndex:9999},s=["arrow","arrowType","boundary","distance","flip","flipBehavior","flipOnUpdate","offset","placement","popperOptions"],l=a?Element.prototype:{},c=l.matches||l.matchesSelector||l.webkitMatchesSelector||l.mozMatchesSelector||l.msMatchesSelector;function d(t){return[].slice.call(t)}function f(t,e){return m(t,function(t){return c.call(t,e)})}function m(t,e){for(;t;){if(e(t))return t;t=t.parentElement}return null}var u={passive:!0},b=4,y="x-placement",v="x-out-of-boundaries",h="tippy-iOS",x="tippy-active",g="tippy-popper",w="tippy-tooltip",k="tippy-content",A="tippy-backdrop",E="tippy-arrow",X="tippy-roundarrow",Y=".".concat(g),C=".".concat(w),L=".".concat(k),T=".".concat(A),I=".".concat(E),S=".".concat(X),O=!1;function M(){O||(O=!0,o&&document.body.classList.add(h),window.performance&&document.addEventListener("mousemove",H))}var z=0;function H(){var t=performance.now();t-z<20&&(O=!1,document.removeEventListener("mousemove",H),o||document.body.classList.remove(h)),z=t}function V(){var t=document.activeElement;t&&t.blur&&t._tippy&&t.blur()}var _=Object.keys(p);function D(t,e){return{}.hasOwnProperty.call(t,e)}function P(t,e,a){if(Array.isArray(t)){var r=t[e];return null==r?a:r}return t}function q(t,e){var a;return function(){var r=this,n=arguments;clearTimeout(a),a=setTimeout(function(){return t.apply(r,n)},e)}}function N(t,e){return t&&t.modifiers&&t.modifiers[e]}function B(t,e){return t.indexOf(e)>-1}function F(t){return t instanceof Element}function j(t){return!(!t||!D(t,"isVirtual"))||F(t)}function U(t,e){return"function"==typeof t?t.apply(null,e):t}function W(t,e){t.filter(function(t){return"flip"===t.name})[0].enabled=e}function R(){return document.createElement("div")}function J(t,e){t.forEach(function(t){t&&(t.style.transitionDuration="".concat(e,"ms"))})}function G(t,e){t.forEach(function(t){t&&t.setAttribute("data-state",e)})}function K(t,a){var r=e({},a,{content:U(a.content,[t])},a.ignoreAttributes?{}:function(t){return _.reduce(function(e,a){var r=(t.getAttribute("data-tippy-".concat(a))||"").trim();if(!r)return e;if("content"===a)e[a]=r;else try{e[a]=JSON.parse(r)}catch(t){e[a]=r}return e},{})}(t));return(r.arrow||i)&&(r.animateFill=!1),r}function Q(t,e){Object.keys(t).forEach(function(t){if(!D(e,t))throw new Error("[tippy]: `".concat(t,"` is not a valid option"))})}function Z(t,e){t.innerHTML=F(e)?e.innerHTML:e}function $(t,e){if(F(e.content))Z(t,""),t.appendChild(e.content);else if("function"!=typeof e.content){t[e.allowHTML?"innerHTML":"textContent"]=e.content}}function tt(t){return{tooltip:t.querySelector(C),backdrop:t.querySelector(T),content:t.querySelector(L),arrow:t.querySelector(I)||t.querySelector(S)}}function et(t){t.setAttribute("data-inertia","")}function at(t){var e=R();return"round"===t?(e.className=X,Z(e,'<svg viewBox="0 0 18 7" xmlns="http://www.w3.org/2000/svg"><path d="M0 7s2.021-.015 5.253-4.218C6.584 1.051 7.797.007 9 0c1.203-.007 2.416 1.035 3.761 2.782C16.012 7.005 18 7 18 7H0z"/></svg>')):e.className=E,e}function rt(){var t=R();return t.className=A,t.setAttribute("data-state","hidden"),t}function nt(t,e){t.setAttribute("tabindex","-1"),e.setAttribute("data-interactive","")}function it(t,e,a){var r=i&&void 0!==document.body.style.webkitTransition?"webkitTransitionEnd":"transitionend";t[e+"EventListener"](r,a)}function ot(t){var e=t.getAttribute(y);return e?e.split("-")[0]:""}function pt(t,e,a){a.split(" ").forEach(function(a){t.classList[e](a+"-theme")})}function st(t,e){var a=R();a.className=g,a.id="tippy-".concat(t),a.style.zIndex=""+e.zIndex,e.role&&a.setAttribute("role",e.role);var r=R();r.className=w,r.style.maxWidth=e.maxWidth+("number"==typeof e.maxWidth?"px":""),r.setAttribute("data-size",e.size),r.setAttribute("data-animation",e.animation),r.setAttribute("data-state","hidden"),pt(r,"add",e.theme);var n=R();return n.className=k,n.setAttribute("data-state","hidden"),e.interactive&&nt(a,r),e.arrow&&r.appendChild(at(e.arrowType)),e.animateFill&&(r.appendChild(rt()),r.setAttribute("data-animatefill","")),e.inertia&&et(r),$(n,e),r.appendChild(n),a.appendChild(r),a}function lt(t,e,a){var r=tt(t),n=r.tooltip,i=r.content,o=r.backdrop,p=r.arrow;t.style.zIndex=""+a.zIndex,n.setAttribute("data-size",a.size),n.setAttribute("data-animation",a.animation),n.style.maxWidth=a.maxWidth+("number"==typeof a.maxWidth?"px":""),a.role?t.setAttribute("role",a.role):t.removeAttribute("role"),e.content!==a.content&&$(i,a),!e.animateFill&&a.animateFill?(n.appendChild(rt()),n.setAttribute("data-animatefill","")):e.animateFill&&!a.animateFill&&(n.removeChild(o),n.removeAttribute("data-animatefill")),!e.arrow&&a.arrow?n.appendChild(at(a.arrowType)):e.arrow&&!a.arrow&&n.removeChild(p),e.arrow&&a.arrow&&e.arrowType!==a.arrowType&&n.replaceChild(at(a.arrowType),p),!e.interactive&&a.interactive?nt(t,n):e.interactive&&!a.interactive&&function(t,e){t.removeAttribute("tabindex"),e.removeAttribute("data-interactive")}(t,n),!e.inertia&&a.inertia?et(n):e.inertia&&!a.inertia&&function(t){t.removeAttribute("data-inertia")}(n),e.theme!==a.theme&&(pt(n,"remove",e.theme),pt(n,"add",a.theme))}var ct=1;function dt(a,r){var i,o,l,h,g,w=K(a,r);if(!w.multiple&&a._tippy)return null;var k,A,E,X,C,L,T=!1,I=!1,S=!1,M=[],z=w.interactiveDebounce>0?q(vt,w.interactiveDebounce):vt,H=ct++,V=st(H,w),_=tt(V),j={id:H,reference:a,popper:V,popperChildren:_,popperInstance:null,props:w,state:{isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},clearDelayTimeouts:Lt,set:Tt,setContent:function(t){Tt({content:t})},show:It,hide:St,enable:function(){j.state.isEnabled=!0},disable:function(){j.state.isEnabled=!1},destroy:function(t){if(j.state.isDestroyed)return;j.state.isMounted&&St(0);mt(),delete a._tippy;var e=j.props.target;e&&t&&F(a)&&d(a.querySelectorAll(e)).forEach(function(t){t._tippy&&t._tippy.destroy()});j.popperInstance&&j.popperInstance.destroy();j.state.isDestroyed=!0}};return a._tippy=j,V._tippy=j,ft(),w.lazy||Et(),w.showOnInit&&Xt(),!w.a11y||w.target||(!F(L=$())||c.call(L,"a[href],area[href],button,details,input,textarea,select,iframe,[tabindex]")&&!L.hasAttribute("disabled"))||$().setAttribute("tabindex","0"),V.addEventListener("mouseenter",function(t){j.props.interactive&&j.state.isVisible&&"mouseenter"===i&&Xt(t,!0)}),V.addEventListener("mouseleave",function(){j.props.interactive&&"mouseenter"===i&&document.addEventListener("mousemove",z)}),j;function R(){document.removeEventListener("mousemove",bt)}function Z(){document.body.removeEventListener("mouseleave",Yt),document.removeEventListener("mousemove",z)}function $(){return j.props.triggerTarget||a}function et(){document.addEventListener("click",Ct,!0)}function at(){return[j.popperChildren.tooltip,j.popperChildren.backdrop,j.popperChildren.content]}function rt(){return j.props.followCursor&&!O&&"focus"!==i}function nt(t,e){var a=j.popperChildren.tooltip;function r(t){t.target===a&&(it(a,"remove",r),e())}if(0===t)return e();it(a,"remove",X),it(a,"add",r),X=r}function pt(t,e){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];$().addEventListener(t,e,a),M.push({eventType:t,handler:e,options:a})}function ft(){j.props.touchHold&&!j.props.target&&(pt("touchstart",yt,u),pt("touchend",ht,u)),j.props.trigger.trim().split(" ").forEach(function(t){if("manual"!==t)if(j.props.target)switch(t){case"mouseenter":pt("mouseover",gt),pt("mouseout",wt);break;case"focus":pt("focusin",gt),pt("focusout",wt);break;case"click":pt(t,gt)}else switch(pt(t,yt),t){case"mouseenter":pt("mouseleave",ht);break;case"focus":pt(n?"focusout":"blur",xt)}})}function mt(){M.forEach(function(t){var e=t.eventType,a=t.handler,r=t.options;$().removeEventListener(e,a,r)}),M=[]}function ut(t){return j.props.arrow?C[t]+("round"===j.props.arrowType?18:16):C[t]}function bt(t){var r=o=t,n=r.clientX,i=r.clientY;if(C){var p=a.getBoundingClientRect(),s=j.props.followCursor,l="horizontal"===s,c="vertical"===s,d=ot(V),f=B(["top","bottom"],d),u=B(["left","right"],d),b=e({},C);f&&(b.left=ut("left"),b.right=ut("right")),u&&(b.top=ut("top"),b.bottom=ut("bottom"));var y=f?Math.max(b.left,n):n,v=u?Math.max(b.top,i):i;f&&y>b.right&&(y=Math.min(n,window.innerWidth-b.right)),u&&v>b.bottom&&(v=Math.min(i,window.innerHeight-b.bottom)),!m(t.target,function(t){return t===a})&&j.props.interactive||(j.popperInstance.reference=e({},j.popperInstance.reference,{getBoundingClientRect:function(){return{width:0,height:0,top:l?p.top:v,bottom:l?p.bottom:v,left:c?p.left:y,right:c?p.right:y}},clientWidth:0,clientHeight:0}),j.popperInstance.scheduleUpdate()),"initial"===s&&j.state.isVisible&&R()}}function yt(t){j.state.isEnabled&&!kt(t)&&(j.state.isVisible||(i=t.type,t instanceof MouseEvent&&(o=t)),"click"===t.type&&!1!==j.props.hideOnClick&&j.state.isVisible?Yt():Xt(t))}function vt(t){var e=f(t.target,Y)===V,r=m(t.target,function(t){return t===a});e||r||function(t,e,a,r){if(!t)return!0;var n=a.clientX,i=a.clientY,o=r.interactiveBorder,p=r.distance,s=e.top-i>("top"===t?o+p:o),l=i-e.bottom>("bottom"===t?o+p:o),c=e.left-n>("left"===t?o+p:o),d=n-e.right>("right"===t?o+p:o);return s||l||c||d}(ot(V),V.getBoundingClientRect(),t,j.props)&&(Z(),Yt())}function ht(t){if(!kt(t))return j.props.interactive?(document.body.addEventListener("mouseleave",Yt),void document.addEventListener("mousemove",z)):void Yt()}function xt(t){t.target===$()&&(j.props.interactive&&t.relatedTarget&&V.contains(t.relatedTarget)||Yt())}function gt(t){f(t.target,j.props.target)&&Xt(t)}function wt(t){f(t.target,j.props.target)&&Yt()}function kt(t){var e="ontouchstart"in window,a=B(t.type,"touch"),r=j.props.touchHold;return e&&O&&r&&!a||O&&!r&&a}function At(){!S&&E&&(S=!0,function(t){t.offsetHeight}(V),E())}function Et(){var r=j.props.popperOptions,n=j.popperChildren,i=n.tooltip,o=n.arrow,p=N(r,"preventOverflow");function s(t){j.props.flip&&!j.props.flipOnUpdate&&(t.flipped&&(j.popperInstance.options.placement=t.placement),W(j.popperInstance.modifiers,!1)),i.setAttribute(y,t.placement),!1!==t.attributes[v]?i.setAttribute(v,""):i.removeAttribute(v),A&&A!==t.placement&&I&&(i.style.transition="none",requestAnimationFrame(function(){i.style.transition=""})),A=t.placement,I=j.state.isVisible;var a=ot(V),r=i.style;r.top=r.bottom=r.left=r.right="",r[a]=-(j.props.distance-10)+"px";var n=p&&void 0!==p.padding?p.padding:b,o="number"==typeof n,s=e({top:o?n:n.top,bottom:o?n:n.bottom,left:o?n:n.left,right:o?n:n.right},!o&&n);s[a]=o?n+j.props.distance:(n[a]||0)+j.props.distance,j.popperInstance.modifiers.filter(function(t){return"preventOverflow"===t.name})[0].padding=s,C=s}var l=e({eventsEnabled:!1,placement:j.props.placement},r,{modifiers:e({},r?r.modifiers:{},{preventOverflow:e({boundariesElement:j.props.boundary,padding:b},p),arrow:e({element:o,enabled:!!o},N(r,"arrow")),flip:e({enabled:j.props.flip,padding:j.props.distance+b,behavior:j.props.flipBehavior},N(r,"flip")),offset:e({offset:j.props.offset},N(r,"offset"))}),onCreate:function(t){At(),s(t),r&&r.onCreate&&r.onCreate(t)},onUpdate:function(t){At(),s(t),r&&r.onUpdate&&r.onUpdate(t)}});j.popperInstance=new t(a,V,l)}function Xt(t,a){if(Lt(),!j.state.isVisible){if(j.props.target)return function(t){if(t){var a=f(t.target,j.props.target);a&&!a._tippy&&dt(a,e({},j.props,{content:U(r.content,[a]),appendTo:r.appendTo,target:"",showOnInit:!0}))}}(t);if(T=!0,t&&!a&&j.props.onTrigger(j,t),j.props.wait)return j.props.wait(j,t);rt()&&!j.state.isMounted&&(j.popperInstance||Et(),document.addEventListener("mousemove",bt)),et();var n=P(j.props.delay,0,p.delay);n?l=setTimeout(function(){It()},n):It()}}function Yt(){if(Lt(),!j.state.isVisible)return R();T=!1;var t=P(j.props.delay,1,p.delay);t?h=setTimeout(function(){j.state.isVisible&&St()},t):g=requestAnimationFrame(function(){St()})}function Ct(t){if(!j.props.interactive||!V.contains(t.target)){if($().contains(t.target)){if(O)return;if(j.state.isVisible&&B(j.props.trigger,"click"))return}!0===j.props.hideOnClick&&(Lt(),St())}}function Lt(){clearTimeout(l),clearTimeout(h),cancelAnimationFrame(g)}function Tt(t){Q(t=t||{},p),mt();var r=j.props,n=K(a,e({},j.props,t,{ignoreAttributes:!0}));n.ignoreAttributes=D(t,"ignoreAttributes")?t.ignoreAttributes||!1:r.ignoreAttributes,j.props=n,ft(),Z(),z=q(vt,t.interactiveDebounce||0),lt(V,r,n),j.popperChildren=tt(V),j.popperInstance&&(s.some(function(e){return D(t,e)&&t[e]!==r[e]})?(j.popperInstance.destroy(),Et(),j.state.isVisible&&j.popperInstance.enableEventListeners(),j.props.followCursor&&o&&bt(o)):j.popperInstance.update())}function It(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:P(j.props.duration,0,p.duration[1]);if(!j.state.isDestroyed&&j.state.isEnabled&&(!O||j.props.touch)&&!$().hasAttribute("disabled")&&!1!==j.props.onShow(j)){et(),V.style.visibility="visible",j.state.isVisible=!0,j.props.interactive&&$().classList.add(x);var e=at();J(e.concat(V),0),E=function(){j.state.isVisible&&(rt()||j.popperInstance.update(),j.popperChildren.backdrop&&(j.popperChildren.content.style.transitionDelay=Math.round(t/12)+"ms"),j.props.sticky&&(J([V],n?0:j.props.updateDuration),function t(){j.popperInstance.scheduleUpdate(),j.state.isMounted?requestAnimationFrame(t):J([V],0)}()),J([V],j.props.updateDuration),J(e,t),G(e,"visible"),function(t,e){nt(t,e)}(t,function(){j.props.aria&&$().setAttribute("aria-".concat(j.props.aria),V.id),j.props.onShown(j),j.state.isShown=!0}))},function(){S=!1;var t=!(rt()||"initial"===j.props.followCursor&&O);j.popperInstance?(rt()||(j.popperInstance.scheduleUpdate(),t&&j.popperInstance.enableEventListeners()),W(j.popperInstance.modifiers,j.props.flip)):(Et(),t&&j.popperInstance.enableEventListeners()),j.popperInstance.reference=a;var e=j.popperChildren.arrow;rt()?(e&&(e.style.margin="0"),o&&bt(o)):e&&(e.style.margin=""),O&&o&&"initial"===j.props.followCursor&&(bt(o),e&&(e.style.margin="0"));var r=j.props.appendTo;(k="parent"===r?a.parentNode:U(r,[a])).contains(V)||(k.appendChild(V),j.props.onMount(j),j.state.isMounted=!0)}()}}function St(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:P(j.props.duration,1,p.duration[1]);if(!j.state.isDestroyed&&j.state.isEnabled&&!1!==j.props.onHide(j)){document.removeEventListener("click",Ct,!0),V.style.visibility="hidden",j.state.isVisible=!1,j.state.isShown=!1,I=!1,j.props.interactive&&$().classList.remove(x);var e=at();J(e,t),G(e,"hidden"),function(t,e){nt(t,function(){!j.state.isVisible&&k&&k.contains(V)&&e()})}(t,function(){T||R(),j.props.aria&&$().removeAttribute("aria-".concat(j.props.aria)),j.popperInstance.disableEventListeners(),j.popperInstance.options.placement=j.props.placement,k.removeChild(V),j.props.onHidden(j),j.state.isMounted=!1})}}}var ft=!1;function mt(t,a){Q(a||{},p),ft||(document.addEventListener("touchstart",M,u),window.addEventListener("blur",V),ft=!0);var r,n=e({},p,a);r=t,"[object Object]"!=={}.toString.call(r)||r.addEventListener||function(t){var e={isVirtual:!0,attributes:t.attributes||{},contains:function(){},setAttribute:function(e,a){t.attributes[e]=a},getAttribute:function(e){return t.attributes[e]},removeAttribute:function(e){delete t.attributes[e]},hasAttribute:function(e){return e in t.attributes},addEventListener:function(){},removeEventListener:function(){},classList:{classNames:{},add:function(e){t.classList.classNames[e]=!0},remove:function(e){delete t.classList.classNames[e]},contains:function(e){return e in t.classList.classNames}}};for(var a in e)t[a]=e[a]}(t);var i=function(t){if(j(t))return[t];if(t instanceof NodeList)return d(t);if(Array.isArray(t))return t;try{return d(document.querySelectorAll(t))}catch(t){return[]}}(t).reduce(function(t,e){var a=e&&dt(e,n);return a&&t.push(a),t},[]);return j(t)?i[0]:i}return mt.version="4.3.1",mt.defaults=p,mt.setDefaults=function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})},mt.hideAll=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.exclude,a=t.duration;d(document.querySelectorAll(Y)).forEach(function(t){var r,n=t._tippy;if(n){var i=!1;e&&(i=(r=e)._tippy&&!c.call(r,Y)?n.reference===e:t===e.popper),i||n.hide(a)}})},mt.group=function(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=a.delay,n=void 0===r?t[0].props.delay:r,i=a.duration,o=void 0===i?0:i,p=!1;function s(t){p=t,f()}function l(e){e._originalProps.onShow(e),t.forEach(function(t){t.set({duration:o}),t.state.isVisible&&t.hide()}),s(!0)}function c(t){t._originalProps.onHide(t),s(!1)}function d(t){t._originalProps.onShown(t),t.set({duration:t._originalProps.duration})}function f(){t.forEach(function(t){t.set({onShow:l,onShown:d,onHide:c,delay:p?[0,Array.isArray(n)?n[1]:n]:n,duration:p?o:t._originalProps.duration})})}t.forEach(function(t){t._originalProps?t.set(t._originalProps):t._originalProps=e({},t.props)}),f()},a&&setTimeout(function(){d(document.querySelectorAll("[data-tippy]")).forEach(function(t){var e=t.getAttribute("data-tippy");e&&mt(t,{content:e})})}),function(t){if(a){var e=document.createElement("style");e.type="text/css",e.textContent=t,e.setAttribute("data-tippy-stylesheet","");var r=document.head,n=r.firstChild;n?r.insertBefore(e,n):r.appendChild(e)}}('.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}.tippy-popper{transition-timing-function:cubic-bezier(.165,.84,.44,1);max-width:calc(100% - 8px);pointer-events:none;outline:0}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{bottom:-7px;bottom:-6.5px;-webkit-transform-origin:50% 0;transform-origin:50% 0;margin:0 3px}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;bottom:-7px;margin:0 3px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-backdrop{-webkit-transform-origin:0 25%;transform-origin:0 25%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%)}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%,-45%);transform:scale(.2) translate(-50%,-45%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{-webkit-transform:perspective(700px) translateY(-10px) rotateX(0);transform:perspective(700px) translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:perspective(700px) translateY(0) rotateX(60deg);transform:perspective(700px) translateY(0) rotateX(60deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px) scale(.5);transform:translateY(-10px) scale(.5)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{top:-7px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;margin:0 3px}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(0);transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:8px solid #333;border-right:8px solid transparent;border-left:8px solid transparent;top:-7px;margin:0 3px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%)}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-50%);transform:scale(.2) translate(-50%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{-webkit-transform:perspective(700px) translateY(10px) rotateX(0);transform:perspective(700px) translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:perspective(700px) translateY(0) rotateX(-60deg);transform:perspective(700px) translateY(0) rotateX(-60deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px) scale(.5);transform:translateY(10px) scale(.5)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow{right:-12px;-webkit-transform-origin:33.33333333% 50%;transform-origin:33.33333333% 50%;margin:3px 0}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;right:-7px;margin:3px 0;-webkit-transform-origin:0 50%;transform-origin:0 50%}.tippy-popper[x-placement^=left] .tippy-backdrop{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-75%,-50%);transform:scale(.2) translate(-75%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{-webkit-transform:perspective(700px) translateX(-10px) rotateY(0);transform:perspective(700px) translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:perspective(700px) translateX(0) rotateY(-60deg);transform:perspective(700px) translateX(0) rotateY(-60deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px) scale(.5);transform:translateX(-10px) scale(.5)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{left:-12px;-webkit-transform-origin:66.66666666% 50%;transform-origin:66.66666666% 50%;margin:3px 0}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:8px solid #333;border-top:8px solid transparent;border-bottom:8px solid transparent;left:-7px;margin:3px 0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tippy-popper[x-placement^=right] .tippy-backdrop{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(.2) translate(-25%,-50%);transform:scale(.2) translate(-25%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{-webkit-transform:perspective(700px) translateX(10px) rotateY(0);transform:perspective(700px) translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:perspective(700px) translateX(0) rotateY(60deg);transform:perspective(700px) translateX(0) rotateY(60deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px) scale(.5);transform:translateX(10px) scale(.5)}.tippy-tooltip{position:relative;color:#fff;border-radius:.25rem;font-size:.875rem;padding:.3125rem .5625rem;line-height:1.4;text-align:center;background-color:#333}.tippy-tooltip[data-size=small]{padding:.1875rem .375rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.375rem .75rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-tooltip[data-inertia][data-state=hidden]{transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-roundarrow{width:18px;height:7px;fill:#333;pointer-events:none}.tippy-backdrop{position:absolute;background-color:#333;border-radius:50%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:"";float:left;padding-top:100%}.tippy-backdrop+.tippy-content{transition-property:opacity;will-change:opacity}.tippy-backdrop+.tippy-content[data-state=visible]{opacity:1}.tippy-backdrop+.tippy-content[data-state=hidden]{opacity:0}'),mt});
+//# sourceMappingURL=index.all.min.js.map
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationDetailView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationDetailView.ejs
index bfc46ab180..c6f86729ff 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationDetailView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationDetailView.ejs
@@ -1,4 +1,3 @@
-<script id="applicationDetailView.ejs" type="text/template">
   <div class="application-detail-view">
     <div class="headerBar" style="width: 100%">
 
@@ -151,4 +150,3 @@
       </dl>
     </aside>-->
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationListView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationListView.ejs
index ed6461813c..758f47f43a 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationListView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationListView.ejs
@@ -1,4 +1,3 @@
-<script id="applicationListView.ejs" type="text/template">
   <tr class="foxx-store-row">
     <td class="foxx-store-main">
       <div class="foxx-name"><%=name%><%=legacy?' (legacy)':''%></div>
@@ -12,4 +11,3 @@
       <button class="button-success install-app" appId="<%=name %>" appVersion="<%=latestVersion %>">Install</button>
     </td>
   </tr>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationsView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationsView.ejs
index f8b93e9636..1bfced006e 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationsView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applicationsView.ejs
@@ -1,4 +1,3 @@
-<script id="applicationsView.ejs" type="text/template">
 <div class="headerBar">
   <div class="headerButtonBar">
     <ul class="headerButtonList">
@@ -54,4 +53,3 @@
     </div>
   </div>
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applierView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applierView.ejs
index 0b84eb9435..fea0b81c3f 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applierView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/applierView.ejs
@@ -1,4 +1,3 @@
-<script id="applierView.ejs" type="text/template">
   <div id="applierContent" class="innerContent applierContent replicationContent">
     <div class="repl-applier">
 
@@ -47,4 +46,3 @@
 
     </div>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/arangoTabbar.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/arangoTabbar.ejs
index 728fee661a..a826f99b4c 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/arangoTabbar.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/arangoTabbar.ejs
@@ -1,4 +1,3 @@
-<script id="arangoTabbar.ejs" type="text/template">
 <div class="arango-tabbar" id="<%=content.id%>">
   <% _.each(content.titles, function(k,v) { %>
   <% var name = content.titles[v][0];  %>
@@ -6,4 +5,3 @@
   <button class="arangodb-tabbar" id="<%=elid%>"><%=name%></button>
   <%});%>
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/arangoTable.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/arangoTable.ejs
index d9cf65b7a8..3eb659a354 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/arangoTable.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/arangoTable.ejs
@@ -1,4 +1,3 @@
-<script id="arangoTable.ejs" type="text/template">
   <div class="tableWrapper">
     <% var type = type; %>
     <table class="arango-table" id="<%=content.id%>">
@@ -42,4 +41,3 @@
       </tbody>
     </table>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/clusterView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/clusterView.ejs
index 27c90bcec7..13011a7f3b 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/clusterView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/clusterView.ejs
@@ -1,4 +1,3 @@
-<script id="clusterView.ejs" type="text/template">
 
   <div class="headerBar" style="margin-top: -60px">
     <div class="headerButtonBar">
@@ -69,4 +68,3 @@
 
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/collectionsItemView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/collectionsItemView.ejs
index 3a232b3d3d..fcf248b1a4 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/collectionsItemView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/collectionsItemView.ejs
@@ -1,4 +1,3 @@
-<script id="collectionsItemView.ejs" type="text/template">
 <div class="paddingBox">
   <div class="borderBox"></div>
   <i class="collection-type-icon fa <%= model.get('picture') %>"></i>
@@ -37,4 +36,3 @@
     <h5 class="collectionName"><%= model.get('name') %></h5>
   <% } %>
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/collectionsView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/collectionsView.ejs
index 9aab04b6c2..ffebfc3d20 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/collectionsView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/collectionsView.ejs
@@ -1,4 +1,3 @@
-<script id="collectionsView.ejs" type="text/template">
   <div class="headerBar">
     <div class="search-field">
       <input type="text" id="searchInput" class="search-input" placeholder="Search..."/>
@@ -113,4 +112,3 @@
       </div>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/dashboardView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/dashboardView.ejs
index 2a08508930..210f92025d 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/dashboardView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/dashboardView.ejs
@@ -1,4 +1,3 @@
-<script id="dashboardView.ejs" type="text/template">
   <% var subBar = function(title) { %>
     <div class="dashboard-sub-bar">
       <div  class="dashboard-sub-bar-title"><%= title %></div>
@@ -145,4 +144,3 @@
 
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/databaseView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/databaseView.ejs
index 9b1f1ae4f3..a3006c80a5 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/databaseView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/databaseView.ejs
@@ -1,4 +1,3 @@
-<script id="databaseView.ejs" type="text/template">
   <div class="headerBar">
     <div class="search-field">
       <input type="text" value="<%=searchString%>" id="databaseSearchInput" class="search-input" placeholder="Search..."/>
@@ -71,4 +70,3 @@
      </div>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/dbSelectionView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/dbSelectionView.ejs
index 841cecbf39..56ff1c58f3 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/dbSelectionView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/dbSelectionView.ejs
@@ -1,4 +1,3 @@
-<script id="dbSelectionView.ejs" type="text/template">
 <a href="#" class="tab disabled" id="dbselection"><div class="dbselection"><i class="fa fa-database"></i><span class="db-name">DB: </span> <%=current%>
 <!-- <i class="fa fa-caret-square-o-down"></i> -->
 </div>
@@ -34,4 +33,3 @@ if (list.length > 0) {
     <% } %>
 </ul>
 -->
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/documentView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/documentView.ejs
index 92a48bd442..b3e34b44b8 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/documentView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/documentView.ejs
@@ -1,4 +1,3 @@
-<script id="documentView.ejs" type="text/template">
 
   <div class="headerBar">
     <div class="headerButtonBar">
@@ -65,4 +64,3 @@
     <div class="pull-left shortcuts showHotkeyHelp"></div>
 	</div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/documentsView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/documentsView.ejs
index 17b129f12e..169f9fc33c 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/documentsView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/documentsView.ejs
@@ -1,4 +1,3 @@
-<script id="documentsView.ejs" type="text/template">
 <div id="transparentHeader" class="headerBar marginTop5">
 
   <div id="documentsToolbar" class="headerButtonBar">
@@ -141,4 +140,3 @@
   </div>
 </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/edgeDefinitionTable.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/edgeDefinitionTable.ejs
index 98c4bb4f2b..8742dbe60f 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/edgeDefinitionTable.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/edgeDefinitionTable.ejs
@@ -1,4 +1,3 @@
-<script id="edgeDefinitionTable.ejs" type="text/template">
   <tr class="tableRow" id="row_newEdgeDefinitions<%= number%>">
     <th class="collectionTh">Edge definitions*:</th>
     <th class="collectionTh">
@@ -27,4 +26,3 @@
     </span>
   </th>
   </tr>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/editListEntryView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/editListEntryView.ejs
index 436a51c162..3d1ad8e64b 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/editListEntryView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/editListEntryView.ejs
@@ -1,4 +1,3 @@
-<script id="editListEntryView.ejs" type="text/template">
 <td class="writable sorting_1">
   <% if (isReadOnly) { %>
     <span class="key"><%=key%></span>
@@ -19,4 +18,3 @@
     <span class="icon_arangodb_roundminus" data-original-title="Delete attribute"></span>
   </a>
 </td>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/filterSelect.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/filterSelect.ejs
index 062f0f8e90..3b90f95452 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/filterSelect.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/filterSelect.ejs
@@ -1,4 +1,3 @@
-<script id="filterSelect.ejs" type="text/template">
 
 <div class="filterSelectBox">
   <div class="filterLabel"><%=name%><span><i class="fa fa-close" id="closeFilter"></i></span></div>
@@ -33,4 +32,3 @@
 
 </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/footerView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/footerView.ejs
index 39558ce2ca..35abca3902 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/footerView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/footerView.ejs
@@ -1,4 +1,3 @@
-<script id="footerView.ejs" type="text/template">
 <%
   var n,v,db;
   if (name) {
@@ -24,4 +23,3 @@
 <div class="footer-right">
   <p><% if(n) { %><a><%=n%> <%=v%> <% } %></a></p>
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxActiveView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxActiveView.ejs
index 5cf936ba77..6aa87f29d2 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxActiveView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxActiveView.ejs
@@ -1,4 +1,3 @@
-<script id="foxxActiveView.ejs" type="text/template">
   <div class="paddingBox">
     <div class="foxxDesc">
       <p><span class="foxxMount"><%=model.get("mount")%></span></p>
@@ -27,4 +26,3 @@
       </div>
     <% } %>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxEditView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxEditView.ejs
index 207d727ce5..b779d45a10 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxEditView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxEditView.ejs
@@ -1,4 +1,3 @@
-<script id="foxxEditView.ejs" type="text/template">
 <%var appInfos = attributes.app.split(":"); %>
 <div id="change-foxx" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none">
   <div class="modal-header">
@@ -13,7 +12,7 @@
       </tr>
       <tr>
         <th class="collectionTh">Documentation:</th>
-        <th class="collectionTh"><%=documentationJsonUrl</th>
+        <th class="collectionTh"><%=documentationJsonUrl%></th>
       </tr>
       <tr>
         <th class="collectionTh">Mount:</th>
@@ -61,4 +60,3 @@
     
   </div>
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxMountView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxMountView.ejs
index 7d1551a91c..650bd571fd 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxMountView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxMountView.ejs
@@ -1,4 +1,3 @@
-<script id="foxxMountView.ejs" type="text/template">
 <div id="install-foxx" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none">
   <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
@@ -40,4 +39,3 @@
     <button id="cancel" class="button-danger pull-right">Cancel</button>
   </div>
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxRepoView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxRepoView.ejs
index 8d775fae0b..e74d0674e9 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxRepoView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/foxxRepoView.ejs
@@ -1,4 +1,3 @@
-<script id="foxxRepoView.ejs" type="text/template">
   <div class="paddingBox">
     <div class="foxxDesc">
       <p><span class="foxxName"><%=model.name%></span></p>
@@ -15,4 +14,3 @@
     <div class="borderBox"></div>
     <img src="<%= thumbnail %>" height="50" width="50" alt="Icon for Service" class="icon">
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphManagementView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphManagementView.ejs
index a7029ac9ea..d33c8a4a56 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphManagementView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphManagementView.ejs
@@ -1,4 +1,3 @@
-<script id="graphManagementView.ejs" type="text/template">
   <div class="headerBar">
     <div class="search-field">
       <input type="text" value="<%=searchString%>" id="graphManagementSearchInput" class="search-input" placeholder="Search..."/>
@@ -73,4 +72,3 @@
      </div>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphSettingsView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphSettingsView.ejs
index 5182f1f2d2..9d68236d6c 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphSettingsView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphSettingsView.ejs
@@ -1,10 +1,8 @@
-<script id="graphSettingsView.ejs" type="text/template">
 
   <% var genClass = 'pure-u-1-3'; %>
   <% var genClass2 = 'pure-u-2-3'; %>
 
   <% var formatName = function(name) { %>
-    <% var formattedName = %>
     <% return name.charAt(0).toUpperCase() + string.slice(1);%>
   <% }; %>
 
@@ -122,4 +120,3 @@
       </div>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphViewGroupByEntry.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphViewGroupByEntry.ejs
index a1a042f9b1..8acbdddf6f 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphViewGroupByEntry.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphViewGroupByEntry.ejs
@@ -1,4 +1,3 @@
-<script id="graphViewGroupByEntry.ejs" type="text/template">
 <div class="control-group">
   <label for="<%=type %>_<%=id%>" class="control-label">Attribute <%=id%></label>
   <div class="controls">
@@ -6,4 +5,3 @@
     <button id="remove_<%=type %>_<%=id%>" class="graphViewer-icon-button gv_internal_remove_line gv-icon-small delete" />
   </div>
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphViewer2.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphViewer2.ejs
index ec504f8fc9..4010d217c1 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphViewer2.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/graphViewer2.ejs
@@ -1,4 +1,3 @@
-<script id="graphViewer2.ejs" type="text/template">
   <div class="graphContent" id="graphContainer">
 
     <div class="headerBar">
@@ -49,4 +48,3 @@
     <div id="graph-container" oncontextmenu="return false;"></div>
   </div>
 
-  </script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/helpUsView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/helpUsView.ejs
index db00c3910b..d3f1fe4dfc 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/helpUsView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/helpUsView.ejs
@@ -1,7 +1,5 @@
-<script id="helpUsView.ejs" type="text/template">
 
 <div class="helpUs">
   <iframe src="https://docs.google.com/forms/d/1vsIwy0mJSeToEnfo_jnBaQebewbcURL730IkZIrkyEE/viewform?embedded=true" scrolling="no" width="100%" height="1300px" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
 </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/indicesView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/indicesView.ejs
index 988298b467..1e9fa653bc 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/indicesView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/indicesView.ejs
@@ -1,4 +1,3 @@
-<script id="indicesView.ejs" type="text/template">
   <% if (typeof supported !== 'undefined') { %>
     <div class="contentIn" id="indexHeaderContent">
         <div id="indexEditView">
@@ -469,4 +468,3 @@
         </div>
       </div>
     <% } %>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/lineChartDetailView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/lineChartDetailView.ejs
index 9032548553..11136483f4 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/lineChartDetailView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/lineChartDetailView.ejs
@@ -1,4 +1,3 @@
-<script id="lineChartDetailView.ejs" type="text/template">
 	<div id="lineChartDetail" class="modal hide fade modal-chart-detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display:none">
 		<div class="modal-header">
 			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
@@ -6,4 +5,3 @@
 		</div>
 		<div id="dashboardDetailedLineChart" class="dashboardDetailChart" style="position: absolute"></div>
 	</div>
-</script>
\ No newline at end of file
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loadingTableView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loadingTableView.ejs
index 7d0c7b4f3b..5d57a643d2 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loadingTableView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loadingTableView.ejs
@@ -1,4 +1,3 @@
-<script id="loadingTableView.ejs" type="text/template">
 <thead>
   <tr role="row">
     <th class="sorting_disabled docsFirstCol">Content</th>
@@ -14,4 +13,3 @@
   </tr>
 </tbody>
 </script>
-
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loggerView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loggerView.ejs
index 42f63e4882..8c6b73f1cc 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loggerView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loggerView.ejs
@@ -1,4 +1,3 @@
-<script id="loggerView.ejs" type="text/template">
 
   <div id="loggerContent" class="logger-content-id innerContent">
 
@@ -56,4 +55,3 @@
       <div class="logBorder"></div>
     </div>
   <% }); %>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loginView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loginView.ejs
index 3582f89a81..330020fd5f 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loginView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/loginView.ejs
@@ -1,4 +1,3 @@
-<script id="loginView.ejs" type="text/template">
 <div class="loginFixedWindow">
 
   <div id="loginWindow" class="login-window">
@@ -33,4 +32,3 @@
     </div>
   </div>
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalApplicationMount.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalApplicationMount.ejs
index 89fe90a781..203ecf59d9 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalApplicationMount.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalApplicationMount.ejs
@@ -1,4 +1,3 @@
-<script id="modalApplicationMount.ejs" type="text/template">
   <table>
     <tr class="tableRow">
       <% if (content === true) { %>
@@ -172,4 +171,3 @@ Upload a Foxx service bundle. The Foxx service bundle should be a zip archive co
       <div id="upload-foxx-zip">Upload File</div>
     </div>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalBase.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalBase.ejs
index 5b1ab43d30..3e6d6ef627 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalBase.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalBase.ejs
@@ -1,4 +1,3 @@
-<script id="modalBase.ejs" type="text/template">
   <div id="modal-dialog" class="modal hide fade createModalDialog" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel" aria-hidden="true">
    <% if (title !== null) { %>
@@ -65,4 +64,3 @@
       <button id="modal-abort-delete" class="button-neutral pull-right">No</button>
     </div>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalCollectionInfo.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalCollectionInfo.ejs
index 58fde8e590..5d1291777d 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalCollectionInfo.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalCollectionInfo.ejs
@@ -1,4 +1,3 @@
-<script id="modalCollectionInfo.ejs" type="text/template">
 <%
     var figuresData = content.figures;
     var revision    = content.revision;
@@ -361,4 +360,3 @@
           </table>
         <% } %>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalDownloadFoxx.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalDownloadFoxx.ejs
index 357a7cd156..d0afb7564c 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalDownloadFoxx.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalDownloadFoxx.ejs
@@ -1,6 +1,4 @@
-<script id="modalDownloadFoxx.ejs" type="text/template">
   <div>
     Your new Foxx Service is ready for download.
     You can edit it on your local system and repack it in a zip file to publish it on ArangoDB.
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalGraph.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalGraph.ejs
index f16b82ea1f..a7ba8af540 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalGraph.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalGraph.ejs
@@ -1,8 +1,6 @@
-<script id="modalGraph.ejs" type="text/template">
 	<div class="detail-chart">
 		<div id="lineChartDetail" class="modal-inner-detail"></div>
 		<div class="modal-dashboard-legend">
 			<div class="dashboard-legend-inner" id="detailLegend"></div>
 		</div>
 	</div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalGraphTable.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalGraphTable.ejs
index 4c05ba8423..99118c1d67 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalGraphTable.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalGraphTable.ejs
@@ -1,4 +1,3 @@
-<script id="modalGraphTable.ejs" type="text/template">
 
   <ul id="graphTab" class="nav nav-tabs">
     <li class="active"><a href="#createGraph" data-toggle="tab" id="tab-createGraph">Graph</a></li>
@@ -181,4 +180,3 @@
     </div>
 
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalHotkeys.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalHotkeys.ejs
index 77dcaaab8b..ed9ccff1bb 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalHotkeys.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalHotkeys.ejs
@@ -1,4 +1,3 @@
-<script id="modalHotkeys.ejs" type="text/template">
 
   <ul class="hotkeysList">
   <% _.each(content, function(categories) { %>
@@ -13,4 +12,3 @@
   <% }); %>
   <ul>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalTable.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalTable.ejs
index 6c6d844851..17c3b00529 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalTable.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalTable.ejs
@@ -1,4 +1,3 @@
-<script id="modalTable.ejs" type="text/template">
   <%
   var createTR = function(row) {
     var mandatory = '';
@@ -115,4 +114,3 @@
       </div>
     </div>
   <% } %>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalTestResults.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalTestResults.ejs
index add083cdfc..eb8c06b31a 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalTestResults.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/modalTestResults.ejs
@@ -1,4 +1,3 @@
-<script id="modalTestResults.ejs" type="text/template">
 <%
   function createSuite(suite) {
     %>
@@ -74,4 +73,3 @@
       </div>
     <% } %>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/navigationView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/navigationView.ejs
index b4c945b610..4a946cea20 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/navigationView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/navigationView.ejs
@@ -1,4 +1,3 @@
-<script id="navigationView.ejs" type="text/template">
   <ul class="navlist arango-collection-ul" id="arangoCollectionUl">
     <% if (isCluster) { %>
       <li class="cluster-menu"><a id="cluster" class="tab" href="#cluster"><i class="fa fa-circle-o"></i>Cluster</a></li>
@@ -102,4 +101,3 @@
     <p><a href="https://groups.google.com/group/arangodb" target="_blank"><i class="fa fa-google"></i></a></p>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodeView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodeView.ejs
index 2d42b8a5af..4b35a59151 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodeView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodeView.ejs
@@ -1,8 +1,6 @@
-<script id="nodeView.ejs" type="text/template">
 
   <div id="nodeContent" class="innerContent">
 
 
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodesView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodesView.ejs
index a764d9984e..89b822ff61 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodesView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/nodesView.ejs
@@ -1,4 +1,3 @@
-<script id="nodesView.ejs" type="text/template">
 
   <div id="nodesContent" class="innerContent">
 
@@ -172,4 +171,3 @@
   </div>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/notificationItem.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/notificationItem.ejs
index 706541cebd..519aa3c9fc 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/notificationItem.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/notificationItem.ejs
@@ -1,4 +1,3 @@
-<script id="notificationItem.ejs" type="text/template">
 <% notifications.forEach(function(n) { %>
   <li class="dropdown-item">
     <div class="notificationItem">
@@ -13,4 +12,3 @@
     </div>
   </li>
 <%  }); %>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/notificationView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/notificationView.ejs
index d8d2e96b72..ca6b0dbe24 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/notificationView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/notificationView.ejs
@@ -1,4 +1,3 @@
-<script id="notificationView.ejs" type="text/template">
 <ul class="navlist" id="notificationViewUl">
 
   <div class="navlogo">
@@ -14,4 +13,3 @@
   </li>
 
 </ul>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/progressBase.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/progressBase.ejs
index 02b8a3fb03..a790282ec2 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/progressBase.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/progressBase.ejs
@@ -1,4 +1,3 @@
-<script id="progressBase.ejs" type="text/template">
   <div class="progress-view">
     <div class="progress-content">
       <div class="progress-text"></div>
@@ -8,4 +7,3 @@
       <div class="progress-action"></div>
     </div>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryManagementViewActive.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryManagementViewActive.ejs
index dc3e40b25c..4f93df2fe0 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryManagementViewActive.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryManagementViewActive.ejs
@@ -1,4 +1,2 @@
-<script id="queryManagementViewActive.ejs" type="text/template">
   <div id="queryManagementContent" class="innerContent">
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryManagementViewSlow.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryManagementViewSlow.ejs
index c4886b1d0b..7d78e94f37 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryManagementViewSlow.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryManagementViewSlow.ejs
@@ -1,8 +1,6 @@
-<script id="queryManagementViewSlow.ejs" type="text/template">
   <div id="queryManagementContent" class="innerContent">
   </div>
 
   <div class="queryManagementBottomActions">
     <button id="deleteSlowQueryHistory" class="button-danger query-button">Delete History</button>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryView.ejs
index 12126b9dc2..dae952f40f 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryView.ejs
@@ -1,6 +1,3 @@
-<script id="queryView.ejs" type="text/template">
-
-  <div id="queryContent" class="queryContent">
 
     <div class="arangoToolbar arangoToolbarTop">
       <div class="pull-left">
@@ -92,52 +89,3 @@
     <div class="modal-footer">
       <button id="confirmQueryImport" class="button-success disabled" style="float:right">Import</button>
       <button id="closeQueryModal" class="button-close">Cancel</button>
-    </div>
-
-
-</script>
-
-<script id="queryViewOutput.ejs" type="text/template">
-
-  <div id="outputEditorWrapper<%= counter %>" class="outputEditorWrapper">
-    <div class="arangoToolbar arangoToolbarTop">
-      <div class="pull-left">
-        <span class="toolbarType"><%=type%></span>
-          <span id="spinner"><i class="fa fa-spinner fa-spin"></i><i>Query is operating ...</i></span>
-      </div>
-      <div class="pull-right">
-        <span class="action closeResult" element="outputEditor<%= counter %>"><i class="fa fa-close" style="display: none"></i></span>
-      </div>
-      <div class="pull-right">
-        <div class="switchAce" counter="<%=counter%>">
-          <span id="json-switch" val="JSON" counter="<%=counter%>">JSON</span>
-          <span id="table-switch" val="Table" counter="<%=counter%>" style="display: none">Table</span>
-          <span id="graph-switch" val="Graph" counter="<%=counter%>" style="display: none">Graph</span>
-          <span id="geo-switch" val="Geo" counter="<%=counter%>" style="display: none">Geo</span>
-        </div>
-      </div>
-    </div>
-    <div id="outputEditor<%= counter %>" style="opacity: 0.5"></div>
-    <div id="sentWrapper<%= counter %>" class="sentWrapper" style="display: none">
-      <div class="pull-left">
-        <div id="sentQueryEditor<%= counter %>"></div>
-      </div>
-      <div class="pull-right">
-        <div id="sentBindParamEditor<%= counter %>"></div>
-      </div>
-    </div>
-    <div class="arangoToolbar arangoToolbarBottom">
-      <div class="pull-right">
-        <% if (type === 'Query') { %>
-          <button id="copy2gV" counter="<%=counter%>" style="display: none; margin-right: 0;" class="button-success">Graph Viewer</button>
-          <button id="downloadQueryResult" counter="<%=counter%>" style="display: none; margin-right: 0;" class="button-success">Download</button>
-          <button id="downloadCsvResult" counter="<%=counter%>" style="display: none; margin-right: 0;" class="button-success">CSV</button>
-          <button id="copy2aqlEditor" counter="<%=counter%>" style="display: none; margin-right: 8px;" class="button-success">Copy To Editor</button>
-          <button id="cancelCurrentQuery" class="button-danger" style="margin-right: 5px">Cancel</button>
-        <% } %>
-      </div>
-    </div>
-  </div>
-
-  </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryViewOutput.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryViewOutput.ejs
new file mode 100644
index 0000000000..fe3fc1a644
--- /dev/null
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryViewOutput.ejs
@@ -0,0 +1,41 @@
+<div id="outputEditorWrapper<%= counter %>" class="outputEditorWrapper">
+    <div class="arangoToolbar arangoToolbarTop">
+      <div class="pull-left">
+        <span class="toolbarType"><%=type%></span>
+          <span id="spinner"><i class="fa fa-spinner fa-spin"></i><i>Query is operating ...</i></span>
+      </div>
+      <div class="pull-right">
+        <span class="action closeResult" element="outputEditor<%= counter %>"><i class="fa fa-close" style="display: none"></i></span>
+      </div>
+      <div class="pull-right">
+        <div class="switchAce" counter="<%=counter%>">
+          <span id="json-switch" val="JSON" counter="<%=counter%>">JSON</span>
+          <span id="table-switch" val="Table" counter="<%=counter%>" style="display: none">Table</span>
+          <span id="graph-switch" val="Graph" counter="<%=counter%>" style="display: none">Graph</span>
+          <span id="geo-switch" val="Geo" counter="<%=counter%>" style="display: none">Geo</span>
+        </div>
+      </div>
+    </div>
+    <div id="outputEditor<%= counter %>" style="opacity: 0.5"></div>
+    <div id="sentWrapper<%= counter %>" class="sentWrapper" style="display: none">
+      <div class="pull-left">
+        <div id="sentQueryEditor<%= counter %>"></div>
+      </div>
+      <div class="pull-right">
+        <div id="sentBindParamEditor<%= counter %>"></div>
+      </div>
+    </div>
+    <div class="arangoToolbar arangoToolbarBottom">
+      <div class="pull-right">
+        <% if (type === 'Query') { %>
+          <button id="copy2gV" counter="<%=counter%>" style="display: none; margin-right: 0;" class="button-success">Graph Viewer</button>
+          <button id="downloadQueryResult" counter="<%=counter%>" style="display: none; margin-right: 0;" class="button-success">Download</button>
+          <button id="downloadCsvResult" counter="<%=counter%>" style="display: none; margin-right: 0;" class="button-success">CSV</button>
+          <button id="copy2aqlEditor" counter="<%=counter%>" style="display: none; margin-right: 8px;" class="button-success">Copy To Editor</button>
+          <button id="cancelCurrentQuery" class="button-danger" style="margin-right: 5px">Cancel</button>
+        <% } %>
+      </div>
+    </div>
+  </div>
+
+  </div>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/replicationView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/replicationView.ejs
index 2a6f5d1fcf..d864125002 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/replicationView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/replicationView.ejs
@@ -1,4 +1,3 @@
-<script id="replicationView.ejs" type="text/template">
   <div id="replicationContent" class="innerContent replicationContent">
 
     <% if (mode !== 0) { %>
@@ -245,4 +244,3 @@
     <% } %>
 
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/scaleView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/scaleView.ejs
index 6bdb185149..e57241de18 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/scaleView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/scaleView.ejs
@@ -1,4 +1,3 @@
-<script id="scaleView.ejs" type="text/template">
 
   <div id="scaleContent" class="innerContent">
 
@@ -52,4 +51,3 @@
 
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceDetailView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceDetailView.ejs
index 4f182ac1f8..e19a2f807f 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceDetailView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceDetailView.ejs
@@ -1,4 +1,3 @@
-<script id="serviceDetailView.ejs" type="text/template">
   <div class="application-detail-view">
     <% var visible = " visibility: hidden; ";%>
     <% if (installed) { %>
@@ -177,4 +176,3 @@
       </dl>
     </aside>-->
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallGitHubView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallGitHubView.ejs
index ec3ff2f834..e449b8ea4b 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallGitHubView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallGitHubView.ejs
@@ -1,4 +1,3 @@
-<script id="serviceInstallGitHubView.ejs" type="text/template">
 
   <div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">
     <div class="pull-left">
@@ -51,4 +50,3 @@
     </div>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallNewView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallNewView.ejs
index bc1725aa51..cdf0c7e3ef 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallNewView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallNewView.ejs
@@ -1,4 +1,3 @@
-<script id="serviceInstallNewView.ejs" type="text/template">
 
 
   <div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">
@@ -88,4 +87,3 @@
       <% } %>
     </div>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallUploadView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallUploadView.ejs
index fd0577e840..b49d0e69f1 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallUploadView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallUploadView.ejs
@@ -1,4 +1,3 @@
-<script id="serviceInstallUploadView.ejs" type="text/template">
 
   <div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">
     <div class="pull-left">
@@ -40,4 +39,3 @@
       </div>
     </div>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallUrlView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallUrlView.ejs
index 8b14d92dca..2c585150f0 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallUrlView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallUrlView.ejs
@@ -1,4 +1,3 @@
-<script id="serviceInstallUrlView.ejs" type="text/template">
 
   <div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">
     <div class="pull-left">
@@ -35,4 +34,3 @@
     </div>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallView.ejs
index 9a1cddeed8..e72ce69225 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/serviceInstallView.ejs
@@ -1,4 +1,3 @@
-<script id="serviceInstallView.ejs" type="text/template">
 
 
 <div class="arangoToolbar arangoToolbarTop arangoFoxxToolbarTop">
@@ -26,4 +25,3 @@
     </div>
   </div>
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/shardsView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/shardsView.ejs
index e77d5c01cc..b7d685365a 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/shardsView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/shardsView.ejs
@@ -1,4 +1,3 @@
-<script id="shardsView.ejs" type="text/template">
 
   <div id="shardsContent" class="innerContent">
       <% var genClass1 = 'pure-u-6-24'; %>
@@ -149,4 +148,3 @@
     </div>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/spotlightView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/spotlightView.ejs
index 799ad3171e..8a9c9f3a92 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/spotlightView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/spotlightView.ejs
@@ -1,7 +1,5 @@
-<script id="spotlightView.ejs" type="text/template">
   <div class="spotlightWrapper">
     <div id="spotlight">
       <input class="typeahead" type="text" placeholder="Search... ">
     </div>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/statisticBarView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/statisticBarView.ejs
index 153ed13171..1dbe508014 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/statisticBarView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/statisticBarView.ejs
@@ -1,4 +1,3 @@
-<script id="statisticBarView.ejs" type="text/template">
   <div class="navlogo display-none">
     <a href="#dashboard" style="padding-left: 15px;">
       <img class="svg stat_cpu"
@@ -14,4 +13,3 @@
       />
     </a>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/storeDetailView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/storeDetailView.ejs
index b1da548fac..112f026162 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/storeDetailView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/storeDetailView.ejs
@@ -1,4 +1,3 @@
-<script id="storeDetailView.ejs" type="text/template">
   <div class="application-detail-view">
 
     <div class="headerBar" style="width: 100%">
@@ -58,4 +57,3 @@
     </section>
 
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/subNavigationView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/subNavigationView.ejs
index da57dba94a..00d5b5ae83 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/subNavigationView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/subNavigationView.ejs
@@ -1,4 +1,3 @@
-<script id="subNavigationView.ejs" type="text/template">
 
   <ul class="subMenuEntries top">
     <li class="subMenuEntry pull-left">
@@ -25,4 +24,3 @@
   <ul class="subMenuEntries bottom">
   </ul>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/supportView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/supportView.ejs
index a915135c45..9f1751b638 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/supportView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/supportView.ejs
@@ -1,4 +1,3 @@
-<script id="supportView.ejs" type="text/template">
 
   <div class="supportView">
     <ul class="subMenuEntries subViewNavbar">
@@ -130,4 +129,3 @@
 
    </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/tableView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/tableView.ejs
index 8940ed194b..cf1caa2208 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/tableView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/tableView.ejs
@@ -1,4 +1,3 @@
-<script id="tableView.ejs" type="text/template">
 <%
 var escaped = function (value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")
@@ -71,4 +70,3 @@ var cutByResolution = function (str) {
   %>
 
 </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userBarView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userBarView.ejs
index a7939e0c45..dd0c6f5fc2 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userBarView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userBarView.ejs
@@ -1,4 +1,3 @@
-<script id="userBarView.ejs" type="text/template">
 
   <a class="info default-icon">User: 
     <span class="toggle"> 
@@ -49,4 +48,3 @@
 </ul>
 
 --> 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userManagementView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userManagementView.ejs
index a77f647169..76b6781e55 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userManagementView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userManagementView.ejs
@@ -1,4 +1,3 @@
-<script id="userManagementView.ejs" type="text/template">
   <div class="headerBar">
     <div class="search-field">
       <input type="text" value="<%=searchString%>" id="userManagementSearchInput" class="search-input" placeholder="Search..."/>
@@ -115,4 +114,3 @@
       <%});%>
      </div>
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userPermissionView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userPermissionView.ejs
index 114f5a852c..bc658d52ba 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userPermissionView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/userPermissionView.ejs
@@ -1,4 +1,3 @@
-<script id="userPermissionView.ejs" type="text/template">
     
   <% var genClass = "pure-u-1-5"; %>
   <% var genClass2 = "pure-u-1-5"; %>
@@ -212,4 +211,3 @@
     </div>
 
   </div>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/viewView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/viewView.ejs
index 8253439c7f..b381227b6c 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/viewView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/viewView.ejs
@@ -1,4 +1,3 @@
-<script id="viewView.ejs" type="text/template">
 
   <div class="innerContent">
     <div id="viewDocumentation" class="infoBox" style="margin-top: 10px; margin-bottom: 30px;">
@@ -20,4 +19,3 @@
     </div>
   </div>
   
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/viewsView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/viewsView.ejs
index c92fe16859..d3a92c9c18 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/viewsView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/viewsView.ejs
@@ -1,4 +1,3 @@
-<script id="viewsView.ejs" type="text/template">
   <div class="headerBar">
     <div class="search-field">
       <input type="text" value="<%=searchString%>" id="viewsSearchInput" class="search-input" placeholder="Search..."/>
@@ -63,4 +62,3 @@
      </div>
   </div>
 
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/warningList.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/warningList.ejs
index 1ef6a268e7..58932ad0fe 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/warningList.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/warningList.ejs
@@ -1,4 +1,3 @@
-<script id="warningList.ejs" type="text/template">
   <% if (warnings.length > 0) { %>
     <div>
       <ul>
@@ -8,4 +7,3 @@
       </ul>
     </div>
   <% } %>
-</script>
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/views/indicesView.js b/js/apps/system/_admin/aardvark/APP/frontend/js/views/indicesView.js
index 3c3a11aad4..06821f58a7 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/views/indicesView.js
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/views/indicesView.js
@@ -487,7 +487,6 @@
         }
 
         arangoHelper.createTooltips('.index-tooltip');
-        arangoHelper.fixTooltips('.icon_arangodb, .arangoicon', 'right');
         this.resetIndexForms();
       }
     },
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/scss/_modals.scss b/js/apps/system/_admin/aardvark/APP/frontend/scss/_modals.scss
index f0f8c84eab..a76b1fc781 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/scss/_modals.scss
+++ b/js/apps/system/_admin/aardvark/APP/frontend/scss/_modals.scss
@@ -39,7 +39,7 @@
 }
 
 .tippy-popper {
-  z-index: 99999999;
+  z-index: 99999999 !important;
 }
 
 .select2-drop-active {
diff --git a/js/apps/system/_admin/aardvark/APP/manifest.json b/js/apps/system/_admin/aardvark/APP/manifest.json
index 9fd2ad342a..aa7f9f1085 100644
--- a/js/apps/system/_admin/aardvark/APP/manifest.json
+++ b/js/apps/system/_admin/aardvark/APP/manifest.json
@@ -52,6 +52,10 @@
       "path": "frontend/build/app.min.js",
       "gzip": true
     },
+    "/templates.js": {
+      "path": "frontend/build/templates.min.js",
+      "gzip": true
+    },
     "/libs.js": {
       "path": "frontend/build/libs.min.js",
       "gzip": true
diff --git a/js/apps/system/_admin/aardvark/APP/package.json b/js/apps/system/_admin/aardvark/APP/package.json
index 4f711de8e4..87f1e85208 100644
--- a/js/apps/system/_admin/aardvark/APP/package.json
+++ b/js/apps/system/_admin/aardvark/APP/package.json
@@ -28,6 +28,7 @@
     "grunt-contrib-htmlmin": "^3.0.0",
     "grunt-contrib-imagemin": "^2.0.1",
     "grunt-contrib-jshint": "^2.0.0",
+    "grunt-contrib-jst": "^1.0.0",
     "grunt-contrib-sass": "^1.0.0",
     "grunt-contrib-uglify": "^4.0.0",
     "grunt-contrib-watch": "^1.1.0",