1
1
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00

Additions

This commit is contained in:
2020-06-05 21:00:15 +02:00
parent 1bb3e8c9ac
commit cd42b65b9e
11 changed files with 218 additions and 57 deletions

View File

@ -1,9 +1,13 @@
<template>
<details class="accordion workspace-explorebar-database">
<summary class="accordion-header database-name pb-0">
<summary
class="accordion-header database-name pb-0"
:class="{'text-bold': breadcrumbs.database === database.name}"
@click="changeBreadcrumbs({database: database.name, table:null})"
>
<i class="icon material-icons md-18 mr-1">navigate_next</i>
<i class="material-icons md-18 mr-1">view_agenda</i>
<span>{{ database.dbName }}</span>
<span>{{ database.name }}</span>
</summary>
<div class="accordion-body">
<div class="database-bables">
@ -12,6 +16,8 @@
v-for="table of database.tables"
:key="table.TABLE_NAME"
class="menu-item"
:class="{'text-bold': breadcrumbs.database === database.name && breadcrumbs.table === table.TABLE_NAME}"
@click="changeBreadcrumbs({database: database.name, table: table.TABLE_NAME})"
>
<a class="table-name">
<i class="material-icons md-18 mr-1">grid_on</i>
@ -25,10 +31,26 @@
</template>
<script>
import { mapActions, mapGetters } from 'vuex';
export default {
name: 'WorkspaceExploreBarDatabase',
props: {
database: Object
database: Object,
connection: Object
},
computed: {
...mapGetters({
getWorkspace: 'workspaces/getWorkspace'
}),
breadcrumbs () {
return this.getWorkspace(this.connection.uid).breadcrumbs;
}
},
methods: {
...mapActions({
changeBreadcrumbs: 'workspaces/changeBreadcrumbs'
})
}
};
</script>
@ -48,6 +70,12 @@ export default {
display: block;
text-overflow: ellipsis;
}
&:hover{
color: $body-font-color;
background: rgba($color: #FFF, $alpha: .05);
border-radius: 2px;
}
}
.database-bables{