agendash 3.1.0 → 6.0.0

package/public/app/js/newJob.js

@@ -1,89 +0,0 @@
-const newJob = Vue.component("new-job", {
-  data: () => ({
-    jobDataParseError: "",
-    jobName: "",
-    jobSchedule: "",
-    jobRepeatEvery: "",
-    jobData: `{ "name": "Your medatada goes here..." }`,
-  }),
-  props: ["job"],
-  methods: {
-    clear() {
-      (this.jobDataParseError = ""),
-        (this.jobName = ""),
-        (this.jobSchedule = ""),
-        (this.jobRepeatEvery = ""),
-        (this.jobData = `{ "name": "Your medatada goes here..." }`);
-    },
-    create() {
-      const url = `api/jobs/create`;
-
-      let jobData = "";
-      try {
-        jobData = JSON.parse(this.jobData);
-      } catch (err) {
-        this.jobDataParseError = err.message;
-        return;
-      }
-
-      let body = {
-        jobName: this.jobName,
-        jobSchedule: this.jobSchedule,
-        jobRepeatEvery: this.jobRepeatEvery,
-        jobData: jobData,
-      };
-      return axios
-        .post(url, body)
-        .then((result) => result.data)
-        .then((data) => {
-          this.$emit("popup-message");
-          this.$emit("refresh-data");
-          this.$refs.Close.click();
-          this.clear();
-        })
-        .catch(console.log);
-    },
-  },
-  template: `
-  <div class="modal fade" id="modalNewJob" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
-      <!-- Modal -->
-    <div class="modal-dialog" role="document">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="exampleModalLabel">Create Job</h5>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-            <span aria-hidden="true">&times;</span>
-          </button>
-        </div>
-        <div class="modal-body">
-            <form>
-              <div class="form-group">
-                <label for="jobname">Job Name</label>
-                <input v-model="jobName"  type="text" class="form-control" id="jobname" aria-describedby="jobname">
-              </div>
-              <div class="form-group">
-                <label for="jobSchedule">Job Schedule</label>
-                <input v-model="jobSchedule" type="text" class="form-control" id="jobSchedule" aria-describedby="jobSchedule">
-                <small id="jobSchedule" class="form-text text-muted">Number/Every Unit i.e: "1 seconds" or "3 days" (check npmjs.com/human-interval)</small>
-              </div>
-              <div class="form-group">
-                <label for="jobRepeatEvery">Job Repeat Every</label>
-                <input v-model="jobRepeatEvery"  type="text" class="form-control" id="jobRepeatEvery" aria-describedby="jobRepeatEvery">
-                <small id="jobRepeatEvery" class="form-text text-muted">Number/Every Unit i.e: "1 month" or "3 hours"</small>
-              </div>
-              <div class="form-group">
-                <label for="jobData">Job Metadata</label>
-                <prism-editor class="json-editor" :lineNumbers="true" v-model="jobData" language="json"></prism-editor>
-                <small class="form-text text-muted">{{jobDataParseError}}</small>
-              </div>
-            </form>
-        </div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-info" @click="create()">Create Job</button>
-          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-        </div>
-      </div>
-    </div>
-  </div>
-  `,
-});

package/public/app/js/sidebar.js

@@ -1,121 +0,0 @@
-const sidebar = Vue.component("sidebar", {
-  props: ["overview", "pagesize", "loading"],
-  computed: {
-    sortedArray() {
-      function compare(a, b) {
-        let displayNameA = a.displayName.toLowerCase();
-        let displayNameB = b.displayName.toLowerCase();
-        if (displayNameA === "all jobs" || displayNameB === "all jobs") return;
-        if (displayNameA < displayNameB) return -1;
-        if (displayNameA > displayNameB) return 1;
-        return 0;
-      }
-
-      return this.overview.sort(compare);
-    },
-  },
-  methods: {
-    flexgrow(number) {
-      return Math.log2(1 + number);
-    },
-    searchSpecificJob(job, type) {
-      if (job === "All Jobs") {
-        if (type) {
-          this.$emit(
-            "search-sidebar",
-            "",
-            "",
-            "",
-            this.pagesize,
-            "",
-            "",
-            type,
-            ""
-          );
-        } else {
-          this.$emit(
-            "search-sidebar",
-            "",
-            "",
-            "",
-            this.pagesize,
-            "",
-            "",
-            "",
-            ""
-          );
-        }
-      } else if (type) {
-        this.$emit(
-          "search-sidebar",
-          job,
-          "",
-          "",
-          this.pagesize,
-          "",
-          "",
-          type,
-          ""
-        );
-      } else {
-        this.$emit("search-sidebar", job, "", "", this.pagesize, "", "", "");
-      }
-    },
-  },
-  template: `
-    <div class="col sidebar">
-      <div class="row">
-        <div class="col ">
-           <button data-toggle="modal" data-target="#modalNewJob" @click="$emit('new-job')" data-placement="top" title="Add a new job" class="btn btn-block btn-outline-success"><i class="oi oi-plus IcoInButton"></i> New Job</button>
-        </div>
-      </div> <!-- row -->
-      <div  class="row p-0">
-        <div  v-if="loading" class="col-12 my-5 ml-auto text-center">
-            <div class="text-center my-5 py-5">
-              <div class="spinner-border" role="status">
-                            </div>
-                            <div>
-                              <span class="">Loading Jobs...</span>
-                            </div>
-              </div>
-        </div>
-        <div v-else class="col">
-          <div class="row rows-ow" v-for="type in sortedArray">
-            <div class="col-12 d-flex mt-4 mybtn" @click="searchSpecificJob(type.displayName,'')">
-              <div class="mr-auto">{{type.displayName}}</div><div class="text-rigth pill-big-own bg-secondary right">{{type.total}}</div>
-            </div>
-            <div class="col-12 p-1">
-              <div class="progress">
-                <div class="progress-bar progress-bar-striped progress-bar-info bg-info" role="progressbar" :style="{'flex-grow': flexgrow(type.scheduled)}"></div>
-                <div class="progress-bar progress-bar-striped progress-bar-primary bg-primary" role="progressbar" :style="{'flex-grow': flexgrow(type.queued)}"></div>
-                <div class="progress-bar progress-bar-striped progress-bar-warning bg-warning" role="progressbar" :style="{'flex-grow': flexgrow(type.running)}"></div>
-                <div class="progress-bar progress-bar-striped progress-bar-success bg-success" role="progressbar"  :style="{'flex-grow': flexgrow(type.completed)}"></div>
-                <div class="progress-bar progress-bar-striped progress-bar-danger bg-danger" role="progressbar" :style="{'flex-grow': flexgrow(type.failed)}"></div>
-              </div>
-            </div>
-             <!-- internal list of states  -->
-            <div class="col-12 d-flex px-3 mb-2 mybtn" @click="searchSpecificJob(type.displayName,'scheduled')">
-              <div class="mr-auto">Scheduled: </div><div class="text-rigth">{{type.scheduled}}</div>
-            </div>
-            <div class="col-12 d-flex px-3 mb-2 text-primary mybtn" @click="searchSpecificJob(type.displayName,'queued')">
-              <div class="mr-auto">Queued: </div><div class="text-rigth">{{type.queued}}</div>
-            </div>
-            <div class="col-12 d-flex px-3 mb-2 text-warning mybtn"  @click="searchSpecificJob(type.displayName,'running')">
-              <div class="mr-auto">Running: </div><div class="text-rigth">{{type.running}}</div>
-            </div>
-            <div class="col-12 d-flex px-3 mb-2 text-success mybtn"  @click="searchSpecificJob(type.displayName,'completed')">
-              <div class="mr-auto">Completed: </div><div class="text-rigth">{{type.completed}}</div>
-            </div>
-            <div class="col-12 d-flex px-3 mb-2 text-danger mybtn"  @click="searchSpecificJob(type.displayName,'failed')">
-              <div class="mr-auto">Failed: </div><div class="text-rigth">{{type.failed}}</div>
-            </div>
-            <div class="col-12 d-flex px-3 mb-2 text-info mybtn"  @click="searchSpecificJob(type.displayName,'repeating')">
-              <div class="mr-auto">Repeating: </div><div class="text-rigth">{{type.repeating}}</div>
-            </div>
-
-          </div>
-        </div>
-      </div> <!-- row -->
-    </div> <!-- div -->
-  `,
-});

package/public/app/js/topbar.js

@@ -1,95 +0,0 @@
-const topbar = Vue.component("topbar", {
-  props: ["name", "state", "search", "property"],
-  data: () => ({
-    // search: '',
-    // property: 'data.id',
-    // name: '',
-    limit: 15,
-    skip: 0,
-    refresh: 60,
-    // state: '',
-    object: false,
-    stateobject: [
-      { text: "All", value: "", class: "" },
-      { text: "Scheduled", value: "scheduled", class: "" },
-      { text: "Queued", value: "queued", class: "text-primary" },
-      { text: "Running", value: "running", class: "text-warning" },
-      { text: "Completed", value: "completed", class: "text-success" },
-      { text: "Failed", value: "failed", class: "text-danger" },
-      { text: "Repeating", value: "repeating", class: "text-info" },
-    ],
-  }),
-  methods: {
-    submit() {
-      this.$emit(
-        "search-form",
-        this.name,
-        this.search,
-        this.property,
-        this.limit,
-        this.skip,
-        this.refresh,
-        this.state,
-        this.object
-      );
-    },
-  },
-  template: `
-  <form @submit.prevent="submit">
-    <div class="row">
-      <div class="col-xs-12 col-md-6">
-          <div class="input-group mt-2 mb-2">
-            <div class="input-group-prepend">
-              <span class="input-group-text"> Name </span>
-            </div>
-            <input type="text" class="form-control" placeholder="job name" v-model='name'/>
-          </div>
-          <div class="input-group mt-2 mb-2">
-            <div class="input-group-prepend">
-              <span class="input-group-text"> Property </span>
-            </div>
-            <input type="text" class="form-control" placeholder="data.color" v-model="property" />
-          </div>
-          <div class="input-group mt-2 mb-2">
-            <div class="input-group-prepend">
-              <span class="input-group-text"> Value </span>
-            </div>
-            <input class="form-control" v-model="search" placeholder="green"/>
-            <div class="form-check mx-2 pt-2">
-                <input type="checkbox" v-model="object" class="form-check-input" id="isObjectId">
-                <label class="form-check-label" for="isObjectId"> Is ObjectId?</label>
-            </div>
-          </div>
-      </div>
-      <div class="col-xs-12 col-md-6">
-        <div class="input-group mt-2 mb-2">
-              <div class="input-group-prepend">
-                <span class="input-group-text"> Refresh Interval </span>
-              </div>
-              <input type="text" class="form-control" v-model="refresh" />
-            </div>
-            <div class="input-group mt-2 mb-2">
-              <div class="input-group-prepend">
-                <span class="input-group-text"> Page Size </span>
-              </div>
-              <input type="number" class="form-control" v-model="limit" />
-            </div>
-            <div class="input-group mt-2 mb-2">
-            <div class="input-group-prepend">
-                <span class="input-group-text"> State </span>
-              </div>
-                <select v-model="state" class="form-control" id="selectStateInput">
-                  <option v-bind:class="option.class" v-for="option in stateobject" v-bind:value="option.value">{{option.text}}</option>
-                </select>
-          </div>
-      </div>
-    </div>
-    <div class="row mb-3">
-      <div class="col-xs-12 col-md-3 ml-auto text-right">
-        <button type=submit @click="$emit('search-form', name, search, property, limit, skip, refresh, state, object)" class="d-none d-md-inline-block btn btn-success"> Apply </button>
-        <button type=submit @click="$emit('search-form', name, search, property, limit, skip, refresh, state, object)" class="d-none d-inline-block d-md-none btn btn-block btn-success"> Apply </button>
-      </div>
-    </div>
-  </form>
-  `,
-});