diff options
| author | HampusM <hampus@hampusmat.com> | 2021-06-03 12:05:43 +0200 |
|---|---|---|
| committer | HampusM <hampus@hampusmat.com> | 2021-06-03 12:05:43 +0200 |
| commit | 0734d4b344f8ff98a00890fa1f3c3995837dea11 (patch) | |
| tree | 00456dbcb76f6525009a2d4b203a2a3f58c5e6a9 /src/frontend/views/RepositoryTree.vue | |
| parent | 371e3f13e0a046aeca3a2895e4a85f8b51059edf (diff) | |
Created a breadcrumb component & the tree page has a breadcrumb and a better font size
Diffstat (limited to 'src/frontend/views/RepositoryTree.vue')
| -rw-r--r-- | src/frontend/views/RepositoryTree.vue | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/src/frontend/views/RepositoryTree.vue b/src/frontend/views/RepositoryTree.vue index 80a5c3b..dc2c067 100644 --- a/src/frontend/views/RepositoryTree.vue +++ b/src/frontend/views/RepositoryTree.vue @@ -5,7 +5,15 @@ v-model:active="is_loading" :height="24" :width="24" color="#ffffff" :opacity="0" /> - <div class="col ms-4 ps-4 ps-sm-5 mt-3"> + <div class="col ms-4 ps-4 ps-sm-5 mt-3 fs-5"> + <BaseBreadcrumb + :items="[{ name: repository, path: '/' + repository + '/tree' }].concat(pathArr.slice(0, -1).map((path_part, index) => + { + return { + name: path_part, + path: '/' + repository + '/tree/' + pathArr.slice(0, index + 1).join('/') + } + }))" :active-item="pathArr[pathArr.length - 1]" /> <RepositoryTreeTree :repository="repository" :path="path" :tree="tree" v-if="type === 'tree'" /> @@ -20,6 +28,7 @@ import RepositoryNavbar from "../components/RepositoryNavbar"; import RepositoryTreeTree from "../components/RepositoryTreeTree"; import RepositoryTreeBlob from "../components/RepositoryTreeBlob"; +import BaseBreadcrumb from "../components/BaseBreadcrumb"; import Loading from "vue-loading-overlay"; import 'vue-loading-overlay/dist/vue-loading.css'; import { ref } from "vue"; @@ -30,7 +39,8 @@ export default { RepositoryNavbar, Loading, RepositoryTreeTree, - RepositoryTreeBlob + RepositoryTreeBlob, + BaseBreadcrumb }, props: { repository: { |