changes
This commit is contained in:
@@ -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)"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user