- @for (item of historyItems() | async; track $index) {
-
-
-@if (historyItems() | async; as items) { @if (items.length > 0) {
-
-} @else {}}
\ No newline at end of file
+@let files = historyFiles() | async;
+@let sites = historyItems() | async;
+
+@if (sites && sites.length > 0) {
+
+
+}
+
+@if (files && files.length > 0) {
++ SITES HISTORY + @if ( sites.length > 0) { + + } +
+ +
+ @for (item of sites; track $index) {
+
+
+
+ FILES HISTORY |
+
+
+
+}
+
+@if (files?.length ==0 && sites?.length ==0) {
+none
+}
\ No newline at end of file
diff --git a/src/app/history/ui/history-list/history-list.component.ts b/src/app/history/ui/history-list/history-list.component.ts
index f54334b..f38b586 100644
--- a/src/app/history/ui/history-list/history-list.component.ts
+++ b/src/app/history/ui/history-list/history-list.component.ts
@@ -1,18 +1,21 @@
import { Component, WritableSignal, inject, signal } from '@angular/core';
import { HistoryService } from '../../data-access/history.service';
import { LangService } from '../../../shared/data-access/lang.service';
+import { FileHistoryService } from '../../../file/data-access/file-history.service';
@Component({
- selector: 'app-history-list',
- templateUrl: './history-list.component.html',
- styleUrl: './history-list.component.scss',
- standalone: false
+ selector: 'app-history-list',
+ templateUrl: './history-list.component.html',
+ styleUrl: './history-list.component.scss',
+ standalone: false
})
export class HistoryListComponent {
public history: HistoryService = inject(HistoryService);
+ public fileHistory: FileHistoryService = inject(FileHistoryService);
lang: LangService = inject(LangService);
historyItems: WritableSignal
+ FILES HISTORY |
+ {{fileSize() | filesize}} |
+ {{fileCount()}}
+ @if ( files.length > 0) {
+
+ }
+
+
+
+ @for (item of files; track item.sha256;) {
+ @let ab = item.arrayBuffer;
+
+
+
+ }
+
- @defer{
+
@defer{
+
- @defer {
+
+ {{lang.ph().orOpenFile}}
+
{{lang.ph().slogan}}
@if (linkParams()) { - {{lang.ph().letsgo}}
-
-
- - 🈚 {{lang.ph().language}} - {{lang.ph().getByKey(getLangValue(lang.lang()).hintPhraceKey)}} -
-{{lang.ph().settingLangDesc}}
-
-
+
+ - - @if(setts.autoPasteLink()) { +
{{selectedMessage()}}
🏠
`,
- styles: `
+ styles: `
:host {
display: grid;
min-height: 100dvh;
@@ -16,18 +16,40 @@ import { isPlatformBrowser } from '@angular/common';
text-align: center;
}
app-text-embracer {
- --border-color: #166496;
- --border-width: 2px;
- color: #ffd60a;
- margin: auto;
- font-family: 'Troubleside', sans-serif;
- font-size: clamp(1rem, 8vw, 5rem);
- @media (max-aspect-ratio: 1) or (max-width: 640px) {
- font-size: clamp(1rem, 10vw, 8rem);
- }
+ --mono-color-1: #4c93c8;
+ --mono-color-2: #002741;
+ --border-color: var(--mono-color-1);
+ --border-width: 2px;
+ color: #ffd60a;
+ --shc: #166496;
+ font-family: 'Troubleside', sans-serif;
+ font-weight: 900;
+ font-size: clamp(1rem, 16vw, 10rem);
+ justify-content: center;
+ -webkit-text-stroke: var(--mono-color-2) var(--border-width);
+ --dot-color: var(--mono-color-1);
+ paint-order: stroke fill;
+
+ @media (prefers-color-scheme: light) {
+ --mono-color-1: #166496;
+ --mono-color-2: #eceff2;
+ --shc: var(--mono-color-1);
+ color: var(--mono-color-1);
+ -webkit-text-stroke: var(--mono-color-1) var(--border-width);
+
+ color: var(--mono-color-2);
+ }
+
+ @media (max-width: 1080px) {
+ font-size: clamp(1rem, 14vw, 16rem);
}
+
+ @media ((orientation: portrait) and (max-aspect-ratio: 1)) {
+ font-size: clamp(1rem, 20vw, 16rem);
+ }
+}
`,
- standalone: false
+ standalone: false
})
export class PageNotFoundComponent {
platformId = inject(PLATFORM_ID)
diff --git a/src/app/shared/data-access/lang.service.ts b/src/app/shared/data-access/lang.service.ts
index cfc025f..e69a78a 100644
--- a/src/app/shared/data-access/lang.service.ts
+++ b/src/app/shared/data-access/lang.service.ts
@@ -4,6 +4,7 @@ import { Observable, map, of } from 'rxjs';
import { HttpClient } from '@angular/common/http';
import { ViewModeOption } from './viewer.service';
import { DOCUMENT, isPlatformBrowser } from '@angular/common';
+import { VibrationService } from './vibration.service';
const LANG_OPTIONS: ViewModeOption[] = [
{ dir: "rtl", mode: "pages", hintPhraceKey: "english", code: "en", emoji: "🇬🇧" },
@@ -26,6 +27,8 @@ export class LangService {
langOpt = LANG_OPTIONS
platformId = inject(PLATFORM_ID)
private readonly document = inject(DOCUMENT);
+ vibro = inject(VibrationService)
+
lang: WritableSignalv{{version}}
\ No newline at end of file
diff --git a/src/app/shared/ui/chytanka-logo-with-tags/chytanka-logo-with-tags.component.scss b/src/app/shared/ui/chytanka-logo-with-tags/chytanka-logo-with-tags.component.scss
new file mode 100644
index 0000000..0aced22
--- /dev/null
+++ b/src/app/shared/ui/chytanka-logo-with-tags/chytanka-logo-with-tags.component.scss
@@ -0,0 +1,132 @@
+:host {
+ position: relative;
+ // overflow: hidden;
+ min-height: 0;
+ min-width: 0;
+ display: grid;
+ place-items: stretch;
+}
+
+#logoPath {
+
+ fill: #000118;
+
+ @media (prefers-color-scheme: light) {
+ fill: #166496;
+ }
+}
+
+.one-bit {
+ filter: url('#oneBit');
+}
+
+.filters {
+ position: fixed;
+ user-select: none;
+ pointer-events: none;
+}
+
+svg,
+img {
+ display: block;
+ min-width: 0;
+ min-height: 0;
+ user-select: none;
+ pointer-events: none;
+}
+
+.version {
+ position: absolute;
+ top: 50%; left: 50%;
+ transform: translate(-50%,-50%);
+ font-weight: bold;
+ text-align: center;
+ opacity: .5;
+ color: #fff;
+
+ @media (prefers-color-scheme: light) {
+ color: #000;
+ }
+
+ a,
+ a:hover {
+ color: inherit;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+}
+
+.tag {
+ z-index: 1;
+ transition: all var(--t) linear;
+ position: absolute;
+ padding: .25ch;
+ text-align: center;
+ border-radius: .25ch;
+ font-size: small;
+ font-family: 'Courier New', Courier, monospace;
+ font-weight: bold;
+ --b: #ffd60a;
+ --f: black;
+ background-color: var(--b);
+ color: var(--f);
+ box-shadow: var(--flat-shadow-medium);
+ list-style: none;
+
+ &:hover {
+ cursor: none;
+ scale: 1.5 !important;
+ z-index: 2;
+ }
+
+ &.reddit {
+ --b: #FF4500;
+ --f: white;
+ }
+
+ &.pixiv {
+ --b: #0091d4;
+ --f: white;
+ }
+
+ &.blankary {
+ --b: #000;
+ --f: white;
+ }
+
+ // &.comick {}
+
+ &.imgur {
+ --b: #1bb76e;
+ }
+
+ &.mangadex {
+ --b: #ff6740;
+ }
+
+ // &.nhentai {}
+
+ &.zenko {
+ --b: #078DEE;
+ --f: white;
+ }
+
+ &.zip {
+ --b: #0074D9;
+ }
+
+ &.cbz {
+ --b: rgb(216, 68, 68);
+ }
+
+ &.pdf {
+ --b: #0074D9;
+ }
+
+ &.mobi {
+ --b: #4CAF50;
+ --f: #FFC107;
+ }
+}
\ No newline at end of file
diff --git a/src/app/shared/ui/chytanka-logo-with-tags/chytanka-logo-with-tags.component.ts b/src/app/shared/ui/chytanka-logo-with-tags/chytanka-logo-with-tags.component.ts
new file mode 100644
index 0000000..5adf6e3
--- /dev/null
+++ b/src/app/shared/ui/chytanka-logo-with-tags/chytanka-logo-with-tags.component.ts
@@ -0,0 +1,33 @@
+import { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';
+import { environment } from '../../../../environments/environment';
+
+type Coordinate = { x: number; y: number };
+
+@Component({
+ selector: 'app-chytanka-logo-with-tags',
+ standalone: false,
+
+ templateUrl: './chytanka-logo-with-tags.component.html',
+ styleUrl: './chytanka-logo-with-tags.component.scss',
+ changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class ChytankaLogoWithTagsComponent {
+ version = environment.version;
+ fileTags = input
- ![]()
+ ![]()
-
- {{value?.site}}
+
+ {{getSiteTag()}}
+ @if(value.size){ {{value.size | filesize}} }
+ @if(value.page && value.pages){ {{value.page}}/{{value.pages}} }
+
{{value.title ?? lang.ph().untitled}}
+
+} @else {
+
+ ![]()
+
+
+ {{value.title ?? lang.ph().untitled}} @if(value.page && value.pages){ {{value.page}}/{{value.pages}} }
+
+}
{{value.updated | date : 'short'}}
\ No newline at end of file
diff --git a/src/app/shared/ui/title-card/title-card.component.scss b/src/app/shared/ui/title-card/title-card.component.scss
index e7cc06d..254046a 100644
--- a/src/app/shared/ui/title-card/title-card.component.scss
+++ b/src/app/shared/ui/title-card/title-card.component.scss
@@ -52,4 +52,5 @@
background-color: #166496;
color: white;
filter: grayscale(1);
+ text-transform: uppercase;
}
\ No newline at end of file
diff --git a/src/app/shared/ui/title-card/title-card.component.ts b/src/app/shared/ui/title-card/title-card.component.ts
index 676c83e..436b47f 100644
--- a/src/app/shared/ui/title-card/title-card.component.ts
+++ b/src/app/shared/ui/title-card/title-card.component.ts
@@ -2,11 +2,11 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, inject
import { LangService } from '../../data-access/lang.service';
@Component({
- selector: 'app-title-card',
- templateUrl: './title-card.component.html',
- styleUrl: './title-card.component.scss',
- changeDetection: ChangeDetectionStrategy.OnPush,
- standalone: false
+ selector: 'app-title-card',
+ templateUrl: './title-card.component.html',
+ styleUrl: './title-card.component.scss',
+ changeDetection: ChangeDetectionStrategy.OnPush,
+ standalone: false
})
export class TitleCardComponent {
@Input() value: any = {};
@@ -18,4 +18,13 @@ export class TitleCardComponent {
}
lang = inject(LangService);
+
+ getRouteLink() {
+ const foo = (this.value?.site instanceof Array) ? this.value?.site : [this.value?.site]
+ return ['', ...foo, this.value?.post_id]
+ }
+
+ getSiteTag() {
+ return (this.value?.site instanceof Array) ? this.value?.site.pop() : this.value?.site
+ }
}
diff --git a/src/app/shared/ui/viewer/components/hint-page/hint-page.component.html b/src/app/shared/ui/viewer/components/hint-page/hint-page.component.html
index 4d6a996..6f69ae1 100644
--- a/src/app/shared/ui/viewer/components/hint-page/hint-page.component.html
+++ b/src/app/shared/ui/viewer/components/hint-page/hint-page.component.html
@@ -1,7 +1,6 @@
🌻📖
⏳ loading...
-