@hashtagcms/admin-ui-kit 1.0.6

package/packages/components/src/search-bar.vue

@@ -0,0 +1,144 @@
+<template>
+  <form
+    :action="actionUrl"
+    method="get"
+    v-on:submit.prevent="searchNow"
+    class="form-inline"
+    role="form"
+  >
+    <div class="row searchForm justify-content-end">
+      <div class="col-auto space-between">
+        <div class="form-group">
+          <select
+            name="fields"
+            v-model="searchParams.f"
+            class="form-select"
+            @change="changeInputText()"
+          >
+            <option
+              v-for="field in searchFields"
+              :value="getFieldName(field, 'key')"
+            >
+              {{ getFieldName(field) }}
+            </option>
+          </select>
+        </div>
+      </div>
+      <div class="col-auto space-between">
+        <select name="fields" v-model="searchParams.o" class="form-select">
+          <option v-for="operator in operators" :value="operator">
+            {{ operator }}
+          </option>
+        </select>
+      </div>
+      <div class="col-auto space-between">
+        <input
+          :type="inputType"
+          v-model="searchParams.q"
+          class="form-control"
+          placeholder="Search for..."
+        />
+      </div>
+      <div class="col-auto space-between">
+        <span class="input-group-btn">
+          <input
+            type="submit"
+            name="submit"
+            value="Search"
+            class="btn btn-success space-between btn-space"
+          />
+          <input
+            type="reset"
+            name="reset"
+            @click="resetForm()"
+            value="Reset"
+            class="btn btn-outline-secondary btn-space"
+          />
+        </span>
+      </div>
+    </div>
+  </form>
+</template>
+
+<script>
+import AdminConfig from "@hashtagcms/helpers/admin-config";
+
+export default {
+  mounted() {
+    this.init();
+  },
+  props: [
+    "dataSelectedParams",
+    "dataControllerName",
+    "dataFields",
+    "dataActionFields",
+  ],
+  data() {
+    return {
+      searchParams: { q: "", f: "id", o: "=" },
+      actionUrl: AdminConfig.admin_path(this.dataControllerName + "/search"),
+      searchFields:
+        this.dataFields && this.dataFields != "null"
+          ? JSON.parse(this.dataFields)
+          : [],
+      operators: ["=", "!=", ">", "<", ">=", "<=", "like%", "%like%"],
+      hasAction:
+        this.dataActionFields && this.dataActionFields != "null"
+          ? JSON.parse(this.dataActionFields).length > 0
+          : false,
+      defaultSearchParams: { q: "", f: "id", o: "=" },
+      inputType: "text",
+    };
+  },
+  methods: {
+    searchNow() {
+      var url;
+      if (this.searchParams.q.trim() == "") {
+        url = AdminConfig.admin_path(this.dataControllerName);
+      } else {
+        var q = encodeURI(JSON.stringify(this.searchParams));
+        var sep = this.actionUrl.indexOf("?") == -1 ? "?" : "&";
+        url = this.actionUrl + sep + "q=" + q;
+      }
+
+      window.location.href = url;
+
+      return false;
+    },
+    resetForm() {
+      var url = AdminConfig.admin_path(this.dataControllerName);
+      //alert(url);
+      window.location.href = url;
+    },
+    getFieldName(key, prop) {
+      prop = prop ? prop : "label";
+      return typeof key == "string"
+        ? key
+        : key[prop] == undefined
+          ? key
+          : key[prop];
+    },
+    changeInputText() {
+      if (
+        this.searchParams.f.endsWith("_date") ||
+        this.searchParams.f.endsWith("_at")
+      ) {
+        this.inputType = "date";
+      } else {
+        this.inputType = "text";
+      }
+    },
+    init() {
+      if (this.hasAction) {
+        this.searchFields.pop();
+      }
+
+      this.searchParams = JSON.parse(this.dataSelectedParams);
+
+      if (this.searchParams.f == undefined) {
+        this.searchParams = this.defaultSearchParams;
+      }
+    },
+  },
+};
+</script>

package/packages/components/src/site-button.vue

@@ -0,0 +1,42 @@
+<template>
+  <div>
+    <select :name="name" :id="id" @change="setSite" v-model="selected">
+      <option value="">Select Site</option>
+      <option v-for="site in sites" :value="site.id">
+        {{ site.name }}
+      </option>
+    </select>
+  </div>
+</template>
+
+<script>
+import SplitButton from "./library/split-button.vue";
+import { EventBus } from "@hashtagcms/helpers/event-bus";
+
+export default {
+  components: {
+    "split-button": SplitButton,
+  },
+  props: ["dataName", "dataId", "dataSites", "dataSelected"],
+  mounted() {
+    //this.init();
+  },
+  data() {
+    return {
+      sites:
+        typeof this.dataSites === "undefined" ? [] : JSON.parse(this.dataSites),
+      selected:
+        typeof this.dataSelected === "undefined"
+          ? 1
+          : parseInt(this.dataSelected),
+      name: typeof this.dataName === "undefined" ? "site_id" : this.dataName,
+      id: typeof this.dataId === "undefined" ? "site_id" : this.dataId,
+    };
+  },
+  methods: {
+    setSite() {
+      EventBus.$emit("site_changed", this.selected);
+    },
+  },
+};
+</script>

package/packages/components/src/site-cloner.vue

@@ -0,0 +1,150 @@
+<template>
+  <div>
+    <div class="row">
+      <div class="form-group">
+        <div class="col-sm-2">Copy From:</div>
+        <div class="col-sm-4">
+          <select class="form-select" v-model="sourceSiteId">
+            <option value="">Select Site</option>
+            <option v-for="site in allSites" :value="site.id">
+              {{ getLabel(site) }}
+            </option>
+          </select>
+        </div>
+      </div>
+    </div>
+    <div class="row margin-top-20">
+      <div class="form-group">
+        <div class="col-sm-2">Copy To:</div>
+        <div class="col-sm-4">
+          <select class="form-select" v-model="targetSiteId">
+            <option value="">Select Site</option>
+            <option v-for="site in allSites" :value="site.id">
+              {{ getLabel(site) }}
+            </option>
+          </select>
+        </div>
+      </div>
+    </div>
+    <div class="row margin-top-20">
+      <div class="form-group">
+        <div class="col-sm-2">&nbsp;</div>
+        <div class="col-sm-4">
+          <div
+            v-show="errorMsg != '' && !isLoading"
+            class="alert alert-danger text-center"
+          >
+            {{ errorMessage }}
+          </div>
+          <div v-show="isLoading == 1" class="alert alert-info text-center">
+            <span class="fa fa-spinner fa-pulse fa-fw">&nbsp;</span>&nbsp;Please
+            wait and don't close this window. It's not running in thread :)
+          </div>
+          <div v-show="isLoading > 1" class="alert alert-info">
+            <ul>
+              <li v-for="msg in successMsg">
+                <span :class="msg.success === false ? 'text-danger' : ''">
+                  {{ msg.message }}
+                </span>
+              </li>
+            </ul>
+          </div>
+          <input
+            @click="doAction()"
+            type="button"
+            name="submit"
+            value="Copy Now!"
+            class="btn btn-block btn-success"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import AdminConfig from "@hashtagcms/helpers/admin-config";
+
+import { Toast } from "@hashtagcms/helpers/common";
+
+export default {
+  mounted() {
+    //console.log(this.allData);
+    //  console.log(this.allData.data[0]);
+    //console.log(this.cuurent);
+    // this.initData();
+  },
+  created() {
+    //this.initData();
+  },
+
+  props: ["dataAllSites"],
+  data() {
+    return {
+      allSites:
+        typeof this.dataAllSites === "undefined"
+          ? []
+          : JSON.parse(this.dataAllSites),
+      sourceSiteId: "",
+      targetSiteId: "",
+      isLoading: false,
+      errorMsg: "",
+      successMsg: [],
+    };
+  },
+  computed: {
+    errorMessage() {
+      return this.errorMsg === ""
+        ? "It's undoable. Please be careful."
+        : this.errorMsg;
+    },
+  },
+  methods: {
+    getLabel(data) {
+      var label = "";
+      if (data.name || data.alias) {
+        label = data.name || data.alias;
+      } else if (data.lang) {
+        label = typeof data.lang.name == "undefined" ? "" : data.lang.name;
+      }
+      return label;
+    },
+    loading(isLoading) {
+      this.isLoading = isLoading;
+    },
+    cloneSite() {
+      console.log("copying now...");
+      //console.log(allData, seletedData, ids);
+      //get all from
+      this.loading(1);
+      let $this = this;
+      let postData = {
+        sourceSiteId: this.sourceSiteId,
+        tagetSiteId: this.targetSiteId,
+      };
+
+      let url = AdminConfig.admin_path("site/cloneSite");
+      axios
+        .post(url, postData)
+        .then((response) => {
+          console.log(response);
+          feedback(response);
+          this.loading(2);
+        })
+        .catch((error) => {
+          console.log("Error: ", error.response);
+          $this.errorMsg = error.response.data.message;
+          this.loading(0);
+        });
+
+      function feedback(response) {
+        let data = response.data;
+        $this.successMsg = data;
+      }
+    },
+    doAction() {
+      this.cloneSite();
+    },
+  },
+};
+</script>

package/packages/components/src/sitewise-copier.vue

@@ -0,0 +1,234 @@
+<template>
+  <div class="col mt-2">
+    <div class="mb-2">
+      Copy From:
+      <select
+        class="form-select inline width-auto"
+        @change="getBySite()"
+        v-model="currentSite"
+      >
+        <option value="">Select Site</option>
+        <option v-for="site in allSites" :value="site.id">
+          {{ getLabel(site) }}
+        </option>
+      </select>
+    </div>
+  </div>
+  <div class="row">
+    <site-wise
+      ref="siteWiseComponent"
+      :data-message="dataMessage"
+      :data-site-data="JSON.stringify(siteData)"
+      :data-all-data="JSON.stringify(allData)"
+      :data-current-key="currentKey"
+      :data-site-id="siteId"
+      :data-default-action-for-save="doAction"
+      :data-alert-css="dataAlertCss"
+    >
+    </site-wise>
+  </div>
+</template>
+
+<script>
+import AdminConfig from "@hashtagcms/helpers/admin-config";
+
+import { Toast, Loader } from "@hashtagcms/helpers/common";
+import SiteWiseData from "./sitewise-data.vue";
+
+export default {
+  mounted() {
+    //console.log(this.allData);
+    //  console.log(this.allData.data[0]);
+    //console.log(this.cuurent);
+    // this.initData();
+  },
+  components: {
+    "site-wise": SiteWiseData,
+  },
+  created() {
+    //this.initData();
+  },
+
+  props: [
+    "dataAllSites",
+    "dataMessage",
+    "dataAllData",
+    "dataSiteData",
+    "dataCurrentKey",
+    "dataSiteId",
+    "dataAlertCss",
+    "dataControllerName",
+  ],
+  data() {
+    return {
+      allSites:
+        typeof this.dataAllSites === "undefined"
+          ? []
+          : JSON.parse(this.dataAllSites),
+      siteData:
+        typeof this.dataSiteData == "undefined" || this.dataSiteData === ""
+          ? []
+          : JSON.parse(this.dataSiteData),
+      allData:
+        typeof this.dataAllData == "undefined" || this.dataAllData === ""
+          ? []
+          : JSON.parse(this.dataAllData),
+      currentKey: this.dataCurrentKey,
+      searchKey: "",
+      siteId: parseInt(this.dataSiteId),
+      currentSite: "",
+      controllerName:
+        typeof this.dataControllerName === "undefined"
+          ? "site"
+          : this.dataControllerName,
+    };
+  },
+  methods: {
+    showHdeLoader: function (show) {
+      if (show) {
+        Loader.show(this, "Please wait...");
+      } else {
+        Loader.hide(this);
+      }
+    },
+    saveNow(url, data) {
+      return new Promise((resolve, reject) => {
+        axios
+          .post(url, data)
+          .then((response) => {
+            resolve(response);
+          })
+          .catch((error) => {
+            reject(error.response);
+          });
+      });
+    },
+    getLabel(data) {
+      let label = "";
+      if (data.name || data.alias) {
+        label = data.name || data.alias;
+      } else if (data.lang) {
+        label = typeof data.lang.name == "undefined" ? "" : data.lang.name;
+      }
+      return label;
+    },
+    populateData(data) {
+      this.allData = data;
+      //console.log("this.$refs.siteWiseComponent ",this.$refs.siteWiseComponent);
+      this.$refs.siteWiseComponent.setData("data", data);
+    },
+    getBySite() {
+      if (this.currentSite !== "") {
+        let what = this.currentKey;
+        let url = AdminConfig.admin_path(
+          this.controllerName + "/getBySite/" + this.currentSite + "/" + what,
+        );
+        this.showHdeLoader(true);
+        axios
+          .get(url)
+          .then((response) => {
+            this.populateData(response.data);
+          })
+          .catch((response) => {
+            console.log(response);
+          })
+          .finally(() => {
+            this.showHdeLoader(false);
+          });
+      } else {
+        this.populateData([]);
+      }
+    },
+    actionAdd(allData, seletedData, ids) {
+      console.log("copying now...");
+      //console.log(allData, seletedData, ids);
+      //get all from
+      let $this = this;
+      let postData = {
+        fromSite: {
+          site_id: this.currentSite,
+          data: seletedData,
+        },
+        toSite: { site_id: this.siteId },
+        type: this.currentKey,
+      };
+      this.showHdeLoader(true);
+      let url = AdminConfig.admin_path(this.controllerName + "/copySettings");
+      axios
+        .post(url, postData)
+        .then((response) => {
+          console.log(response);
+          feedback(response);
+        })
+        .catch((response) => {
+          console.log(response);
+        })
+        .finally(() => {
+          this.showHdeLoader(false);
+        });
+
+      function feedback(response) {
+        let data = response.data;
+        //console.log("data.inserted ",data.inserted);
+        if (data.inserted === false) {
+          Toast.show($this, data.message || "Nothing happened.", 5000);
+        } else {
+          let ignored = data.ignored;
+          let copied = data.copied;
+          $this.$refs.siteWiseComponent.setSiteData(data.siteData);
+
+          //Showing some manners - giving feedback
+          let msg = `${copied.length} Copied and ${ignored.length} ignored. Open console for details`;
+          Toast.show($this, msg, 7000);
+          console.info("Copied: ", copied);
+          console.info("Ignored: ", ignored);
+        }
+      }
+    },
+    actionRemove(allData, seletedData, ids) {
+      let site_id = seletedData.length > 0 ? seletedData[0].site_id : null;
+
+      if (site_id === null) {
+        return false;
+      }
+
+      let $this = this;
+      let postData = {
+        site_id: site_id,
+        ids: ids,
+        type: this.currentKey,
+      };
+
+      let url = AdminConfig.admin_path(this.controllerName + "/removeSettings");
+      this.showHdeLoader(true);
+      axios
+        .post(url, postData)
+        .then((response) => {
+          feedback(response);
+        })
+        .catch((response) => {
+          console.log(response);
+        })
+        .finally(() => {
+          this.showHdeLoader(false);
+        });
+
+      function feedback(response) {
+        //console.log(response);
+        let data = response.data;
+        if (data.deleted === 0) {
+          Toast.show($this, "Sorry!, Somehow it's not deleted.", 5000);
+        }
+        $this.$refs.siteWiseComponent.setSiteData(data.siteData);
+      }
+    },
+    doAction(action, allData, seletedData, ids) {
+      if (action === "add") {
+        this.actionAdd(allData, seletedData, ids);
+      } else {
+        this.actionRemove(allData, seletedData, ids);
+      }
+    },
+  },
+};
+</script>