Version 0.7.0

README.md

@@ -19,14 +19,20 @@ A modern, secure, and reliable dashboard for [Agenda](https://github.com/agenda/
 
 ### Screenshots
 
+#### Dashboard
+
 ![Auto-refresh list of jobs](all-jobs.png)
 
 ---
 
-![See job details, requeue or delete jobs](job-details.png)
+#### Create jobs
+
+![See job details, requeue or delete jobs](create-job.png)
 
 ---
 
+#### Search by name, metadata, job status
+
 ![Search for a job by name or metadata ](search.png)
 
 ---
@@ -41,11 +47,11 @@ At first, we tried to just patch the existing code but it was written in backbon
 # Roadmap
 
 - [x] Improve default security
-- [ ] Compatibility with agenda v3
-- [x] Polish backend so it is more efficient
+- [x] Compatibility with agenda v3
+- [x] Polish backend so it is more efficient (MongoDB Aggregation queries were rewritten and optimized)
 - [ ] Get more test coverage
-- [ ] Add middlewares for KOA and other express-like libraries
-- [ ] You decide!
+- [ ] Add middlewares for KOA, fastify, and other express-like libraries
+- [ ] You decide! Submit a feature request
 
 ### Install
 
@@ -58,8 +64,8 @@ npm install --save agendash2
 
 ### Middleware usage
 
-Agendash provides Express middleware you can use at a specified path, for example this will
-make Agendash available on your site at the `/dash` path. Note: Do not try to mount Agendash
+Agendash2 provides Express middleware you can use at a specified path, for example this will
+make Agendash2 available on your site at the `/dash` path. Note: Do not try to mount Agendash2
 at the root level like `app.use('/', Agendash(agenda))`.
 
 ```js
@@ -82,7 +88,7 @@ app.use('/dash', Agendash(agenda));
 // ... start your server
 ```
 
-By mounting Agendash as middleware on a specific path, you may provide your
+By mounting Agendash2 as middleware on a specific path, you may provide your
 own authentication for that path. For example if you have an authenticated
 session using passport, you can protect the dashboard path like this:
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "agendash2",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "A modern dashboard for Agenda.js with Pagination and Search capabilities",
   "main": "app.js",
   "bin": "bin/agendash-standalone.js",

public/app/js/joblist.js

@@ -42,7 +42,7 @@ const jobList = Vue.component('job-list', {
       this.multijobs = []
     },
     cleanMulti() {
-      return console.log("receibed Clean Multi")
+      return console.log("received Clean Multi")
     },
     formatDate(date) {
       return moment(date).fromNow();

public/app/js/newJob.js

@@ -47,17 +47,16 @@ const newJob = Vue.component('new-job', {
               <div class="form-group">
                 <label for="jobname">Job Name</label>
                 <input v-model="jobName"  type="text" class="form-control" id="jobname" aria-describedby="jobname">
-                <small id="jobname" class="form-text text-muted">Description of the schedule job.</small>
               </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">Receibe Number/Every Unit  E.g. 1 seconds or 3 days</small>
+                <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">Receibe Number/Every Unit  E.g. 1 months or 3 hours</small>
+                <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>