Skip to content

Commit

Permalink
Add issue tracker link
Browse files Browse the repository at this point in the history
  • Loading branch information
jlpereira committed Aug 25, 2023
1 parent 338f8bc commit af1f995
Show file tree
Hide file tree
Showing 5 changed files with 137 additions and 34 deletions.
11 changes: 11 additions & 0 deletions src/components/Icon/IconGithub.global.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<template>
<svg
viewBox="0 0 16 16"
fill="currentColor"
aria-hidden="true"
>
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
></path>
</svg>
</template>
73 changes: 40 additions & 33 deletions src/components/Layout/LayoutFooter.vue
Original file line number Diff line number Diff line change
Expand Up @@ -34,45 +34,52 @@

<hr class="mt-3 mb-3 border-gray-500" />

<div class="flex items-center">
<span>
Data provided by
<a
class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
target="_blank"
href="https://taxonworks.org/"
>
TaxonWorks
</a>
</span>
<div class="flex justify-between">
<div class="flex items-center">
<span>
Data provided by
<a
class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
target="_blank"
href="https://taxonworks.org/"
>
TaxonWorks
</a>
</span>

<span class="ml-2 mr-2">|</span>
<span class="ml-2 mr-2">|</span>

<span>
Pages by
<a
class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
target="_blank"
href="https://github.com/SpeciesFileGroup/taxonpages"
>
TaxonPages
</a>
</span>
<span class="ml-2 mr-2">|</span>
<span>
Support (Services) by
<a
class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
target="_blank"
href="https://speciesfilegroup.org"
>
Species File Group
</a>
</span>
<span>
Pages by
<a
class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
target="_blank"
href="https://github.com/SpeciesFileGroup/taxonpages"
>
TaxonPages
</a>
</span>
<span class="ml-2 mr-2">|</span>
<span>
Support (Services) by
<a
class="text-slate-400 hover:text-slate-500 dark:hover:text-slate-300 font-medium"
target="_blank"
href="https://speciesfilegroup.org"
>
Species File Group
</a>
</span>
</div>
<TrackerReport
icon
label="Report a problem"
/>
</div>
</div>
</footer>
</template>

<script setup>
const {
project_authors,
Expand Down
7 changes: 6 additions & 1 deletion src/components/Layout/LayoutHeader.vue
Original file line number Diff line number Diff line change
Expand Up @@ -39,11 +39,16 @@
</ul>
</nav>

<div class="flex items-center border-l ml-6 pl-6 border-base-muted">
<div
class="flex items-center border-l ml-6 pl-6 border-base-muted border-opacity-50"
>
<ClientOnly>
<SwitchTheme class="text-primary-content" />
</ClientOnly>
</div>
<div class="flex items-center ml-6 border-base-muted">
<TrackerReport icon />
</div>
</div>
</div>
</header>
Expand Down
6 changes: 6 additions & 0 deletions src/components/Navbar/NavbarMobile.vue
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,12 @@
/>
</ClientOnly>
</li>
<li>
<TrackerReport
icon
button-class="text-base-content w-full p-4 pt-3 pb-3 block box-border border-b border-b-base-border"
/>
</li>
</ul>
</nav>
</div>
Expand Down
74 changes: 74 additions & 0 deletions src/components/TrackerReport.global.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<template>
<VButton
type="button"
title="Report a problem"
href="http://www.google.com.ar"
class="flex gap-2"
:class="buttonClass"
@click="openTracker"
>
<IconGithub
v-if="icon"
class="w-5 h-5"
/>
<span v-if="label">{{ label }}</span>
</VButton>
<VModal
v-if="isModalVisible"
class="text-base-content"
@close="isModalVisible = false"
>
<template #header>
<h1 class="font-medium text-base px-1">Report a problem</h1>
</template>
<div class="font-normal p-5 pt-0 text-base">
<span>My issue is with:</span>
<ul class="mx-5 my-2">
<li v-for="item in issue_trackers">
<a :href="item.url">{{ item.label }}</a>
<span
v-if="item.description"
class="text-sm"
>
- {{ item.description }}</span
>
</li>
</ul>
</div>
</VModal>
</template>

<script setup>
import { ref } from 'vue'
const { issue_trackers } = __APP_ENV__
const TAXONPAGES_ISSUE_TRACKER =
'https://github.com/SpeciesFileGroup/taxonpages/issues/new/choose'
defineProps({
buttonClass: {
type: String,
default: 'pl-0 pr-0 pt-0 pb-0'
},
label: {
type: String,
default: undefined
},
icon: {
type: Boolean,
default: false
}
})
const isModalVisible = ref(false)
function openTracker() {
if (issue_trackers) {
isModalVisible.value = true
} else {
window.open(TAXONPAGES_ISSUE_TRACKER, '_self')
}
}
</script>

0 comments on commit af1f995

Please sign in to comment.