- ListTableContent Action sütunu eklendi.
- DialogStore id elle girilebilecek
This commit is contained in:
Kevser
@ -1,75 +1,68 @@
|
||||
<template>
|
||||
<AdminLayout>
|
||||
<Breadcrumb currentPageText='Popup Listesi' />
|
||||
<section class='section-list'>
|
||||
<Breadcrumb currentPageText="Popup Listesi" />
|
||||
<section class="section-list">
|
||||
<list-table-content
|
||||
:tableHeader='tableHeader'
|
||||
:rowAction='updateAction'
|
||||
:addAction='addAction'
|
||||
icon='sitemanagement'
|
||||
title='Popup Listesi'
|
||||
listText='Popup'
|
||||
:tableData='popups'
|
||||
apiText='Popup Listesi'
|
||||
apiList='Popup'
|
||||
:tableHeader="tableHeader"
|
||||
:rowAction="updateAction"
|
||||
:addAction="addAction"
|
||||
icon="sitemanagement"
|
||||
title="Popup Listesi"
|
||||
listText="Popup"
|
||||
:tableData="popups"
|
||||
apiText="Popup Listesi"
|
||||
apiList="Popup"
|
||||
v-model:refresh="refresh"
|
||||
/>
|
||||
:rowActions="rowActions"
|
||||
:rowActionStyle="'width:10%;'" />
|
||||
</section>
|
||||
<panel-wrapper
|
||||
v-if='panel'
|
||||
v-model='panel'
|
||||
:panel-title="
|
||||
isUpdate
|
||||
? 'Popup Düzenle'
|
||||
: 'Popup Ekle'
|
||||
">
|
||||
v-if="panel"
|
||||
v-model="panel"
|
||||
:panel-title="isUpdate ? 'Popup Düzenle' : 'Popup Ekle'">
|
||||
<template #panelContent>
|
||||
<form-input
|
||||
v-model='panelPopup.baslik'
|
||||
label='Başlık' />
|
||||
<form-input
|
||||
v-model='panelPopup.url'
|
||||
label='Url' />
|
||||
<form-input v-model="panelPopup.baslik" label="Başlık" />
|
||||
<form-input v-model="panelPopup.url" label="Url" />
|
||||
<form-file
|
||||
v-model='panelPopup.resimUrl'
|
||||
label='Resim Url'
|
||||
:fileTypes="['png','jpg','jpeg']"
|
||||
elclass='panel-documents-item'
|
||||
fileType='img' />
|
||||
<div class='image-preview-wrapper' v-if='resimPreview'>
|
||||
<img :src='resimPreview' alt='Seçilen Resim' />
|
||||
v-model="panelPopup.resimUrl"
|
||||
label="Resim Url"
|
||||
:fileTypes="['png', 'jpg', 'jpeg']"
|
||||
elclass="panel-documents-item"
|
||||
fileType="img" />
|
||||
<div class="image-preview-wrapper" v-if="resimPreview">
|
||||
<img :src="resimPreview" alt="Seçilen Resim" />
|
||||
</div>
|
||||
<form-checkbox
|
||||
:listData="Checker"
|
||||
listText="label"
|
||||
listVal="val"
|
||||
v-model="panelPopup.durum" >
|
||||
<template #checktext0>
|
||||
<span>
|
||||
Aktif
|
||||
</span>
|
||||
</template>
|
||||
</form-checkbox>
|
||||
:listData="Checker"
|
||||
listText="label"
|
||||
listVal="val"
|
||||
v-model="panelPopup.durum">
|
||||
<template #checktext0>
|
||||
<span>Aktif</span>
|
||||
</template>
|
||||
</form-checkbox>
|
||||
</template>
|
||||
<template #footerButton>
|
||||
<div class='button-c button-save' @click='save'>
|
||||
<div class="button-c button-save" @click="save">
|
||||
{{ isUpdate ? 'Kaydet' : 'Ekle' }}
|
||||
</div>
|
||||
</template>
|
||||
</panel-wrapper>
|
||||
</AdminLayout>
|
||||
</template>
|
||||
<script setup lang='ts'>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, computed } from 'vue'
|
||||
import AdminLayout from '@/layouts/AdminLayout.vue'
|
||||
import { Breadcrumb } from '@/components/global'
|
||||
import router from '@/router'
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
import PanelWrapper from '@/components/PanelWrapper.vue'
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
const globalStore = useGlobalStore()
|
||||
import { useDialogStore } from '@/components/global/dialogStore'
|
||||
const dialogStore = useDialogStore()
|
||||
|
||||
const Checker = ref([
|
||||
const Checker = ref([
|
||||
{
|
||||
label: '',
|
||||
val: 'durum'
|
||||
@ -80,8 +73,8 @@
|
||||
const isUpdate = ref<boolean>(false)
|
||||
|
||||
const refresh = ref<boolean>(false)
|
||||
const panelPopup = ref<Record<string,any>>({})
|
||||
const popups = ref<Record<string,any>[]>([])
|
||||
const panelPopup = ref<Record<string, any>>({})
|
||||
const popups = ref<Record<string, any>[]>([])
|
||||
|
||||
const tableHeader = ref<Record<string, any>[]>([
|
||||
{
|
||||
@ -106,16 +99,50 @@
|
||||
name: 'durum',
|
||||
title: 'Durum',
|
||||
computeHtml: (v: Record<string, any>): string => {
|
||||
if (v.durum) {
|
||||
return `<span class="back-grad back-grad-ok">
|
||||
if (v.durum) {
|
||||
return `<span class="back-grad back-grad-ok">
|
||||
Aktif
|
||||
</strong>`
|
||||
} else {
|
||||
return ``
|
||||
}
|
||||
} else {
|
||||
return ``
|
||||
}
|
||||
}
|
||||
}
|
||||
])
|
||||
|
||||
const DeleteRowPop = (data: Record<string, any>, i: number) => {
|
||||
dialogStore.CreateDialog({
|
||||
title: 'Popup Sil',
|
||||
id: 'deletepop',
|
||||
content: 'Popup silmek istediğinize emin misiniz?',
|
||||
closeText: 'Vazgeç',
|
||||
buttons: [
|
||||
{
|
||||
label: 'Popup Sil',
|
||||
type: 'alert',
|
||||
function: DeleteRow(data.id)
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
|
||||
const DeleteRow = async (id: number | string) => {
|
||||
var dt = await dataStore.dataDelete('Katilimci/DeleteCekilisKatilimci/' + id)
|
||||
|
||||
if (dt !== 'errorfalse') {
|
||||
dialogStore.CloseDialog('deletepop')
|
||||
refresh.value = true
|
||||
}
|
||||
}
|
||||
|
||||
const rowActions = ref<Record<string, any>[]>([
|
||||
{
|
||||
text: 'Sil',
|
||||
class: 'alert',
|
||||
action: DeleteRowPop
|
||||
}
|
||||
])
|
||||
|
||||
const resimPreview = computed(() => {
|
||||
if (!panelPopup.value.resimUrl) return null
|
||||
|
||||
@ -127,7 +154,6 @@
|
||||
return URL.createObjectURL(panelPopup.value.resimUrl)
|
||||
})
|
||||
|
||||
|
||||
const OpenMenu = (row: any) => {
|
||||
router.push('slider-yonetimi/' + row.id)
|
||||
}
|
||||
@ -136,21 +162,19 @@
|
||||
panelPopup.value = {
|
||||
baslik: '',
|
||||
resimUrl: '',
|
||||
url:'',
|
||||
url: '',
|
||||
durum: false
|
||||
}
|
||||
panel.value = true
|
||||
|
||||
}
|
||||
const updateAction = (row: any) => {
|
||||
panelPopup.value = popups.value.find(x => x.id == row.id) || {}
|
||||
panelPopup.value = popups.value.find((x) => x.id == row.id) || {}
|
||||
panel.value = true
|
||||
isUpdate.value = true
|
||||
}
|
||||
|
||||
const save = async () => {
|
||||
if (isUpdate.value)
|
||||
{
|
||||
if (isUpdate.value) {
|
||||
const formData = new FormData()
|
||||
formData.append('Baslik', panelPopup.value.baslik)
|
||||
formData.append('Durum', panelPopup.value.durum)
|
||||
@ -158,7 +182,7 @@
|
||||
formData.append('ResimUrl', panelPopup.value.resimUrl)
|
||||
}
|
||||
|
||||
let update:any = dataStore.dataPut('Popup/'+panelPopup.value.id,{
|
||||
let update: any = dataStore.dataPut('Popup/' + panelPopup.value.id, {
|
||||
data: formData,
|
||||
headers: { 'Content-Type': 'multipart/form-data' }
|
||||
})
|
||||
@ -167,8 +191,7 @@
|
||||
isUpdate.value = false
|
||||
refresh.value = true
|
||||
}
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
let add = await dataStore.dataPost('Popup', {
|
||||
data: panelPopup.value,
|
||||
headers: { 'Content-Type': 'multipart/form-data' }
|
||||
@ -179,7 +202,6 @@
|
||||
refresh.value = true
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
@ -204,4 +226,4 @@
|
||||
object-fit: cover;
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -10,24 +10,64 @@
|
||||
listText="Sayfa"
|
||||
addRoute="yeni-sayfa"
|
||||
apiList="Page"
|
||||
apiText="Sayfa Listesi" />
|
||||
apiText="Sayfa Listesi"
|
||||
:refresh="refresh"
|
||||
:rowActions="rowActions"
|
||||
:rowActionStyle="'width:10%;'" />
|
||||
</section>
|
||||
</AdminLayout>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue'
|
||||
import AdminLayout from '@/layouts/AdminLayout.vue'
|
||||
import { useGlobalStore } from '@/stores/globalStore'
|
||||
const globalStore = useGlobalStore()
|
||||
import { useDialogStore } from '@/components/global/dialogStore'
|
||||
const dialogStore = useDialogStore()
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
const dataStore = useDataStore()
|
||||
import router from '@/router'
|
||||
|
||||
const tableHeader = ref<Record<string,any>[]>([
|
||||
const tableHeader = ref<Record<string, any>[]>([
|
||||
{
|
||||
name: 'title',
|
||||
title: 'Sayfa Başlığı',
|
||||
sort: true
|
||||
}
|
||||
])
|
||||
const refresh = ref<boolean>(false)
|
||||
|
||||
const DeleteRowPop = (data: Record<string, any>, i: number) => {
|
||||
dialogStore.CreateDialog({
|
||||
title: 'Slider Sil',
|
||||
id: 'deleteslider',
|
||||
content: 'Slider silmek istediğinize emin misiniz?',
|
||||
closeText: 'Vazgeç',
|
||||
buttons: [
|
||||
{
|
||||
label: 'Slider Sil',
|
||||
type: 'alert',
|
||||
function: DeleteRow(data.id)
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
|
||||
const DeleteRow = async (id: number | string) => {
|
||||
var dt = await dataStore.dataDelete('Katilimci/DeleteCekilisKatilimci/' + id)
|
||||
|
||||
if (dt !== 'errorfalse') {
|
||||
dialogStore.CloseDialog('deleteslider')
|
||||
refresh.value = true
|
||||
}
|
||||
}
|
||||
|
||||
const rowActions = ref<Record<string, any>[]>([
|
||||
{
|
||||
text: 'Sil',
|
||||
class: 'alert',
|
||||
action: DeleteRowPop
|
||||
}
|
||||
])
|
||||
|
||||
const pageDetail = (row: any) => {
|
||||
router.push('/sayfalar/detay/' + row.id)
|
||||
}
|
||||
|
||||
@ -1,73 +1,63 @@
|
||||
<template>
|
||||
<AdminLayout>
|
||||
<Breadcrumb currentPageText='Slider Listesi' />
|
||||
<section class='section-list'>
|
||||
<Breadcrumb currentPageText="Slider Listesi" />
|
||||
<section class="section-list">
|
||||
<list-table-content
|
||||
:tableHeader='tableHeader'
|
||||
:rowAction='updateAction'
|
||||
:addAction='addAction'
|
||||
icon='sitemanagement'
|
||||
title='Slider Listesi'
|
||||
listText='Slider'
|
||||
:tableData='sliders'
|
||||
apiText='Slider Listesi'
|
||||
apiList='Slider'
|
||||
v-model:refresh='refresh'
|
||||
/>
|
||||
:tableHeader="tableHeader"
|
||||
:rowAction="updateAction"
|
||||
:addAction="addAction"
|
||||
icon="sitemanagement"
|
||||
title="Slider Listesi"
|
||||
listText="Slider"
|
||||
:tableData="sliders"
|
||||
apiText="Slider Listesi"
|
||||
apiList="Slider"
|
||||
v-model:refresh="refresh"
|
||||
:rowActions="rowActions"
|
||||
:rowActionStyle="'width:10%;'" />
|
||||
</section>
|
||||
<panel-wrapper
|
||||
v-if='panel'
|
||||
v-model='panel'
|
||||
:panel-title="
|
||||
isUpdate
|
||||
? 'Slider Düzenle'
|
||||
: 'Slider Ekle'
|
||||
">
|
||||
v-if="panel"
|
||||
v-model="panel"
|
||||
:panel-title="isUpdate ? 'Slider Düzenle' : 'Slider Ekle'">
|
||||
<template #panelContent>
|
||||
<form-input
|
||||
required
|
||||
v-model='panelSlider.baslik'
|
||||
label='Başlık' />
|
||||
<form-input required v-model="panelSlider.baslik" label="Başlık" />
|
||||
<form-file
|
||||
v-model='panelSlider.resimUrl'
|
||||
label='Resim Url'
|
||||
:fileTypes="['png','jpg','jpeg']"
|
||||
elclass='panel-documents-item'
|
||||
fileType='img' />
|
||||
<div class='image-preview-wrapper' v-if='resimPreview'>
|
||||
<img :src='resimPreview' alt='Seçilen Resim' />
|
||||
v-model="panelSlider.resimUrl"
|
||||
label="Resim Url"
|
||||
:fileTypes="['png', 'jpg', 'jpeg']"
|
||||
elclass="panel-documents-item"
|
||||
fileType="img" />
|
||||
<div class="image-preview-wrapper" v-if="resimPreview">
|
||||
<img :src="resimPreview" alt="Seçilen Resim" />
|
||||
</div>
|
||||
<form-input
|
||||
required
|
||||
v-model='panelSlider.url'
|
||||
label='Url' />
|
||||
<form-input
|
||||
required
|
||||
v-model='panelSlider.sira'
|
||||
label='Sıra' />
|
||||
<form-input required v-model="panelSlider.url" label="Url" />
|
||||
<form-input required v-model="panelSlider.sira" label="Sıra" />
|
||||
</template>
|
||||
<template #footerButton>
|
||||
<div class='button-c button-save' @click='save'>
|
||||
<div class="button-c button-save" @click="save">
|
||||
{{ isUpdate ? 'Kaydet' : 'Ekle' }}
|
||||
</div>
|
||||
</template>
|
||||
</panel-wrapper>
|
||||
</AdminLayout>
|
||||
</template>
|
||||
<script setup lang='ts'>
|
||||
<script setup lang="ts">
|
||||
import { ref, onMounted, computed } from 'vue'
|
||||
import AdminLayout from '@/layouts/AdminLayout.vue'
|
||||
import { Breadcrumb } from '@/components/global'
|
||||
import router from '@/router'
|
||||
import { useDataStore } from '@/stores/dataStore'
|
||||
import PanelWrapper from '@/components/PanelWrapper.vue'
|
||||
import { useDialogStore } from '@/components/global/dialogStore'
|
||||
const dialogStore = useDialogStore()
|
||||
|
||||
const dataStore = useDataStore()
|
||||
const panel = ref<boolean>(false)
|
||||
const isUpdate = ref<boolean>(false)
|
||||
const refresh = ref<boolean>(false)
|
||||
const panelSlider = ref<Record<string,any>>({})
|
||||
const sliders = ref<Record<string,any>[]>([])
|
||||
const panelSlider = ref<Record<string, any>>({})
|
||||
const sliders = ref<Record<string, any>[]>([])
|
||||
|
||||
const tableHeader = ref<Record<string, any>[]>([
|
||||
{
|
||||
@ -91,6 +81,40 @@
|
||||
sort: true
|
||||
}
|
||||
])
|
||||
|
||||
const DeleteRowPop = (data: Record<string, any>, i: number) => {
|
||||
dialogStore.CreateDialog({
|
||||
title: 'Slider Sil',
|
||||
id: 'deleteslider',
|
||||
content: 'Slider silmek istediğinize emin misiniz?',
|
||||
closeText: 'Vazgeç',
|
||||
buttons: [
|
||||
{
|
||||
label: 'Slider Sil',
|
||||
type: 'alert',
|
||||
function: DeleteRow(data.id)
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
|
||||
const DeleteRow = async (id: number | string) => {
|
||||
var dt = await dataStore.dataDelete('Katilimci/DeleteCekilisKatilimci/' + id)
|
||||
|
||||
if (dt !== 'errorfalse') {
|
||||
dialogStore.CloseDialog('deleteslider')
|
||||
refresh.value = true
|
||||
}
|
||||
}
|
||||
|
||||
const rowActions = ref<Record<string, any>[]>([
|
||||
{
|
||||
text: 'Sil',
|
||||
class: 'alert',
|
||||
action: DeleteRowPop
|
||||
}
|
||||
])
|
||||
|
||||
const resimPreview = computed(() => {
|
||||
if (!panelSlider.value.resimUrl) return null
|
||||
|
||||
@ -100,8 +124,8 @@
|
||||
|
||||
// Eğer dosya ise
|
||||
return URL.createObjectURL(panelSlider.value.resimUrl)
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
const OpenMenu = (row: any) => {
|
||||
router.push('slider-yonetimi/' + row.id)
|
||||
}
|
||||
@ -114,10 +138,9 @@
|
||||
sira: 1
|
||||
}
|
||||
panel.value = true
|
||||
|
||||
}
|
||||
const updateAction = (row: any) => {
|
||||
panelSlider.value = sliders.value.find(x => x.id == row.id) || {}
|
||||
panelSlider.value = sliders.value.find((x) => x.id == row.id) || {}
|
||||
panel.value = true
|
||||
isUpdate.value = true
|
||||
}
|
||||
@ -130,8 +153,7 @@
|
||||
}
|
||||
|
||||
const save = async () => {
|
||||
if (isUpdate.value)
|
||||
{
|
||||
if (isUpdate.value) {
|
||||
const formData = new FormData()
|
||||
formData.append('Baslik', panelSlider.value.baslik)
|
||||
formData.append('Url', panelSlider.value.url)
|
||||
@ -140,7 +162,7 @@
|
||||
formData.append('ResimUrl', panelSlider.value.resimUrl)
|
||||
}
|
||||
|
||||
let update:any = dataStore.dataPut('Slider/'+panelSlider.value.id,{
|
||||
let update: any = dataStore.dataPut('Slider/' + panelSlider.value.id, {
|
||||
data: formData,
|
||||
headers: { 'Content-Type': 'multipart/form-data' }
|
||||
})
|
||||
@ -149,8 +171,7 @@
|
||||
isUpdate.value = false
|
||||
refresh.value = true
|
||||
}
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
let add = await dataStore.dataPost('Slider/CreateSlider', {
|
||||
data: panelSlider.value,
|
||||
headers: { 'Content-Type': 'multipart/form-data' }
|
||||
@ -161,7 +182,6 @@
|
||||
refresh.value = true
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
@ -190,4 +210,4 @@
|
||||
object-fit: cover;
|
||||
border-radius: 8px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user