<form class="new-msg-form" @submit.prevent=createMsg> | <form class="new-msg-form" @submit.prevent=createMsg> | ||||
<div class="form-group bmd-form-group"> | <div class="form-group bmd-form-group"> | ||||
<label class="bmd-label-floating">Betreff</label> | <label class="bmd-label-floating">Betreff</label> | ||||
<input type="text" class="form-control" id="subject" value="WICHTIG!"> | |||||
<input type="text" class="form-control" id="subject"> | |||||
</div> | </div> | ||||
<div class="form-group bmd-form-group"> | <div class="form-group bmd-form-group"> | ||||
<label class="bmd-label-floating">Tags</label> | <label class="bmd-label-floating">Tags</label> | ||||
<input type="text" class="form-control" id="tag" value="#efi"> | |||||
<input type="text" class="form-control" id="tag"> | |||||
</div> | </div> | ||||
<div class="form-group"> | <div class="form-group"> | ||||
<label class="bmd-label-floating">Nachricht</label> | <label class="bmd-label-floating">Nachricht</label> | ||||
<textarea class="form-control" id="message" rows="5">Nachricht</textarea> | |||||
<textarea class="form-control" id="message" rows="5"></textarea> | |||||
</div> | </div> | ||||
<div class="form-group"> | <div class="form-group"> | ||||
<label class="bmd-label-floating">User</label> | <label class="bmd-label-floating">User</label> | ||||
<input type="text" class="form-control" id="user" value="Dito27"> | |||||
<input type="text" class="form-control" id="user"> | |||||
</div> | </div> | ||||
<button class="btn btn-default"><a @click="$router.go(-1)">ABBRECHEN </a></button> | <button class="btn btn-default"><a @click="$router.go(-1)">ABBRECHEN </a></button> | ||||
<button type="submit" class="btn btn-raised om-btn"><a @click="$router.push('/home')">SENDEN</a></button> | <button type="submit" class="btn btn-raised om-btn"><a @click="$router.push('/home')">SENDEN</a></button> |
template: ` | template: ` | ||||
<div id="om-msg-cards"> | <div id="om-msg-cards"> | ||||
<MsgCard | <MsgCard | ||||
v-for="id in messagelist" | |||||
v-for="id in messagelist.slice().reverse()" | |||||
:key="id" | :key="id" | ||||
:msg="messages[id] || {}" | :msg="messages[id] || {}" | ||||
></MsgCard> | ></MsgCard> |
window.addEventListener('load', function () { | window.addEventListener('load', function () { | ||||
// Register a service worker hosted at the root of the | // Register a service worker hosted at the root of the | ||||
// site using the default scope ('/'). | // site using the default scope ('/'). | ||||
return navigator.serviceWorker.register('/serviceWorker.js', { | |||||
return navigator.serviceWorker.register('serviceWorker.js', { | |||||
scope: '/' | scope: '/' | ||||
}).then(function (registration) { | }).then(function (registration) { | ||||
return console.log('[ServiceWorker] Registration succeeded: ', registration); | return console.log('[ServiceWorker] Registration succeeded: ', registration); |
const dataCacheKey = casheKey + 'd-v' + '1'; | const dataCacheKey = casheKey + 'd-v' + '1'; | ||||
const staticFilesToCache = [ | const staticFilesToCache = [ | ||||
'/', | '/', | ||||
'/manifest.json', | |||||
'/index.html', | |||||
'/message.html', | |||||
'/bookmark.js', | |||||
'/createMessage.js', | |||||
'/files.js', | |||||
'/home.js', | |||||
'/main.js', | |||||
'/profil.js', | |||||
'/favicon.ico', | |||||
'/img/th_nbg_ohmicon_amp.png', | |||||
'/lib/jquery-3.3.1.min.js', | |||||
'/lib/vue.js', | |||||
'/lib/vue-router.js', | |||||
'/style/style.css', | |||||
'manifest.json', | |||||
'index.html', | |||||
'message.html', | |||||
'bookmark.js', | |||||
'createMessage.js', | |||||
'files.js', | |||||
'home.js', | |||||
'main.js', | |||||
'profil.js', | |||||
'favicon.ico', | |||||
'img/th_nbg_ohmicon_amp.png', | |||||
'lib/jquery-3.3.1.min.js', | |||||
'lib/vue.js', | |||||
'lib/vue-router.js', | |||||
'style/style.css', | |||||
]; | ]; | ||||
const dataFilesToCache = [ | const dataFilesToCache = [ | ||||
'', | '', | ||||
// NOTE: Fetch structure // TODO: Setup fetching method | // NOTE: Fetch structure // TODO: Setup fetching method | ||||
self.addEventListener('fetch', function(event) { | self.addEventListener('fetch', function(event) { | ||||
const dataUrl = ' localhost:8888/'; // Provide HTTPS URL for query data. | |||||
const dataUrl = ' localhost:8013/'; // Provide HTTPS URL for query data. | |||||
// const url = new URL(event.request.url); | // const url = new URL(event.request.url); | ||||
console.log('[ServiceWorker] Fetch', event.request.url); | console.log('[ServiceWorker] Fetch', event.request.url); | ||||