artin/API-Explorer-II
1
0
Fork 0
mirror of https://github.com/OpenBankProject/API-Explorer-II.git synced 2026-02-06 10:47:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

bugfix/API Explorer II left side bar links can not be used as an external link

Browse Source
This commit is contained in:
Marko Milić 2024-02-25 10:45:16 +01:00
parent de52568f9b
commit a47bf5dcd8
1 changed files with 13 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/SearchNav.vue
View File

@ -53,7 +53,7 @@ export const initializeAPICollections = async () => {
<script setup lang="ts">
const route = useRoute()
let selectedVersion = 'OBP' + OBP_API_VERSION
let selectedVersion = route.query.version ? route.query.version : `OBP${OBP_API_VERSION}`
onBeforeMount(async () => {
resourceDocs.value = inject(obpResourceDocsKey)!
docs.value = getGroupedResourceDocs(selectedVersion, resourceDocs.value)
@ -153,56 +153,27 @@ const searchEvent = (value) => {
<template>
<el-row>
<el-col :span="24">
<el-input
v-model="form.search"
placeholder="Search"
:prefix-icon="Search"
@input="searchEvent"
/>
<el-input v-model="form.search" placeholder="Search" :prefix-icon="Search" @input="searchEvent" />
</el-col>
</el-row>
<el-collapse v-model="activeKeys">
<el-collapse-item title="My Collections" v-show="showMyCollections" name="my-collections">
<el-collapse-item
v-for="(api, key) of apiCollections"
:key="key"
:title="api.api_collection_name"
:name="api.api_collection_name"
class="child-collapse"
>
<el-collapse-item v-for="(api, key) of apiCollections" :key="key" :title="api.api_collection_name"
:name="api.api_collection_name" class="child-collapse">
<div class="el-tabs--right">
<div
v-for="(value, key) of apiCollectionsEndpoint[api.api_collection_name]"
:key="key"
class="api-router-tab"
@click="setActive"
>
<RouterLink
:to="{ name: 'api', params: { id: value }, query: { version: selectedVersion } }"
:id="value"
active-class="active-api-router-link"
class="api-router-link"
>{{ operationIdTitle[value] }}</RouterLink
>
<div v-for="(value, key) of apiCollectionsEndpoint[api.api_collection_name]" :key="key" class="api-router-tab"
@click="setActive">
<RouterLink :to="{ name: 'api', params: { id: value }, query: { version: selectedVersion } }" :id="value"
active-class="active-api-router-link" class="api-router-link">{{ operationIdTitle[value] }}</RouterLink>
</div>
</div>
</el-collapse-item>
</el-collapse-item>
<el-collapse-item v-for="key in sortedKeys" :title="key" :key="key" :name="key">
<div class="el-tabs--right">
<div
v-for="(value, key) of sortLinks(groups[key])"
:key="value"
class="api-router-tab"
@click="setActive"
>
<RouterLink
active-class="active-api-router-link"
class="api-router-link"
:id="value"
:to="{ name: 'api', params: { id: value }, query: { version: selectedVersion } }"
>{{ key }}</RouterLink
>
<div v-for="(value, key) of sortLinks(groups[key])" :key="value" class="api-router-tab" @click="setActive">
<RouterLink active-class="active-api-router-link" class="api-router-link" :id="value"
:to="{ name: 'api', params: { id: value }, query: { version: selectedVersion } }">{{ key }}</RouterLink>
</div>
</div>
</el-collapse-item>
@ -239,6 +210,7 @@ const searchEvent = (value) => {
.active-api-router-link {
color: v-bind(searchLinksColor);
}
.favorite {
cursor: pointer;
line-height: 2;
@ -248,6 +220,7 @@ const searchEvent = (value) => {
padding: 12px;
color: #39455f;
}
.child-collapse {
margin-left: 15px;
}