cws
/
catbase
mirror of https://github.com/velour/catbase.git
1
0
Fork 0
Code Issues Releases Wiki Activity
catbase/plugins/counter/html.go

109 lines
3.6 KiB
Go
Raw Normal View History

counter: add a web interface
2019-05-27 18:27:34 +00:00
package counter
var html = `
<html>
<head>
<!-- Load required Bootstrap and BootstrapVue CSS -->
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.css" />
<!-- Load polyfills to support older browsers -->
<script src="//polyfill.io/v3/polyfill.min.js?features=es2015%2CMutationObserver"></script>
<!-- Load Vue followed by BootstrapVue -->
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
<title>Counters</title>
counter: add a web interface
2019-05-27 18:27:34 +00:00
</head>
<body>
<div id="app">
web: add a menu and redo index We can add arbitrary links now with the `bot.links` config
2019-06-09 04:15:06 +00:00
<b-navbar>
<b-navbar-brand>Counters</b-navbar-brand>
<b-navbar-nav>
web: remove go template dependency All vue pages now request `/nav` to get a JSON array of navigation instead of relying on the Go template to have the nav built in. This cleans up all of the crufty `{{ "{{ thing }}" }}` that was making it hard to wriet vue. This also paves the way to using the new Go resource embedding so that the pages don't need to be wrapped in Go files.
2021-01-09 18:46:28 +00:00
<b-nav-item v-for="item in nav" :href="item.url" :active="item.name === 'Counter'">{{ item.name }}</b-nav-item>
web: add a menu and redo index We can add arbitrary links now with the `bot.links` config
2019-06-09 04:15:06 +00:00
</b-navbar-nav>
</b-navbar>
counter: add a web interface
2019-05-27 18:27:34 +00:00
<b-alert
dismissable
web: use secret instead of human test * Applies for services that modify data * Anybody in the slack can ask for the daily secret
2019-06-13 14:04:06 +00:00
:show="err"
variant="error">
web: remove go template dependency All vue pages now request `/nav` to get a JSON array of navigation instead of relying on the Go template to have the nav built in. This cleans up all of the crufty `{{ "{{ thing }}" }}` that was making it hard to wriet vue. This also paves the way to using the new Go resource embedding so that the pages don't need to be wrapped in Go files.
2021-01-09 18:46:28 +00:00
{{ err }}
counter: add a web interface
2019-05-27 18:27:34 +00:00
</b-alert>
<b-container>
<b-row>
web: use secret instead of human test * Applies for services that modify data * Anybody in the slack can ask for the daily secret
2019-06-13 14:04:06 +00:00
<b-col cols="5">Password:</b-col>
counter: add a web interface
2019-05-27 18:27:34 +00:00
<b-col><b-input v-model="answer"></b-col>
</b-row>
<b-row v-for="(counter, user) in counters">
web: remove go template dependency All vue pages now request `/nav` to get a JSON array of navigation instead of relying on the Go template to have the nav built in. This cleans up all of the crufty `{{ "{{ thing }}" }}` that was making it hard to wriet vue. This also paves the way to using the new Go resource embedding so that the pages don't need to be wrapped in Go files.
2021-01-09 18:46:28 +00:00
{{ user }}:
counter: add a web interface
2019-05-27 18:27:34 +00:00
<b-container>
<b-row v-for="(count, thing) in counter">
<b-col offset="1">
web: remove go template dependency All vue pages now request `/nav` to get a JSON array of navigation instead of relying on the Go template to have the nav built in. This cleans up all of the crufty `{{ "{{ thing }}" }}` that was making it hard to wriet vue. This also paves the way to using the new Go resource embedding so that the pages don't need to be wrapped in Go files.
2021-01-09 18:46:28 +00:00
{{ thing }}:
counter: add a web interface
2019-05-27 18:27:34 +00:00
</b-col>
<b-col>
web: remove go template dependency All vue pages now request `/nav` to get a JSON array of navigation instead of relying on the Go template to have the nav built in. This cleans up all of the crufty `{{ "{{ thing }}" }}` that was making it hard to wriet vue. This also paves the way to using the new Go resource embedding so that the pages don't need to be wrapped in Go files.
2021-01-09 18:46:28 +00:00
{{ count }}
counter: add a web interface
2019-05-27 18:27:34 +00:00
</b-col>
<b-col cols="2">
web: use secret instead of human test * Applies for services that modify data * Anybody in the slack can ask for the daily secret
2019-06-13 14:04:06 +00:00
<button @click="subtract(user,thing,count)">-</button>
<button @click="add(user,thing,count)">+</button>
counter: add a web interface
2019-05-27 18:27:34 +00:00
</b-col>
</b-row>
</b-container>
</b-row>
</b-container>
</div>
<script>
function convertData(data) {
var newData = {};
for (let i = 0; i < data.length; i++) {
let entry = data[i]
if (newData[entry.Nick] === undefined) {
newData[entry.Nick] = {}
}
newData[entry.Nick][entry.Item] = entry.Count;
}
return newData;
}
var app = new Vue({
el: '#app',
data: {
web: add a menu and redo index We can add arbitrary links now with the `bot.links` config
2019-06-09 04:15:06 +00:00
err: '',
web: remove go template dependency All vue pages now request `/nav` to get a JSON array of navigation instead of relying on the Go template to have the nav built in. This cleans up all of the crufty `{{ "{{ thing }}" }}` that was making it hard to wriet vue. This also paves the way to using the new Go resource embedding so that the pages don't need to be wrapped in Go files.
2021-01-09 18:46:28 +00:00
nav: [],
counter: add a web interface
2019-05-27 18:27:34 +00:00
answer: '',
correct: 0,
web: use secret instead of human test * Applies for services that modify data * Anybody in the slack can ask for the daily secret
2019-06-13 14:04:06 +00:00
counters: {}
counter: add a web interface
2019-05-27 18:27:34 +00:00
},
mounted() {
web: remove go template dependency All vue pages now request `/nav` to get a JSON array of navigation instead of relying on the Go template to have the nav built in. This cleans up all of the crufty `{{ "{{ thing }}" }}` that was making it hard to wriet vue. This also paves the way to using the new Go resource embedding so that the pages don't need to be wrapped in Go files.
2021-01-09 18:46:28 +00:00
axios.get('/nav')
.then(resp => {
this.nav = resp.data;
})
.catch(err => console.log(err))
counter: add a web interface
2019-05-27 18:27:34 +00:00
axios.get('/counter/api')
.then(resp => (this.counters = convertData(resp.data)))
.catch(err => (this.err = err));
},
methods: {
add(user, thing, count) {
axios.post('/counter/api',
web: use secret instead of human test * Applies for services that modify data * Anybody in the slack can ask for the daily secret
2019-06-13 14:04:06 +00:00
{user: user, thing: thing, action: '++', password: this.answer})
.then(resp => {this.counters = convertData(resp.data); this.err = '';})
.catch(err => this.err = err);
counter: add a web interface
2019-05-27 18:27:34 +00:00
},
subtract(user, thing, count) {
axios.post('/counter/api',
web: use secret instead of human test * Applies for services that modify data * Anybody in the slack can ask for the daily secret
2019-06-13 14:04:06 +00:00
{user: user, thing: thing, action: '--', password: this.answer})
.then(resp => {this.counters = convertData(resp.data); this.err = '';})
.catch(err => this.err = err);
counter: add a web interface
2019-05-27 18:27:34 +00:00
}
}
})
</script>
</body>
</html>
`