justin/gropple
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases 24 Wiki Activity

Version check and upgrade prompt.

Browse Source
This commit is contained in:
Justin Hawkins
2021-09-26 21:13:33 +09:30
parent 648b9ad886
commit 7b9620631e
6 changed files with 78 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
web/index.html
View File

@@ -1,12 +1,24 @@
{{ define "content" }}
<div>
<p>
Drag this bookmarklet: <a href="{{ .BookmarkletURL }}">Gropple</a> to your bookmark bar, and click it
on any page you want to grab the video from.
</p>
</div>
<div x-data="index()" x-init="fetch_data()">
<div x-data="index()" x-init="fetch_data(); fetch_version()">
<h2>gropple</h2>
<p x-show="version && version.upgrade_available">
<a href="https://github.com/tardisx/gropple/releases">Upgrade is available</a> -
you have
<span x-text="version.current_version"></span> and
<span x-text="version.github_version"></span>
is available.</p>
<div>
<p>
Drag this bookmarklet: <a href="{{ .BookmarkletURL }}">Gropple</a> to your bookmark bar, and click it
on any page you want to grab the video from.
</p>
</div>
<table class="pure-table">
<thead>
<tr>
@@ -39,7 +51,19 @@
<script>
function index() {
return {
items: [],
items: [], version: {},
fetch_version() {
fetch('/version')
.then(response => response.json())
.then(info => {
this.version = info;
setTimeout(() => { this.fetch_version() }, 1000 * 60 );
})
.catch(error => {
console.log('failed to fetch version info - will retry');
setTimeout(() => { this.fetch_version() }, 1000 );
});
},
fetch_data() {
fetch('/fetch/info')
.then(response => response.json())

7
web/layout.tmpl
View File

@@ -13,10 +13,17 @@
height: 100px;
overflow:auto;
}
footer {
padding-top: 50px;
font-size: 30%;
}
</style>
</head>
<body style="margin:4; padding:4">
{{ template "content" . }}
<footer>
Homepage: <a href="https://github.com/tardisx/gropple">https://github.com/tardisx/gropple</a>
</footer>
</body>
{{ template "js" . }}
</html>