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