From a99331c59017d1d2373764af47b490fbccbfdfc8 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 12 Nov 2019 15:50:13 -0500
Subject: [PATCH] FEATURE: Add setting to show links on the left or right

---
 common/common.scss | 11 +++++++++++
 common/header.html |  3 ++-
 settings.yml       | 11 ++++++++++-
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/common/common.scss b/common/common.scss
index 032e8bb..6ff07f1 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -26,3 +26,14 @@
 .mobile-view .vdo {
   display: none !important;
 }
+
+@if $links_position == left {
+  .custom-header-links {
+    margin-left: 1em;
+  }
+  .hide-menus {
+    .custom-header-links {
+      display: none;
+    }
+  }
+}
diff --git a/common/header.html b/common/header.html
index d1c7f28..ebd78bb 100644
--- a/common/header.html
+++ b/common/header.html
@@ -1,5 +1,6 @@
 <script type="text/discourse-plugin" version="0.8.20">
   const customHeaderLinks = settings.Custom_header_links;
+  const linksPosition = (settings.links_position === "right") ? "header-buttons:before" : "home-logo:after";
 
   if (!customHeaderLinks.length) return;
 
@@ -48,7 +49,7 @@
     }
   });
 
-  api.decorateWidget("header-buttons:before", helper => {
+  api.decorateWidget(linksPosition, helper => {
     return helper.h(
       "ul.custom-header-links", headerLinks
     );
diff --git a/settings.yml b/settings.yml
index 1315b84..27c7b27 100644
--- a/settings.yml
+++ b/settings.yml
@@ -2,4 +2,13 @@ Custom_header_links:
   type: list
   default: "External link, this link will open in a new tab, https://meta.discourse.org, vdo, blank, remove|Most Liked, Posts with the most amount of likes, /latest/?order=op_likes, vdo, self, keep|Privacy, Our Privacy Policy, /privacy, vdm, self, keep"
   description:
-    en: 'Comma delimited in this order: link text, link title, URL, view, target, hide on scroll<br><b>Link text:</b> The text for the link<br><b>Link title:</b> the text that shows when the link is hovered<br><b>URL:</b> The path for the link (can be relative)<br><b>View:</b> vdm = desktop and mobile, vdo = desktop only, vmo = mobile only<br><b>Target:</b> blank = opens in a new tab, self = opens in the same tab<br><b>Hide on scroll:</b> remove = hides the link when the title is expanded on topic pages keep = keeps the link visible even when the title is visible on topic pages'
+    en: "Comma delimited in this order: link text, link title, URL, view, target, hide on scroll<br><b>Link text:</b> The text for the link<br><b>Link title:</b> the text that shows when the link is hovered<br><b>URL:</b> The path for the link (can be relative)<br><b>View:</b> vdm = desktop and mobile, vdo = desktop only, vmo = mobile only<br><b>Target:</b> blank = opens in a new tab, self = opens in the same tab<br><b>Hide on scroll:</b> remove = hides the link when the title is expanded on topic pages keep = keeps the link visible even when the title is visible on topic pages"
+
+links_position:
+  default: right
+  type: enum
+  choices:
+    - right
+    - left
+  description:
+    en: "Note that when links are displayed on the left, they're automatically hidden while scrolling within topics to make room for the title"