taon-ui 21.0.75 → 21.0.77

package/ts-source/browser-code/index.ts

@@ -0,0 +1,14 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './index._auto-generated_';
+export default {};

package/ts-source/browser-code/layouts/index.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './taon-bootstrap-navbar';

package/ts-source/browser-code/layouts/taon-bootstrap-navbar/index.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './taon-bootstrap-navbar.component';

package/ts-source/browser-code/layouts/taon-bootstrap-navbar/taon-bootstrap-navbar.component.html

@@ -0,0 +1,162 @@
+<!--
+==============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+==============================================================================
+-->
+
+<nav class="navbar navbar-expand-lg">
+  <div class="container-fluid">
+    <a
+      class="navbar-brand"
+      routerLink="/home"
+      routerLinkActive="active">
+      Home</a
+    >
+    <button
+      class="navbar-toggler"
+      type="button"
+      (click)="isCollapsed = !isCollapsed">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div
+      [ngbCollapse]="isCollapsed"
+      class="navbar-collapse">
+      <ul class="navbar-nav ms-auto">
+        <li class="nav-item">
+          <a
+            class="nav-link"
+            routerLink="/about"
+            routerLinkActive="active"
+            >O szkole</a
+          >
+        </li>
+        <li class="nav-item">
+          <a
+            class="nav-link"
+            routerLink="/courses"
+            routerLinkActive="active"
+            >Kursy</a
+          >
+        </li>
+        <li class="nav-item">
+          <a
+            class="nav-link"
+            routerLink="/opinions"
+            routerLinkActive="active"
+            >Opinie</a
+          >
+        </li>
+        <li class="nav-item">
+          <a
+            class="nav-link"
+            routerLink="/instructors"
+            routerLinkActive="active"
+            >Lektorzy</a
+          >
+        </li>
+        <li class="nav-item">
+          <a
+            class="nav-link"
+            routerLink="/contact"
+            routerLinkActive="active"
+            >Kontakt</a
+          >
+        </li>
+        <ng-container *ngIf="isLoggedIn">
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              routerLink="/test"
+              routerLinkActive="active"
+              ><b>Test plasujący</b></a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              routerLink="/grammar"
+              routerLinkActive="active"
+              >Gramatyka</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              routerLink="/vocabulary"
+              routerLinkActive="active"
+              >Słownictwo</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              routerLink="/reading"
+              routerLinkActive="active"
+              >Czytanie</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              routerLink="/movies"
+              routerLinkActive="active"
+              >Wideo</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              routerLink="/curiosities"
+              routerLinkActive="active"
+              >Ciekawostki</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              routerLink="/logout"
+              routerLinkActive="active"
+              >Wyloguj</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              routerLink="/profile"
+              routerLinkActive="active"
+              >Profil</a
+            >
+          </li>
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              routerLink="/admin"
+              routerLinkActive="active"
+              >Admin</a
+            >
+          </li>
+        </ng-container>
+        <ng-container *ngIf="!isLoggedIn">
+          <li class="nav-item">
+            <a
+              class="nav-link"
+              href="javascript:void(0)"
+              (click)="modalLoginRegister()">
+              <span class="glyphicon glyphicon-hand-right"></span> Rejestracja /
+              <span class="glyphicon glyphicon-user"></span> Logowanie
+            </a>
+          </li>
+        </ng-container>
+      </ul>
+    </div>
+  </div>
+</nav>
+<ng-content />

package/ts-source/browser-code/layouts/taon-bootstrap-navbar/taon-bootstrap-navbar.component.scss

@@ -0,0 +1,23 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+:host {
+  display: block;
+}
+nav {
+
+  font-variant-caps: all-small-caps;
+}
+.navbar-collapse.in {
+  overflow: hidden;
+  max-height: none !important;
+  height: auto !important;
+}

package/ts-source/browser-code/layouts/taon-bootstrap-navbar/taon-bootstrap-navbar.component.ts

@@ -0,0 +1,32 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, OnInit, Output, } from '@angular/core';
+import { NgbCollapseModule } from '@ng-bootstrap/ng-bootstrap';
+import { BsModalService, BsModalRef, ModalModule } from 'ngx-bootstrap/modal';
+import { Subscription } from 'rxjs';
+@Component({
+    selector: 'taon-bootstrap-navbar',
+    templateUrl: './taon-bootstrap-navbar.component.html',
+    styleUrls: ['./taon-bootstrap-navbar.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [CommonModule, NgbCollapseModule, ModalModule],
+    standalone: true,
+})
+export class TaonBootstrapNavbarComponent implements OnInit {
+    @Input()
+    isLoggedIn: boolean = false;
+    @Input()
+    isCollapsed: boolean = false;
+    ngOnInit(): void { }
+}

package/ts-source/browser-code/lib-info.md

@@ -0,0 +1,8 @@
+THIS FILE IS GENERATED - DO NOT MODIFY
+
+This folder is an entry point for npm Angular/NodeJS library
+
+DON'T USE STUFF FROM PARENT FOLDER app.* FILES HERE (except src/migrations/** files).
+
+THIS FILE IS GENERATED - DO NOT MODIFY
+          

package/ts-source/browser-code/migrations/index.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './migrations_index._auto-generated_';

package/ts-source/browser-code/migrations/migrations-info.md

@@ -0,0 +1,6 @@
+THIS FILE IS GENERATED - DO NOT MODIFY
+
+This folder is only for storing migration files with auto-generated names.
+
+THIS FILE IS GENERATED - DO NOT MODIFY
+          

package/ts-source/browser-code/migrations/migrations_index._auto-generated_.ts

@@ -0,0 +1,12 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+

package/ts-source/browser-code/my-organization-proj.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export function myOrgProj() { }

package/ts-source/browser-code/start-cli.ts

@@ -0,0 +1,16 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export async function startCli(argsv: string[], filename: string): Promise<void> {
+    return (void 0);
+}
+export default startCli;

package/ts-source/browser-code/taon.models.ts

@@ -0,0 +1,23 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { CoreModels } from 'tnp-core/browser';
+export type TaonDisplayMode = 'view' | 'edit';
+export interface TaonUploadedFile {
+    data: Buffer;
+    encoding: string;
+    md5: string;
+    mimetype: CoreModels.ContentType;
+    mv: (path, callback) => any;
+    name: string;
+    truncated: boolean;
+}

package/ts-source/browser-code/taon.scss

@@ -0,0 +1,26 @@
+/* ============================================================================
+ 
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+@mixin section {
+  section {
+    display: block;
+    padding: 10px;
+
+    > * {
+      margin-top: 0px !important;
+      margin-bottom: 10px !important;
+
+      &:last-child {
+        margin-bottom: 0px !important;
+      }
+    }
+  }
+}

package/ts-source/browser-code/ui/anonymize-text/anonymize-text.directive.ts

@@ -0,0 +1,48 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Directive, ElementRef, HostListener, inject, Input, OnInit } from '@angular/core';
+@Directive({
+    selector: '[anonymizeText]',
+    standalone: true,
+})
+export class AnonymizeTextDirective implements OnInit {
+    private el = inject(ElementRef<HTMLElement>);
+    private encodedValue = '';
+    private revealed = false;
+    @Input()
+    anonymizeText?: string;
+    ngOnInit(): void {
+        const original = this.anonymizeText || this.el.nativeElement.textContent || '';
+        this.encodedValue = btoa(unescape(encodeURIComponent(original.trim())));
+        this.el.nativeElement.textContent = this.maskText(original);
+        this.el.nativeElement.style.cursor = 'pointer';
+        this.el.nativeElement.title = 'Click to reveal';
+    }
+    @HostListener('click')
+    toggle(): void {
+        this.revealed = !this.revealed;
+        const decoded = decodeURIComponent(escape(atob(this.encodedValue)));
+        this.el.nativeElement.textContent = this.revealed
+            ? decoded
+            : this.maskText(decoded);
+    }
+    private maskText(value: string): string {
+        return value.replace(/[a-zA-Z0-9]+/g, part => {
+            if (part.length <= 2)
+                return part;
+            if (part.length === 3)
+                return `${part[0]}*${part[2]}`;
+            return `${part.slice(0, 2)}${'*'.repeat(part.length - 3)}${part.at(-1)}`;
+        });
+    }
+}

package/ts-source/browser-code/ui/anonymize-text/anonymize-text.models.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export namespace AnonymizeTextModels { }

package/ts-source/browser-code/ui/anonymize-text/index.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './anonymize-text.component';

package/ts-source/browser-code/ui/directives/index.ts

@@ -0,0 +1,15 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export * from './taon-long-press.directive';
+export * from './taon-inject-html.directive';
+export * from './safe.pipe';

package/ts-source/browser-code/ui/directives/safe.pipe.ts

@@ -0,0 +1,37 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Pipe, PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl, } from '@angular/platform-browser';
+@Pipe({
+    name: 'safe',
+    standalone: true,
+})
+export class SafePipe implements PipeTransform {
+    constructor(protected sanitizer: DomSanitizer) { }
+    public transform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {
+        switch (type) {
+            case 'html':
+                return this.sanitizer.bypassSecurityTrustHtml(value);
+            case 'style':
+                return this.sanitizer.bypassSecurityTrustStyle(value);
+            case 'script':
+                return this.sanitizer.bypassSecurityTrustScript(value);
+            case 'url':
+                return this.sanitizer.bypassSecurityTrustUrl(value);
+            case 'resourceUrl':
+                return this.sanitizer.bypassSecurityTrustResourceUrl(value);
+            default:
+                throw new Error(`Invalid safe type specified: ${type}`);
+        }
+    }
+}

package/ts-source/browser-code/ui/directives/taon-inject-html.directive.ts

@@ -0,0 +1,24 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Directive, ElementRef, Input } from '@angular/core';
+@Directive({
+    selector: '[taonInjectHTML]',
+    standalone: true,
+})
+export class TaonInjectHTMLDirective {
+    @Input()
+    set taonInjectHTML(content: string) {
+        this.host.nativeElement.innerHTML = content;
+    }
+    constructor(private host: ElementRef) { }
+}

package/ts-source/browser-code/ui/directives/taon-long-press.directive.ts

@@ -0,0 +1,104 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Directive, Input, Output, EventEmitter, HostBinding, HostListener, } from '@angular/core';
+import { Log, Level } from 'ng2-logger/browser';
+import { _ } from 'tnp-core/browser';
+const log = Log.create(`[taon-helpers] long-press`, Level.WARN, Level.ERROR);
+@Directive({
+    selector: '[taonLongPress]',
+    standalone: true,
+})
+export class TaonLongPress {
+    @Input()
+    pressDuration: number = 1000;
+    @Output()
+    onLongPress: EventEmitter<any> = new EventEmitter();
+    @Output()
+    onLongPressing: EventEmitter<any> = new EventEmitter();
+    @Output()
+    onLongPressEnd: EventEmitter<any> = new EventEmitter();
+    private pressing: boolean;
+    private longPressing: boolean;
+    private timeout: any;
+    private mouseX: number = 0;
+    private mouseY: number = 0;
+    @HostBinding('class.press')
+    get press() {
+        return this.pressing;
+    }
+    @HostBinding('class.longpress')
+    get longPress() {
+        return this.longPressing;
+    }
+    allowTrigger = false;
+    triggerEnd = _.debounce(() => {
+        this.endPress();
+    }, 500);
+    @HostListener('mousedown', ['$event'])
+    onMouseDown(event) {
+        log.d(`MOUSE DOWN `);
+        if (event.which !== 1)
+            return;
+        this.allowTrigger = true;
+        this.mouseX = event.clientX;
+        this.mouseY = event.clientY;
+        this.pressing = true;
+        this.longPressing = false;
+        this.timeout = setTimeout(() => {
+            if (this.allowTrigger) {
+                this.longPressing = true;
+                log.d(`long pressing start  pressDuration:${this.pressDuration} `);
+                this.onLongPress.emit(event);
+                this.loop(event);
+            }
+        }, this.pressDuration);
+        this.loop(event);
+    }
+    @HostListener('mousemove', ['$event'])
+    onMouseMove(event) {
+        if (this.pressing && !this.longPressing) {
+            const xThres = event.clientX - this.mouseX > 10;
+            const yThres = event.clientY - this.mouseY > 10;
+            if (xThres || yThres) {
+                this.endPress();
+            }
+        }
+    }
+    loop(event) {
+        if (this.longPressing) {
+            this.timeout = setTimeout(() => {
+                log.d(`emil longpressing`);
+                this.triggerEnd();
+                this.onLongPressing.emit(event);
+                this.loop(event);
+            }, 50);
+        }
+    }
+    endPress(emit = true) {
+        this.allowTrigger = false;
+        clearTimeout(this.timeout);
+        this.longPressing = false;
+        this.pressing = false;
+        if (emit) {
+            log.d(`EMIT END`);
+            this.onLongPressEnd.emit(true);
+        }
+        else {
+            log.d(`NOT EMIT END`);
+        }
+    }
+    @HostListener('mouseup')
+    onMouseUp() {
+        this.endPress(false);
+    }
+}

package/ts-source/browser-code/ui/directives/view-mode.ts

@@ -0,0 +1,17 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:lib:watch
+  inside taon-ui project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+export enum ViewMode {
+    Add = 'Add',
+    Edit = 'Edit',
+    Preview = 'Preview'
+}