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

109 lines
3.1 KiB
HTML
Raw Normal View History

Initial (ugly) web interface
2013-06-01 17:10:15 +00:00
<!DOCTYPE html>
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
<html lang="en">
Initial (ugly) web interface
2013-06-01 17:10:15 +00:00
<head>
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
<!-- Load required Bootstrap and BootstrapVue CSS -->
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
web: fix vue version references 3.x came out and @latest busted everything.
2022-02-18 12:13:17 +00:00
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap-vue@^2/dist/bootstrap-vue.min.css" />
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
<!-- Load polyfills to support older browsers -->
<script src="//polyfill.io/v3/polyfill.min.js?features=es2015%2CMutationObserver"></script>
<!-- Load Vue followed by BootstrapVue -->
web: fix vue version references 3.x came out and @latest busted everything.
2022-02-18 12:13:17 +00:00
<script src="//unpkg.com/vue@^2/dist/vue.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@^2/dist/bootstrap-vue.min.js"></script>
<script src="https://unpkg.com/vue-router@^2"></script>
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<meta charset="UTF-8">
<title>Factoids</title>
Initial (ugly) web interface
2013-06-01 17:10:15 +00:00
</head>
web: small improvements
2019-05-28 02:16:35 +00:00
<body>
Initial (ugly) web interface
2013-06-01 17:10:15 +00:00
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
<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>Factoids</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 === 'Factoid'">{{ 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>
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
<b-alert
dismissable
variant="error"
v-if="err"
@dismissed="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
{{ err }}
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
</b-alert>
<b-form @submit="runQuery">
<b-container>
<b-row>
<b-col cols="10">
<b-input v-model="query"></b-input>
</b-col>
<b-col cols="2">
<b-button>Search</b-button>
</b-col>
</b-row>
<b-row>
<b-col>
<b-table
fixed
:items="results"
:fields="fields"></b-table>
</b-col>
</b-row>
</b-container>
</b-form>
</div>
<script>
var router = new VueRouter({
mode: 'history',
routes: []
});
var app = new Vue({
el: '#app',
router,
data: {
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: [],
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
query: '',
results: [],
fields: [
{ key: 'Fact', sortable: true },
{ key: 'Tidbit', sortable: true },
{ key: 'Owner', sortable: true },
{ key: 'Count' }
]
},
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))
web: redo factoid page; add title to counter page
2019-05-28 03:14:05 +00:00
if (this.$route.query.query) {
this.query = this.$route.query.query;
this.runQuery()
}
},
computed: {
result0: function() {
return this.results[0] || "";
}
},
methods: {
runQuery: function(evt) {
if (evt) {
evt.preventDefault();
evt.stopPropagation()
}
axios.post('/factoid/api', {query: this.query})
.then(resp => {
this.results = resp.data;
})
.catch(err => (this.err = err));
}
}
})
</script>
web: small improvements
2019-05-28 02:16:35 +00:00
</body>
web: change to embedded pages counter: embed counter page admin: move vars and apppass to embedded secrets: move to embedded cli: move to embed meme: move to embed fact: move to embed bot: move to embed fix write command
2021-07-29 16:33:03 +00:00
</html>