AnonSec Shell

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . AnonSec Shell AnonSec Shell

Server IP : 172.67.142.142 / Your IP : 104.23.243.117 [ Reverse IP ]
Web Server : nginx/1.18.0
System : Linux ip-172-31-29-104 5.15.0-1075-aws #82~20.04.1-Ubuntu SMP Thu Dec 19 05:24:09 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 7.4.3-4ubuntu2.29
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Domains : 2 Domains
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON
Directory : /var/app/comcon24/cms/src/components/setting/

Upload File :

[ HOME ] [ BACKUP SHELL ] [ JUMPING ] [ MASS DEFACE ] [ SCAN ROOT ] [ SYMLINK ]

Current File : /var/app/comcon24/cms/src/components/setting/SettingTable.vue

<template>
  <div>
    <div class="table-responsive">
      <table class="table table-borderless table-hover">
        <thead>
          <tr>
            <th scope="col">No</th>
            <th scope="col">Setting Key</th>
            <th scope="col">Description</th>
            <th scope="col">Value</th>
            <th class="text-end" scope="col">Action</th>
          </tr>
        </thead>
        <tbody>
          <tr v-if="settings.length <= 0">
            <td colspan="6" class="text-center text-danger">
              No setting found
            </td>
          </tr>
          <tr v-else v-for="(item, i) of settings" :key="item.id">
            <td>{{ getNumber(i) }}</td>
            <td>{{ item.settingKey }}</td>
            <td>{{ item.description }}</td>
            <td>{{ item.value }}</td>
            <td class="actions text-end">
              <a
                v-if="$auth.user.role.hasAccess('Setting.Update')"
                class="text-muted ms-3"
                title="Edit"
                data-bs-toggle="tooltip"
                @click.prevent="showModalEdit(i)"
              >
                <PencilIcon />
              </a>
            </td>
          </tr>
        </tbody>
      </table>
    </div>

    <div v-if="!settings.length && isFetching" class="text-center mt-4 mt-md-5">
      <span class="spinner-border" role="status" aria-hidden="true"></span>
    </div>

    <SettingModal ref="form" :data="dataX" :id="dataXid" :readonly="readonly" />

    <Pagination
      v-if="meta && meta.totalPages > 1"
      class="mt-4 mt-md-5"
      :current="meta.currentPage"
      :last="meta.totalPages"
    />
  </div>
</template>

<script>
import hasBootstrapTooltip from "../../mixins/hasBootstrapTooltip";
import tableUtil from "../../mixins/tableUtil";
import Setting from "../../models/Setting";

import Pagination from "../pagination/Pagination";
import EyeIcon from "bootstrap-icons/icons/eye.svg";
import PencilIcon from "bootstrap-icons/icons/gear-fill.svg";
import TrashIcon from "bootstrap-icons/icons/trash2-fill.svg";

import SettingModal from "./SettingModal";
import moment from "moment";

export default {
  mixins: [hasBootstrapTooltip, tableUtil],

  components: { Pagination, EyeIcon, PencilIcon, TrashIcon, SettingModal },

  data() {
    return {
      readonly: false,
      dataXid: null,
      dataX: null,
      isApproving: {},
      isRevising: {},
      isUnpublishing: {},
    };
  },

  computed: {
    settings() {
      return this.$store.getters["setting/get"](this.$route.query);
    },

    meta() {
      return this.$store.getters["setting/getMeta"](this.$route.query);
    },

    isFetching() {
      return this.$store.getters["setting/isFetching"](this.$route.query);
    },
  },

  methods: {
    renderDate(date) {
      return moment(date).format("d MMM YYYY HH:mm");
    },

    fetch() {
      this.$store.dispatch("setting/fetch", this.$route.query);
    },

    showModalEdit(i) {
      this.readonly = false;
      this.dataX = this.settings[i];
      this.dataXid = this.settings[i].id;
      this.$refs["form"].modal.show();
    },

    showModalView(i) {
      this.readonly = true;
      this.dataX = this.settings[i];
      this.dataXid = this.settings[i].id;
      this.$refs["form"].modal.show();
    },
  },

  watch: {
    "$route.query": {
      handler() {
        this.fetch();
      },
      deep: true,
    },
  },

  created() {
    this.Setting = Setting;
    this.fetch();
  },
};
</script>

<style lang="scss" scoped>
.actions {
  .spinner-border {
    width: 1em;
    height: 1em;
  }
}
a {
  cursor: pointer;
}

span.answer {
  display: block;
}
</style>

Anon7 - 2022
AnonSec Team