a215860782
Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com> Co-authored-by: Joel Jacob Stephen <70131076+JoelJacobStephen@users.noreply.github.com> Co-authored-by: nivedin <nivedinp@gmail.com>
89 lines
2.6 KiB
Vue
89 lines
2.6 KiB
Vue
<template>
|
|
<div class="my-1 text-secondaryLight">
|
|
<span v-if="extensionVersion != null">
|
|
{{
|
|
`${t("settings.extension_version")}: v${extensionVersion.major}.${
|
|
extensionVersion.minor
|
|
}`
|
|
}}
|
|
</span>
|
|
<span v-else>
|
|
{{ t("settings.extension_version") }}:
|
|
{{ t("settings.extension_ver_not_reported") }}
|
|
</span>
|
|
</div>
|
|
<div class="flex flex-col space-y-2 py-4">
|
|
<span>
|
|
<HoppSmartItem
|
|
to="https://chrome.google.com/webstore/detail/hoppscotch-browser-extens/amknoiejhlmhancpahfcfcfhllgkpbld"
|
|
blank
|
|
:icon="IconChrome"
|
|
label="Chrome"
|
|
:info-icon="hasChromeExtInstalled ? IconCheckCircle : null"
|
|
:active-info-icon="hasChromeExtInstalled"
|
|
outline
|
|
/>
|
|
</span>
|
|
<span>
|
|
<HoppSmartItem
|
|
to="https://addons.mozilla.org/en-US/firefox/addon/hoppscotch"
|
|
blank
|
|
:icon="IconFirefox"
|
|
label="Firefox"
|
|
:info-icon="hasFirefoxExtInstalled ? IconCheckCircle : null"
|
|
:active-info-icon="hasFirefoxExtInstalled"
|
|
outline
|
|
/>
|
|
</span>
|
|
</div>
|
|
<div class="space-y-4 py-4">
|
|
<div class="flex items-center">
|
|
<HoppSmartToggle
|
|
:on="extensionEnabled"
|
|
@change="extensionEnabled = !extensionEnabled"
|
|
>
|
|
{{ t("settings.extensions_use_toggle") }}
|
|
</HoppSmartToggle>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import IconChrome from "~icons/brands/chrome"
|
|
import IconFirefox from "~icons/brands/firefox"
|
|
import IconCheckCircle from "~icons/lucide/check-circle"
|
|
import { useI18n } from "@composables/i18n"
|
|
import { ExtensionInterceptorService } from "~/platform/std/interceptors/extension"
|
|
import { useService } from "dioc/vue"
|
|
import { computed } from "vue"
|
|
import { InterceptorService } from "~/services/interceptor.service"
|
|
import { platform } from "~/platform"
|
|
|
|
const t = useI18n()
|
|
|
|
const interceptorService = useService(InterceptorService)
|
|
const extensionService = useService(ExtensionInterceptorService)
|
|
|
|
const extensionVersion = extensionService.extensionVersion
|
|
const hasChromeExtInstalled = extensionService.chromeExtensionInstalled
|
|
const hasFirefoxExtInstalled = extensionService.firefoxExtensionInstalled
|
|
|
|
const extensionEnabled = computed({
|
|
get() {
|
|
return (
|
|
interceptorService.currentInterceptorID.value ===
|
|
extensionService.interceptorID
|
|
)
|
|
},
|
|
set(active) {
|
|
if (active) {
|
|
interceptorService.currentInterceptorID.value =
|
|
extensionService.interceptorID
|
|
} else {
|
|
interceptorService.currentInterceptorID.value =
|
|
platform.interceptors.default
|
|
}
|
|
},
|
|
})
|
|
</script>
|