refactor: simplify page footer into single help callout

- remove Yes/No voting widget from page footer
- consolidate "Edit this page" and "Help us improve" into single HelpCallout component
- delete redundant LegacyCallout.vue
- keep Feedback.vue for ContentStatus WIP pages

Author: lidel

docs/.vuepress/theme/components/HelpCallout.vue

@@ -0,0 +1,152 @@
+<template>
+  <div class="help-callout">
+    <p>
+      <b>Help us improve this site!</b>
+    </p>
+    <section>
+      <div class="block" v-if="editLink">
+        <ul>
+          <li>
+            <a :href="editLink" target="_blank" rel="noopener noreferrer">
+              Edit this page
+            </a>
+            <span v-if="openIssueLink">
+              or
+              <a :href="openIssueLink" target="_blank" rel="noopener noreferrer">
+                open an issue
+              </a>
+            </span>
+          </li>
+        </ul>
+      </div>
+      <div class="block">
+        <ul>
+          <li>
+            <a
+              href="https://github.com/ipfs/ipfs-docs/issues/new?assignees=&labels=OKR+3%3A+Content+Improvement%2C+docs-ipfs&template=content-request.md&title=%5BCONTENT+REQUEST%5D+%28add+your+title+here%21%29"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Suggest new content
+            </a>
+          </li>
+        </ul>
+      </div>
+      <div class="block">
+        <ul>
+          <li>
+            <a
+              href="https://github.com/ipfs/ipfs-docs/issues/new?assignees=&labels=OKR+3%3A+Content+Improvement%2C+docs-ipfs&template=documentation-issue.md&title=%5BDOCS+ISSUE%5D+%28add+your+title+here%21%29"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Give general feedback
+            </a>
+          </li>
+        </ul>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script>
+const endingSlashRE = /\/$/
+const outboundRE = /^[a-z]+:/i
+
+export default {
+  name: 'HelpCallout',
+  computed: {
+    openIssueLink() {
+      const feedbackWidget = this.$site.themeConfig.feedbackWidget
+      if (!feedbackWidget || !feedbackWidget.docsRepoIssue) {
+        return null
+      }
+      return `https://github.com/${feedbackWidget.docsRepoIssue}/issues/new?assignees=&labels=need%2Ftriage&template=open_an_issue.md&title=${encodeURIComponent(this.$page.title)}`
+    },
+
+    editLink() {
+      const {
+        repo,
+        docsDir = '',
+        docsBranch = 'master',
+        docsRepo = repo
+      } = this.$site.themeConfig
+
+      if (docsRepo && this.$page.relativePath) {
+        return this.createEditLink(
+          repo,
+          docsRepo,
+          docsDir,
+          docsBranch,
+          this.$page.relativePath
+        )
+      }
+      return null
+    }
+  },
+
+  methods: {
+    createEditLink(repo, docsRepo, docsDir, docsBranch, path) {
+      const bitbucket = /bitbucket.org/
+      if (bitbucket.test(repo)) {
+        const base = outboundRE.test(docsRepo) ? docsRepo : repo
+        return (
+          base.replace(endingSlashRE, '') +
+          `/src` +
+          `/${docsBranch}/` +
+          (docsDir ? docsDir.replace(endingSlashRE, '') + '/' : '') +
+          path +
+          `?mode=edit&spa=0&at=${docsBranch}&fileviewer=file-view-default`
+        )
+      }
+
+      const base = outboundRE.test(docsRepo)
+        ? docsRepo
+        : `https://github.com/${docsRepo}`
+      return (
+        base.replace(endingSlashRE, '') +
+        `/edit` +
+        `/${docsBranch}/` +
+        (docsDir ? docsDir.replace(endingSlashRE, '') + '/' : '') +
+        path
+      )
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.help-callout {
+  background-color: lighten($badgeTipColor, 95%);
+  color: lighten($textColor, 20%);
+  border-color: $badgeTipColor;
+  padding: 1rem 2rem;
+  margin-top: 3rem;
+}
+
+section {
+  margin: 1rem 0;
+
+  ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    li {
+      margin: 0;
+      line-height: 2em;
+      padding: 0;
+    }
+  }
+}
+
+@media (min-width: $MQNarrow) {
+  section {
+    display: flex;
+
+    .block {
+      flex: 1;
+    }
+  }
+}
+</style>

docs/.vuepress/theme/components/LegacyCallout.vue

@@ -5,13 +5,7 @@
     <Content class="theme-default-content" />
 
     <div class="content-footer" v-if="!isContentStatus">
-      <Feedback
-        class="content-feedback"
-        evtYes="information_helpful"
-        evtNo="information_not_helpful"
-      />
-      <LegacyCallout />
-      <PageEdit />
+      <HelpCallout />
       <PageNav v-bind="{ sidebarItems }" />
     </div>
 
@@ -22,20 +16,16 @@
 </template>
 
 <script>
-import PageEdit from '@parent-theme/components/PageEdit.vue'
 import PageNav from '@parent-theme/components/PageNav.vue'
 
-import Feedback from './Feedback.vue'
-import LegacyCallout from './LegacyCallout.vue'
+import HelpCallout from './HelpCallout.vue'
 import Analytics from './Analytics.vue'
 
 export default {
   name: 'Page',
   components: {
-    PageEdit,
     PageNav,
-    Feedback,
-    LegacyCallout,
+    HelpCallout,
     Analytics
   },
   props: ['sidebarItems'],
@@ -107,36 +97,10 @@ export default {
   max-width: $contentWidth;
 }
 
-.page-edit {
-  max-width: 100%;
-  padding: 2rem 2rem;
-}
-
-.content-feedback {
-  padding: 0 2rem;
-}
-
 @media (min-width: $MQMobile) {
   .content-footer {
     padding: 0 2.5rem;
     padding-top: 0;
   }
-
-  .content-feedback {
-    padding: 0;
-    margin: 0;
-  }
-
-  .page-edit {
-    padding: 2.5rem 0;
-  }
-
-  section {
-    display: flex;
-
-    .block {
-      flex: 1;
-    }
-  }
 }
 </style>