This commit is contained in:
Viet An
2026-06-26 14:47:49 +07:00
parent 1262dc6d82
commit 6ff4112d66
96 changed files with 348 additions and 2936 deletions

View File

@@ -12,13 +12,19 @@
class="mr-1"
@click="previousYear()"
>
<SvgIcon v-bind="{ name: 'doubleleft.svg', type: 'gray', size: 18 }"></SvgIcon>
<Icon
name="ic:baseline-keyboard-double-arrow-left"
:size="18"
/>
</a>
<a
@click="previousMonth()"
v-if="type === 'days'"
>
<SvgIcon v-bind="{ name: 'left1.svg', type: 'gray', size: 18 }"></SvgIcon>
<Icon
name="ic:baseline-keyboard-arrow-left"
:size="18"
/>
</a>
</div>
<div class="control is-expanded has-text-centered">
@@ -43,10 +49,16 @@
@click="nextMonth()"
v-if="type === 'days'"
>
<SvgIcon v-bind="{ name: 'right.svg', type: 'gray', size: 18 }"></SvgIcon>
<Icon
name="ic:baseline-keyboard-arrow-right"
:size="18"
/>
</a>
<a @click="nextYear()">
<SvgIcon v-bind="{ name: 'doubleright.svg', type: 'gray', size: 18 }"></SvgIcon>
<Icon
name="ic:baseline-keyboard-double-arrow-right"
:size="18"
/>
</a>
</div>
</div>
@@ -84,7 +96,10 @@
:class="`pt-1 ${j === m.event.length - 1 ? '' : 'border-bottom'}`"
v-for="(h, j) in m.event"
>
<SvgIcon v-bind="{ name: h.icon, type: h.color, size: 16 }"></SvgIcon>
<Icon
:name="h.icon"
:size="18"
/>
<a
class="ml-3"
@click="openEvent(h)"

View File

@@ -1,27 +1,39 @@
<template>
<div class="columns mx-0">
<EventSummary />
<div
class="column is-narrow"
v-if="1 < 0"
>
<EventSummary></EventSummary>
</div>
></div>
<div class="column">
<div class="mb-4">
<span class="fsb-17 mr-4">{{ `T${vmonth}/${vyear}` }}</span>
<a
class="mr-2"
@click="previous()"
><SvgIcon v-bind="{ name: 'left1.svg', type: 'dark', size: 18 }"></SvgIcon
></a>
>
<Icon
name="material-symbols:arrow-back-ios-new-rounded"
:size="18"
/>
</a>
<a
class="mr-3"
@click="next()"
><SvgIcon v-bind="{ name: 'right.svg', type: 'dark', size: 18 }"></SvgIcon
></a>
<a @click="refresh()"><SvgIcon v-bind="{ name: 'refresh.svg', type: 'dark', size: 18 }"></SvgIcon></a>
>
<Icon
name="material-symbols:arrow-forward-ios-rounded"
:size="18"
/>
</a>
<a @click="refresh()">
<Icon
name="material-symbols:refresh-rounded"
:size="18"
/>
</a>
</div>
<EventDetail v-bind="{ events: events, vyear: vyear, vmonth: vmonth }"></EventDetail>
<EventDetail v-bind="{ events, vyear, vmonth }" />
</div>
</div>
</template>

View File

@@ -9,13 +9,19 @@
class="mr-1"
@click="previousYear()"
>
<SvgIcon v-bind="{ name: 'doubleleft.svg', type: 'gray', size: 18 }"></SvgIcon>
<Icon
name="ic:baseline-keyboard-double-arrow-left"
:size="24"
/>
</a>
<a
@click="previousMonth()"
v-if="type === 'days'"
>
<SvgIcon v-bind="{ name: 'left1.svg', type: 'gray', size: 18 }"></SvgIcon>
<Icon
name="ic:baseline-keyboard-arrow-left"
:size="24"
/>
</a>
</div>
<div class="control is-expanded has-text-centered">
@@ -40,10 +46,16 @@
@click="nextMonth()"
v-if="type === 'days'"
>
<SvgIcon v-bind="{ name: 'right.svg', type: 'gray', size: 18 }"></SvgIcon>
<Icon
name="ic:baseline-keyboard-arrow-right"
:size="24"
/>
</a>
<a @click="nextYear()">
<SvgIcon v-bind="{ name: 'doubleright.svg', type: 'gray', size: 18 }"></SvgIcon>
<Icon
name="ic:baseline-keyboard-double-arrow-right"
:size="24"
/>
</a>
</div>
</div>
@@ -63,16 +75,15 @@
:key="i"
>
<div
class="column px-3 fs-14"
v-for="(m, h) in v.dates"
:key="h"
style="padding-top: 1px; padding-bottom: 1px"
class="column p-0.5 fs-14"
>
<a v-if="m.event && m.currentMonth === m.mothCondition">
<Tooltip v-bind="{ html: m.event.html, tooltip: m.event.tooltip }"></Tooltip>
</a>
<span
class="has-background-findata has-text-white px-1 py-1"
class="has-background-primary-soft p-1"
v-else-if="m.date === today"
>{{ m.dayPrint }}</span
>