public/MagicoPagebuilder
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

template dropdown

Browse Source
This commit is contained in:
Szymon Haczyk
2024-01-19 09:23:27 +01:00
parent ab4fdbad85
commit e81fd95970
2 changed files with 37 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/MagicoPagebuilder.vue
View File

@@ -14,26 +14,40 @@
<span class="material-icons-outlined">fullscreen</span> <span class="material-icons-outlined">fullscreen</span>
</button> </button>
<div> <div>
<div class="dropdown">
<button <button
class="btn btn-outline-secondary dropdown-toggle"
type="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
Szablony
</button>
<ul class="dropdown-menu">
<li>
<a
@click.prevent=" @click.prevent="
modalLoad = !modalLoad; modalLoad = !modalLoad;
pageType = { name: null } pageType = { name: null }
" "
title="Wczytaj szablon do schowka" class="dropdown-item"
class="btn btn-outline-primary btn-icon-sm" href="#"
>Wczytaj szablon</a
> >
<span class="material-icons-outlined">find_replace</span> </li>
</button> <li>
<button <a
@click.prevent=" @click.prevent="
modalSave = !modalSave; modalSave = !modalSave;
pageType = { name: null } pageType = { name: null }
" "
title="Zapisz szablon do schowka" class="dropdown-item"
class="btn btn-outline-success btn-icon-sm" href="#"
>Zapisz jako szablon</a
> >
<span class="material-icons-outlined">save</span> </li>
</button> </ul>
</div>
</div> </div>
<!-- <button v-if="showcopy" class="btn btn-outline-secondary mr-1" @click.prevent="modalCopy = !modalCopy;">Kopiuj <!-- <button v-if="showcopy" class="btn btn-outline-secondary mr-1" @click.prevent="modalCopy = !modalCopy;">Kopiuj
@@ -65,7 +79,6 @@
</draggable> </draggable>
<b-modal <b-modal
class_other="modal-xl"
v-model.value="modalSave" v-model.value="modalSave"
title="Zapisz szablon do schowka" title="Zapisz szablon do schowka"
v-on:onClose="modalSave = false" v-on:onClose="modalSave = false"
@@ -85,7 +98,6 @@
</b-modal> </b-modal>
<b-modal <b-modal
class_other="modal-xl"
v-model.value="modalLoad" v-model.value="modalLoad"
title="Wczytaj szablon ze schowka" title="Wczytaj szablon ze schowka"
v-on:onClose="modalLoad = false" v-on:onClose="modalLoad = false"
@@ -99,7 +111,7 @@
</div> </div>
</b-modal> </b-modal>
<b-modal class_other="modal-xl" v-model.value="modalCopy" v-on:onClose="modalCopy = false"> <b-modal v-model.value="modalCopy" v-on:onClose="modalCopy = false">
<PagebuilderTemplateLoad v-model="pageType"></PagebuilderTemplateLoad> <PagebuilderTemplateLoad v-model="pageType"></PagebuilderTemplateLoad>
<div> <div>
<button class="btn btn-primary mr-1" :disabled="!pageType.id" @click.prevent="changeBody"> <button class="btn btn-primary mr-1" :disabled="!pageType.id" @click.prevent="changeBody">

5
src/components/PagebuilderTemplateLoad.vue
View File

@@ -1,10 +1,9 @@
<template> <template>
<div class="form form-group"> <div class="form form-group">
<div class="ms-3"> <div class="ms-3">
<div class="mb-3" v-for="item, ii in items" :key="ii" :value="item">{{ item.name }} <button <div class="mb-3 w-100" v-for="item, ii in items" :key="ii" :value="item"> <button
class="btn btn-outline-primary" @click="itemselected = item; changeSelect()">Wczytaj</button> class="btn btn-outline-secondary w-100" @click="itemselected = item; changeSelect()">Wczytaj {{ item.name }}</button>
</div> </div>
</div> </div>
<div v-show="items.length == 0"><i>Brak zapisanych szablonów</i></div> <div v-show="items.length == 0"><i>Brak zapisanych szablonów</i></div>
</div> </div>