@dataclouder/ngx-lessons 0.0.26

package/lib/components/lesson-mini-components/components/lessons.clases.d.ts

@@ -0,0 +1,166 @@
+import { UntypedFormControl } from '@angular/forms';
+import { InjectionToken, Type } from '@angular/core';
+import { Provider } from '@angular/core';
+import { SelectorBuilderComponent } from './selector/selector-builder/selector-builder.component';
+import { SelectorComponent } from './selector/selector.component';
+import { TextWriterBuiderComponent } from './text-writer/text-writer-buider/text-writer-buider.component';
+import { TextWriterComponent } from './text-writer/text-writer.component';
+import { TranslationSwitcherBuilderComponent } from './translationSwitcher/translationSwitcherBuilder/translationSwitcherBuilder.component';
+import { TranslationSwitcherComponent } from './translationSwitcher/translationSwitcher.component';
+export type LessonComponentsType = 'selector' | 'speaker' | 'text-writer' | 'verb-summary' | 'word-summary';
+export declare enum LessonComponentEnum {
+    Selector = "selector",
+    Speaker = "speaker",
+    TextWriter = "textWriter",
+    VerbSummary = "verbSummary",
+    WordSummary = "wordSummary",
+    TranslationSwitcher = "translationSwitcher"
+}
+export declare const LessonComponentBuilders: {
+    selector: typeof SelectorBuilderComponent;
+    textWriter: typeof TextWriterBuiderComponent;
+    translationSwitcher: typeof TranslationSwitcherBuilderComponent;
+};
+export declare const LessonComponents: {
+    selector: typeof SelectorComponent;
+    textWriter: typeof TextWriterComponent;
+    translationSwitcher: typeof TranslationSwitcherComponent;
+};
+export declare function getLessonComponentClass(type: LessonComponentsType): any;
+export interface LessonCompSettings {
+    response?: string;
+    responses?: string;
+    options?: string[];
+    text?: string;
+    hint?: string;
+    explanation?: string;
+}
+export interface LessonComponentConfiguration {
+    id: string;
+    component: LessonComponentEnum;
+    settings: LessonCompSettings;
+}
+export interface StorageFile {
+    bucket: string;
+    url: string;
+    path: string;
+}
+export interface AudioStorage extends StorageFile {
+    text?: string;
+    voiceType?: string;
+}
+export interface SpeakerCompConfiguration extends LessonComponentConfiguration {
+    audio: AudioStorage;
+    settings: LessonCompSettings & {
+        voice: string;
+    };
+}
+export interface LessonComponentInterface {
+    config: LessonComponentConfiguration;
+    control?: UntypedFormControl;
+    validate?(): boolean | null;
+    evaluate?(): boolean | null;
+}
+export declare const LESSONS_TOKEN: InjectionToken<LessonsAbstractService>;
+export interface StorageFile {
+    bucket: string;
+    url: string;
+    path: string;
+}
+export interface ImgStorageData extends StorageFile {
+    fullPath: string;
+    resolutions: any;
+    resolution: string;
+}
+export type LessonImage = ImgStorageData & {
+    type: string;
+};
+export interface LessonComponentConfiguration {
+    id: string;
+    component: LessonComponentEnum;
+    settings: LessonCompSettings;
+}
+type StorageType = StorageFile & {
+    type: string;
+};
+export interface Media {
+    audios?: StorageType[];
+    images?: StorageType[];
+}
+export interface ILessonExtra {
+    notionPageId?: string;
+}
+export interface ILesson {
+    _id: any;
+    id: string;
+    title: string;
+    description: string;
+    isPublished: boolean;
+    textCoded: string;
+    authorId: string;
+    authorEmail: string;
+    tags: string[];
+    media: Media;
+    components: Array<LessonComponentConfiguration>;
+    baseLang: string;
+    targetLang: string;
+    generatedByAI: boolean;
+    prompt: string;
+    level: number;
+    extras: ILessonExtra;
+}
+export interface ILessonWithTaken extends ILesson {
+    taken: any;
+}
+export declare abstract class LessonsAbstractService {
+    abstract getLessons(paginator?: any): Promise<any>;
+    abstract getLesson(id: string): Promise<any>;
+    abstract postLesson(lesson: ILesson): Promise<any>;
+    abstract updateLesson(lesson: ILesson): Promise<any>;
+    abstract deleteLesson(id: string): Promise<any>;
+    abstract generateLesson(lesson: ILesson): Promise<any>;
+    abstract postGenerateByAI(id: string): Promise<any>;
+    abstract extractTextFromHtml(html: string): string;
+}
+export declare function provideLessonsService(serviceImplementation: Type<LessonsAbstractService>): Provider[];
+export interface LessonComponentConfiguration {
+    id: string;
+    component: LessonComponentEnum;
+    settings: LessonCompSettings;
+}
+export interface StorageFile {
+    bucket: string;
+    url: string;
+    path: string;
+}
+export interface AudioStorage extends StorageFile {
+    text?: string;
+    voiceType?: string;
+}
+export interface SpeakerCompConfiguration extends LessonComponentConfiguration {
+    audio: AudioStorage;
+    settings: LessonCompSettings & {
+        voice: string;
+    };
+}
+export interface LessonComponentInterface {
+    config: LessonComponentConfiguration;
+    control?: UntypedFormControl;
+    validate?(): boolean | null;
+    evaluate?(): boolean | null;
+}
+export declare const LangCodeDescription: {
+    es: string;
+    en: string;
+    it: string;
+    pt: string;
+    fr: string;
+};
+export declare const LangCodeDescriptionEs: {
+    es: string;
+    en: string;
+    it: string;
+    pt: string;
+    fr: string;
+};
+export {};

package/lib/components/lesson-mini-components/components/selector/selector-builder/selector-builder.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { UntypedFormArray, FormBuilder } from '@angular/forms';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { ComponentBuilder } from '../../ComponentBuilder';
+import { LessonComponentConfiguration } from '../../lessons.clases';
+import * as i0 from "@angular/core";
+export declare class SelectorBuilderComponent extends ComponentBuilder implements OnInit {
+    protected formBuilder: FormBuilder;
+    protected ref: DynamicDialogRef;
+    constructor(formBuilder: FormBuilder, ref: DynamicDialogRef);
+    sampleConfig: LessonComponentConfiguration;
+    ngOnInit(): void;
+    isRendered: any;
+    pushControlToFormArray(controlName: string): void;
+    deleteFormArrayByIndex(controlName: string, index: number): void;
+    get optionsForm(): UntypedFormArray;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectorBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectorBuilderComponent, "app-selector-builder", never, {}, {}, never, never, true, never>;
+}

package/lib/components/lesson-mini-components/components/selector/selector.component.d.ts

@@ -0,0 +1,12 @@
+import { ComponentWithForm } from '../ComponentWithForm';
+import { LessonComponentConfiguration, LessonComponentInterface } from '../lessons.clases';
+import * as i0 from "@angular/core";
+export declare class SelectorComponent extends ComponentWithForm implements LessonComponentInterface {
+    isFilled: boolean;
+    constructor();
+    config: LessonComponentConfiguration;
+    evaluate(): any;
+    validate(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectorComponent, "app-selector", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/lesson-mini-components/components/text-writer/text-writer-buider/text-writer-buider.component.d.ts

@@ -0,0 +1,14 @@
+import { OnInit } from '@angular/core';
+import { UntypedFormBuilder } from '@angular/forms';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { ComponentBuilder } from '../../ComponentBuilder';
+import * as i0 from "@angular/core";
+export declare class TextWriterBuiderComponent extends ComponentBuilder implements OnInit {
+    protected formBuilder: UntypedFormBuilder;
+    protected ref: DynamicDialogRef;
+    constructor(formBuilder: UntypedFormBuilder, ref: DynamicDialogRef);
+    formGroup: import("@angular/forms").UntypedFormGroup;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextWriterBuiderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextWriterBuiderComponent, "app-text-writer-buider", never, {}, {}, never, never, true, never>;
+}

package/lib/components/lesson-mini-components/components/text-writer/text-writer.component.d.ts

@@ -0,0 +1,16 @@
+import { OnInit } from '@angular/core';
+import { ComponentWithForm } from '../ComponentWithForm';
+import { LessonComponentConfiguration, LessonComponentInterface } from '../lessons.clases';
+import * as i0 from "@angular/core";
+export declare class TextWriterComponent extends ComponentWithForm implements OnInit, LessonComponentInterface {
+    config: LessonComponentConfiguration;
+    constructor();
+    size: number;
+    hint: string;
+    ngOnInit(): void;
+    private getSize;
+    evaluate(): any;
+    validate(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextWriterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextWriterComponent, "app-text-writer", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/lesson-mini-components/components/translationSwitcher/translationSwitcher.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import { SpeakerCompConfiguration } from '../lessons.clases';
+import * as i0 from "@angular/core";
+export declare class TranslationSwitcherComponent implements OnInit {
+    config: SpeakerCompConfiguration;
+    visibleText: string;
+    ngOnInit(): void;
+    switchTranslation(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationSwitcherComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationSwitcherComponent, "app-translation-switcher", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/lesson-mini-components/components/translationSwitcher/translationSwitcherBuilder/translationSwitcherBuilder.component.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+import { FormBuilder } from '@angular/forms';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { ComponentBuilder } from '../../ComponentBuilder';
+import * as i0 from "@angular/core";
+export declare class TranslationSwitcherBuilderComponent extends ComponentBuilder implements OnInit {
+    protected formBuilder: FormBuilder;
+    protected ref: DynamicDialogRef;
+    constructor(formBuilder: FormBuilder, ref: DynamicDialogRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationSwitcherBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TranslationSwitcherBuilderComponent, "app-translation-switcher-builder", never, {}, {}, never, never, true, never>;
+}

package/lib/models/lessons.pipes.d.ts

@@ -0,0 +1,12 @@
+import { type PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LangDescTranslationPipe implements PipeTransform {
+    transform(value: string, lang: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LangDescTranslationPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LangDescTranslationPipe, "langDesc", true>;
+}
+export declare class FlagLanguagePipe implements PipeTransform {
+    transform(lang: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlagLanguagePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FlagLanguagePipe, "flagEmoji", true>;
+}

package/lib/models/notion.models.d.ts

@@ -0,0 +1,41 @@
+import { InjectionToken, Provider, Type } from '@angular/core';
+export type NotionDBResponse = {
+    success: boolean;
+    databases: {
+        id: string;
+        title: string;
+        url: string;
+        created_time: string;
+    }[];
+    error?: string;
+    count: number;
+};
+export type NotionPageResponse = {
+    success: boolean;
+    pages: {
+        id: string;
+        title: string;
+        url: string;
+        created_time: string;
+    }[];
+    error?: string;
+    count: number;
+};
+export declare const NOTION_SERVICE_TOKEN: InjectionToken<NotionAbstractService>;
+export declare abstract class NotionAbstractService {
+    abstract getDBAvailible(): Promise<NotionDBResponse>;
+    abstract getPagesAvailable(): Promise<NotionPageResponse>;
+    abstract createNotionPage(card: any): Promise<{
+        success: boolean;
+        error: string;
+        page: any;
+    }>;
+    abstract getPageInSpecificFormat(pageId: string, format: NotionExportType): Promise<any>;
+}
+export declare function provideNotionService(serviceImplementation: Type<NotionAbstractService>): Provider[];
+export declare enum NotionExportType {
+    HTML = "html",
+    MARKDOWN = "markdown",
+    PLAIN_TEXT = "plain_text",
+    SIMPLE_BLOCKS = "simple_blocks"
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@dataclouder/ngx-lessons",
+  "version": "0.0.26",
+  "peerDependencies": {
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0",
+    "@angular/cdk": ">=18.0.0",
+    "@dataclouder/ngx-core": ">=0.0.1",
+    "@dataclouder/ngx-cloud-storage": ">=0.0.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependenciesMeta": {
+    "@dataclouder/ngx-core": {
+      "optional": true
+    },
+    "@dataclouder/ngx-cloud-storage": {
+      "optional": true
+    }
+  },
+  "sideEffects": false,
+  "module": "fesm2022/dataclouder-ngx-lessons.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/dataclouder-ngx-lessons.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,17 @@
+export * from './lib/models/lessons.pipes';
+export * from './lib/models/notion.models';
+export * from './lib/components/dc-lessons/lesson-list/dc-lesson-list.component';
+export * from './lib/components/dc-lessons/lesson-form/lesson-form.component';
+export * from './lib/components/dc-lessons/dc-lesson-editor/dc-lesson-editor.component';
+export * from './lib/components/dc-lessons/dc-lesson-card/dc-lesson-card.component';
+export * from './lib/components/dc-lessons/dc-lesson-renderer/dc-lesson-renderer.component';
+export * from './lib/components/lesson-mini-components/components/ComponentWithForm';
+export * from './lib/components/lesson-mini-components/components/lesson-dynamic.component';
+export * from './lib/components/lesson-mini-components/components/lessons.clases';
+export * from './lib/components/lesson-mini-components/components/ComponentBuilder';
+export * from './lib/components/lesson-mini-components/components/text-writer/text-writer-buider/text-writer-buider.component';
+export * from './lib/components/lesson-mini-components/components/text-writer/text-writer.component';
+export * from './lib/components/lesson-mini-components/components/selector/selector-builder/selector-builder.component';
+export * from './lib/components/lesson-mini-components/components/selector/selector.component';
+export * from './lib/components/lesson-mini-components/components/translationSwitcher/translationSwitcher.component';
+export * from './lib/components/lesson-mini-components/components/translationSwitcher/translationSwitcherBuilder/translationSwitcherBuilder.component';

package/src/lib/components/dc-lessons/dc-lesson-card/dc-lesson-card.component.html

@@ -0,0 +1,44 @@
+<div class="card-container">
+  <p-speeddial
+    class="dial-button"
+    [model]="items"
+    [radius]="70"
+    type="quarter-circle"
+    direction="down-left"
+    [buttonProps]="{ severity: 'primary', rounded: true, outlined: true, raised: true }" />
+
+  <div class="blog-card">
+    <div class="meta">
+      <div class="photo" [style.backgroundImage]="'url(' + coverUrl + ')'"></div>
+      <ul class="details">
+        <li class="author">
+          <a>{{ lesson.authorEmail }}</a>
+        </li>
+        <li class="date">{{ lesson.createdDate | date : 'dd/MM/yyyy' }}</li>
+        <li class="tags">
+          <ul>
+            <li *ngFor="let tag of lesson.tags">
+              <a>{{ tag }}</a>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+
+    <div class="description">
+      <h1>{{ lesson.title }}</h1>
+      <p>{{ lesson.description }}</p>
+      <div class="card-footer">
+        <div class="status-tags">
+          <span class="level-tag">Nivel {{ lesson.level }}</span>
+          <span *ngIf="lesson.taken?.status == 'passed'" class="status-tag success">Tomada</span>
+          <span *ngIf="lesson.taken?.status == 'failed'" class="status-tag danger">Fallida</span>
+        </div>
+
+        <div class="actions">
+          <p-button label="Tomar lección" (onClick)="eventCard(eventType.Take)" severity="primary"> </p-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package/src/lib/components/dc-lessons/dc-lesson-card/dc-lesson-card.component.scss

@@ -0,0 +1,235 @@
+.card-container {
+  position: relative;
+}
+
+.dial-button{
+  position: absolute; top: 10px; right: 20px;
+  z-index: 10;
+  
+}
+
+.blog-card {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  background: #fff;
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 12px;
+
+  box-shadow: 0 0 20px var(--primary-color);
+  margin: 1rem;
+  overflow: hidden;
+  transition: all 0.3s ease;
+  
+  &:hover {
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+    transform: translateY(-2px);
+
+    &:before {
+      opacity: 1;
+      box-shadow: 0 0 15px var(--blue-color);
+    }
+  }
+
+  .meta {
+    position: relative;
+    flex: 1;
+    max-width: 300px;
+    
+    .photo {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      background-size: cover;
+      background-position: center;
+      
+      &::before {
+        content: "";
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        background: rgba(0, 0, 0, 0.3);
+      }
+    }
+
+    .details {
+      position: relative;
+      z-index: 1;
+      list-style: none;
+      padding: 1rem;
+      color: #fff;
+      
+      li {
+        margin-bottom: 0.5rem;
+        
+        &.author a {
+          color: #fff;
+          font-weight: bold;
+        }
+        
+        &.date {
+          font-size: 0.9rem;
+          opacity: 0.8;
+        }
+        
+        &.tags ul {
+          list-style: none;
+          padding: 0;
+          display: flex;
+          flex-wrap: wrap;
+          gap: 0.5rem;
+          
+          li a {
+            color: #fff;
+            font-size: 0.8rem;
+            opacity: 0.8;
+          }
+        }
+      }
+    }
+  }
+
+  .description {
+    flex: 2;
+    padding: 1.5rem;
+    background: #fff;
+    
+    h1 {
+      margin: 0 0 1rem;
+      font-size: 1.5rem;
+      color: #333;
+    }
+    
+    p {
+      color: #666;
+      line-height: 1.5;
+      margin-bottom: 1rem;
+    }
+
+    .card-footer {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 1rem;
+      
+      .status-tags {
+        display: flex;
+        gap: 0.5rem;
+        
+        .level-tag {
+          background: #e0e7ff;
+          color: #4338ca;
+          padding: 0.3rem 0.8rem;
+          border-radius: 4px;
+          font-size: 0.9rem;
+        }
+        
+        .status-tag {
+          padding: 0.3rem 0.8rem;
+          border-radius: 4px;
+          font-size: 0.9rem;
+          
+          &.success {
+            background: #dcfce7;
+            color: #166534;
+          }
+          
+          &.danger {
+            background: #fee2e2;
+            color: #991b1b;
+          }
+        }
+      }
+
+      .actions {
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        
+        .admin-actions {
+          display: flex;
+          gap: 0.5rem;
+          
+          .icon-button {
+            background: none;
+            border: none;
+            padding: 0.5rem;
+            cursor: pointer;
+            border-radius: 4px;
+            transition: background 0.2s;
+            
+            &.edit {
+              color: #4338ca;
+              &:hover { background: #e0e7ff; }
+            }
+            
+            &.delete {
+              color: #dc2626;
+              &:hover { background: #fee2e2; }
+            }
+          }
+        }
+
+        .take-lesson {
+          background: #4338ca;
+          color: white;
+          border: none;
+          padding: 0.5rem 1rem;
+          border-radius: 4px;
+          cursor: pointer;
+          transition: background 0.2s;
+          
+          &:hover {
+            background: #3730a3;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  .blog-card {
+    flex-direction: column;
+    
+    .meta {
+      max-width: 100%;
+      min-height: 200px;
+    }
+  }
+}
+
+span[class^="p-"] {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  z-index: 30;
+}
+
+.blog-card.glow-effect {
+  &:before {
+    content: '';
+    position: absolute;
+    top: -5px;
+    left: -5px;
+    right: -5px;
+    bottom: -5px;
+    border-radius: 12px;
+    background: rgba(255, 255, 255, 0.1);
+    z-index: -2;
+    transition: all 0.3s ease;
+    opacity: 0.5;
+    box-shadow: 0 0 45px rgba(0, 123, 255, 0.689);
+  }
+
+  &:hover:before {
+    opacity: 1;
+    box-shadow: 0 0 60px rgba(0, 123, 255, 0.8);
+  }
+}