32 lines
621 B
Vue
32 lines
621 B
Vue
|
<template>
|
||
|
|
<div v-if="isNew">
|
||
|
|
<ListsNew @cancel="cancelNewList" />
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
v-else
|
||
|
|
class="settings panel panel-default"
|
||
|
|
>
|
||
|
|
<div class="panel-heading">
|
||
|
|
<div class="title">
|
||
|
|
{{ $t('lists.lists') }}
|
||
|
|
</div>
|
||
|
|
<button
|
||
|
|
class="button-default"
|
||
|
|
@click="newList"
|
||
|
|
>
|
||
|
|
{{ $t("lists.new") }}
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="panel-body">
|
||
|
|
<ListsCard
|
||
|
|
v-for="list in lists.slice().reverse()"
|
||
|
|
:key="list"
|
||
|
|
:list="list"
|
||
|
|
class="list-item"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script src="./lists.js"></script>
|