archivalo-oss/replayweb.page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: fix replay url switch resulting in refresh, move <form> tag

Browse Source 
sw: update to latest sw, includes fix for skipping metadata records with no url, not reading from stream if already buffered
This commit is contained in:
Ilya Kreymer
2020-06-18 17:46:43 -07:00
parent 8b6c06d46e
commit e9bfcb28e9
4 changed files with 44 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/replay.js
+21 -17
View File
@@ -247,6 +247,10 @@ class Replay extends LitElement
top: 174px; top: 174px;
} }
form {
width: 100%;
}
`); `);
} }
@@ -254,26 +258,26 @@ class Replay extends LitElement
return html` return html`
${this.embed !== "replayonly" ? html` ${this.embed !== "replayonly" ? html`
<div class="replay-bar"> <div class="replay-bar">
<form @submit="${this.onSubmit}"> <div class="field has-addons">
<div class="field has-addons"> <a id="fullscreen" class="button is-borderless" @click="${this.onFullscreenToggle}">
<a id="fullscreen" class="button is-borderless" @click="${this.onFullscreenToggle}"> <span class="icon is-small">
<span class="icon is-small"> <fa-icon size="1.0em" class="has-text-grey" .svg="${this.isFullscreen ? fasUnfullscreen : fasFullscreen}"></fa-icon>
<fa-icon size="1.0em" class="has-text-grey" .svg="${this.isFullscreen ? fasUnfullscreen : fasFullscreen}"></fa-icon> </span>
</span> </a>
</a> <button id="refresh" class="button is-borderless ${this.isLoading ? 'is-loading' : ''}" @click="${this.onRefresh}">
<button id="refresh" class="button is-borderless ${this.isLoading ? 'is-loading' : ''}" @click="${this.onRefresh}"> <span class="icon is-small">
<span class="icon is-small"> ${!this.isLoading ? html`
${!this.isLoading ? html` <fa-icon size="1.0em" class="has-text-grey" .svg="${fasRefresh}"></fa-icon>
<fa-icon size="1.0em" class="has-text-grey" .svg="${fasRefresh}"></fa-icon> ` : ``}
` : ``} </span>
</span> </button>
</button> <form @submit="${this.onSubmit}">
<p class="control is-expanded"> <p class="control is-expanded">
<input id="url" class="input" type="text" .value="${this.replayUrl}" placeholder="https://... Enter a URL to replay from the archive here"> <input id="url" class="input" type="text" .value="${this.replayUrl}" placeholder="https://... Enter a URL to replay from the archive here">
</p> </p>
<p id="datetime" class="control is-hidden-mobile">${tsToDate(this.replayTS).toLocaleString()}</p> </form>
</div> <p id="datetime" class="control is-hidden-mobile">${tsToDate(this.replayTS).toLocaleString()}</p>
</form> </div>
</div>` : html` </div>` : html`
`} `}
sw.js
+1 -1
View File
File diff suppressed because one or more lines are too long
ui.js
+21 -17
View File
@@ -1332,29 +1332,33 @@ const tt=new WeakMap,it=v(e=>t=>{if(!(t instanceof T))throw new Error("unsafeHTM
top: 174px; top: 174px;
} }
form {
width: 100%;
}
`)}render(){return O` `)}render(){return O`
${"replayonly"!==this.embed?O` ${"replayonly"!==this.embed?O`
<div class="replay-bar"> <div class="replay-bar">
<form @submit="${this.onSubmit}"> <div class="field has-addons">
<div class="field has-addons"> <a id="fullscreen" class="button is-borderless" @click="${this.onFullscreenToggle}">
<a id="fullscreen" class="button is-borderless" @click="${this.onFullscreenToggle}"> <span class="icon is-small">
<span class="icon is-small"> <fa-icon size="1.0em" class="has-text-grey" .svg="${this.isFullscreen?wt.a:vt.a}"></fa-icon>
<fa-icon size="1.0em" class="has-text-grey" .svg="${this.isFullscreen?wt.a:vt.a}"></fa-icon> </span>
</span> </a>
</a> <button id="refresh" class="button is-borderless ${this.isLoading?"is-loading":""}" @click="${this.onRefresh}">
<button id="refresh" class="button is-borderless ${this.isLoading?"is-loading":""}" @click="${this.onRefresh}"> <span class="icon is-small">
<span class="icon is-small"> ${this.isLoading?"":O`
${this.isLoading?"":O` <fa-icon size="1.0em" class="has-text-grey" .svg="${mt.a}"></fa-icon>
<fa-icon size="1.0em" class="has-text-grey" .svg="${mt.a}"></fa-icon> `}
`} </span>
</span> </button>
</button> <form @submit="${this.onSubmit}">
<p class="control is-expanded"> <p class="control is-expanded">
<input id="url" class="input" type="text" .value="${this.replayUrl}" placeholder="https://... Enter a URL to replay from the archive here"> <input id="url" class="input" type="text" .value="${this.replayUrl}" placeholder="https://... Enter a URL to replay from the archive here">
</p> </p>
<p id="datetime" class="control is-hidden-mobile">${function(e){if(!e)return"";e.length<14&&(e+="00000000000000".substr(e.length));const t=e.substring(0,4)+"-"+e.substring(4,6)+"-"+e.substring(6,8)+"T"+e.substring(8,10)+":"+e.substring(10,12)+":"+e.substring(12,14)+"-00:00";return new Date(t)}(this.replayTS).toLocaleString()}</p> </form>
</div> <p id="datetime" class="control is-hidden-mobile">${function(e){if(!e)return"";e.length<14&&(e+="00000000000000".substr(e.length));const t=e.substring(0,4)+"-"+e.substring(4,6)+"-"+e.substring(6,8)+"T"+e.substring(8,10)+":"+e.substring(10,12)+":"+e.substring(12,14)+"-00:00";return new Date(t)}(this.replayTS).toLocaleString()}</p>
</form> </div>
</div>`:O` </div>`:O`
`} `}
yarn.lock
+1 -1
View File
@@ -293,7 +293,7 @@
"@webrecorder/wabac@github:https://github.com/webrecorder/wabac.js#master", "wabac@github:https://github.com/webrecorder/wabac.js#master": "@webrecorder/wabac@github:https://github.com/webrecorder/wabac.js#master", "wabac@github:https://github.com/webrecorder/wabac.js#master":
version "2.0.1" version "2.0.1"
resolved "https://codeload.github.com/webrecorder/wabac.js/tar.gz/605711975257735d8de1cfde6b054c274bceb376" resolved "https://codeload.github.com/webrecorder/wabac.js/tar.gz/47ba5e77b6a1a55eab314e85cb9fad106a5a17ca"
dependencies: dependencies:
brotli "github:foliojs/brotli.js" brotli "github:foliojs/brotli.js"
fast-xml-parser "^3.15.1" fast-xml-parser "^3.15.1"