Add external links

app/templates/admin.hbs

@@ -6,18 +6,28 @@
     </h2>
 
     <div class="flex flex-col flex-1">
-      <nav>
-        <div class="px-4 py-2 text-sm text-gray">Indexes</div>
-        {{#each @model.indexes as |item|}}
-          <LinkTo
-            @route="admin.indexes.item"
-            @model={{item}}
-            class="flex items-center px-4 py-2 font-semibold text-lg text-gray-dark hover:text-black">
-            {{capitalize item.uid}}
-          </LinkTo>
-        {{/each}}
-      </nav>
-      <div class="flex flex-row items-center mt-auto px-4">
+      {{#let "flex items-center px-4 py-2 font-semibold text-lg text-gray-dark hover:text-black" as |linkClass|}}
+        <nav>
+          <div class="px-4 py-2 text-sm text-gray">Indexes</div>
+          {{#each @model.indexes as |item|}}
+            <LinkTo
+              @route="admin.indexes.item"
+              @model={{item}}
+              class={{linkClass}}>
+              {{capitalize item.uid}}
+            </LinkTo>
+          {{/each}}
+          {{!-- TODO: add link "create new index" --}}
+          <div class="border-t my-4" />
+          <a href="https://docs.meilisearch.com/" class="{{linkClass}}" target="_blank" rel="noopener noreferrer">
+            <MdIcon::HelpCircleOutline class="mr-1" /> Documentation
+          </a>
+          <a href="https://github.com/kaermorchen/meilisearch-admin" class={{linkClass}} target="_blank" rel="noopener noreferrer">
+            <MdIcon::Github class="mr-1" /> MeiliSearch Admin
+          </a>
+        </nav>
+      {{/let}}
+      <div class="flex flex-row items-center mt-auto px-4 pt-2">
         <span class="mr-1 text-gray" title="The version of a running Meilisearch instance">v{{@model.version.pkgVersion}}</span>
         {{#if (eq @model.health.status "available")}}
           <this.CheckboxMarkedCircle class="text-green" @size={{18}} @title={{@model.health.status}}/>