- Trash ikonu eklendi

- FileListItem ek butonlar için alan açıldı.
- Piyango dökümanları adminler için silme butonu eklendi. Api bağlanmadı

src/assets/images/icons.svg

@@ -237,4 +237,18 @@
             d="M16.1362 14.1067H14.7781C14.3632 14.1067 14.0268 14.4424 14.0268 14.8564V19.8401C14.0268 20.2541 14.3632 20.5897 14.7781 20.5897H16.1362C16.5511 20.5897 16.8875 20.2541 16.8875 19.8401V14.8564C16.8875 14.4424 16.5511 14.1067 16.1362 14.1067Z"
         />
     </symbol>
+    <symbol id="trash" viewBox="0 0 20 22">
+        <path
+            d="M19.4015 6.14128H18.7672L18.8227 5.47865C18.8227 5.47865 18.8227 5.44229 18.8227 5.42613C18.8227 3.9837 17.6691 2.80795 16.2538 2.80795H14.8544V1.78976C14.8544 0.803906 14.0695 0.00390625 13.1022 0.00390625H6.88614C5.91885 0.00390625 5.13391 0.803906 5.13391 1.78976V2.80795H3.73451C2.31924 2.80795 1.16563 3.9837 1.16563 5.42613C1.16563 5.44229 1.16563 5.46249 1.16563 5.47865L1.22113 6.14128H0.586836C0.257797 6.14128 -0.0078125 6.41199 -0.0078125 6.74734C-0.0078125 7.08269 0.257797 7.3534 0.586836 7.3534H1.3242L2.35096 19.41C2.36682 20.8403 3.5125 21.9999 4.91984 21.9999H15.0645C16.4719 21.9999 17.6176 20.8403 17.6334 19.41L18.6602 7.3534H19.3975C19.7266 7.3534 19.9922 7.08269 19.9922 6.74734C19.9922 6.41199 19.7266 6.14128 19.3975 6.14128H19.4015ZM6.32321 1.78572C6.32321 1.46653 6.57692 1.21199 6.88614 1.21199H13.1022C13.4154 1.21199 13.6651 1.47057 13.6651 1.78572V2.80391H6.32321V1.78572ZM2.35492 5.40189C2.36682 4.63825 2.98129 4.02007 3.73451 4.02007H16.2578C17.011 4.02007 17.6255 4.63825 17.6374 5.40189L17.5739 6.14128H2.41835L2.35492 5.40189ZM16.452 19.3292C16.452 19.3292 16.452 19.3655 16.452 19.3817C16.452 20.1574 15.8336 20.7877 15.0725 20.7877H4.9238C4.16265 20.7877 3.54422 20.1574 3.54422 19.3817C3.54422 19.3655 3.54422 19.3453 3.54422 19.3292L2.52539 7.3534H17.4748L16.456 19.3292H16.452Z"
+        />
+        <path
+            d="M14.7236 13.9756H5.2687C4.93966 13.9756 4.67405 14.2463 4.67405 14.5817C4.67405 14.917 4.93966 15.1877 5.2687 15.1877H14.7196C15.0487 15.1877 15.3143 14.917 15.3143 14.5817C15.3143 14.2463 15.0487 13.9756 14.7196 13.9756H14.7236Z"
+        />
+        <path
+            d="M4.87227 11.6766H15.1161C15.4451 11.6766 15.7107 11.4059 15.7107 11.0706C15.7107 10.7352 15.4451 10.4645 15.1161 10.4645H4.87227C4.54323 10.4645 4.27762 10.7352 4.27762 11.0706C4.27762 11.4059 4.54323 11.6766 4.87227 11.6766Z"
+        />
+        <path
+            d="M14.3272 17.4867H5.66513C5.33609 17.4867 5.07048 17.7574 5.07048 18.0928C5.07048 18.4281 5.33609 18.6989 5.66513 18.6989H14.3232C14.6522 18.6989 14.9179 18.4281 14.9179 18.0928C14.9179 17.7574 14.6522 17.4867 14.3232 17.4867H14.3272Z"
+        />
+    </symbol>
 </svg>

src/components/global/DataTable.vue

@@ -7,7 +7,7 @@
             <div class="table-head-content">Sıra No</div>
           </th>
           <template v-for="(headCell, h) in tableHeader">
-            <th :style="headCell.style || ''">
+            <th :style="[headCell.style || '']">
               <div
                 :class="[
                   'table-head-content',
@@ -47,13 +47,16 @@
               </div>
             </th>
           </template>
+          <th
+            :style="[rowActionStyle || '']"
+            v-if="rowActions !== undefined && rowActions.length > 0">
+            <div class="table-head-content">İşlemler</div>
+          </th>
         </tr>
       </thead>
       <tbody>
         <tr v-if="tableData.length === 0 && !isPreview">
-          <td :colspan="rowNumber ? tableHeader.length + 1 : tableHeader.length">
+          <td :colspan="ColSpan">Veri bulunamadı</td>
-            Veri bulunamadı
-          </td>
         </tr>
         <tr
           v-else
@@ -77,16 +80,37 @@
                   :name="'dataCell' + j"
                   :cellData="CellData(dataRow, dataCell.name)"
                   :cellIndex="j">
+                  <div class="table-inner-content">
                     {{
                       dataCell.compute !== undefined
                         ? dataCell.compute(dataRow)
                         : dataRow[dataCell.name]
                     }}
+                  </div>
                 </slot>
               </td>
               <td v-else v-html="dataCell.computeHtml(dataRow)"></td>
             </template>
           </slot>
+          <td
+            v-if="rowActions !== undefined && rowActions.length > 0"
+            :class="[actionFixed ? 'action-fixed' : '']">
+            <template v-for="(action, ai) in rowActions">
+              <button
+                :class="[
+                  'button-c button-icon button-export',
+                  action.class !== undefined ? 'back-grad back-grad-' + action.class : ''
+                ]"
+                @click="LocalRowDataAction($event, action.action, dataRow, i)">
+                <i class="ico-c" v-if="action.icon !== undefined">
+                  <svg>
+                    <use :href="icourl + '#' + action.icon"></use>
+                  </svg>
+                </i>
+                <span class="panel-date">{{ action.text }}</span>
+              </button>
+            </template>
+          </td>
         </tr>
         <template
           v-if="
@@ -120,6 +144,7 @@
   import { ref, reactive, computed, watch } from 'vue'
   import type { Ref } from 'vue'
   import { useGlobalStore } from '@/stores/globalStore'
+  import icourl from '@/assets/images/icons.svg'
   const globalStore = useGlobalStore()
 
   interface ITableHead {
@@ -150,11 +175,15 @@
     rowNumber?: boolean
     totalValues?: Record<string, any>
     isPreview?: boolean
+    rowActions?: Record<string, any>[]
+    actionFixed?: boolean
+    rowActionStyle?: string
   }
   const props = withDefaults(defineProps<Props>(), {
     tableData: () => [],
     rowNumber: false,
-    isPreview: false
+    isPreview: false,
+    actionFixed: false
   })
 
   const emit = defineEmits(['update:sortData', 'update:pagination'])
@@ -186,9 +215,27 @@
     }
   })
 
+  const ColSpan = computed<number>(() => {
+    var span = props.tableHeader.length
+    if (props.rowNumber) span++
+    if (props.rowActions) span++
+    return span
+  })
   const LocalRowAction = (d: Record<string, any>) => {
     if (props.rowAction !== undefined) {
-      (props.rowAction! as Function)(d)
+      ;(props.rowAction! as Function)(d)
+    }
+  }
+
+  const LocalRowDataAction = (
+    e: Event,
+    action: Function | undefined,
+    dataRow: Record<string, any>,
+    i: number | string
+  ) => {
+    if (action !== undefined) {
+      e.stopImmediatePropagation()
+      action(dataRow, i)
     }
   }
 
@@ -223,3 +270,20 @@
     { deep: true }
   )
 </script>
+<style scoped>
+  .action-fixed {
+    position: absolute;
+    z-index: 9;
+    top: 0;
+    right: 0;
+  }
+  .table-inner-content {
+    max-height: 400px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 20;
+    line-clamp: 20;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+  }
+</style>

src/components/global/DialogItem.vue

@@ -19,7 +19,7 @@
             v-for="(button, i) in dialogData.buttons">
             <button
               :class="['button-c', 'button-' + button.type]"
-              @click="button.function(id, button.data)">
+              @click="LocalFunction(button.function, id, button.data)">
               {{ button.label }}
             </button>
           </template>
@@ -42,7 +42,7 @@
   const dialogStore = useDialogStore()
 
   export interface Props {
-    id: number
+    id: number | string
     dialogData: Record<string, any>
   }
   const props = withDefaults(defineProps<Props>(), {})
@@ -60,7 +60,13 @@
   const CreateData = () => {
     Object.assign(localData, props.dialogData)
   }
-
+  const LocalFunction = (
+    fun: Function | undefined,
+    id: string | number,
+    data: Record<string, any>
+  ) => {
+    if (fun !== undefined) fun(id, data)
+  }
   const CloseDialog = () => {
     delete dialogStore.dialogs[props.id]
   }

src/components/global/FileListItem.vue

@@ -18,6 +18,8 @@
             {{ fileName }}
           </div>
         </a>
+        <div class="actions-c" v-if="editable || $slots.actionButtons">
+          <slot name="actionButtons"></slot>
           <i
             class="ico-c ico-section ico-section-header-btn ico-replace"
             @click="OnClick"
@@ -26,6 +28,7 @@
           </i>
         </div>
       </div>
+    </div>
   </template>
   <template v-else>
     <div class="form-item-picture only-image clickable">
@@ -75,8 +78,8 @@
 
   if (props.filePath !== undefined && props.filePath !== null) {
     localFilePath.value = props.usePath
-      ? props.filePath as string
+      ? (props.filePath as string)
-      : (axios.defaults.baseURL as string + props.filePath as string) as string
+      : (((axios.defaults.baseURL as string) + props.filePath) as string as string)
 
     fileType.value = globalStore.FileType(localFilePath.value)
     fileName.value = globalStore.FileName(localFilePath.value)
@@ -96,8 +99,19 @@
     () => props.filePath,
     () => {
       localFilePath.value = props.usePath
-        ? props.filePath as string
+        ? (props.filePath as string)
-        : (axios.defaults.baseURL as string + props.filePath as string) as string
+        : (((axios.defaults.baseURL as string) + props.filePath) as string as string)
     }
   )
 </script>
+<style scoped>
+  .actions-c {
+    display: flex;
+    position: absolute;
+    right: 0;
+    height: 100%;
+    padding: 8px;
+    align-items: center;
+    pointer-events: fill;
+  }
+</style>

src/components/global/ListTableContent.vue

@@ -117,7 +117,10 @@
         v-model:pagination="localPagination"
         :rowNumber="rowNumber"
         :totalValues="localTotalValues"
-        :isPreview="isPreview" />
+        :isPreview="isPreview"
+        :rowActions="rowActions"
+        :actionFixed="actionFixed"
+        :rowActionStyle="rowActionStyle" />
     </slot>
   </div>
 
@@ -194,6 +197,9 @@
     rowNumber?: boolean
     totalValues?: Record<string, any>
     isPreview?: boolean
+    rowActions?: Record<string, any>[]
+    actionFixed?: boolean
+    rowActionStyle?:string
   }
 
   const props = withDefaults(defineProps<Props>(), {
@@ -205,7 +211,8 @@
     export: true,
     search: true,
     rowNumber: false,
-    isPreview: false
+    isPreview: false,
+    actionFixed:false
   })
 
   const emit = defineEmits([

src/components/global/dialogStore.ts

@@ -7,11 +7,13 @@ export const useDialogStore = defineStore('dialogStore', () => {
   const CreateDialog = (data: Record<string, any>) => {
     const rnd: number = Number(Math.floor(Math.random() * 10000000000))
 
-    dialogs[rnd] = {} as Record<string, any>
+    const localId = data.id || rnd
-    dialogs[rnd].id = rnd
+
-    dialogs[rnd].data = data
+    dialogs[localId] = {} as Record<string, any>
+    dialogs[localId].id = localId
+    dialogs[localId].data = data
   }
-  const CloseDialog = (id: number) => {
+  const CloseDialog = (id: number | string) => {
     delete dialogs[id]
   }
   return {

src/layouts/admin-inc/Header.vue

@@ -8,7 +8,7 @@
       </i>
       <a href="/" class="logo-header">
         <img
-            src="@/assets/images/cekilisevi-logo-1.png"
+            src="@/assets/images/cekilisevi-logo-n.png"
             alt="MPI Çekiliş Evi"/>
       </a>
     </div>

src/module/auth/views/ForgotPassword.vue

@@ -4,7 +4,7 @@
       <div class="login-header">
         <div class="logo-header">
           <img
-            src="@/assets/images/cekilisevi-logo-1.png"
+            src="@/assets/images/cekilisevi-logo-n.png"
             alt="MPI Çekiliş Evi"/>
         </div>
         <h1>Şifremi Unuttum</h1>

src/module/auth/views/Login.vue

@@ -4,7 +4,7 @@
       <div class="login-header">
         <div class="logo-header">
           <img
-            src="@/assets/images/cekilisevi-logo-1.png"
+            src="@/assets/images/cekilisevi-logo-n.png"
             alt="MPI Çekiliş Evi"/>
         </div>
         <h1>Giriş Yap</h1>

src/module/auth/views/Register.vue

@@ -3,7 +3,7 @@
     <section class="section-login">
       <div class="login-header">
         <div class="logo-header">
-          <img src="@/assets/images/cekilisevi-logo-1.png" alt="MPI Çekiliş Evi" />
+          <img src="@/assets/images/cekilisevi-logo-n.png" alt="MPI Çekiliş Evi" />
         </div>
         <h1>Üye Ol</h1>
       </div>

src/module/cekilisler/components/TabPiyangoKatilimciListesi.vue

@@ -1,34 +1,34 @@
 <template>
-  <section class='section-list'>
+  <section class="section-list">
     <list-table-content
-      :tableHeader='tableHeader'
+      :tableHeader="tableHeader"
-      icon='draws'
+      icon="draws"
-      title='Katılım Listesi'
+      title="Katılım Listesi"
-      listText='Katılımcı'
+      listText="Katılımcı"
-      :rowAction='OpenUser'
+      :rowAction="OpenUser"
       :apiList="'Katilimci/ByCekilisId/' + piyangoStore.selectedLottery"
-      v-model:pagination='paginationData'
+      v-model:pagination="paginationData"
-      v-model:refresh='piyangoKatilimciStore.refreshPiyangoKatilimciList'>
+      v-model:refresh="piyangoKatilimciStore.refreshPiyangoKatilimciList">
       <template #extraButtons>
         <button
-          class='button-c'
+          class="button-c"
-          @click='piyangoKatilimciService.CreateOnlineDraw'
+          @click="piyangoKatilimciService.CreateOnlineDraw"
-          v-if='
+          v-if="
             paginationData.totalRecords > 0 &&
             usersStore.isPanelUser &&
             !piyangoStore.lotteryDrawState &&
             piyangoStore.lotteryApprove === 4 &&
             piyangoStore.lotteryData.cekilisYontemiId === 2
-          '>
+          ">
           Online Çekiliş Düzenle
         </button>
-        <a href='/data/ornek-katilimci-listesi.xlsx' target='_blank' class='button-c'>
+        <a href="/data/ornek-katilimci-listesi.xlsx" target="_blank" class="button-c">
           Örnek Katılımcı Dosyası İndir
         </a>
         <button
-          class='button-c'
+          class="button-c"
-          @click='AddNewDocument'
+          @click="AddNewDocument"
-          v-if='!usersStore.isPanelUser && !piyangoStore.lotteryDrawState'>
+          v-if="!usersStore.isPanelUser && !piyangoStore.lotteryDrawState">
           Katılımcı Dosyası Yükle
         </button>
         <button
@@ -40,7 +40,6 @@
             !piyangoStore.lotteryDrawState &&
             (piyangoStore.lotteryApprove === 7 || piyangoStore.lotteryApprove === 14)
           ">
-
           Tüm katılımcıları Sil
         </button>
         <button
@@ -51,20 +50,20 @@
       </template>
     </list-table-content>
     <panel-wrapper
-      v-if='piyangoKatilimciStore.katilimciFilePanel'
+      v-if="piyangoKatilimciStore.katilimciFilePanel"
-      v-model='piyangoKatilimciStore.katilimciFilePanel'
+      v-model="piyangoKatilimciStore.katilimciFilePanel"
-      panel-title='Katılımcı Dosyası Yükle'>
+      panel-title="Katılımcı Dosyası Yükle">
       <template #panelContent>
         <panel-katilimci-document />
       </template>
       <template #footerButton>
-        <button class='button-c button-save' @click='FileUpload'>Yükle</button>
+        <button class="button-c button-save" @click="FileUpload">Yükle</button>
       </template>
     </panel-wrapper>
     <panel-wrapper
       wide
-      v-if='piyangoKatilimciStore.katilimciUserPanel'
+      v-if="piyangoKatilimciStore.katilimciUserPanel"
-      v-model='piyangoKatilimciStore.katilimciUserPanel'
+      v-model="piyangoKatilimciStore.katilimciUserPanel"
       :panel-title="
         piyangoKatilimciStore.isPiyangoKatilimciUserUpdate
           ? 'Katılımcı Düzenle'
@@ -73,11 +72,11 @@
       <template #panelContent>
         <panel-piyango-katilimci />
       </template>
-      <template #footerButton v-if='!usersStore.isPanelUser'>
+      <template #footerButton v-if="!usersStore.isPanelUser">
         <button
-          :disabled='!piyangoKatilimciValidationStore.userFormChanged'
+          :disabled="!piyangoKatilimciValidationStore.userFormChanged"
-          class='button-c button-save'
+          class="button-c button-save"
-          @click='piyangoKatilimciService.SaveKatilimciUser'>
+          @click="piyangoKatilimciService.SaveKatilimciUser">
           {{ piyangoKatilimciStore.isPiyangoKatilimciUserUpdate ? 'Kaydet' : 'Ekle' }}
         </button>
       </template>
@@ -94,23 +93,20 @@
           <div class="progress-bar">
             <div
               class="progress-fill"
-              :style="{ width: uploadProgressValue + '%' }"
+              :style="{ width: uploadProgressValue + '%' }"></div>
-            ></div>
           </div>
           <div class="progress-text">
             <template v-if="uploadProgressValue === 0">
               Dosya içeriği okunuyor, yükleme başlatılıyor...
             </template>
-            <template v-else>
+            <template v-else>{{ uploadProgressValue }}%</template>
-              {{ uploadProgressValue }}%
-            </template>
           </div>
         </div>
       </template>
     </panel-wrapper>
   </section>
 </template>
-<script setup lang='ts'>
+<script setup lang="ts">
   import { ref, computed } from 'vue'
   import PanelWrapper from '@/components/PanelWrapper.vue'
   import PanelKatilimciDocument from '@/module/cekilisler/components/panel/PanelKatilimciDocument.vue'
@@ -146,8 +142,13 @@
   import { usePiyangoOnayService } from '../service/piyangoOnayService'
   const piyangoOnayService = usePiyangoOnayService()
 
-  import { connectToHub, onProgress, onInsertProgress, onCompleted, onError } from '../service/signalrService'
+  import {
-
+    connectToHub,
+    onProgress,
+    onInsertProgress,
+    onCompleted,
+    onError
+  } from '../service/signalrService'
 
   const uploadProgressValue = ref(0)
   const uploadProgressPanel = ref(false)
@@ -302,7 +303,10 @@
     })
 
     const formData = new FormData()
-    formData.append('excelFile', piyangoKatilimciStore.piyangoKatilimciFileFormData.excelFile)
+    formData.append(
+      'excelFile',
+      piyangoKatilimciStore.piyangoKatilimciFileFormData.excelFile
+    )
     console.log(dataStore.panelData)
     const response = await dataStore.dataPost(
       `Katilimci/ExcelleYukle/${piyangoStore.selectedLottery}?connectionId=${connectionId}`,
@@ -341,6 +345,7 @@ console.log( dataStore.panelData)
   const DeleteAllButton = () => {
     dialogStore.CreateDialog({
       title: 'Tüm Katılımcıları Sil',
+      id: 'deletekatilimci',
       content:
         'Tüm katılımcıları silmek istediğinize emin misiniz? Bu işlem geri alınamaz.',
       closeText: 'Vazgeç',
@@ -348,19 +353,19 @@ console.log( dataStore.panelData)
         {
           label: 'Tüm katılımcıları Sil',
           type: 'alert',
-          function: DeleteAll
+          function: () => DeleteAll
         }
       ]
     })
   }
-  const DeleteAll = async (id: number) => {
+  const DeleteAll = async () => {
     var dt = await dataStore.dataDelete(
       'Katilimci/DeleteCekilisKatilimci/' + piyangoStore.selectedLottery
     )
 
     if (dt !== 'errorfalse') {
       piyangoKatilimciStore.refreshPiyangoKatilimciList = true
-      dialogStore.CloseDialog(id)
+      dialogStore.CloseDialog('deletekatilimci')
     }
   }
 
@@ -370,7 +375,6 @@ console.log( dataStore.panelData)
     piyangoOnayStore.piyangoOnayForm.aciklama = ''
     await piyangoOnayService.SaveOnayDurum()
   }
-
 </script>
 <style>
   .progress-container {

src/module/cekilisler/components/display/FormPiyangoDocumentsDisplay.vue

@@ -10,7 +10,15 @@
             :editable="false"
             :data="file"
             title="dokumanAdi"
-            :filePath="file.url" />
+            :filePath="file.url">
+            <template #actionButtons v-if="usersStore.isPanelUser">
+              <i
+                class="ico-c ico-btn ico-section back-grad-alert"
+                @click="DeleteDocumentPop(file)">
+                <svg><use href="/src/assets/images/icons.svg#trash"></use></svg>
+              </i>
+            </template>
+          </file-list-item>
         </template>
       </template>
       <template v-else>
@@ -33,6 +41,35 @@
   const piyangoDocumentStore = usePiyangoDocumentStore()
   import { usePiyangoDocumentService } from '../../service/piyangoDocumentService'
   const piyangoDocumentService = usePiyangoDocumentService()
+  import { useDialogStore } from '@/components/global/dialogStore'
+  const dialogStore = useDialogStore()
+  import { useDataStore } from '@/stores/dataStore'
+  const dataStore = useDataStore()
+
+  const DeleteDocumentPop = (data: Record<string, any>) => {
+    dialogStore.CreateDialog({
+      title: 'Doküman Sil',
+      id: 'deletedoc',
+      content: 'Dokümanı silmek istediğinize emin misiniz? Bu işlem geri alınamaz.',
+      closeText: 'Vazgeç',
+      buttons: [
+        {
+          label: 'Doküman Sil',
+          type: 'alert',
+          function: () => DeleteDocument(data.id)
+        }
+      ]
+    })
+  }
+
+  const DeleteDocument = async (id: number | string) => {
+    var dt = await dataStore.dataDelete('Popup/' + id)
+
+    if (dt !== 'errorfalse') {
+      dialogStore.CloseDialog('deletedoc')
+      await piyangoDocumentService.GetDocumentList()
+    }
+  }
 
   onBeforeMount(async () => {
     await piyangoDocumentService.GetDocumentList()

src/module/site-yonetimi/views/PopupListe.vue

@@ -1,43 +1,36 @@
 <template>
   <AdminLayout>
-    <Breadcrumb currentPageText='Popup Listesi' />
+    <Breadcrumb currentPageText="Popup Listesi" />
-    <section class='section-list'>
+    <section class="section-list">
       <list-table-content
-        :tableHeader='tableHeader'
+        :tableHeader="tableHeader"
-        :rowAction='updateAction'
+        :rowAction="updateAction"
-        :addAction='addAction'
+        :addAction="addAction"
-        icon='sitemanagement'
+        icon="sitemanagement"
-        title='Popup Listesi'
+        title="Popup Listesi"
-        listText='Popup'
+        listText="Popup"
-        :tableData='popups'
+        :tableData="popups"
-        apiText='Popup Listesi'
+        apiText="Popup Listesi"
-        apiList='Popup'
+        apiList="Popup"
         v-model:refresh="refresh"
-      />
+        :rowActions="rowActions"
+        :rowActionStyle="'width:10%;'" />
     </section>
     <panel-wrapper
-      v-if='panel'
+      v-if="panel"
-      v-model='panel'
+      v-model="panel"
-      :panel-title="
+      :panel-title="isUpdate ? 'Popup Düzenle' : 'Popup Ekle'">
-      isUpdate
-        ? 'Popup Düzenle'
-        : 'Popup Ekle'
-    ">
       <template #panelContent>
-        <form-input
+        <form-input v-model="panelPopup.baslik" label="Başlık" />
-          v-model='panelPopup.baslik'
+        <form-input v-model="panelPopup.url" label="Url" />
-          label='Başlık' />
-        <form-input
-          v-model='panelPopup.url'
-          label='Url' />
         <form-file
-          v-model='panelPopup.resimUrl'
+          v-model="panelPopup.resimUrl"
-          label='Resim Url'
+          label="Resim Url"
           :fileTypes="['png', 'jpg', 'jpeg']"
-          elclass='panel-documents-item'
+          elclass="panel-documents-item"
-          fileType='img' />
+          fileType="img" />
-        <div class='image-preview-wrapper' v-if='resimPreview'>
+        <div class="image-preview-wrapper" v-if="resimPreview">
-          <img :src='resimPreview' alt='Seçilen Resim' />
+          <img :src="resimPreview" alt="Seçilen Resim" />
         </div>
         <form-checkbox
           :listData="Checker"
@@ -45,21 +38,19 @@
           listVal="val"
           v-model="panelPopup.durum">
           <template #checktext0>
-              <span>
+            <span>Aktif</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'
@@ -68,6 +59,8 @@
   import PanelWrapper from '@/components/PanelWrapper.vue'
   import { useGlobalStore } from '@/stores/globalStore'
   const globalStore = useGlobalStore()
+  import { useDialogStore } from '@/components/global/dialogStore'
+  const dialogStore = useDialogStore()
 
   const Checker = ref([
     {
@@ -116,6 +109,40 @@
       }
     }
   ])
+
+  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('Popup/' + 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)
   }
@@ -140,20 +166,19 @@
       durum: false
     }
     panel.value = true
-
   }
   const updateAction = (row: any) => {
-    panelPopup.value = popups.value.find(x => x.id == row.id) || {}
+    Object.assign(panelPopup.value,row)
     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)
+      formData.append('Url', panelPopup.value.url)
       if (panelPopup.value.resimUrl instanceof File) {
         formData.append('ResimUrl', panelPopup.value.resimUrl)
       }
@@ -167,8 +192,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 +203,6 @@
         refresh.value = true
       }
     }
-
   }
 </script>
 <style>

src/module/site-yonetimi/views/SayfaListesi.vue

@@ -10,15 +10,20 @@
         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'
+  import { useDialogStore } from '@/components/global/dialogStore'
-  const globalStore = useGlobalStore()
+  const dialogStore = useDialogStore()
+  import { useDataStore } from '@/stores/dataStore'
+  const dataStore = useDataStore()
   import router from '@/router'
 
   const tableHeader = ref<Record<string, any>[]>([
@@ -28,6 +33,41 @@
       sort: true
     }
   ])
+  const refresh = ref<boolean>(false)
+
+  const DeleteRowPop = (data: Record<string, any>, i: number) => {
+    dialogStore.CreateDialog({
+      title: 'Sayfa Sil',
+      id: 'deleteslider',
+      content: 'Sayfayı silmek istediğinize emin misiniz?',
+      closeText: 'Vazgeç',
+      buttons: [
+        {
+          label: 'Sil',
+          type: 'alert',
+          function: () => DeleteRow(data.id)
+        }
+      ]
+    })
+  }
+
+  const DeleteRow = async (id: number | string) => {
+    var dt = await dataStore.dataDelete('Page/' + 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)
   }

src/module/site-yonetimi/views/SliderListe.vue

@@ -1,66 +1,59 @@
 <template>
   <AdminLayout>
-    <Breadcrumb currentPageText='Slider Listesi' />
+    <Breadcrumb currentPageText="Slider Listesi" />
-    <section class='section-list'>
+    <section class="section-list">
       <list-table-content
-        :tableHeader='tableHeader'
+        :tableHeader="tableHeader"
-        :rowAction='updateAction'
+        :rowAction="updateAction"
-        :addAction='addAction'
+        :addAction="addAction"
-        icon='sitemanagement'
+        icon="sitemanagement"
-        title='Slider Listesi'
+        title="Slider Listesi"
-        listText='Slider'
+        listText="Slider"
-        :tableData='sliders'
+        :tableData="sliders"
-        apiText='Slider Listesi'
+        apiText="Slider Listesi"
-        apiList='Slider'
+        apiList="Slider"
-        v-model:refresh='refresh'
+        v-model:refresh="refresh"
-      />
+        :rowActions="rowActions"
+        :rowActionStyle="'width:10%;'" />
     </section>
     <panel-wrapper
-      v-if='panel'
+      v-if="panel"
-      v-model='panel'
+      v-model="panel"
-      :panel-title="
+      :panel-title="isUpdate ? 'Slider Düzenle' : 'Slider Ekle'">
-      isUpdate
-        ? 'Slider Düzenle'
-        : 'Slider Ekle'
-    ">
       <template #panelContent>
-        <form-input
+        <form-input required v-model="panelSlider.baslik" label="Başlık" />
-          required
-          v-model='panelSlider.baslik'
-          label='Başlık' />
         <form-file
-          v-model='panelSlider.resimUrl'
+          v-model="panelSlider.resimUrl"
-          label='Resim Url'
+          label="Resim Url"
           :fileTypes="['png', 'jpg', 'jpeg']"
-          elclass='panel-documents-item'
+          elclass="panel-documents-item"
-          fileType='img' />
+          fileType="img" />
-        <div class='image-preview-wrapper' v-if='resimPreview'>
+        <div class="image-preview-wrapper" v-if="resimPreview">
-          <img :src='resimPreview' alt='Seçilen Resim' />
+          <img :src="resimPreview" alt="Seçilen Resim" />
         </div>
-        <form-input
+        <form-input required v-model="panelSlider.url" label="Url" />
-          required
+        <form-input required v-model="panelSlider.sira" label="Sıra" />
-          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'
+  import { useGlobalStore } from '@/stores/globalStore'
+  const globalStore = useGlobalStore()
+
+  const dialogStore = useDialogStore()
 
   const dataStore = useDataStore()
   const panel = ref<boolean>(false)
@@ -83,7 +76,11 @@
     {
       name: 'resimUrl',
       title: 'Resim Url',
-      sort: true
+      computeHtml: (v: Record<string, any>) => {
+        if (v.resimUrl !== null && v.resimUrl !== undefined) {
+          return globalStore.TableCellDocument(v.resimUrl)
+        }
+      }
     },
     {
       name: 'url',
@@ -91,6 +88,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('Slider/' + 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
 
@@ -114,10 +145,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 +160,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)
@@ -149,8 +178,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,12 +189,7 @@
         refresh.value = true
       }
     }
-
   }
-
-  onMounted(() => {
-    loadSliders()
-  })
 </script>
 <style>
   .image-preview-wrapper {

src/stores/dataStore.ts

@@ -40,7 +40,7 @@ export const useDataStore = defineStore('dataStore', () => {
       }
 
       const response = await axios.get(apiBase.value + api, sendData)
-      console.log('response --', api, response)
+      //console.log('response --', api, response)
 
       if (data.full !== undefined && data.full) {
         return response
@@ -49,7 +49,7 @@ export const useDataStore = defineStore('dataStore', () => {
       }
     } catch (error: any) {
       CheckApiError(error.response.status, error.response.data)
-      console.error('Hata oluştu -:', error)
+      //console.error('Hata oluştu -:', error)
       return 'errorfalse'
     }
   }
@@ -86,7 +86,7 @@ export const useDataStore = defineStore('dataStore', () => {
     } catch (error: any) {
       CheckApiError(error.response.status, error.response.data)
 
-      console.error('Hata oluştu:', error)
+      //console.error('Hata oluştu:', error)
       return Promise.resolve('errorfalse')
     }
   }
@@ -122,7 +122,7 @@ export const useDataStore = defineStore('dataStore', () => {
     } catch (error: any) {
       CheckApiError(error.response.status, error.response.data)
 
-      console.error('Hata oluştu:', error)
+      //console.error('Hata oluştu:', error)
       return Promise.resolve('errorfalse')
     }
   }
@@ -156,7 +156,7 @@ export const useDataStore = defineStore('dataStore', () => {
       }
     } catch (error: any) {
       CheckApiError(error.response.status, error.response.data)
-      console.error('Hata oluştu:', error)
+      //console.error('Hata oluştu:', error)
       return Promise.resolve('errorfalse')
     }
   }