Skip to content

Commit d9e1485

Browse files
Shrinks99Shrinks99
authored
Merge pull request #15 from Monadical-SAS/henry-awp-tweaks
Remove unused ArchiveWeb.page buttons & styling
2 parents 7ad3e34 + 3bedce6 commit d9e1485

5 files changed

Lines changed: 123 additions & 127 deletions

File tree

‎.prettierrc‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,5 @@
22
"useTabs": false,
33
"tabWidth": 2,
44
"semi": true,
5-
"singleQuote": false,
6-
"printWidth": 120
5+
"singleQuote": false
76
}

‎src/ui/app.ts‎

Lines changed: 95 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -149,9 +149,9 @@ class ArchiveWebApp extends ReplayWebApp {
149149
}
150150
}
151151

152-
get appName() {
153-
return "ArchiveWeb.page";
154-
}
152+
// get appName() {
153+
// return "ArchiveWeb.page";
154+
// }
155155

156156
static get properties() {
157157
return {
@@ -442,14 +442,14 @@ class ArchiveWebApp extends ReplayWebApp {
442442
}
443443

444444
renderNavEnd() {
445-
return html`<a
445+
return html` <!-- <a
446446
href="https://archiveweb.page/guide"
447447
target="_blank"
448448
class="navbar-item is-size-6"
449449
>
450450
<fa-icon .svg="${fasHelp}" aria-hidden="true"></fa-icon
451451
><span>&nbsp;User Guide</span>
452-
</a>
452+
</a> -->
453453
<a
454454
href="?about"
455455
@click="${
@@ -464,15 +464,15 @@ class ArchiveWebApp extends ReplayWebApp {
464464
</a>`;
465465
}
466466

467-
renderNavBrand() {
468-
return html` <fa-icon
469-
.svg="${awpBrandLockupColor}"
470-
size=""
471-
width="9.5rem"
472-
height="1.25rem"
473-
aria-hidden="true"
474-
></fa-icon>`;
475-
}
467+
// renderNavBrand() {
468+
// return html` <fa-icon
469+
// .svg="${awpBrandLockupColor}"
470+
// size=""
471+
// width="9.5rem"
472+
// height="1.25rem"
473+
// aria-hidden="true"
474+
// ></fa-icon>`;
475+
// }
476476

477477
renderHomeIndex() {
478478
return html`
@@ -503,7 +503,7 @@ class ArchiveWebApp extends ReplayWebApp {
503503
</span>
504504
<span class="is-hidden-mobile">Import File</span>
505505
</button>
506-
<button
506+
<!-- <button
507507
class="button is-small no-pad-mobile"
508508
title="Start Archiving"
509509
?disabled="${!this.colls}"
@@ -531,7 +531,7 @@ class ArchiveWebApp extends ReplayWebApp {
531531
}"
532532
>
533533
<fa-icon .svg=${fasCog}></fa-icon>
534-
</button>
534+
</button> -->
535535
</div>
536536
</div>
537537
</div>
@@ -939,80 +939,80 @@ class ArchiveWebApp extends ReplayWebApp {
939939
return "Extension";
940940
}
941941

942-
renderAbout() {
943-
return html`
944-
<div class="modal is-active">
945-
<div class="modal-background" @click="${this.onAboutClose}"></div>
946-
<div class="modal-card">
947-
<header class="modal-card-head">
948-
<p class="modal-card-title">About ArchiveWeb.page ${this.getDeployType()}</p>
949-
<button class="delete" aria-label="close" @click="${
950-
this.onAboutClose
951-
}"></button>
952-
</header>
953-
<section class="modal-card-body">
954-
<div class="container">
955-
<div class="content">
956-
<div class="is-flex">
957-
<div class="has-text-centered" style="width: 220px">
958-
<fa-icon class="logo" size="48px" .svg="${awpLogo}"></fa-icon>
959-
<div style="font-size: smaller; margin-bottom: 1em">${this.getDeployType()} v${VERSION}</div>
960-
</div>
961-
962-
${
963-
IS_APP
964-
? html`
965-
<p>
966-
ArchiveWeb.page App is a standalone app for Mac,
967-
Windows and Linux that allows users to archive
968-
webpages as they browse
969-
</p>
970-
`
971-
: html` <p>
972-
ArchiveWeb.page allows users to archive webpages
973-
directly in your browser!
974-
</p>`
975-
}
976-
</div>
977-
978-
<p>See the <a href="https://archiveweb.page/guide" target="_blank">ArchiveWeb.page Guide</a> for more info on how to use this tool.</p>
979-
980-
<p>Full source code is available at:
981-
<a href="https://github.com/webrecorder/archiveweb.page" target="_blank">https://github.com/webrecorder/archiveweb.page</a>
982-
</p>
983-
984-
<p>ArchiveWeb.page is part of the <a href="https://webrecorder.net/" target="_blank">Webrecorder Project</a>.</p>
985-
986-
<h3>Privacy Policy</h3>
987-
<p class="is-size-7">ArchiveWeb.page allows users to archive what they browse, storing captured data directly in the browser.
988-
Users can downloaded this data as files to their hard drive. Users can also delete any and all archived data at any time.
989-
ArchiveWeb.page does not collect any usage or tracking data.</p>
990-
991-
<p class="is-size-7">ArchiveWeb.page includes an experimental sharing option for each archive collection. Users can choose to share select archives on a peer-to-peer network (IPFS) via a unique id.
992-
Once shared on this network, the data may become accessible to others.
993-
All archived items are private and not shared by default, unless explicitly opted-in by the user. (A warning is displayed when sharing via IPFS.)</p>
994-
995-
<h4>Disclaimer of Warranties</h4>
996-
<p class="is-size-7">The application is provided "as is" without any guarantees.</p>
997-
<details class="is-size-7">
998-
<summary>Legalese:</summary>
999-
<p style="font-size: 0.8rem">DISCLAIMER OF SOFTWARE WARRANTY. WEBRECORDER SOFTWARE PROVIDES THIS SOFTWARE TO YOU "AS AVAILABLE"
1000-
AND WITHOUT WARRANTY OF ANY KIND, EXPRESS, IMPLIED OR OTHERWISE,
1001-
INCLUDING WITHOUT LIMITATION ANY WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE.</p>
1002-
</details>
1003-
1004-
<div class="has-text-centered">
1005-
<a class="button is-warning" href="#" @click="${
1006-
this.onAboutClose
1007-
}">Close</a>
1008-
</div>
1009-
</div>
1010-
</div>
1011-
</section>
1012-
</div>
1013-
</div>
1014-
</div>`;
1015-
}
942+
// renderAbout() {
943+
// return html`
944+
// <div class="modal is-active">
945+
// <div class="modal-background" @click="${this.onAboutClose}"></div>
946+
// <div class="modal-card">
947+
// <header class="modal-card-head">
948+
// <p class="modal-card-title">About ArchiveWeb.page ${this.getDeployType()}</p>
949+
// <button class="delete" aria-label="close" @click="${
950+
// this.onAboutClose
951+
// }"></button>
952+
// </header>
953+
// <section class="modal-card-body">
954+
// <div class="container">
955+
// <div class="content">
956+
// <div class="is-flex">
957+
// <div class="has-text-centered" style="width: 220px">
958+
// <fa-icon class="logo" size="48px" .svg="${awpLogo}"></fa-icon>
959+
// <div style="font-size: smaller; margin-bottom: 1em">${this.getDeployType()} v${VERSION}</div>
960+
// </div>
961+
962+
// ${
963+
// IS_APP
964+
// ? html`
965+
// <p>
966+
// ArchiveWeb.page App is a standalone app for Mac,
967+
// Windows and Linux that allows users to archive
968+
// webpages as they browse
969+
// </p>
970+
// `
971+
// : html` <p>
972+
// ArchiveWeb.page allows users to archive webpages
973+
// directly in your browser!
974+
// </p>`
975+
// }
976+
// </div>
977+
978+
// <p>See the <a href="https://archiveweb.page/guide" target="_blank">ArchiveWeb.page Guide</a> for more info on how to use this tool.</p>
979+
980+
// <p>Full source code is available at:
981+
// <a href="https://github.com/webrecorder/archiveweb.page" target="_blank">https://github.com/webrecorder/archiveweb.page</a>
982+
// </p>
983+
984+
// <p>ArchiveWeb.page is part of the <a href="https://webrecorder.net/" target="_blank">Webrecorder Project</a>.</p>
985+
986+
// <h3>Privacy Policy</h3>
987+
// <p class="is-size-7">ArchiveWeb.page allows users to archive what they browse, storing captured data directly in the browser.
988+
// Users can downloaded this data as files to their hard drive. Users can also delete any and all archived data at any time.
989+
// ArchiveWeb.page does not collect any usage or tracking data.</p>
990+
991+
// <p class="is-size-7">ArchiveWeb.page includes an experimental sharing option for each archive collection. Users can choose to share select archives on a peer-to-peer network (IPFS) via a unique id.
992+
// Once shared on this network, the data may become accessible to others.
993+
// All archived items are private and not shared by default, unless explicitly opted-in by the user. (A warning is displayed when sharing via IPFS.)</p>
994+
995+
// <h4>Disclaimer of Warranties</h4>
996+
// <p class="is-size-7">The application is provided "as is" without any guarantees.</p>
997+
// <details class="is-size-7">
998+
// <summary>Legalese:</summary>
999+
// <p style="font-size: 0.8rem">DISCLAIMER OF SOFTWARE WARRANTY. WEBRECORDER SOFTWARE PROVIDES THIS SOFTWARE TO YOU "AS AVAILABLE"
1000+
// AND WITHOUT WARRANTY OF ANY KIND, EXPRESS, IMPLIED OR OTHERWISE,
1001+
// INCLUDING WITHOUT LIMITATION ANY WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE.</p>
1002+
// </details>
1003+
1004+
// <div class="has-text-centered">
1005+
// <a class="button is-warning" href="#" @click="${
1006+
// this.onAboutClose
1007+
// }">Close</a>
1008+
// </div>
1009+
// </div>
1010+
// </div>
1011+
// </section>
1012+
// </div>
1013+
// </div>
1014+
// </div>`;
1015+
// }
10161016

10171017
renderSettingsModal() {
10181018
return html`
@@ -1043,9 +1043,7 @@ class ArchiveWebApp extends ReplayWebApp {
10431043
>
10441044
${this.settingsTab === "prefs"
10451045
? html`<fieldset>
1046-
<div class="is-size-6 mt-4">
1047-
Optional archiving features:
1048-
</div>
1046+
<div class="is-size-6 mt-4">Optional archiving features:</div>
10491047
<div class="field is-size-6 mt-4">
10501048
<input
10511049
name="prefArchiveScreenshots"
@@ -1055,7 +1053,8 @@ class ArchiveWebApp extends ReplayWebApp {
10551053
?checked="${this.archiveScreenshots}"
10561054
/><span class="ml-1">Save Screenshots</span>
10571055
<p class="is-size-7 mt-1">
1058-
Save screenshot + thumbnail of every page on load. Screenshot will be saved as soon as page is done loading.
1056+
Save screenshot + thumbnail of every page on load.
1057+
Screenshot will be saved as soon as page is done loading.
10591058
</p>
10601059
</div>
10611060
<div class="field is-size-6 mt-4">
@@ -1084,10 +1083,8 @@ class ArchiveWebApp extends ReplayWebApp {
10841083
enable only when archiving websites that contain Flash.
10851084
</p>
10861085
</div>
1087-
<hr/>
1088-
<div class="is-size-6">
1089-
Privacy related settings:
1090-
</div>
1086+
<hr />
1087+
<div class="is-size-6">Privacy related settings:</div>
10911088
<div class="field is-size-6 mt-4">
10921089
<input
10931090
name="prefArchiveCookies"

‎src/ui/coll-info.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -200,15 +200,15 @@ class WrRecCollInfo extends ItemInfo {
200200
<fa-icon aria-hidden="true" .svg="${fasUpload}"></fa-icon>
201201
</span>
202202
</button>
203-
<button
203+
<!-- <button
204204
@click="${this.onShowStart}"
205205
class="button is-small"
206206
title="Start Archiving"
207207
>
208208
<span class="icon">
209209
<fa-icon aria-hidden="true" .svg="${wrRec}"></fa-icon>
210210
</span>
211-
</button>
211+
</button> -->
212212
</div>
213213
</div>
214214

‎src/ui/coll.ts‎

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -134,30 +134,30 @@ class WrRecColl extends Item {
134134
}
135135
}
136136

137-
protected renderToolbarLeft(isDropdown = false) {
138-
const leftBar = super.renderToolbarLeft();
139-
140-
if (this.embed) {
141-
return leftBar;
142-
}
143-
144-
return html`${leftBar}<a
145-
href="#"
146-
role="button"
147-
class="${!isDropdown
148-
? "button narrow is-borderless"
149-
: "dropdown-item is-hidden-tablet"}"
150-
title="Start Archiving"
151-
aria-label="Start Archiving"
152-
aria-controls="record"
153-
@click="${this.onShowStart}"
154-
@keyup="${clickOnSpacebarPress}"
155-
>
156-
<span class="icon is-small">
157-
<fa-icon size="1.2em" aria-hidden="true" .svg="${wrRec}"></fa-icon>
158-
</span>
159-
</a>`;
160-
}
137+
// protected renderToolbarLeft(isDropdown = false) {
138+
// const leftBar = super.renderToolbarLeft();
139+
140+
// if (this.embed) {
141+
// return leftBar;
142+
// }
143+
144+
// return html`${leftBar}<a
145+
// href="#"
146+
// role="button"
147+
// class="${!isDropdown
148+
// ? "button narrow is-borderless"
149+
// : "dropdown-item is-hidden-tablet"}"
150+
// title="Start Archiving"
151+
// aria-label="Start Archiving"
152+
// aria-controls="record"
153+
// @click="${this.onShowStart}"
154+
// @keyup="${clickOnSpacebarPress}"
155+
// >
156+
// <span class="icon is-small">
157+
// <fa-icon size="1.2em" aria-hidden="true" .svg="${wrRec}"></fa-icon>
158+
// </span>
159+
// </a>`;
160+
// }
161161

162162
protected renderToolbarRight() {
163163
const rightBar = super.renderToolbarRight();

‎src/utils.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export async function ensureDefaultColl(collLoader) {
77
let colls = await collLoader.listAll();
88

99
if (!colls.length) {
10-
const metadata = { title: "My Archiving Session" };
10+
const metadata = { title: "My Archive" };
1111
const result = await collLoader.initNewColl(metadata);
1212

1313
await setLocalOption("defaultCollId", result.name);

0 commit comments

Comments
 (0)