mirror of https://github.com/nocodb/nocodb
8 changed files with 34 additions and 16 deletions
@ -1,11 +1,15 @@ |
|||||||
<script setup lang="ts"> |
<script setup lang="ts"> |
||||||
import MdiAddIcon from '~icons/mdi/plus-outline' |
import MdiAddIcon from '~icons/mdi/plus-outline' |
||||||
|
import { inject, ref } from '#imports' |
||||||
|
import { RightSidebarInj } from '~/context' |
||||||
|
|
||||||
const emits = defineEmits(['addRow']) |
const emits = defineEmits(['addRow']) |
||||||
|
|
||||||
|
const sidebarOpen = inject(RightSidebarInj, ref(true)) |
||||||
</script> |
</script> |
||||||
|
|
||||||
<template> |
<template> |
||||||
<a-tooltip placement="left"> |
<a-tooltip :placement="sidebarOpen ? 'bottomRight' : 'left'"> |
||||||
<template #title> {{ $t('activity.addRow') }} </template> |
<template #title> {{ $t('activity.addRow') }} </template> |
||||||
|
|
||||||
<div class="nc-sidebar-right-item hover:after:bg-primary/75 group"> |
<div class="nc-sidebar-right-item hover:after:bg-primary/75 group"> |
@ -1,15 +1,17 @@ |
|||||||
<script setup lang="ts"> |
<script setup lang="ts"> |
||||||
import { inject, useTable } from '#imports' |
import { inject, ref, useTable } from '#imports' |
||||||
import { MetaInj } from '~/context' |
import { MetaInj, RightSidebarInj } from '~/context' |
||||||
import MdiDeleteIcon from '~icons/mdi/delete-outline' |
import MdiDeleteIcon from '~icons/mdi/delete-outline' |
||||||
|
|
||||||
const meta = inject(MetaInj) |
const meta = inject(MetaInj) |
||||||
|
|
||||||
const { deleteTable } = useTable() |
const { deleteTable } = useTable() |
||||||
|
|
||||||
|
const sidebarOpen = inject(RightSidebarInj, ref(true)) |
||||||
</script> |
</script> |
||||||
|
|
||||||
<template> |
<template> |
||||||
<a-tooltip placement="left"> |
<a-tooltip :placement="sidebarOpen ? 'bottomRight' : 'left'"> |
||||||
<template #title> {{ $t('activity.deleteTable') }} </template> |
<template #title> {{ $t('activity.deleteTable') }} </template> |
||||||
|
|
||||||
<div class="nc-sidebar-right-item hover:after:bg-red-500 group"> |
<div class="nc-sidebar-right-item hover:after:bg-red-500 group"> |
@ -1,12 +1,15 @@ |
|||||||
<script setup lang="ts"> |
<script setup lang="ts"> |
||||||
import { ReloadViewDataHookInj } from '~/context' |
import { ReloadViewDataHookInj, RightSidebarInj } from '~/context' |
||||||
import MdiReloadIcon from '~icons/mdi/reload' |
import MdiReloadIcon from '~icons/mdi/reload' |
||||||
|
import { inject, ref } from '#imports' |
||||||
|
|
||||||
const reloadTri = inject(ReloadViewDataHookInj) |
const reloadTri = inject(ReloadViewDataHookInj) |
||||||
|
|
||||||
|
const sidebarOpen = inject(RightSidebarInj, ref(true)) |
||||||
</script> |
</script> |
||||||
|
|
||||||
<template> |
<template> |
||||||
<a-tooltip placement="left"> |
<a-tooltip :placement="sidebarOpen ? 'bottomRight' : 'left'"> |
||||||
<template #title> {{ $t('general.reload') }} </template> |
<template #title> {{ $t('general.reload') }} </template> |
||||||
|
|
||||||
<div class="nc-sidebar-right-item hover:after:bg-green-500 group"> |
<div class="nc-sidebar-right-item hover:after:bg-green-500 group"> |
@ -1,24 +1,32 @@ |
|||||||
|
<script lang="ts" setup> |
||||||
|
import AddRow from './AddRow.vue' |
||||||
|
import DeleteTable from './DeleteTable.vue' |
||||||
|
import LockMenu from './LockMenu.vue' |
||||||
|
import Reload from './Reload.vue' |
||||||
|
import ToggleDrawer from './ToggleDrawer.vue' |
||||||
|
</script> |
||||||
|
|
||||||
<template> |
<template> |
||||||
<div class="flex gap-2"> |
<div class="flex gap-2"> |
||||||
<slot name="start" /> |
<slot name="start" /> |
||||||
|
|
||||||
<SmartsheetToolbarLockMenu /> |
<LockMenu /> |
||||||
|
|
||||||
<div class="dot" /> |
<div class="dot" /> |
||||||
|
|
||||||
<SmartsheetToolbarReload /> |
<Reload /> |
||||||
|
|
||||||
<div class="dot" /> |
<div class="dot" /> |
||||||
|
|
||||||
<SmartsheetToolbarAddRow /> |
<AddRow /> |
||||||
|
|
||||||
<div class="dot" /> |
<div class="dot" /> |
||||||
|
|
||||||
<SmartsheetToolbarDeleteTable /> |
<DeleteTable /> |
||||||
|
|
||||||
<div class="dot" /> |
<div class="dot" /> |
||||||
|
|
||||||
<SmartsheetToolbarToggleDrawer /> |
<ToggleDrawer /> |
||||||
|
|
||||||
<slot name="end" /> |
<slot name="end" /> |
||||||
</div> |
</div> |
Loading…
Reference in new issue