btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

feat: finish new i18n translation format

Browse Source
This commit is contained in:
liyasthomas
2021-08-19 00:10:57 +05:30
parent ceb8bdf0fd
commit c1ce90dad0
66 changed files with 755 additions and 802 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/app/Share.vue
View File

@@ -86,7 +86,7 @@ export default {
copyAppLink() {
copyToClipboard(this.url)
this.copyIcon = "done"
this.$toast.success(this.$t("copied_to_clipboard").toString(), {
this.$toast.success(this.$t("state.copied_to_clipboard").toString(), {
icon: "done",
})
setTimeout(() => (this.copyIcon = "content_copy"), 1000)

2
components/app/Shortcuts.vue
View File

@@ -38,7 +38,7 @@
pl-8
focus-visible:border-divider
"
:placeholder="$t('search')"
:placeholder="$t('action.search')"
/>
</div>
</div>

10
components/collections/Add.vue
View File

@@ -18,8 +18,14 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="addNewCollection" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary
:label="$t('action.save')"
@click.native="addNewCollection"
/>
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

7
components/collections/AddFolder.vue
View File

@@ -22,8 +22,11 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="addFolder" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary :label="$t('action.save')" @click.native="addFolder" />
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

10
components/collections/Edit.vue
View File

@@ -18,8 +18,14 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="saveCollection" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary
:label="$t('action.save')"
@click.native="saveCollection"
/>
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

7
components/collections/EditFolder.vue
View File

@@ -22,8 +22,11 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="editFolder" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary :label="$t('action.save')" @click.native="editFolder" />
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

9
components/collections/EditRequest.vue
View File

@@ -1,5 +1,5 @@
<template>
<SmartModal v-if="show" :title="$t('edit_request')" @close="hideModal">
<SmartModal v-if="show" :title="$t('modal.edit_request')" @close="hideModal">
<template #body>
<div class="flex flex-col px-2">
<input
@@ -18,8 +18,11 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="saveRequest" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary :label="$t('action.save')" @click.native="saveRequest" />
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

16
components/collections/ImportExport.vue
View File

@@ -30,7 +30,7 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
class="rounded"
icon="more_vert"
/>
@@ -73,9 +73,9 @@
<div v-if="mode == 'import_export'" class="flex flex-col space-y-2">
<SmartItem
v-tippy="{ theme: 'tooltip' }"
:title="$t('replace_current')"
:title="$t('action.replace_current')"
icon="folder_special"
:label="$t('replace_json')"
:label="$t('action.replace_json')"
@click.native="openDialogChooseFileToReplaceWith"
/>
<input
@@ -88,7 +88,7 @@
/>
<SmartItem
v-tippy="{ theme: 'tooltip' }"
:title="$t('preserve_current')"
:title="$t('action.preserve_current')"
icon="create_new_folder"
:label="$t('import.json')"
@click.native="openDialogChooseFileToImportFrom"
@@ -104,14 +104,14 @@
<SmartItem
v-if="collectionsType.type == 'team-collections'"
v-tippy="{ theme: 'tooltip' }"
:title="$t('preserve_current')"
:title="$t('action.preserve_current')"
icon="folder_shared"
:label="$t('import.from_my_collections')"
@click.native="mode = 'import_from_my_collections'"
/>
<SmartItem
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
icon="drive_file_move"
:label="$t('export.as_json')"
@click.native="exportJSON"
@@ -404,7 +404,7 @@ export default defineComponent({
a.download = `${url.split("/").pop().split("#")[0].split("?")[0]}`
document.body.appendChild(a)
a.click()
this.$toast.success(this.$t("download_started"), {
this.$toast.success(this.$t("state.download_started"), {
icon: "done",
})
setTimeout(() => {
@@ -413,7 +413,7 @@ export default defineComponent({
}, 1000)
},
fileImported() {
this.$toast.success(this.$t("file_imported"), {
this.$toast.success(this.$t("state.file_imported"), {
icon: "folder_shared",
})
},

12
components/collections/SaveRequest.vue
View File

@@ -39,8 +39,14 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="saveRequestAs" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary
:label="$t('action.save')"
@click.native="saveRequestAs"
/>
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>
@@ -108,7 +114,7 @@ export default defineComponent({
},
saveRequestAs() {
if (!this.requestName) {
this.$toast.error(this.$t("empty_req_name"), {
this.$toast.error(this.$t("error.empty_req_name"), {
icon: "error",
})
return

10
components/collections/graphql/Add.vue
View File

@@ -18,8 +18,14 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="addNewCollection" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary
:label="$t('action.save')"
@click.native="addNewCollection"
/>
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

7
components/collections/graphql/AddFolder.vue
View File

@@ -22,8 +22,11 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="addFolder" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary :label="$t('action.save')" @click.native="addFolder" />
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

6
components/collections/graphql/Collection.vue
View File

@@ -54,7 +54,7 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
@@ -70,7 +70,7 @@
/>
<SmartItem
icon="create"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-collection')
$refs.options.tippy().hide()
@@ -219,7 +219,7 @@ export default Vue.extend({
}
removeGraphqlCollection(this.collectionIndex)
this.$toast.error(this.$t("deleted").toString(), {
this.$toast.error(this.$t("state.deleted").toString(), {
icon: "delete",
})
},

10
components/collections/graphql/Edit.vue
View File

@@ -18,8 +18,14 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="saveCollection" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary
:label="$t('action.save')"
@click.native="saveCollection"
/>
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

7
components/collections/graphql/EditFolder.vue
View File

@@ -22,8 +22,11 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="editFolder" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary :label="$t('action.save')" @click.native="editFolder" />
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

9
components/collections/graphql/EditRequest.vue
View File

@@ -1,5 +1,5 @@
<template>
<SmartModal v-if="show" :title="$t('edit_request')" @close="hideModal">
<SmartModal v-if="show" :title="$t('modal.edit_request')" @close="hideModal">
<template #body>
<div class="flex flex-col px-2">
<input
@@ -18,8 +18,11 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="saveRequest" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary :label="$t('action.save')" @click.native="saveRequest" />
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

6
components/collections/graphql/Folder.vue
View File

@@ -52,7 +52,7 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
@@ -66,7 +66,7 @@
/>
<SmartItem
icon="edit"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-folder', { folder, folderPath })
$refs.options.tippy().hide()
@@ -217,7 +217,7 @@ export default Vue.extend({
}
removeGraphqlFolder(this.folderPath)
this.$toast.error(this.$t("deleted").toString(), {
this.$toast.error(this.$t("state.deleted").toString(), {
icon: "delete",
})
},

14
components/collections/graphql/ImportExport.vue
View File

@@ -10,7 +10,7 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
class="rounded"
icon="more_vert"
/>
@@ -53,9 +53,9 @@
<div class="flex flex-col space-y-2">
<SmartItem
v-tippy="{ theme: 'tooltip' }"
:title="$t('replace_current')"
:title="$t('action.replace_current')"
icon="folder_special"
:label="$t('replace_json')"
:label="$t('action.replace_json')"
@click.native="openDialogChooseFileToReplaceWith"
/>
<input
@@ -67,7 +67,7 @@
/>
<SmartItem
v-tippy="{ theme: 'tooltip' }"
:title="$t('preserve_current')"
:title="$t('action.preserve_current')"
icon="create_new_folder"
:label="$t('import.json')"
@click.native="openDialogChooseFileToImportFrom"
@@ -81,7 +81,7 @@
/>
<SmartItem
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
icon="drive_file_move"
:label="$t('export.as_json')"
@click.native="exportJSON"
@@ -248,7 +248,7 @@ export default defineComponent({
a.download = `${url.split("/").pop().split("#")[0].split("?")[0]}`
document.body.appendChild(a)
a.click()
this.$toast.success(this.$t("download_started"), {
this.$toast.success(this.$t("state.download_started"), {
icon: "done",
})
setTimeout(() => {
@@ -257,7 +257,7 @@ export default defineComponent({
}, 1000)
},
fileImported() {
this.$toast.info(this.$t("file_imported"), {
this.$toast.info(this.$t("state.file_imported"), {
icon: "folder_shared",
})
},

8
components/collections/graphql/Request.vue
View File

@@ -43,7 +43,7 @@
v-if="!savingMode"
v-tippy="{ theme: 'tooltip' }"
icon="replay"
:title="$t('restore')"
:title="$t('action.restore')"
class="hidden group-hover:inline-flex"
@click.native="!doc ? selectRequest() : {}"
/>
@@ -58,13 +58,13 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
<SmartItem
icon="edit"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-request', {
request,
@@ -171,7 +171,7 @@ export default Vue.extend({
}
removeGraphqlRequest(this.folderPath, this.requestIndex)
this.$toast.error(this.$t("deleted").toString(), {
this.$toast.error(this.$t("state.deleted").toString(), {
icon: "delete",
})
},

6
components/collections/graphql/index.vue
View File

@@ -11,7 +11,7 @@
<input
v-model="filterText"
type="search"
:placeholder="$t('search')"
:placeholder="$t('action.search')"
class="
bg-primaryLight
border-b border-dividerLight
@@ -26,7 +26,7 @@
<div class="border-b border-dividerLight flex flex-1 justify-between">
<ButtonSecondary
icon="add"
:label="$t('new')"
:label="$t('action.new')"
class="rounded-none"
@click.native="displayModalAdd(true)"
/>
@@ -86,7 +86,7 @@
>
<i class="opacity-75 pb-2 material-icons">manage_search</i>
<span class="text-center">
{{ $t("nothing_found") }} "{{ filterText }}"
{{ $t("state.nothing_found") }} "{{ filterText }}"
</span>
</div>
<CollectionsGraphqlAdd

16
components/collections/index.vue
View File

@@ -11,7 +11,7 @@
<input
v-model="filterText"
type="search"
:placeholder="$t('search')"
:placeholder="$t('action.search')"
class="
bg-primaryLight
border-b border-dividerLight
@@ -42,12 +42,12 @@
class="rounded-none"
icon="add"
:title="$t('team.no_access')"
:label="$t('new')"
:label="$t('action.new')"
/>
<ButtonSecondary
v-else
icon="add"
:label="$t('new')"
:label="$t('action.new')"
class="rounded-none"
@click.native="displayModalAdd(true)"
/>
@@ -135,7 +135,7 @@
>
<i class="opacity-75 pb-2 material-icons">manage_search</i>
<span class="text-center">
{{ $t("nothing_found") }} "{{ filterText }}"
{{ $t("state.nothing_found") }} "{{ filterText }}"
</span>
</div>
<CollectionsAdd
@@ -591,7 +591,7 @@ export default defineComponent({
removeRESTCollection(collectionIndex)
this.$toast.error(this.$t("deleted"), {
this.$toast.error(this.$t("state.deleted"), {
icon: "delete",
})
} else if (collectionsType.type === "team-collections") {
@@ -619,7 +619,7 @@ export default defineComponent({
},
})
.then(() => {
this.$toast.error(this.$t("deleted"), {
this.$toast.error(this.$t("state.deleted"), {
icon: "delete",
})
})
@@ -645,7 +645,7 @@ export default defineComponent({
}
removeRESTRequest(folderPath, requestIndex)
this.$toast.error(this.$t("deleted"), {
this.$toast.error(this.$t("state.deleted"), {
icon: "delete",
})
} else if (this.collectionsType.type === "team-collections") {
@@ -661,7 +661,7 @@ export default defineComponent({
teamUtils
.deleteRequest(this.$apollo, requestIndex)
.then(() => {
this.$toast.error(this.$t("deleted"), {
this.$toast.error(this.$t("state.deleted"), {
icon: "delete",
})
})

4
components/collections/my/Collection.vue
View File

@@ -72,7 +72,7 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
@@ -89,7 +89,7 @@
/>
<SmartItem
icon="create"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-collection')
$refs.options.tippy().hide()

6
components/collections/my/Folder.vue
View File

@@ -52,7 +52,7 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
@@ -66,7 +66,7 @@
/>
<SmartItem
icon="edit"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-folder', {
folder,
@@ -229,7 +229,7 @@ export default {
}
removeRESTFolder(this.folderPath)
this.$toast.error(this.$t("deleted"), {
this.$toast.error(this.$t("state.deleted"), {
icon: "delete",
})
},

6
components/collections/my/Request.vue
View File

@@ -51,7 +51,7 @@
v-if="!saveRequest && !doc"
v-tippy="{ theme: 'tooltip' }"
icon="replay"
:title="$t('restore')"
:title="$t('action.restore')"
class="hidden group-hover:inline-flex"
@click.native="!doc ? selectRequest() : {}"
/>
@@ -66,13 +66,13 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
<SmartItem
icon="edit"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-request', {
collectionIndex,

4
components/collections/teams/Collection.vue
View File

@@ -65,7 +65,7 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
@@ -84,7 +84,7 @@
<SmartItem
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
icon="create"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-collection')
$refs.options.tippy().hide()

6
components/collections/teams/Folder.vue
View File

@@ -46,7 +46,7 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
@@ -62,7 +62,7 @@
<SmartItem
v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
icon="edit"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-folder', {
folder,
@@ -221,7 +221,7 @@ export default {
teamUtils
.deleteCollection(this.$apollo, this.folder.id)
.then(() => {
this.$toast.error(this.$t("deleted"), {
this.$toast.error(this.$t("state.deleted"), {
icon: "delete",
})
this.$emit("update-team-collections")

6
components/collections/teams/Request.vue
View File

@@ -44,7 +44,7 @@
v-if="!saveRequest && !doc"
v-tippy="{ theme: 'tooltip' }"
icon="replay"
:title="$t('restore')"
:title="$t('action.restore')"
class="hidden group-hover:inline-flex"
@click.native="!doc ? selectRequest() : {}"
/>
@@ -60,13 +60,13 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
<SmartItem
icon="edit"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-request', {
collectionIndex,

2
components/docs/Collection.vue
View File

@@ -2,7 +2,7 @@
<div class="collection">
<h2 class="heading">
<i class="material-icons">folder</i>
{{ collection.name || $t("none") }}
{{ collection.name || $t("state.none") }}
</h2>
<span
v-for="(folder, index) in collection.folders"

2
components/docs/Folder.vue
View File

@@ -2,7 +2,7 @@
<div class="folder">
<h3 class="heading">
<i class="material-icons">folder_open</i>
{{ folder.name || $t("none") }}
{{ folder.name || $t("state.none") }}
</h3>
<div
v-for="(subFolder, index) in folder.folders"

47
components/docs/Request.vue
View File

@@ -2,47 +2,48 @@
<div class="request">
<h4 class="heading">
<i class="material-icons">insert_drive_file</i>
{{ request.name || $t("none") }}
{{ request.name || $t("state.none") }}
</h4>
<p v-if="request.url" class="doc-desc">
<span>
{{ $t("request.url") }}: <code>{{ request.url || $t("none") }}</code>
{{ $t("request.url") }}:
<code>{{ request.url || $t("state.none") }}</code>
</span>
</p>
<p v-if="request.path" class="doc-desc">
<span>
{{ $t("request.path") }}:
<code>{{ request.path || $t("none") }}</code>
<code>{{ request.path || $t("state.none") }}</code>
</span>
</p>
<p v-if="request.method" class="doc-desc">
<span>
{{ $t("request.method") }}:
<code>{{ request.method || $t("none") }}</code>
<code>{{ request.method || $t("state.none") }}</code>
</span>
</p>
<p v-if="request.auth" class="doc-desc">
<span>
{{ $t("authentication") }}:
<code>{{ request.auth || $t("none") }}</code>
{{ $t("request.authorization") }}:
<code>{{ request.auth.authType || $t("state.none") }}</code>
</span>
</p>
<p v-if="request.httpUser" class="doc-desc">
<span>
{{ $t("username") }}:
<code>{{ request.httpUser || $t("none") }}</code>
{{ $t("authorization.username") }}:
<code>{{ request.httpUser || $t("state.none") }}</code>
</span>
</p>
<p v-if="request.httpPassword" class="doc-desc">
<span>
{{ $t("password") }}:
<code>{{ request.httpPassword || $t("none") }}</code>
{{ $t("authorization.password") }}:
<code>{{ request.httpPassword || $t("state.none") }}</code>
</span>
</p>
<p v-if="request.bearerToken" class="doc-desc">
<span>
{{ $t("token") }}:
<code>{{ request.bearerToken || $t("none") }}</code>
{{ $t("authorization.token") }}:
<code>{{ request.bearerToken || $t("state.none") }}</code>
</span>
</p>
<h4 v-if="request.headers" class="heading">{{ $t("tab.headers") }}</h4>
@@ -53,8 +54,8 @@
class="doc-desc"
>
<span>
{{ header.key || $t("none") }}:
<code>{{ header.value || $t("none") }}</code>
{{ header.key || $t("state.none") }}:
<code>{{ header.value || $t("state.none") }}</code>
</span>
</p>
</span>
@@ -68,12 +69,14 @@
class="doc-desc"
>
<span>
{{ parameter.key || $t("none") }}:
<code>{{ parameter.value || $t("none") }}</code>
{{ parameter.key || $t("state.none") }}:
<code>{{ parameter.value || $t("state.none") }}</code>
</span>
</p>
</span>
<h4 v-if="request.bodyParams" class="heading">{{ $t("payload") }}</h4>
<h4 v-if="request.bodyParams" class="heading">
{{ $t("request.payload") }}
</h4>
<span v-if="request.bodyParams">
<p
v-for="(payload, index) in request.bodyParams"
@@ -81,27 +84,27 @@
class="doc-desc"
>
<span>
{{ payload.key || $t("none") }}:
<code>{{ payload.value || $t("none") }}</code>
{{ payload.key || $t("state.none") }}:
<code>{{ payload.value || $t("state.none") }}</code>
</span>
</p>
</span>
<p v-if="request.rawParams" class="doc-desc">
<span>
{{ $t("request.parameters") }}:
<code>{{ request.rawParams || $t("none") }}</code>
<code>{{ request.rawParams || $t("state.none") }}</code>
</span>
</p>
<p v-if="request.contentType" class="doc-desc">
<span>
{{ $t("request.content_type") }}:
<code>{{ request.contentType || $t("none") }}</code>
<code>{{ request.contentType || $t("state.none") }}</code>
</span>
</p>
<p v-if="request.requestType" class="doc-desc">
<span>
{{ $t("request.type") }}:
<code>{{ request.requestType || $t("none") }}</code>
<code>{{ request.requestType || $t("state.none") }}</code>
</span>
</p>
</div>

10
components/environments/Add.vue
View File

@@ -18,8 +18,14 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="addNewEnvironment" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary
:label="$t('action.save')"
@click.native="addNewEnvironment"
/>
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

12
components/environments/Edit.vue
View File

@@ -92,8 +92,14 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="saveEnvironment" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary
:label="$t('action.save')"
@click.native="saveEnvironment"
/>
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>
@@ -153,7 +159,7 @@ export default defineComponent({
clearContent() {
this.vars = []
this.clearIcon = "done"
this.$toast.info(this.$t("cleared").toString(), {
this.$toast.info(this.$t("state.cleared").toString(), {
icon: "clear_all",
})
setTimeout(() => (this.clearIcon = "clear_all"), 1000)

6
components/environments/Environment.vue
View File

@@ -27,13 +27,13 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
<SmartItem
icon="create"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-environment')
$refs.options.tippy().hide()
@@ -82,7 +82,7 @@ export default Vue.extend({
removeEnvironment() {
if (this.environmentIndex !== "Global")
deleteEnvironment(this.environmentIndex)
this.$toast.error(this.$t("deleted").toString(), {
this.$toast.error(this.$t("state.deleted").toString(), {
icon: "delete",
})
},

14
components/environments/ImportExport.vue
View File

@@ -10,7 +10,7 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
class="rounded"
icon="more_vert"
/>
@@ -53,9 +53,9 @@
<div class="flex flex-col space-y-2">
<SmartItem
v-tippy="{ theme: 'tooltip' }"
:title="$t('replace_current')"
:title="$t('action.replace_current')"
icon="folder_special"
:label="$t('replace_json')"
:label="$t('action.replace_json')"
@click.native="openDialogChooseFileToReplaceWith"
/>
<input
@@ -67,7 +67,7 @@
/>
<SmartItem
v-tippy="{ theme: 'tooltip' }"
:title="$t('preserve_current')"
:title="$t('action.preserve_current')"
icon="create_new_folder"
:label="$t('import.json')"
@click.native="openDialogChooseFileToImportFrom"
@@ -81,7 +81,7 @@
/>
<SmartItem
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
icon="drive_file_move"
:label="$t('export.as_json')"
@click.native="exportJSON"
@@ -226,7 +226,7 @@ export default defineComponent({
a.download = `${url.split("/").pop().split("#")[0].split("?")[0]}`
document.body.appendChild(a)
a.click()
this.$toast.success(this.$t("download_started"), {
this.$toast.success(this.$t("state.download_started"), {
icon: "done",
})
setTimeout(() => {
@@ -235,7 +235,7 @@ export default defineComponent({
}, 1000)
},
fileImported() {
this.$toast.info(this.$t("file_imported"), {
this.$toast.info(this.$t("state.file_imported"), {
icon: "folder_shared",
})
},

2
components/environments/index.vue
View File

@@ -58,7 +58,7 @@
<div class="border-b border-dividerLight flex flex-1 justify-between">
<ButtonSecondary
icon="add"
:label="$t('new')"
:label="$t('action.new')"
class="rounded-none"
@click.native="displayModalAdd(true)"
/>

8
components/firebase/Login.vue
View File

@@ -181,7 +181,7 @@ export default {
duration: null,
closeOnSwipe: false,
action: {
text: this.$t("yes"),
text: this.$t("action.yes"),
onClick: (_, toastObject) => {
applySetting("syncHistory", true)
applySetting("syncCollections", true)
@@ -228,7 +228,7 @@ export default {
duration: null,
closeOnSwipe: false,
action: {
text: this.$t("yes"),
text: this.$t("action.yes"),
onClick: async (_, toastObject) => {
const { user } = await signInWithGithub()
await user.linkWithCredential(pendingCred)
@@ -264,7 +264,7 @@ export default {
duration: null,
closeOnSwipe: false,
action: {
text: this.$t("yes"),
text: this.$t("action.yes"),
onClick: (_, toastObject) => {
applySetting("syncHistory", true)
applySetting("syncCollections", true)
@@ -311,7 +311,7 @@ export default {
duration: null,
closeOnSwipe: false,
action: {
text: this.$t("yes"),
text: this.$t("action.yes"),
onClick: async (_, toastObject) => {
const { user } = await signInUserWithGoogle()
await user.linkWithCredential(pendingCred)

2
components/graphql/Field.vue
View File

@@ -38,7 +38,7 @@
field-deprecated
"
>
{{ $t("deprecated") }}
{{ $t("state.deprecated") }}
</div>
<div v-if="fieldArgs.length > 0">
<h5 class="my-2">Arguments:</h5>

2
components/graphql/QueryEditor.vue
View File

@@ -181,7 +181,7 @@ export default {
try {
this.$emit("update-query", gql.print(gql.parse(this.editor.getValue())))
} catch (e) {
this.$toast.error(this.$t("gql_prettify_invalid_query"), {
this.$toast.error(this.$t("error.gql_prettify_invalid_query"), {
icon: "error",
})
}

10
components/graphql/RequestOptions.vue
View File

@@ -22,7 +22,7 @@
</label>
<div class="flex">
<ButtonSecondary
:label="$t('run')"
:label="$t('request.run')"
:shortcut="[getSpecialKey(), 'Enter']"
icon="play_arrow"
class="rounded-none !text-accent"
@@ -37,7 +37,7 @@
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="`${$t(
'prettify_query'
'action.prettify'
)} <kbd>${getSpecialKey()}</kbd><kbd>P</kbd>`"
:icon="prettifyQueryIcon"
@click.native="prettifyQuery"
@@ -358,7 +358,7 @@ export default defineComponent({
const startTime = Date.now()
nuxt.value.$loading.start()
response.value = t("loading").toString()
response.value = t("state.loading").toString()
try {
const runURL = clone(url.value)
@@ -393,14 +393,14 @@ export default defineComponent({
addGraphqlHistoryEntry(historyEntry)
$toast.success(t("finished_in", { duration }).toString(), {
$toast.success(t("state.finished_in", { duration }).toString(), {
icon: "done",
})
} catch (e: any) {
response.value = `${e}. ${t("error.check_console_details")}`
nuxt.value.$loading.finish()
$toast.error(`${e} ${t("f12_details").toString()}`, {
$toast.error(`${e} ${t("error.f12_details").toString()}`, {
icon: "error",
})
console.error(e)

6
components/graphql/Response.vue
View File

@@ -21,7 +21,7 @@
<ButtonSecondary
ref="downloadResponse"
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
:icon="downloadResponseIcon"
@click.native="downloadResponse"
/>
@@ -92,7 +92,7 @@
</div>
</div>
<ButtonSecondary
:label="$t('documentation')"
:label="$t('app.documentation')"
to="https://docs.hoppscotch.io"
icon="open_in_new"
blank
@@ -151,7 +151,7 @@ export default defineComponent({
document.body.appendChild(a)
a.click()
downloadResponseIcon.value = "done"
$toast.success(t("download_started").toString(), {
$toast.success(t("state.download_started").toString(), {
icon: "done",
})
setTimeout(() => {

6
components/graphql/Sidebar.vue
View File

@@ -16,7 +16,7 @@
<input
v-model="graphqlFieldsFilterText"
type="search"
:placeholder="$t('search')"
:placeholder="$t('action.search')"
class="bg-primaryLight flex w-full py-2 pr-2 pl-9"
/>
</div>
@@ -162,7 +162,7 @@
<ButtonSecondary
ref="downloadSchema"
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
:icon="downloadSchemaIcon"
@click.native="downloadSchema"
/>
@@ -415,7 +415,7 @@ export default defineComponent({
document.body.appendChild(a)
a.click()
downloadSchemaIcon.value = "done"
$toast.success(t("download_started").toString(), {
$toast.success(t("state.download_started").toString(), {
icon: "done",
})
setTimeout(() => {

8
components/history/index.vue
View File

@@ -15,7 +15,7 @@
v-model="filterText"
type="search"
class="bg-primaryLight flex w-full py-2 pr-2 pl-9"
:placeholder="$t('search')"
:placeholder="$t('action.search')"
/>
</div>
<div class="flex">
@@ -63,7 +63,7 @@
>
<i class="opacity-75 pb-2 material-icons">manage_search</i>
<span class="text-center">
{{ $t("nothing_found") }} "{{ filterText }}"
{{ $t("state.nothing_found") }} "{{ filterText }}"
</span>
</div>
<div
@@ -137,7 +137,7 @@ export default defineComponent({
if (this.page === "rest") clearRESTHistory()
else clearGraphqlHistory()
this.$toast.error(this.$t("history_deleted").toString(), {
this.$toast.error(this.$t("state.history_deleted").toString(), {
icon: "delete",
})
},
@@ -148,7 +148,7 @@ export default defineComponent({
if (this.page === "rest") deleteRESTHistoryEntry(entry)
else deleteGraphqlHistoryEntry(entry)
this.$toast.error(this.$t("deleted").toString(), {
this.$toast.error(this.$t("state.deleted").toString(), {
icon: "delete",
})
},

6
components/history/rest/Card.vue
View File

@@ -61,9 +61,9 @@ export default {
if (this.entry.meta.responseDuration) {
const responseDuration = this.entry.meta.responseDuration
return responseDuration > 0
? `${this.$t("duration")}: ${responseDuration}ms`
: this.$t("no_duration")
} else return this.$t("no_duration")
? `${this.$t("request.duration")}: ${responseDuration}ms`
: this.$t("error.no_duration")
} else return this.$t("error.no_duration")
},
entryStatus() {
const foundStatusGroup = findStatusGroup(this.entry.statusCode)

20
components/http/Authorization.vue
View File

@@ -107,7 +107,7 @@
name="http_basic_user"
/>
<label for="http_basic_user">
{{ $t("username") }}
{{ $t("authorization.username") }}
</label>
</div>
<div class="flex relative">
@@ -120,7 +120,7 @@
:type="passwordFieldType"
/>
<label for="http_basic_passwd">
{{ $t("password") }}
{{ $t("authorization.password") }}
</label>
<ButtonSecondary
:icon="passwordFieldType === 'text' ? 'visibility' : 'visibility_off'"
@@ -164,22 +164,6 @@
/>
</div>
</div>
<!-- <button
v-if="authType === 'OAuth 2.0'"
v-tooltip.bottom="$t('use_token')"
class="icon button"
@click="showTokenListModal = !showTokenListModal"
>
<i class="material-icons">open_in_new</i>
</button> -->
<!-- <button
v-if="authType === 'OAuth 2.0'"
v-tooltip.bottom="$t('get_token')"
class="icon button"
@click="showTokenRequest = !showTokenRequest"
>
<i class="material-icons">vpn_key</i>
</button> -->
<!-- <SmartToggle
:on="!URL_EXCLUDES.auth"
@change="setExclude('auth', !$event)"

2
components/http/CodegenModal.vue
View File

@@ -139,7 +139,7 @@ export default defineComponent({
copyRequestCode() {
copyToClipboard(this.requestCode)
this.copyIcon = "done"
this.$toast.success(this.$t("copied_to_clipboard").toString(), {
this.$toast.success(this.$t("state.copied_to_clipboard").toString(), {
icon: "done",
})
setTimeout(() => (this.copyIcon = "content_copy"), 1000)

7
components/http/ImportCurl.vue
View File

@@ -21,7 +21,10 @@
:label="$t('import.title')"
@click.native="handleImport"
/>
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>
@@ -124,7 +127,7 @@ export default defineComponent({
)
} catch (e) {
console.error(e)
this.$toast.error(this.$t("curl_invalid_format").toString(), {
this.$toast.error(this.$t("error.curl_invalid_format").toString(), {
icon: "error",
})
}

8
components/http/RawBody.vue
View File

@@ -34,7 +34,7 @@
v-if="contentType.endsWith('json')"
ref="prettifyRequest"
v-tippy="{ theme: 'tooltip' }"
:title="$t('prettify_body')"
:title="$t('action.prettify')"
:icon="prettifyIcon"
@click.native="prettifyRequestBody"
/>
@@ -108,11 +108,11 @@ export default defineComponent({
this.rawParamsBody = target.result
}
reader.readAsText(file)
this.$toast.info(this.$t("file_imported"), {
this.$toast.info(this.$t("state.file_imported"), {
icon: "attach_file",
})
} else {
this.$toast.error(this.$t("choose_file"), {
this.$toast.error(this.$t("action.choose_file"), {
icon: "attach_file",
})
}
@@ -126,7 +126,7 @@ export default defineComponent({
setTimeout(() => (this.prettifyIcon = "photo_filter"), 1000)
} catch (e) {
console.error(e)
this.$toast.error(`${this.$t("json_prettify_invalid_body")}`, {
this.$toast.error(`${this.$t("error.json_prettify_invalid_body")}`, {
icon: "error",
})
}

2
components/http/Request.vue
View File

@@ -345,7 +345,7 @@ export default defineComponent({
.catch(() => {})
} else {
copyToClipboard(window.location.href)
$toast.info(t("copied_to_clipboard").toString(), {
$toast.info(t("state.copied_to_clipboard").toString(), {
icon: "done",
})
}

4
components/http/ResponseMeta.vue
View File

@@ -42,7 +42,7 @@
</div>
</div>
<ButtonSecondary
:label="$t('documentation')"
:label="$t('app.documentation')"
to="https://docs.hoppscotch.io"
icon="open_in_new"
blank
@@ -87,7 +87,7 @@
>
<span v-if="response.statusCode">
<span class="text-secondary"> {{ $t("response.status") }}: </span>
{{ response.statusCode || $t("waiting_send_req") }}
{{ response.statusCode || $t("state.waiting_send_request") }}
</span>
<span v-if="response.meta && response.meta.responseDuration">
<span class="text-secondary"> {{ $t("response.time") }}: </span>

80
components/http/TokenList.vue
View File

@@ -1,80 +0,0 @@
<template>
<SmartModal v-if="show" :title="$t('manage_token')" @close="hideModal">
<template #body>
<div class="flex flex-1">
<label>{{ $t("token_list") }}</label>
<div v-if="tokens.length != 0">
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('action.clear_all')"
icon="clear_all"
@click.native="clearContent('tokens', $event)"
/>
</div>
</div>
<ul v-for="(token, index) in tokens" :key="`token-${index}`">
<li>
<input
class="input"
:placeholder="`name ${index + 1}`"
:value="token.name"
@change="
$store.commit('setOAuthTokenName', {
index,
value: $event.target.value,
})
"
/>
</li>
<li>
<input class="input" :value="token.value" readonly />
</li>
<div class="flex flex-1">
<li>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('use_token')"
icon="input"
@click.native="useOAuthToken(token.value)"
/>
</li>
<li>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('action.remove')"
icon="remove_circle_outline"
color="red"
@click.native="removeOAuthToken(index)"
/>
</li>
</div>
</ul>
<p v-if="tokens.length === 0">
{{ $t("empty.protocols") }}
</p>
</template>
</SmartModal>
</template>
<script>
export default {
props: {
show: Boolean,
tokens: { type: Array, default: () => [] },
},
methods: {
clearContent(tokens, $event) {
this.$emit("clear-content", tokens, $event)
},
useOAuthToken(token) {
this.$emit("use-oauth-token", token)
},
removeOAuthToken(index) {
this.$emit("remove-oauth-token", index)
},
hideModal() {
this.$emit("hide-modal")
},
},
}
</script>

6
components/lenses/renderers/HTMLLensRenderer.vue
View File

@@ -30,7 +30,7 @@
v-if="response.body"
ref="downloadResponse"
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
:icon="downloadIcon"
@click.native="downloadResponse"
/>
@@ -96,7 +96,7 @@ export default {
document.body.appendChild(a)
a.click()
this.downloadIcon = "done"
this.$toast.success(this.$t("download_started"), {
this.$toast.success(this.$t("state.download_started"), {
icon: "done",
})
setTimeout(() => {
@@ -108,7 +108,7 @@ export default {
copyResponse() {
copyToClipboard(this.responseBodyText)
this.copyIcon = "done"
this.$toast.success(this.$t("copied_to_clipboard"), {
this.$toast.success(this.$t("state.copied_to_clipboard"), {
icon: "done",
})
setTimeout(() => (this.copyIcon = "content_copy"), 1000)

4
components/lenses/renderers/ImageLensRenderer.vue
View File

@@ -21,7 +21,7 @@
v-if="response.body"
ref="downloadResponse"
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
:icon="downloadIcon"
@click.native="downloadResponse"
/>
@@ -101,7 +101,7 @@ export default {
document.body.appendChild(a)
a.click()
this.downloadIcon = "done"
this.$toast.success(this.$t("download_started"), {
this.$toast.success(this.$t("state.download_started"), {
icon: "done",
})
setTimeout(() => {

6
components/lenses/renderers/JSONLensRenderer.vue
View File

@@ -21,7 +21,7 @@
v-if="response.body"
ref="downloadResponse"
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
:icon="downloadIcon"
@click.native="downloadResponse"
/>
@@ -100,7 +100,7 @@ export default {
document.body.appendChild(a)
a.click()
this.downloadIcon = "done"
this.$toast.success(this.$t("download_started"), {
this.$toast.success(this.$t("state.download_started"), {
icon: "done",
})
setTimeout(() => {
@@ -112,7 +112,7 @@ export default {
copyResponse() {
copyToClipboard(this.responseBodyText)
this.copyIcon = "done"
this.$toast.success(this.$t("copied_to_clipboard"), {
this.$toast.success(this.$t("state.copied_to_clipboard"), {
icon: "done",
})
setTimeout(() => (this.copyIcon = "content_copy"), 1000)

6
components/lenses/renderers/RawLensRenderer.vue
View File

@@ -21,7 +21,7 @@
v-if="response.body"
ref="downloadResponse"
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
:icon="downloadIcon"
@click.native="downloadResponse"
/>
@@ -92,7 +92,7 @@ export default {
document.body.appendChild(a)
a.click()
this.downloadIcon = "done"
this.$toast.success(this.$t("download_started"), {
this.$toast.success(this.$t("state.download_started"), {
icon: "done",
})
setTimeout(() => {
@@ -104,7 +104,7 @@ export default {
copyResponse() {
copyToClipboard(this.responseBodyText)
this.copyIcon = "done"
this.$toast.success(this.$t("copied_to_clipboard"), {
this.$toast.success(this.$t("state.copied_to_clipboard"), {
icon: "done",
})
setTimeout(() => (this.copyIcon = "content_copy"), 1000)

6
components/lenses/renderers/XMLLensRenderer.vue
View File

@@ -21,7 +21,7 @@
v-if="response.body"
ref="downloadResponse"
v-tippy="{ theme: 'tooltip' }"
:title="$t('download_file')"
:title="$t('action.download_file')"
:icon="downloadIcon"
@click.native="downloadResponse"
/>
@@ -91,7 +91,7 @@ export default {
document.body.appendChild(a)
a.click()
this.downloadIcon = "done"
this.$toast.success(this.$t("download_started"), {
this.$toast.success(this.$t("state.download_started"), {
icon: "done",
})
setTimeout(() => {
@@ -103,7 +103,7 @@ export default {
copyResponse() {
copyToClipboard(this.responseBodyText)
this.copyIcon = "done"
this.$toast.success(this.$t("copied_to_clipboard"), {
this.$toast.success(this.$t("state.copied_to_clipboard"), {
icon: "done",
})
setTimeout(() => (this.copyIcon = "content_copy"), 1000)

12
components/realtime/Mqtt.vue
View File

@@ -42,7 +42,7 @@
</Pane>
<Pane class="hide-scrollbar !overflow-auto">
<AppSection label="response">
<RealtimeLog :title="$t('log')" :log="log" />
<RealtimeLog :title="$t('mqtt.log')" :log="log" />
</AppSection>
</Pane>
</Splitpanes>
@@ -199,7 +199,7 @@ export default defineComponent({
this.connectingState = true
this.log = [
{
payload: this.$t("connecting_to", { name: this.url }),
payload: this.$t("state.connecting_to", { name: this.url }),
source: "info",
color: "var(--accent-color)",
ts: new Date().toLocaleTimeString(),
@@ -237,12 +237,12 @@ export default defineComponent({
this.connectingState = false
this.connectionState = true
this.log.push({
payload: this.$t("connected_to", { name: this.url }),
payload: this.$t("state.connected_to", { name: this.url }),
source: "info",
color: "var(--accent-color)",
ts: new Date().toLocaleTimeString(),
})
this.$toast.success(this.$t("connected"), {
this.$toast.success(this.$t("state.connected"), {
icon: "sync",
})
},
@@ -265,7 +265,7 @@ export default defineComponent({
this.manualDisconnect = true
this.client.disconnect()
this.log.push({
payload: this.$t("disconnected_from", { name: this.url }),
payload: this.$t("state.disconnected_from", { name: this.url }),
source: "info",
color: "#ff5555",
ts: new Date().toLocaleTimeString(),
@@ -275,7 +275,7 @@ export default defineComponent({
this.connectingState = false
this.connectionState = false
if (this.manualDisconnect) {
this.$toast.error(this.$t("disconnected"), {
this.$toast.error(this.$t("state.disconnected"), {
icon: "sync_disabled",
})
} else {

12
components/realtime/Socketio.vue
View File

@@ -61,7 +61,7 @@
</Pane>
<Pane class="hide-scrollbar !overflow-auto">
<AppSection label="response">
<RealtimeLog :title="$t('log')" :log="communication.log" />
<RealtimeLog :title="$t('socketio.log')" :log="communication.log" />
</AppSection>
</Pane>
</Splitpanes>
@@ -219,7 +219,7 @@ export default defineComponent({
this.connectingState = true
this.communication.log = [
{
payload: this.$t("connecting_to", { name: this.url }),
payload: this.$t("state.connecting_to", { name: this.url }),
source: "info",
color: "var(--accent-color)",
},
@@ -239,13 +239,13 @@ export default defineComponent({
this.connectionState = true
this.communication.log = [
{
payload: this.$t("connected_to", { name: this.url }),
payload: this.$t("state.connected_to", { name: this.url }),
source: "info",
color: "var(--accent-color)",
ts: new Date().toLocaleTimeString(),
},
]
this.$toast.success(this.$t("connected"), {
this.$toast.success(this.$t("state.connected"), {
icon: "sync",
})
})
@@ -270,12 +270,12 @@ export default defineComponent({
this.connectingState = false
this.connectionState = false
this.communication.log.push({
payload: this.$t("disconnected_from", { name: this.url }),
payload: this.$t("state.disconnected_from", { name: this.url }),
source: "info",
color: "#ff5555",
ts: new Date().toLocaleTimeString(),
})
this.$toast.error(this.$t("disconnected"), {
this.$toast.error(this.$t("state.disconnected"), {
icon: "sync_disabled",
})
})

16
components/realtime/Sse.vue
View File

@@ -70,7 +70,7 @@
<AppSection label="response">
<ul>
<li>
<RealtimeLog :title="$t('log')" :log="events.log" />
<RealtimeLog :title="$t('sse.log')" :log="events.log" />
<div id="result"></div>
</li>
</ul>
@@ -137,7 +137,7 @@ export default {
this.connectingState = true
this.events.log = [
{
payload: this.$t("connecting_to", { name: this.server }),
payload: this.$t("state.connecting_to", { name: this.server }),
source: "info",
color: "var(--accent-color)",
},
@@ -150,13 +150,13 @@ export default {
this.connectionSSEState = true
this.events.log = [
{
payload: this.$t("connected_to", { name: this.server }),
payload: this.$t("state.connected_to", { name: this.server }),
source: "info",
color: "var(--accent-color)",
ts: new Date().toLocaleTimeString(),
},
]
this.$toast.success(this.$t("connected"), {
this.$toast.success(this.$t("state.connected"), {
icon: "sync",
})
}
@@ -166,12 +166,14 @@ export default {
this.sse.onclose = () => {
this.connectionSSEState = false
this.events.log.push({
payload: this.$t("disconnected_from", { name: this.server }),
payload: this.$t("state.disconnected_from", {
name: this.server,
}),
source: "info",
color: "#ff5555",
ts: new Date().toLocaleTimeString(),
})
this.$toast.error(this.$t("disconnected"), {
this.$toast.error(this.$t("state.disconnected"), {
icon: "sync_disabled",
})
}
@@ -191,7 +193,7 @@ export default {
} else {
this.events.log = [
{
payload: this.$t("browser_support_sse"),
payload: this.$t("error.browser_support_sse"),
source: "info",
color: "#ff5555",
ts: new Date().toLocaleTimeString(),

19
components/realtime/Websocket.vue
View File

@@ -142,7 +142,10 @@
</Pane>
<Pane class="hide-scrollbar !overflow-auto">
<AppSection label="response">
<RealtimeLog :title="$t('log')" :log="communication.log" />
<RealtimeLog
:title="$t('websocket.log')"
:log="communication.log"
/>
</AppSection>
</Pane>
</Splitpanes>
@@ -271,7 +274,7 @@ export default defineComponent({
connect() {
this.communication.log = [
{
payload: this.$t("connecting_to", { name: this.url }),
payload: this.$t("state.connecting_to", { name: this.url }),
source: "info",
color: "var(--accent-color)",
},
@@ -284,13 +287,13 @@ export default defineComponent({
this.connectionState = true
this.communication.log = [
{
payload: this.$t("connected_to", { name: this.url }),
payload: this.$t("state.connected_to", { name: this.url }),
source: "info",
color: "var(--accent-color)",
ts: new Date().toLocaleTimeString(),
},
]
this.$toast.success(this.$t("connected"), {
this.$toast.success(this.$t("state.connected"), {
icon: "sync",
})
}
@@ -300,12 +303,12 @@ export default defineComponent({
this.socket.onclose = () => {
this.connectionState = false
this.communication.log.push({
payload: this.$t("disconnected_from", { name: this.url }),
payload: this.$t("state.disconnected_from", { name: this.url }),
source: "info",
color: "#ff5555",
ts: new Date().toLocaleTimeString(),
})
this.$toast.error(this.$t("disconnected"), {
this.$toast.error(this.$t("state.disconnected"), {
icon: "sync_disabled",
})
}
@@ -403,10 +406,10 @@ export default defineComponent({
deleteProtocol({ index }) {
const oldProtocols = this.protocols.slice()
this.$delete(this.protocols, index)
this.$toast.error(this.$t("deleted"), {
this.$toast.error(this.$t("state.deleted"), {
icon: "delete",
action: {
text: this.$t("undo"),
text: this.$t("action.undo"),
duration: 4000,
onClick: (_, toastObject) => {
this.protocols = oldProtocols

4
components/smart/ConfirmModal.vue
View File

@@ -24,13 +24,13 @@ export default {
yes: {
type: String,
default() {
return this.$t("yes")
return this.$t("action.yes")
},
},
no: {
type: String,
default() {
return this.$t("no")
return this.$t("action.no")
},
},
},

7
components/teams/Add.vue
View File

@@ -18,8 +18,11 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="addNewTeam" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary :label="$t('action.save')" @click.native="addNewTeam" />
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

7
components/teams/Edit.vue
View File

@@ -174,8 +174,11 @@
</template>
<template #footer>
<span>
<ButtonPrimary :label="$t('save')" @click.native="saveTeam" />
<ButtonSecondary :label="$t('cancel')" @click.native="hideModal" />
<ButtonPrimary :label="$t('action.save')" @click.native="saveTeam" />
<ButtonSecondary
:label="$t('action.cancel')"
@click.native="hideModal"
/>
</span>
</template>
</SmartModal>

6
components/teams/Team.vue
View File

@@ -6,7 +6,7 @@
class="cursor-pointer transition hover:text-secondaryDark"
@click="team.myRole === 'OWNER' ? $emit('edit-team') : ''"
>
{{ team.name || $t("nothing_found") }}
{{ team.name || $t("state.nothing_found") }}
</label>
<div class="flex -space-x-1 mt-2 overflow-hidden">
<img
@@ -24,14 +24,14 @@
<template #trigger>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('more')"
:title="$t('action.more')"
icon="more_vert"
/>
</template>
<SmartItem
v-if="team.myRole === 'OWNER'"
icon="create"
:label="$t('edit')"
:label="$t('action.edit')"
@click.native="
$emit('edit-team')
$refs.options.tippy().hide()

2
components/teams/index.vue
View File

@@ -18,7 +18,7 @@
@click.native="displayModalAdd(true)"
/>
<p v-if="$apollo.queries.myTeams.loading">
{{ $t("loading") }}
{{ $t("state.loading") }}
</p>
<div v-if="myTeams.length === 0" class="flex items-center">
<i class="mr-4 material-icons">help_outline</i>

931
locales/en.json
View File

@@ -1,517 +1,484 @@
{
"navigation": {
"rest": "REST",
"graphql": "GraphQL",
"realtime": "Realtime",
"doc": "Docs",
"settings": "Settings"
},
"header": {
"install_pwa": "Install app",
"save_workspace": "Save My Workspace",
"account": "Account",
"login": "Login"
},
"action": {
"label": "Label",
"turn_on": "Turn on",
"turn_off": "Turn off",
"dismiss": "Dismiss",
"copy": "Copy",
"send": "Send",
"cancel": "Cancel",
"learn_more": "Learn more",
"go_back": "Go back",
"delete": "Delete",
"remove": "Remove",
"choose_file": "Choose a file",
"clear": "Clear",
"clear_all": "Clear all",
"connect": "Connect",
"copy": "Copy",
"delete": "Delete",
"disconnect": "Disconnect",
"dismiss": "Dismiss",
"download_file": "Download file",
"edit": "Edit",
"go_back": "Go back",
"label": "Label",
"learn_more": "Learn more",
"more": "More",
"new": "New",
"no": "No",
"preserve_current": "Preserve current",
"prettify": "Prettify",
"remove": "Remove",
"replace_current": "Replace current",
"replace_json": "Replace with JSON",
"restore": "Restore",
"save": "Save",
"search": "Search",
"send": "Send",
"start": "Start",
"stop": "Stop"
},
"confirm": {
"logout": "Are you sure you want to logout?",
"remove_history": "Are you sure you want to permanently delete all history?",
"remove_collection": "Are you sure you want to permanently delete this collection?",
"remove_folder": "Are you sure you want to permanently delete this folder?",
"remove_request": "Are you sure you want to permanently delete this request?",
"remove_environment": "Are you sure you want to permanently delete this environment?",
"remove_telemetry": "Are you sure you want to opt-out of Telemetry?",
"remove_team": "Are you sure you want to delete this team?",
"sync": "Are you sure you want to sync this workspace?"
},
"empty": {
"protocols": "Protocols are empty",
"environments": "Environments are empty",
"collections": "Collections are empty",
"team_name": "Team name empty",
"collection": "Collection is empty",
"folder": "Folder is empty",
"parameters": "This request does not have any parameters",
"history": "History is empty",
"headers": "This request does not have any headers",
"tests": "There are no tests for this request",
"schema": "Connect to a GraphQL endpoint",
"teams": "Teams are empty",
"members": "Team is empty",
"body": "This request does not have a body",
"authorization": "This request does not use any authorization"
},
"count": {
"message": "Message {count}",
"protocol": "Protocol {count}",
"header": "Header {count}",
"parameter": "Parameter {count}",
"variable": "Variable {count}",
"value": "Value {count}"
"stop": "Stop",
"turn_off": "Turn off",
"turn_on": "Turn on",
"undo": "Undo",
"yes": "Yes"
},
"add": {
"new": "Add new",
"star": "Add star"
},
"app": {
"chat_with_us": "Chat with us",
"contact_us": "Contact us",
"copy": "Copy",
"documentation": "Documentation",
"help": "Help, feedback and</br>documentation",
"home": "Home",
"invite": "Invite",
"invite_description": "In Hoppscotch, we designed a simple and intuitive interface for creating and managing your APIs. Hoppscotch is a tool that helps you build, test, document and share your APIs.",
"invite_your_friends": "Invite your friends",
"join_discord_community": "Join our Discord community",
"keyboard_shortcuts": "Keyboard shortcuts",
"name": "Hoppscotch",
"new_version_found": "New version found. Refresh to update.",
"proxy_privacy_policy": "Proxy privacy policy",
"search": "Search",
"share": "Share",
"shortcuts": "Shortcuts",
"spotlight": "Spotlight",
"status": "Status",
"terms_and_privacy": "Terms and privacy",
"twitter": "Twitter",
"type_a_command_search": "Type a command or search…",
"version": "v2.0",
"we_use_cookies": "We use cookies",
"whats_new": "What's new?",
"wiki": "Wiki"
},
"auth": {
"account_exists": "Account exists with different credential - Login to link both accounts",
"all_sign_in_options": "All sign in options",
"continue_with_email": "Continue with Email",
"continue_with_github": "Continue with GitHub",
"continue_with_google": "Continue with Google",
"email": "Email",
"logged_out": "Logged out",
"login": "Login",
"login_success": "Successfully logged in",
"login_to_hoppscotch": "Login to Hoppscotch",
"logout": "Logout",
"re_enter_email": "Re-enter email",
"send_magic_link": "Send a magic link",
"sync": "Sync",
"we_sent_magic_link": "We sent you a magic link!",
"we_sent_magic_link_description": "Check your inbox - we sent an email to {email}. It contains a magic link that will log you in."
},
"authorization": {
"include_in_url": "Include in URL",
"password": "Password",
"token": "Token",
"type": "Authorization Type",
"username": "Username"
},
"collection": {
"created": "Collection created",
"edit": "Edit Collection",
"invalid_name": "Please provide a valid name for the collection",
"my_collections": "My Collections",
"name": "My New Collection",
"new": "New Collection",
"save_as": "Save as",
"select": "Select a Collection",
"select_location": "Select location",
"select_team": "Select a team",
"team_collections": "Team Collections"
},
"confirm": {
"logout": "Are you sure you want to logout?",
"remove_collection": "Are you sure you want to permanently delete this collection?",
"remove_environment": "Are you sure you want to permanently delete this environment?",
"remove_folder": "Are you sure you want to permanently delete this folder?",
"remove_history": "Are you sure you want to permanently delete all history?",
"remove_request": "Are you sure you want to permanently delete this request?",
"remove_team": "Are you sure you want to delete this team?",
"remove_telemetry": "Are you sure you want to opt-out of Telemetry?",
"sync": "Are you sure you want to sync this workspace?"
},
"count": {
"header": "Header {count}",
"message": "Message {count}",
"parameter": "Parameter {count}",
"protocol": "Protocol {count}",
"value": "Value {count}",
"variable": "Variable {count}"
},
"documentation": {
"generate": "Generate documentation",
"generate_message": "Import any Hoppscotch collection to generate API documentation on-the-go."
},
"empty": {
"authorization": "This request does not use any authorization",
"body": "This request does not have a body",
"collection": "Collection is empty",
"collections": "Collections are empty",
"environments": "Environments are empty",
"folder": "Folder is empty",
"headers": "This request does not have any headers",
"history": "History is empty",
"members": "Team is empty",
"parameters": "This request does not have any parameters",
"protocols": "Protocols are empty",
"schema": "Connect to a GraphQL endpoint",
"team_name": "Team name empty",
"teams": "Teams are empty",
"tests": "There are no tests for this request"
},
"environment": {
"create_new": "Create new environment",
"edit": "Edit Environment",
"invalid_name": "Please provide a valid name for the environment",
"new": "New Environment",
"no_environment": "No environment",
"select": "Select environment",
"title": "Environments",
"variable_list": "Variable List"
},
"error": {
"browser_support_sse": "This browser doesn't seems to have Server Sent Events support.",
"check_console_details": "Check console log for details.",
"curl_invalid_format": "cURL is not formatted properly",
"empty_req_name": "Empty Request Name",
"f12_details": "(F12 for details)",
"gql_prettify_invalid_query": "Couldn't prettify an invalid query, solve query syntax errors and try again",
"json_prettify_invalid_body": "Couldn't prettify an invalid body, solve json syntax errors and try again",
"network_fail": "Could not send request",
"no_duration": "No duration",
"something_went_wrong": "Something went wrong"
},
"export": {
"as_json": "Export as JSON",
"create_secret_gist": "Create secret Gist",
"gist_created": "Gist created",
"require_github": "Login with GitHub to create secret gist"
},
"folder": {
"created": "Folder created",
"edit": "Edit Folder",
"new": "New Folder",
"renamed": "Folder renamed"
},
"graphql": {
"mutations": "Mutations",
"schema": "Schema",
"subscriptions": "Subscriptions"
},
"header": {
"account": "Account",
"install_pwa": "Install app",
"login": "Login",
"save_workspace": "Save My Workspace"
},
"helpers": {
"authorization": "The authorization header will be automatically generated when you send the request.",
"generate_documentation_first": "Generate documentation first",
"network_fail": "Unable to reach the API endpoint. Check your network connection and try again.",
"offline": "You seem to be offline. Data in this workspace might not be up to date.",
"offline_short": "You seem to be offline.",
"post_request_tests": "Test scripts are written in JavaScript, and are run after the response is received.",
"pre_request_script": "Pre-request scripts are written in JavaScript, and are run before the request is sent.",
"tests": "Write a test script to automate debugging."
},
"hide": {
"more": "Hide more",
"preview": "Hide Preview",
"sidebar": "Hide sidebar"
},
"import": {
"collections": "Import collections",
"curl": "Import cURL",
"failed": "Import failed",
"from_gist": "Import from Gist",
"from_my_collections": "Import from My Collections",
"gist_url": "Enter Gist URL",
"json": "Import from JSON",
"title": "Import"
},
"layout": {
"zen_mode": "Zen mode"
},
"modal": {
"collections": "Collections",
"confirm": "Confirm",
"edit_request": "Edit Request",
"import_export": "Import / Export"
},
"mqtt": {
"communication": "Communication",
"log": "Log",
"message": "Message",
"publish": "Publish",
"subscribe": "Subscribe",
"topic": "Topic",
"topic_name": "Topic Name",
"topic_title": "Publish / Subscribe topic",
"unsubscribe": "Unsubscribe",
"url": "URL"
},
"navigation": {
"doc": "Docs",
"graphql": "GraphQL",
"realtime": "Realtime",
"rest": "REST",
"settings": "Settings"
},
"preRequest": {
"javascript_code": "JavaScript Code",
"script": "Pre-Request Script",
"snippets": "Snippets"
},
"remove": {
"star": "Remove star"
},
"request": {
"authorization": "Authorization",
"body": "Request Body",
"choose_language": "Choose language",
"content_type": "Content Type",
"copy_link": "Copy link",
"duration": "Duration",
"enter_curl": "Enter cURL",
"generate_code": "Generate code",
"generated_code": "Generated code",
"header_list": "Header List",
"method": "Method",
"name": "Request name",
"parameter_list": "Query Parameters",
"parameters": "Parameters",
"payload": "Payload",
"query": "Query",
"raw_body": "Raw Request Body",
"run": "Run",
"save": "Save",
"save_as": "Save as",
"share": "Share",
"title": "Request",
"type": "Request type",
"url": "URL",
"variables": "Variables"
},
"response": {
"body": "Response Body",
"headers": "Headers",
"html": "HTML",
"image": "Image",
"json": "JSON",
"preview_html": "Preview HTML",
"raw": "Raw",
"size": "Size",
"status": "Status",
"time": "Time",
"title": "Response",
"waiting_for_connection": "waiting for connection",
"xml": "XML"
},
"settings": {
"accent_color": "Accent color",
"account": "Account",
"account_description": "Customize your account settings.",
"account_email_description": "Your primary email address.",
"account_name_description": "This is your display name.",
"background": "Background",
"black_mode": "Black",
"change_font_size": "Change font size",
"choose_language": "Choose language",
"dark_mode": "Dark",
"experiments": "Experiments",
"experiments_notice": "This is a collection of experiments we're working on that might turn out to be useful, fun, both, or neither. They're not final and may not be stable, so if something overly weird happens, don't panic. Just turn the dang thing off. Jokes aside, ",
"extension_ver_not_reported": "Not Reported",
"extension_version": "Extension Version",
"extensions": "Extensions",
"extensions_use_toggle": "Use the browser extension to send requests (if present)",
"font_size": "Font size",
"font_size_large": "Large",
"font_size_medium": "Medium",
"font_size_small": "Small",
"interceptor": "Interceptor",
"interceptor_description": "Middleware between application and APIs.",
"language": "Language",
"light_mode": "Light",
"navigation_sidebar": "Navigation sidebar",
"official_proxy_hosting": "Official Proxy is hosted by Hoppscotch.",
"proxy": "Proxy",
"proxy_url": "Proxy URL",
"proxy_use_toggle": "Use the proxy middleware to send requests",
"read_the": "Read the",
"reset_default": "Reset to default",
"shortcuts_indicator": "Shortcuts indicator",
"sync": "Synchronise",
"sync_collections": "Collections",
"sync_description": "These settings are synced to cloud.",
"sync_environments": "Environments",
"sync_history": "History",
"system_mode": "System",
"telemetry": "Telemetry",
"telemetry_helps_us": "Telemetry helps us to personalize our operations and deliver the best experience to you.",
"theme": "Theme",
"theme_description": "Customize your application theme.",
"use_experimental_url_bar": "Use experimental URL bar with environment highlighting",
"user": "User"
},
"shortcut": {
"general": {
"close_current_menu": "Close current menu",
"command_menu": "Search & command menu",
"help_menu": "Help menu",
"show_all": "Keyboard shortcuts",
"title": "General"
},
"miscellaneous": {
"invite": "Invite people to Hoppscotch",
"title": "Miscellaneous"
},
"navigation": {
"back": "Go back to previous page",
"documentation": "Go to Documentation page",
"forward": "Go forward to next page",
"graphql": "Go to GraphQL page",
"realtime": "Go to Realtime page",
"rest": "Go to REST page",
"settings": "Go to Settings page",
"title": "Navigation"
},
"request": {
"copy_request_link": "Copy Request Link",
"delete_method": "Select DELETE method",
"get_method": "Select GET method",
"head_method": "Select HEAD method",
"method": "Method",
"next_method": "Select Next method",
"path": "Path",
"post_method": "Select POST method",
"previous_method": "Select Previous method",
"put_method": "Select PUT method",
"reset_request": "Reset Request",
"save_to_collections": "Save to Collections",
"send_request": "Send Request",
"title": "Request"
}
},
"show": {
"code": "Show code",
"more": "Show more",
"sidebar": "Show sidebar"
},
"hide": {
"sidebar": "Hide sidebar",
"more": "Hide more",
"preview": "Hide Preview"
},
"support": {
"title": "Support",
"documentation": "Read more about Hoppscotch",
"changelog": "Read more about latest releases",
"twitter": "Follow us on Twitter",
"chat": "Questions? Chat with us!",
"forum": "Ask questions and get answers",
"team": "Get in touch with the team",
"shortcuts": "Browse app faster",
"community": "Ask questions and help others"
},
"app": {
"name": "Hoppscotch",
"version": "v2.0",
"home": "Home",
"wiki": "Wiki",
"we_use_cookies": "We use cookies",
"documentation": "Documentation",
"whats_new": "What's new?",
"chat_with_us": "Chat with us",
"shortcuts": "Shortcuts",
"keyboard_shortcuts": "Keyboard shortcuts",
"join_discord_community": "Join our Discord community",
"twitter": "Twitter",
"new_version_found": "New version found. Refresh to update.",
"terms_and_privacy": "Terms and privacy",
"status": "Status",
"help": "Help, feedback and</br>documentation",
"invite": "Invite",
"invite_your_friends": "Invite your friends",
"invite_description": "In Hoppscotch, we designed a simple and intuitive interface for creating and managing your APIs. Hoppscotch is a tool that helps you build, test, document and share your APIs.",
"share": "Share",
"copy": "Copy",
"search": "Search",
"type_a_command_search": "Type a command or search…",
"spotlight": "Spotlight"
},
"collection": {
"my_collections": "My Collections",
"team_collections": "Team Collections",
"select_team": "Select a team",
"save_as": "Save as",
"select_location": "Select location",
"select": "Select a Collection",
"invalid_name": "Please provide a valid name for the collection",
"new": "New Collection",
"name": "My New Collection",
"edit": "Edit Collection",
"created": "Collection created"
},
"folder": {
"new": "New Folder",
"edit": "Edit Folder",
"created": "Folder created",
"renamed": "Folder renamed"
},
"team": {
"title": "Teams",
"join_beta": "Join the beta program to access teams.",
"exit": "Exit Team",
"name_length_insufficient": "Team name should be atleast 6 characters long",
"invalid_email_format": "Email format is invalid",
"new": "New Team",
"new_name": "My New Team",
"edit": "Edit Team",
"deleted": "Team deleted",
"members": "Members",
"permissions": "Permissions",
"invalid_member_permission": "Please provide a valid permission to the team member",
"email": "E-mail",
"create_new": "Create new team",
"new_created": "New team created",
"saved": "Team saved",
"no_access": "You do not have edit access to these collections",
"left": "You left the team",
"exit_disabled": "Only owner cannot exit the team",
"member_role_updated": "User roles updated",
"member_removed": "User removed"
},
"modal": {
"confirm": "Confirm",
"import_export": "Import / Export",
"collections": "Collections"
},
"import": {
"title": "Import",
"from_gist": "Import from Gist",
"gist_url": "Enter Gist URL",
"failed": "Import failed",
"json": "Import from JSON",
"collections": "Import collections",
"curl": "Import cURL",
"from_my_collections": "Import from My Collections"
},
"export": {
"as_json": "Export as JSON",
"create_secret_gist": "Create secret Gist",
"require_github": "Login with GitHub to create secret gist",
"gist_created": "Gist created"
},
"auth": {
"login": "Login",
"continue_with_google": "Continue with Google",
"continue_with_github": "Continue with GitHub",
"continue_with_email": "Continue with Email",
"email": "Email",
"all_sign_in_options": "All sign in options",
"re_enter_email": "Re-enter email",
"account_exists": "Account exists with different credential - Login to link both accounts",
"send_magic_link": "Send a magic link",
"we_sent_magic_link": "We sent you a magic link!",
"we_sent_magic_link_description": "Check your inbox - we sent an email to {email}. It contains a magic link that will log you in.",
"sync": "Sync",
"login_success": "Successfully logged in",
"logout": "Logout",
"logged_out": "Logged out",
"login_to_hoppscotch": "Login to Hoppscotch"
},
"tab": {
"websocket": "WebSocket",
"queries": "Queries",
"sse": "SSE",
"mqtt": "MQTT",
"types": "Types",
"query": "Query",
"variables": "Variables",
"headers": "Headers",
"pre_request_script": "Pre-request Script",
"collections": "Collections",
"body": "Body",
"authorization": "Authorization",
"tests": "Tests",
"socketio": "Socket.IO",
"parameters": "Parameters",
"history": "History"
},
"authorization": {
"type": "Authorization Type",
"include_in_url": "Include in URL"
},
"websocket": {
"protocols": "Protocols",
"message": "Message",
"url": "URL",
"communication": "Communication"
},
"sse": {
"url": "URL",
"event_type": "Event type"
},
"mqtt": {
"topic": "Topic",
"topic_name": "Topic Name",
"topic_title": "Publish / Subscribe topic",
"publish": "Publish",
"subscribe": "Subscribe",
"unsubscribe": "Unsubscribe",
"message": "Message",
"url": "URL",
"communication": "Communication"
},
"socketio": {
"communication": "Communication",
"event_name": "Event Name",
"events": "Events",
"url": "URL",
"communication": "Communication"
"log": "Log",
"url": "URL"
},
"request": {
"title": "Request",
"query": "Query",
"copy_link": "Copy link",
"variables": "Variables",
"url": "URL",
"header_list": "Header List",
"save": "Save",
"parameters": "Parameters",
"type": "Request type",
"save_as": "Save as",
"parameter_list": "Query Parameters",
"body": "Request Body",
"raw_body": "Raw Request Body",
"name": "Request name",
"choose_language": "Choose language",
"generate_code": "Generate code",
"generated_code": "Generated code",
"enter_curl": "Enter cURL",
"content_type": "Content Type",
"share": "Share"
},
"settings": {
"account_description": "Customize your account settings.",
"theme_description": "Customize your application theme.",
"account": "Account",
"background": "Background",
"proxy_url": "Proxy URL",
"official_proxy_hosting": "Official Proxy is hosted by Hoppscotch.",
"user": "User",
"account_name_description": "This is your display name.",
"account_email_description": "Your primary email address.",
"interceptor_description": "Middleware between application and APIs.",
"sync_description": "These settings are synced to cloud.",
"proxy": "Proxy",
"sync": "Synchronise",
"sync_history": "History",
"sync_collections": "Collections",
"sync_environments": "Environments",
"shortcuts_indicator": "Shortcuts indicator",
"telemetry": "Telemetry",
"interceptor": "Interceptor",
"system_mode": "System",
"light_mode": "Light",
"dark_mode": "Dark",
"black_mode": "Black",
"navigation_sidebar": "Navigation sidebar",
"font_size": "Font size",
"font_size_small": "Small",
"font_size_large": "Large",
"font_size_medium": "Medium",
"change_font_size": "Change font size",
"language": "Language",
"choose_language": "Choose language",
"use_experimental_url_bar": "Use experimental URL bar with environment highlighting",
"accent_color": "Accent color",
"telemetry_helps_us": "Telemetry helps us to personalize our operations and deliver the best experience to you.",
"experiments": "Experiments",
"experiments_notice": "This is a collection of experiments we're working on that might turn out to be useful, fun, both, or neither. They're not final and may not be stable, so if something overly weird happens, don't panic. Just turn the dang thing off. Jokes aside, ",
"extension_ver_not_reported": "Not Reported",
"extension_version": "Extension Version",
"extensions_use_toggle": "Use the browser extension to send requests (if present)",
"proxy_use_toggle": "Use the proxy middleware to send requests",
"extensions": "Extensions",
"theme": "Theme"
},
"layout": {
"zen_mode": "Zen mode"
},
"preRequest": {
"script": "Pre-Request Script",
"snippets": "Snippets",
"javascript_code": "JavaScript Code"
},
"test": {
"script": "Script",
"results": "Test Results",
"report": "Test Report",
"snippets": "Snippets",
"javascript_code": "JavaScript Code"
},
"shortcut": {
"general": {
"title": "General",
"help_menu": "Help menu",
"show_all": "Keyboard shortcuts",
"command_menu": "Search & command menu",
"close_current_menu": "Close current menu"
},
"navigation": {
"title": "Navigation",
"rest": "Go to REST page",
"graphql": "Go to GraphQL page",
"realtime": "Go to Realtime page",
"documentation": "Go to Documentation page",
"settings": "Go to Settings page",
"back": "Go back to previous page",
"forward": "Go forward to next page"
},
"miscellaneous": {
"title": "Miscellaneous",
"invite": "Invite people to Hoppscotch"
},
"request": {
"title": "Request",
"method": "Method",
"path": "Path",
"send_request": "Send Request",
"save_to_collections": "Save to Collections",
"copy_request_link": "Copy Request Link",
"reset_request": "Reset Request",
"next_method": "Select Next method",
"previous_method": "Select Previous method",
"get_method": "Select GET method",
"head_method": "Select HEAD method",
"post_method": "Select POST method",
"put_method": "Select PUT method",
"delete_method": "Select DELETE method"
}
},
"graphql": {
"mutations": "Mutations",
"subscriptions": "Subscriptions",
"schema": "Schema"
},
"error": {
"something_went_wrong": "Something went wrong",
"check_console_details": "Check console log for details.",
"network_fail": "Could not send request"
},
"helpers": {
"authorization": "The authorization header will be automatically generated when you send the request.",
"pre_request_script": "Pre-request scripts are written in JavaScript, and are run before the request is sent.",
"post_request_tests": "Test scripts are written in JavaScript, and are run after the response is received.",
"offline_short": "You seem to be offline.",
"offline": "You seem to be offline. Data in this workspace might not be up to date.",
"tests": "Write a test script to automate debugging.",
"network_fail": "Unable to reach the API endpoint. Check your network connection and try again."
},
"environment": {
"title": "Environments",
"no_environment": "No environment",
"new": "New Environment",
"create_new": "Create new environment",
"edit": "Edit Environment",
"variable_list": "Variable List",
"invalid_name": "Please provide a valid name for the environment",
"select": "Select environment"
},
"response": {
"title": "Response",
"body": "Response Body",
"headers": "Headers",
"status": "Status",
"time": "Time",
"size": "Size",
"waiting_for_connection": "waiting for connection",
"preview_html": "Preview HTML",
"html": "HTML",
"xml": "XML",
"json": "JSON",
"raw": "Raw",
"image": "Image"
"sse": {
"event_type": "Event type",
"log": "Log",
"url": "URL"
},
"state": {
"enabled": "Enabled",
"disabled": "Disabled"
},
"read_the": "Read the",
"proxy_privacy_policy": "Proxy privacy policy",
"contact_us": "Contact us",
"access_token": "Access Token",
"token_list": "Token List",
"get_token": "Get New Token",
"manage_token": "Manage Access Token",
"save_token": "Save Access Token",
"use_token": "Use Saved Token",
"request_token": "Request Token",
"save_token_req": "Save Token Request",
"manage_token_req": "Manage Token Request",
"use_token_req": "Use Token Request",
"empty_req_name": "Empty Request Name",
"token_req_details": "Request Details",
"token_name": "Token Name",
"oidc_discovery_url": "OIDC Discovery URL",
"auth_url": "Auth URL",
"access_token_url": "Access Token URL",
"client_id": "Client ID",
"scope": "Scope",
"token_req_list": "Token Request List",
"no_path": "No path",
"no_label": "No label",
"search": "Search",
"history_deleted": "History deleted",
"cleared": "Cleared",
"time": "Time",
"duration": "Duration",
"no_duration": "No duration",
"new": "New",
"more": "More",
"edit": "Edit",
"deleted": "Deleted",
"undo": "Undo",
"edit_request": "Edit Request",
"connecting_to": "Connecting to {name}...",
"connected": "Connected",
"connected_to": "Connected to {name}",
"connecting_to": "Connecting to {name}...",
"copied_to_clipboard": "Copied to clipboard",
"deleted": "Deleted",
"deprecated": "DEPRECATED",
"disabled": "Disabled",
"disconnected": "Disconnected",
"disconnected_from": "Disconnected from {name}",
"browser_support_sse": "This browser doesn't seems to have Server Sent Events support.",
"log": "Log",
"no_url": "No URL",
"run": "Run",
"loading": "Loading...",
"fetching": "Fetching...",
"waiting_send_req": "Waiting to send request",
"waiting_receive_response": "(waiting to receive response)",
"waiting_receive_schema": "(waiting to receive schema)",
"gql_prettify_invalid_query": "Couldn't prettify an invalid query, solve query syntax errors and try again",
"prettify_query": "Prettify Query",
"json_prettify_invalid_body": "Couldn't prettify an invalid body, solve json syntax errors and try again",
"prettify_body": "Prettify body",
"cancelled": "Cancelled",
"save": "Save",
"yes": "Yes",
"no": "No",
"restore": "Restore",
"nothing_found": "Nothing found for",
"replace_current": "Replace current",
"replace_json": "Replace with JSON",
"preserve_current": "Preserve current",
"download_file": "Download file",
"upload_file": "Upload file",
"use_request": "Use request",
"documentation": "Documentation",
"docs": "Docs",
"reset_default": "Reset to default",
"fields": "Fields",
"deprecated": "DEPRECATED",
"send_request_first": "Send a request first",
"generate_docs": "Generate documentation",
"generate_docs_message": "Import any Hoppscotch collection to generate API documentation on-the-go.",
"generate_docs_first": "Generate documentation first",
"docs_generated": "Documentation generated",
"optional": "(optional)",
"none": "None",
"username": "Username",
"password": "Password",
"token": "Token",
"payload": "Payload",
"choose_file": "Choose a file",
"file_imported": "File imported",
"f12_details": "(F12 for details)",
"copied_to_clipboard": "Copied to clipboard",
"finished_in": "Finished in {duration}ms",
"check_graphql_valid": "Check the URL to see if it is a valid GraphQL endpoint",
"graphql_introspect_failed": "Failed fetching schema details.",
"download_started": "Download started",
"url_invalid_format": "URL is not formatted properly",
"curl_invalid_format": "cURL is not formatted properly",
"enable_proxy": "Try enabling Proxy",
"complete_config_urls": "Please complete configuration urls.",
"token_request_saved": "Token request saved"
"enabled": "Enabled",
"file_imported": "File imported",
"finished_in": "Finished in {duration}ms",
"history_deleted": "History deleted",
"loading": "Loading...",
"none": "None",
"nothing_found": "Nothing found for",
"waiting_send_request": "Waiting to send request"
},
"support": {
"changelog": "Read more about latest releases",
"chat": "Questions? Chat with us!",
"community": "Ask questions and help others",
"documentation": "Read more about Hoppscotch",
"forum": "Ask questions and get answers",
"shortcuts": "Browse app faster",
"team": "Get in touch with the team",
"title": "Support",
"twitter": "Follow us on Twitter"
},
"tab": {
"authorization": "Authorization",
"body": "Body",
"collections": "Collections",
"headers": "Headers",
"history": "History",
"mqtt": "MQTT",
"parameters": "Parameters",
"pre_request_script": "Pre-request Script",
"queries": "Queries",
"query": "Query",
"socketio": "Socket.IO",
"sse": "SSE",
"tests": "Tests",
"types": "Types",
"variables": "Variables",
"websocket": "WebSocket"
},
"team": {
"create_new": "Create new team",
"deleted": "Team deleted",
"edit": "Edit Team",
"email": "E-mail",
"exit": "Exit Team",
"exit_disabled": "Only owner cannot exit the team",
"invalid_email_format": "Email format is invalid",
"invalid_member_permission": "Please provide a valid permission to the team member",
"join_beta": "Join the beta program to access teams.",
"left": "You left the team",
"member_removed": "User removed",
"member_role_updated": "User roles updated",
"members": "Members",
"name_length_insufficient": "Team name should be atleast 6 characters long",
"new": "New Team",
"new_created": "New team created",
"new_name": "My New Team",
"no_access": "You do not have edit access to these collections",
"permissions": "Permissions",
"saved": "Team saved",
"title": "Teams"
},
"test": {
"javascript_code": "JavaScript Code",
"report": "Test Report",
"results": "Test Results",
"script": "Script",
"snippets": "Snippets"
},
"websocket": {
"communication": "Communication",
"log": "Log",
"message": "Message",
"protocols": "Protocols",
"url": "URL"
}
}

13
pages/documentation.vue
View File

@@ -6,7 +6,7 @@
<AppSection label="import">
<div class="flex p-4 items-start justify-between">
<label>
{{ $t("generate_docs_message") }}
{{ $t("documentation.generate_message") }}
</label>
<span
class="
@@ -83,7 +83,7 @@
"
>
<ButtonPrimary
:label="$t('generate_docs')"
:label="$t('documentation.generate')"
@click.native="getDoc"
/>
</div>
@@ -104,7 +104,7 @@
>
<i class="opacity-75 pb-2 material-icons">topic</i>
<span class="text-center">
{{ $t("generate_docs_first") }}
{{ $t("helpers.generate_documentation_first") }}
</span>
</div>
<div
@@ -196,6 +196,7 @@ export default defineComponent({
items: [],
docsMarkdown: "",
selected: [],
currentUser: null,
}
},
subscriptions() {
@@ -249,11 +250,11 @@ export default defineComponent({
this.collectionJSON = target.result
}
reader.readAsText(file)
this.$toast.info(this.$t("file_imported"), {
this.$toast.info(this.$t("state.file_imported"), {
icon: "attach_file",
})
} else {
this.$toast.error(this.$t("choose_file"), {
this.$toast.error(this.$t("action.choose_file"), {
icon: "attach_file",
})
}
@@ -286,7 +287,7 @@ export default defineComponent({
this.items = JSON.parse(this.collectionJSON)
this.assignIDs(this.items, "", "#")
this.$toast.clear()
this.$toast.info(this.$t("docs_generated"), {
this.$toast.info(this.$t("state.docs_generated"), {
icon: "book",
})
const docsMarkdown = Mustache.render(

18
pages/settings.vue
View File

@@ -34,7 +34,7 @@
</div>
<div class="ml-4">
<label>
{{ currentUser.displayName || $t("nothing_found") }}
{{ currentUser.displayName || $t("state.nothing_found") }}
</label>
<p class="mt-1 text-secondaryLight">
{{ $t("settings.account_name_description") }}
@@ -47,7 +47,7 @@
</div>
<div class="ml-4">
<label>
{{ currentUser.email || $t("nothing_found") }}
{{ currentUser.email || $t("state.nothing_found") }}
</label>
<p class="mt-1 text-secondaryLight">
{{ $t("settings.account_email_description") }}
@@ -163,7 +163,7 @@
to="https://github.com/hoppscotch/hoppscotch/issues/new/choose"
blank
>
{{ $t("contact_us") }} </SmartLink
{{ $t("app.contact_us") }} </SmartLink
>.
</div>
<div class="space-y-4 py-4">
@@ -287,13 +287,17 @@
{{ $t("settings.proxy") }}
</h4>
<div class="mt-1 text-secondaryLight">
{{ `${$t("settings.official_proxy_hosting")} ${$t("read_the")}` }}
{{
`${$t("settings.official_proxy_hosting")} ${$t(
"settings.read_the"
)}`
}}
<SmartLink
class="link"
to="https://github.com/hoppscotch/proxyscotch/wiki/Privacy-policy"
blank
>
{{ $t("proxy_privacy_policy") }} </SmartLink
{{ $t("app.proxy_privacy_policy") }} </SmartLink
>.
</div>
<div class="space-y-4 py-4">
@@ -322,7 +326,7 @@
</div>
<ButtonSecondary
v-tippy="{ theme: 'tooltip' }"
:title="$t('reset_default')"
:title="$t('settings.reset_default')"
:icon="clearIcon"
outline
class="rounded"
@@ -460,7 +464,7 @@ export default defineComponent({
resetProxy() {
applySetting("PROXY_URL", `https://proxy.hoppscotch.io/`)
this.clearIcon = "done"
this.$toast.info(this.$t("cleared").toString(), {
this.$toast.info(this.$t("state.cleared").toString(), {
icon: "clear_all",
})
setTimeout(() => (this.clearIcon = "clear_all"), 1000)