From 0daa8a9820b94c4e6eaf9ddeb45c9f33b2815633 Mon Sep 17 00:00:00 2001
From: Susmitha Girumala <susmitha@hashicorp.com>
Date: Mon, 4 Jan 2021 16:38:29 -0500
Subject: [PATCH] feat: Add sidebar layout to desktop scope route

---
 ui/admin/app/routes/scopes/scope.js       |  2 +-
 ui/desktop/app/templates/scopes.hbs       |  6 +---
 ui/desktop/app/templates/scopes/index.hbs | 37 +----------------------
 ui/desktop/app/templates/scopes/scope.hbs | 19 +++++++++++-
 4 files changed, 21 insertions(+), 43 deletions(-)

diff --git a/ui/admin/app/routes/scopes/scope.js b/ui/admin/app/routes/scopes/scope.js
index 705c8d168..49d37a648 100644
--- a/ui/admin/app/routes/scopes/scope.js
+++ b/ui/admin/app/routes/scopes/scope.js
@@ -80,7 +80,7 @@ export default class ScopesScopeRoute extends Route {
   }
 
   /**
-   * Renders the scope-specific sidebar template.
+   * Renders the scope-specific header template.
    * @override
    * @param {object} controller
    * @param {object} model
diff --git a/ui/desktop/app/templates/scopes.hbs b/ui/desktop/app/templates/scopes.hbs
index b4e41b01b..c24cd6895 100644
--- a/ui/desktop/app/templates/scopes.hbs
+++ b/ui/desktop/app/templates/scopes.hbs
@@ -1,5 +1 @@
-{{page-title (t 'resources.scope.title_plural')}}
-
-<main>
-  {{outlet}}
-</main>
+{{outlet}}
diff --git a/ui/desktop/app/templates/scopes/index.hbs b/ui/desktop/app/templates/scopes/index.hbs
index c9da99ae5..c24cd6895 100644
--- a/ui/desktop/app/templates/scopes/index.hbs
+++ b/ui/desktop/app/templates/scopes/index.hbs
@@ -1,36 +1 @@
-<Rose::Layout::Page as |page|>
-
-  <page.header>
-    <h2>
-      {{t "resources.scope.title_plural"}}
-    </h2>
-  </page.header>
-
-  <page.body>
-    <Rose::Table as |table|>
-      <table.header as |header|>
-        <header.row as |row|>
-          <row.headerCell>{{t 'resources.scope.title'}}</row.headerCell>
-        </header.row>
-      </table.header>
-      <table.body as |body|>
-        {{#each @model as |scope|}}
-          <body.row as |row|>
-            <row.cell>
-              <Rose::LinkButton
-                @route="scopes.scope"
-                @model={{scope.id}}
-              >
-                {{scope.name}}
-              </Rose::LinkButton>
-            </row.cell>
-            <row.cell>
-              {{scope.id}}
-            </row.cell>
-          </body.row>
-        {{/each}}
-      </table.body>
-    </Rose::Table>
-  </page.body>
-
-</Rose::Layout::Page>
+{{outlet}}
diff --git a/ui/desktop/app/templates/scopes/scope.hbs b/ui/desktop/app/templates/scopes/scope.hbs
index c24cd6895..763b790a7 100644
--- a/ui/desktop/app/templates/scopes/scope.hbs
+++ b/ui/desktop/app/templates/scopes/scope.hbs
@@ -1 +1,18 @@
-{{outlet}}
+<Rose::Layout::Sidebar as |sidebarLayout|>
+  <sidebarLayout.sidebar>
+    <Rose::Nav::Sidebar as |nav|>
+      <nav.link @route="scopes.scope.projects.targets">
+        <Rose::Icon
+          @name="app-icons/target"
+          @size="medium" />
+          {{t "resources.target.title_plural"}}
+      </nav.link>
+    </Rose::Nav::Sidebar>
+  </sidebarLayout.sidebar>
+
+  <sidebarLayout.body>
+    <main>
+      {{outlet}}
+    </main>
+  </sidebarLayout.body>
+</Rose::Layout::Sidebar>