commit e684dfcd04f88a977d5b8b67d60673b70bc4a98f
Author: Adam Goldsmith <adam@adamgoldsmith.name>
Date:   Fri Dec 6 16:52:37 2019 -0500

    Initial Commit, basic functionality

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..81ded28
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,9 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+charset = utf-8
+indent_style = space
+indent_size = 2
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..898c232
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+/.cache/
+/dist/
+/node_modules/
+/package-lock.json
+/src/credentials.json
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..ee6d53c
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,3 @@
+trailingComma: es5
+singleQuote: true
+jsxBracketSameLine: true
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..49cc4d5
--- /dev/null
+++ b/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "saltstatus",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "vue": "^2.6.10",
+    "vue-hot-reload-api": "^2.3.4",
+    "vue-property-decorator": "^8.3.0"
+  },
+  "devDependencies": {
+    "@vue/component-compiler-utils": "^3.0.2",
+    "typescript": "^3.7.3",
+    "vue-template-compiler": "^2.6.10"
+  }
+}
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..513fc7e
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,99 @@
+<template>
+  <div>
+    <div v-for="(minions, jid) in jobs" :key="jid">
+      <h3>{{ jid }}</h3>
+      <div v-for="(minion_events, minion) in minions" :key="minion">
+        <details class="minion">
+          <summary>
+            {{ minion }}
+            <span v-for="(event, index) in minion_events" :key="index">
+              {{ event_symbol(event) }}
+            </span>
+          </summary>
+          <details
+            class="event"
+            v-for="(event, index) in minion_events"
+            :key="index"
+          >
+            <summary>{{ event.tag }}</summary>
+            <pre>{{ JSON.stringify(event, null, 2) }}</pre>
+          </details>
+        </details>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Ref } from 'vue-property-decorator';
+
+import credentials from './credentials.json';
+
+const BASE_URL = 'https://salt.sawtooth.claremontmakerspace.org:8000/';
+
+@Component
+export default class App extends Vue {
+  evtSource: EventSource | null = null;
+  events: any[] = [];
+
+  mounted() {
+    fetch(BASE_URL + 'login', {
+      method: 'POST',
+      mode: 'cors',
+      body: JSON.stringify(credentials),
+    })
+      .then(r => r.json())
+      .then(r => {
+        const token = r.return[0].token;
+        this.evtSource = new EventSource(BASE_URL + 'events?token=' + token);
+        this.evtSource.onmessage = e => {
+          this.events.push(JSON.parse(e.data));
+        };
+      });
+  }
+
+  parse_tag(tag) {
+    // todo: would probably be easier as string splitting at this point
+    const match = tag.match(/salt\/job\/([^\/]*)\/(prog|ret)\/([^\/]*)\/?(.*)/);
+    if (!match) return null;
+    return {
+      jid: match[1],
+      type: match[2],
+      minion: match[3],
+      prog_id: match.length >= 5 ? match[4] : null,
+    };
+  }
+
+  event_symbol(event) {
+    const tag = this.parse_tag(event.tag);
+    if (tag.type === 'prog') {
+      const ret = event.data.data.ret;
+      if (!ret.result) return '✗';
+      else if ('ret' in ret.changes) return 'Δ';
+      else return '✓';
+    } else if (tag.type === 'ret') {
+      return event.data.success ? '✓' : '✗';
+    }
+
+    return '?';
+  }
+
+  get jobs() {
+    return this.events.reduce((acc, e) => {
+      const tag = this.parse_tag(e.tag);
+      if (tag) {
+        if (!(tag.jid in acc)) acc[tag.jid] = {};
+        if (!(tag.minion in acc[tag.jid])) acc[tag.jid][tag.minion] = [];
+        acc[tag.jid][tag.minion].push(e);
+      }
+      return acc;
+    }, {});
+  }
+}
+</script>
+
+<style>
+.minion .event {
+  margin-left: 2ex;
+}
+</style>
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..6577969
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,4 @@
+<body>
+  <div id="app"></div>
+  <script type="text/javascript" src="index.ts"></script>
+</body>
diff --git a/src/index.ts b/src/index.ts
new file mode 100644
index 0000000..844b31f
--- /dev/null
+++ b/src/index.ts
@@ -0,0 +1,7 @@
+import Vue from 'vue';
+
+import App from './App';
+
+let app = new Vue({
+  render: h => h(App),
+}).$mount('#app');
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..cc57508
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "strict": true,
+    "module": "es2015",
+    "moduleResolution": "node"
+  }
+}