From edf9fee477cb35d30d9c1e8e5e9ac6ce7ae42c3e Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sun, 21 Jan 2018 19:01:25 -0800
Subject: [PATCH] start work on hashtags

---
 routes/_components/Layout.html  |  2 +-
 routes/_components/Nav.html     |  6 +++++
 routes/_components/NavItem.html |  6 ++---
 routes/tags/[tagName].html      | 39 +++++++++++++++++++++++++++++++++
 templates/2xx.html              |  6 +++++
 5 files changed, 55 insertions(+), 4 deletions(-)
 create mode 100644 routes/tags/[tagName].html

diff --git a/routes/_components/Layout.html b/routes/_components/Layout.html
index 59ea249d..6c0fad4e 100644
--- a/routes/_components/Layout.html
+++ b/routes/_components/Layout.html
@@ -1,5 +1,5 @@
 <:Window bind:innerHeight />
-<Nav page={{page}} />
+<Nav :page :dynamicPage :dynamicHref :dynamicIcon :dynamicLabel/>
 
 <div class="container" on:scroll="onScroll(event)" on:fullscreen="onFullscreenChange()" ref:node>
   <main>
diff --git a/routes/_components/Nav.html b/routes/_components/Nav.html
index 55f60097..1246ca07 100644
--- a/routes/_components/Nav.html
+++ b/routes/_components/Nav.html
@@ -15,6 +15,12 @@
 	  <li>
       <NavItem :page name="settings" href="/settings" svg="#fa-gears" label="Settings" />
 		</li>
+    {{#if dynamicPage}}
+    <li>
+      <NavItem :page name="{{dynamicPage}}" href="{{dynamicHref}}" svg="{{dynamicIcon}}"
+               label="{{dynamicLabel}}" forceCurrent="true" />
+    </li>
+    {{/if}}
 	</ul>
 </nav>
 
diff --git a/routes/_components/NavItem.html b/routes/_components/NavItem.html
index 46f79ce0..821fc3e4 100644
--- a/routes/_components/NavItem.html
+++ b/routes/_components/NavItem.html
@@ -1,6 +1,6 @@
-<a class='main-nav-link {{page === name ? "selected" : ""}}'
-   aria-label='{{page === name ? `${label} (current page)` : label}}'
-   aria-current="{{page === name}}"
+<a class='main-nav-link {{forceCurrent || page === name ? "selected" : ""}}'
+   aria-label='{{forceCurrent || page === name ? `${label} (current page)` : label}}'
+   aria-current="{{forceCurrent || page === name}}"
    href='{{href}}'>
   <svg>
     <use xlink:href="{{svg}}" />
diff --git a/routes/tags/[tagName].html b/routes/tags/[tagName].html
new file mode 100644
index 00000000..414ed854
--- /dev/null
+++ b/routes/tags/[tagName].html
@@ -0,0 +1,39 @@
+<:Head>
+  <title>Pinafore – #{{params.tagName}}</title>
+</:Head>
+
+<Layout page='tag'
+        dynamicPage="{{params.tagName}}"
+        dynamicHref="/tags/{{params.tagName}}"
+        dynamicLabel="#{{params.tagName}}"
+        dynamicIcon="#fa-hashtag" >
+  {{#if $isUserLoggedIn}}
+  <!-- <LazyTimeline timeline='tag/{{params.tagName}}' /> -->
+  {{else}}
+  <HiddenFromSSR>
+    <FreeTextLayout>
+      <h1>#{{params.tagName}}</h1>
+
+      <p>A hashtag timeline will appear here when logged in.</p>
+    </FreeTextLayout>
+  </HiddenFromSSR>
+  {{/if}}
+</Layout>
+
+<script>
+  import Layout from '../_components/Layout.html'
+  import LazyTimeline from '../_components/LazyTimeline.html'
+  import FreeTextLayout from '../_components/FreeTextLayout.html'
+  import { store } from '../_utils/store.js'
+  import HiddenFromSSR from '../_components/HiddenFromSSR'
+
+  export default {
+    store: () => store,
+    components: {
+      Layout,
+      LazyTimeline,
+      FreeTextLayout,
+      HiddenFromSSR
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/templates/2xx.html b/templates/2xx.html
index c5b03032..16bc5bbc 100644
--- a/templates/2xx.html
+++ b/templates/2xx.html
@@ -134,6 +134,12 @@ body.offline,body.theme-hotpants.offline,body.theme-majesty.offline,body.theme-o
       <path d="M555 1335l78-141q-87-63-136-159t-49-203q0-121 61-225-229 117-381 353 167 258 427 375zm389-759q0-20-14-34t-34-14q-125 0-214.5 89.5T592 832q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm363-191q0 7-1 9-106 189-316 567t-315 566l-49 89q-10 16-28 16-12 0-134-70-16-10-16-28 0-12 44-87-143-65-263.5-173T20 1029Q0 998 0 960t20-69q153-235 380-371t496-136q89 0 180 17l54-97q10-16 28-16 5 0 18 6t31 15.5 33 18.5 31.5 18.5T1291 358q16 10 16 27zm37 447q0 139-79 253.5T1056 1250l280-502q8 45 8 84zm448 128q0 35-20 69-39 64-109 145-150 172-347.5 267T896 1536l74-132q212-18 392.5-137T1664 960q-115-179-282-294l63-112q95 64 182.5 153T1772 891q20 34 20 69z"/>
     </symbol>
 
+    <symbol id="fa-hashtag" viewBox="0 0 1792 1792">
+      <title>Hashtag</title>
+      <path d="M991 1024l64-256H801l-64 256h254zm768-504l-56 224q-7 24-31 24h-327l-64 256h311q15 0 25 12 10 14 6 28l-56 224q-5 24-31 24h-327l-81 328q-7 24-31 24H873q-16 0-26-12-9-12-6-28l78-312H665l-81 328q-7 24-31 24H328q-15 0-25-12-9-12-6-28l78-312H64q-15 0-25-12-9-12-6-28l56-224q7-24 31-24h327l64-256H200q-15 0-25-12-10-14-6-28l56-224q5-24 31-24h327l81-328q7-24 32-24h224q15 0 25 12 9 12 6 28l-78 312h254l81-328q7-24 32-24h224q15 0 25 12 9 12 6 28l-78 312h311q15 0 25 12 9 12 6 28z"/>
+    </symbol>
+
+
 
 
   </svg>