rename leger label
This commit is contained in:
@@ -4,7 +4,7 @@ import {computed, ref} from "vue";
|
|||||||
import {storeToRefs} from "pinia";
|
import {storeToRefs} from "pinia";
|
||||||
import {COMBINING_LEDGER, Ledger, LedgerType, MAIN_LEDGER, useLedgersStore} from "./ledger";
|
import {COMBINING_LEDGER, Ledger, LedgerType, MAIN_LEDGER, useLedgersStore} from "./ledger";
|
||||||
import {Modal} from "@/components";
|
import {Modal} from "@/components";
|
||||||
import LedgerLine from "./LedgerLine.vue";
|
import LedgerLabel from "./LedgerLabel.vue";
|
||||||
import {PlusIcon, TrashIcon} from '@heroicons/vue/24/outline';
|
import {PlusIcon, TrashIcon} from '@heroicons/vue/24/outline';
|
||||||
|
|
||||||
const ledgersStore = useLedgersStore();
|
const ledgersStore = useLedgersStore();
|
||||||
@@ -67,7 +67,7 @@ defineExpose({ open });
|
|||||||
<div v-if="type === COMBINING_LEDGER" class="ms-4 mb-4">
|
<div v-if="type === COMBINING_LEDGER" class="ms-4 mb-4">
|
||||||
Member Ledgers:
|
Member Ledgers:
|
||||||
<div v-for="ledger in members" :key="ledger.ledgerId" class="flex">
|
<div v-for="ledger in members" :key="ledger.ledgerId" class="flex">
|
||||||
<LedgerLine class="flex grow mb-2" :ledger="ledger" />
|
<LedgerLabel class="flex grow mb-2" :ledger="ledger" />
|
||||||
<div class="flex justify-end me-4 ms-2">
|
<div class="flex justify-end me-4 ms-2">
|
||||||
<button class="btn-icon" @click="members = members.filter(m => m !== ledger)"><TrashIcon /></button>
|
<button class="btn-icon" @click="members = members.filter(m => m !== ledger)"><TrashIcon /></button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+1
-1
@@ -1,4 +1,4 @@
|
|||||||
export * from './ledger';
|
export * from './ledger';
|
||||||
|
|
||||||
export {default as LedgerLine} from './LedgerLine.vue';
|
export {default as LedgerLabel} from './LedgerLabel.vue';
|
||||||
export {default as CreateLedgerModal} from './CreateLedgerModal.vue';
|
export {default as CreateLedgerModal} from './CreateLedgerModal.vue';
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
|
||||||
import {LedgerLine, useLedgersStore} from "@/ledger";
|
import {LedgerLabel, useLedgersStore} from "@/ledger";
|
||||||
import {storeToRefs} from "pinia";
|
import {storeToRefs} from "pinia";
|
||||||
|
|
||||||
const {ledgers} = storeToRefs(useLedgersStore());
|
const {ledgers} = storeToRefs(useLedgersStore());
|
||||||
@@ -9,6 +9,6 @@ const {ledgers} = storeToRefs(useLedgersStore());
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="mt-4">
|
<div class="mt-4">
|
||||||
<LedgerLine v-for="ledger in ledgers" :key="ledger.ledgerId" class="mb-2" :ledger="ledger"/>
|
<LedgerLabel v-for="ledger in ledgers" :key="ledger.ledgerId" class="mb-2" :ledger="ledger"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user