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;
}
form {
width: 100%;
}
`);
}
@@ -254,26 +258,26 @@ class Replay extends LitElement
return html`
${this.embed !== "replayonly" ? html`
<div class="replay-bar">
<form @submit="${this.onSubmit}">
<div class="field has-addons">
<a id="fullscreen" class="button is-borderless" @click="${this.onFullscreenToggle}">
<span class="icon is-small">
<fa-icon size="1.0em" class="has-text-grey" .svg="${this.isFullscreen ? fasUnfullscreen : fasFullscreen}"></fa-icon>
</span>
</a>
<button id="refresh" class="button is-borderless ${this.isLoading ? 'is-loading' : ''}" @click="${this.onRefresh}">
<span class="icon is-small">
${!this.isLoading ? html`
<fa-icon size="1.0em" class="has-text-grey" .svg="${fasRefresh}"></fa-icon>
` : ``}
</span>
</button>
<div class="field has-addons">
<a id="fullscreen" class="button is-borderless" @click="${this.onFullscreenToggle}">
<span class="icon is-small">
<fa-icon size="1.0em" class="has-text-grey" .svg="${this.isFullscreen ? fasUnfullscreen : fasFullscreen}"></fa-icon>
</span>
</a>
<button id="refresh" class="button is-borderless ${this.isLoading ? 'is-loading' : ''}" @click="${this.onRefresh}">
<span class="icon is-small">
${!this.isLoading ? html`
<fa-icon size="1.0em" class="has-text-grey" .svg="${fasRefresh}"></fa-icon>
` : ``}
</span>
</button>
<form @submit="${this.onSubmit}">
<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">
</p>
<p id="datetime" class="control is-hidden-mobile">${tsToDate(this.replayTS).toLocaleString()}</p>
</div>
</form>
</form>
<p id="datetime" class="control is-hidden-mobile">${tsToDate(this.replayTS).toLocaleString()}</p>
</div>
</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;
}
form {
width: 100%;
}
`)}render(){return O`
${"replayonly"!==this.embed?O`
<div class="replay-bar">
<form @submit="${this.onSubmit}">
<div class="field has-addons">
<a id="fullscreen" class="button is-borderless" @click="${this.onFullscreenToggle}">
<span class="icon is-small">
<fa-icon size="1.0em" class="has-text-grey" .svg="${this.isFullscreen?wt.a:vt.a}"></fa-icon>
</span>
</a>
<button id="refresh" class="button is-borderless ${this.isLoading?"is-loading":""}" @click="${this.onRefresh}">
<span class="icon is-small">
${this.isLoading?"":O`
<fa-icon size="1.0em" class="has-text-grey" .svg="${mt.a}"></fa-icon>
`}
</span>
</button>
<div class="field has-addons">
<a id="fullscreen" class="button is-borderless" @click="${this.onFullscreenToggle}">
<span class="icon is-small">
<fa-icon size="1.0em" class="has-text-grey" .svg="${this.isFullscreen?wt.a:vt.a}"></fa-icon>
</span>
</a>
<button id="refresh" class="button is-borderless ${this.isLoading?"is-loading":""}" @click="${this.onRefresh}">
<span class="icon is-small">
${this.isLoading?"":O`
<fa-icon size="1.0em" class="has-text-grey" .svg="${mt.a}"></fa-icon>
`}
</span>
</button>
<form @submit="${this.onSubmit}">
<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">
</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>
</div>
</form>
</form>
<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>
</div>
</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":
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:
brotli "github:foliojs/brotli.js"
fast-xml-parser "^3.15.1"