mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-07-07 11:38:32 +00:00
50 lines
1 KiB
Vue
50 lines
1 KiB
Vue
|
<template lang="html">
|
||
|
|
<div class="ffz--changelog border-t pd-t-1">
|
||
|
|
<div class="align-center">
|
||
|
|
<h2>{{ t('home.changelog', 'Changelog') }}</h2>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div ref="changes" />
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import {SERVER} from 'utilities/constants';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: ['item', 'context'],
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
fetch(url, container) {
|
||
|
|
const done = data => {
|
||
|
|
if ( ! data )
|
||
|
|
data = 'There was an error loading this page from the server.';
|
||
|
|
|
||
|
|
container.innerHTML = data;
|
||
|
|
|
||
|
|
const btn = container.querySelector('#ffz-old-news-button');
|
||
|
|
if ( btn )
|
||
|
|
btn.addEventListener('click', () => {
|
||
|
|
btn.parentElement.removeChild(btn);
|
||
|
|
const old_news = container.querySelector('#ffz-old-news');
|
||
|
|
if ( old_news )
|
||
|
|
this.fetch(`${SERVER}/script/old_changes.html`, old_news);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
fetch(url)
|
||
|
|
.then(resp => resp.ok ? resp.text() : null)
|
||
|
|
.then(done)
|
||
|
|
.catch(err => done(null));
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
mounted() {
|
||
|
|
this.fetch(`${SERVER}/script/changelog.html`, this.$refs.changes);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
</script>
|