lib-common-angular 0.0.9 → 0.0.11

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/atoms/link1/link1.component.ts

@@ -0,0 +1,79 @@
+import { IonicModule } from '@ionic/angular';
+import { Component, Input, OnInit } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { TranslateService } from '@ngx-translate/core';
+import { Subscription } from 'rxjs';
+import { MenuDTO } from '@juliaosistem/core-dtos';
+
+@Component({
+  selector: 'app-link1',
+  templateUrl: './link1.component.html',
+  styleUrls: ['./link1.component.scss'],
+  standalone:true,
+  imports:[IonicModule ,RouterLink]
+})
+export class Link1Component  implements OnInit {
+
+  @Input()
+  menu: MenuDTO []  | undefined
+
+  private langChangeSubscription: Subscription | undefined;
+
+
+  constructor(private translate:TranslateService) { }
+
+  ngOnInit() {
+    console.log("menu antes de cargarlo",this.menu)
+    console.log("funciona")
+    this.loadMenu()
+    this.langChangeSubscription = this.translate.onLangChange.subscribe(() => {
+      this.updateMenuTranslations();
+    });
+    
+    console.log("menu Despues de loadMenu " , this.menu)
+  }
+
+  loadMenu() {
+    this.translate.get(['index', 'menu.servicios']).subscribe(translations => {
+     const defualtMenu: MenuDTO [] = [
+        {   id: '1', url: 'index',
+          icon: 'N/A',
+          itemName: translations['index'],
+          subItemName: '',
+          nameRol: ["USER", "ADMIN"]
+        },
+        { 
+          id: '2',
+          url: 'Servicios',
+          icon: 'N/A',
+          itemName: translations['menu.servicios'],
+          subItemName: '',
+          nameRol: ["USER", "ADMIN"]
+        }
+      ];
+
+     defualtMenu.forEach(e =>{ 
+      if(this.menu?.findIndex(i => e.id === i.id) === -1 )
+      this.menu?.push(e)
+       });
+    });
+  }
+
+  updateMenuTranslations(): void {
+ 
+    this.translate.get(['index', 'menu.servicios']).subscribe(translations => {
+      this.menu?.forEach(item => {
+        if (item.id === '1') {
+          item.itemName = translations['index'];
+        } else if (item.id === '2') {
+          item.itemName = translations['menu.servicios'];
+        }
+      });
+    });
+  }
+
+
+
+}
+
+

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/contenido-nav/contenido-nav.component.html

@@ -0,0 +1,40 @@
+
+  <!-- header section strats -->
+  <!-- <header class="header_section">
+    <div class="container-fluid">
+      <nav class="navbar navbar-expand-lg custom_nav-container ">
+        <a class="navbar-brand" routerLink="inicio">
+          <img [src]="negocio.bussinesDTO?.logo" alt="">
+          <span style="color: #F25D27;">
+           {{negocio.bussinesDTO?.nombreNegocio}} 
+          </span>
+        </a>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <div class="d-flex mx-auto flex-column flex-lg-row align-items-center">
+            <ul class="navbar-nav  ">
+              <lib-select-input1 [lenguages]="lenguages" class="nav-item"> </lib-select-input1>
+
+              <li class="nav-item active">
+                <a class="nav-link " [href]="negocio.bussinesDTO?.urlWhatssapp" target="_blank"> {{'menu.contact' | translate}}</a>
+              </li>
+              <app-link1 class="d-flex" [menu]="negocio.menu?.menuModel"></app-link1>
+            </ul>
+            <form class="form-inline my-2 my-lg-0 ml-0 ml-lg-4 mb-3 mb-lg-0">
+              <button class="btn  my-2 my-sm-0 nav" type="submit">
+               
+                <i class="bi bi-cart4"></i>
+                <span class="badge badge-danger">0</span>
+              </button>
+            </form>
+          </div>
+          <lib-button-call1 [negocio]="negocio"></lib-button-call1>
+        </div>
+      </nav>
+    </div>
+  </header> -->
+
+       <!-- <ion-router-outlet></ion-router-outlet> -->
+ 
+       
+
+

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/contenido-nav/contenido-nav.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { ContenidoNavComponent } from './contenido-nav.component';
+
+describe('ContenidoNavComponent', () => {
+  let component: ContenidoNavComponent;
+  let fixture: ComponentFixture<ContenidoNavComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ContenidoNavComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ContenidoNavComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/contenido-nav/contenido-nav.component.ts

@@ -0,0 +1,54 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+import { IonicModule } from '@ionic/angular';
+import { TranslateModule } from '@ngx-translate/core';
+import {BusinessDTO, ComponentesDTO} from '@juliaosistem/core-dtos'
+
+@Component({
+  selector: 'app-contenido-nav',
+  templateUrl: './contenido-nav.component.html',
+  styleUrls: ['./contenido-nav.component.scss'],
+  standalone: true,
+  imports:[IonicModule,TranslateModule]
+})
+export class ContenidoNavComponent  implements OnInit {
+
+
+  componente:ComponentesDTO = {
+    id: 4,
+    nombreComponente: 'app-contenido-nav',
+    version: '1.0',
+  }
+  
+  
+ 
+  @Input()
+   lenguages :string[]=[]
+
+  
+  @Input()
+   negocio : BusinessDTO  = {
+     businessModule: [],
+     telefono: ''
+   }  
+
+  constructor() {
+   if(this.negocio.urlWhatssapp)
+     this.negocio.urlWhatssapp = this.generarUrlWhatsapp(this.negocio);
+   }
+  
+  ngOnInit(): void {
+  }
+
+  generarUrlWhatsapp(bussines: BusinessDTO): string {
+    const numeroCompleto = `+${bussines.codigoPais}${bussines.telefono}`;
+    const mensajePredeterminado = encodeURIComponent(
+        `Hola, estoy interesado en sus servicios.` +
+        'estamos viendo su pagina web'
+    );
+
+    return `https://wa.me/${numeroCompleto}/?text=${mensajePredeterminado}`;
+}
+
+
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/footer1/footer1.component.html

@@ -0,0 +1,55 @@
+<section class="info_section layout_padding2">
+    <div class="container">
+      <div class="info_items">
+        <a href="">
+          <div class="item ">
+            <div class="img-box box-1">
+              <img src="" alt="">
+            </div>
+            <div class="detail-box">
+              <p>
+                {{negocio?.direccion}}
+              </p>
+            </div>
+          </div>
+        </a>
+        <a href="">
+          <div class="item ">
+            <div class="img-box box-2">
+              <img src="" alt="">
+            </div>
+            <div class="detail-box">
+              <p>
+                <a style="color: white;" [href]="negocio?.urlWhatssapp" target="_blank" rel="noopener noreferrer">
+                  +{{negocio?.codigoPais}}  {{negocio?.telefono}}
+                </a>
+                
+              </p>
+            </div>
+          </div>
+        </a>
+        <a href="">
+          <div class="item ">
+            <div class="img-box box-3">
+              <img src="" alt="">
+            </div>
+            <div class="detail-box">
+              <p>
+                {{negocio?.email}}
+              </p>
+            </div>
+          </div>
+        </a>
+      </div>
+    </div>
+  </section>
+
+  <!-- end info_section -->
+
+  <!-- footer section -->
+  <section class="container-fluid footer_section">
+    <p>
+      &copy; {{Year}}  All Rights Reserved By Juliao Sistem 
+    </p>
+  </section>
+  <!-- footer section -->

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/footer1/footer1.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Footer1Component } from './footer1.component';
+
+describe('Footer1Component', () => {
+  let component: Footer1Component;
+  let fixture: ComponentFixture<Footer1Component>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Footer1Component]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Footer1Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/footer1/footer1.component.ts

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import { BusinessDTO, ComponentesDTO } from '@juliaosistem/core-dtos';
+
+@Component({
+  selector: 'lib-footer1',
+  standalone: true,
+  imports: [],
+  templateUrl: './footer1.component.html',
+  styleUrl: './footer1.component.css'
+})
+export class Footer1Component {
+
+  @Input()
+  negocio: BusinessDTO | undefined  ;
+  Year:string =  new Date().getFullYear().toString()
+
+  componente:ComponentesDTO = {
+      id: 7,
+      nombreComponente: 'lib-footer1',
+      version: '1.0',
+    }
+
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/gallery-section1/gallery-section1.component.html

@@ -0,0 +1,14 @@
+  <section class="gallery-section layout_padding">
+    <div class="container">
+      <h2>
+        {{'Our-Gallery' | translate}}
+      </h2>
+    </div>
+    <div class="container ">
+      @for (img of imagenes; track $index) {
+        <div [ngClass]="'img_box box-' + ($index)">
+          <img [src]="img.url?img.url:'images/g-1.png'" [alt]="img.alt">
+        </div>
+      }
+    </div>
+  </section>

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/gallery-section1/gallery-section1.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GallerySection1Component } from './gallery-section1.component';
+
+describe('GallerySection1Component', () => {
+  let component: GallerySection1Component;
+  let fixture: ComponentFixture<GallerySection1Component>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [GallerySection1Component]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(GallerySection1Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/gallery-section1/gallery-section1.component.ts

@@ -0,0 +1,38 @@
+import { ComponentServicesService } from '../../../../../shared/services/component-services.service'
+import { CoreModuleLib } from '../../../../../../modulos/core.lib.module';
+import { Component, Input, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ComponentesDTO, ImagenDTO } from '@juliaosistem/core-dtos';
+
+@Component({
+  selector: 'lib-gallery-section1',
+  standalone: true,
+  imports: [CoreModuleLib,CommonModule],
+  templateUrl: './gallery-section1.component.html',
+  styleUrl: './gallery-section1.component.css'
+})
+export class GallerySection1Component implements OnInit {
+  @Input()
+  imagenes :ImagenDTO[] | undefined
+
+  componente:ComponentesDTO = {
+    id: 5,
+    nombreComponente: 'lib-gallery-section1',
+    version: '1.0',
+  }
+
+
+  constructor(private compSvc:ComponentServicesService){
+    
+  }
+  ngOnInit(): void {
+    /* let imgs
+     if(this.imagenes != undefined && this.imagenes.length !=0 ){
+
+      imgs = this.compSvc.findImagenesByIdComponent(this.imagenes ,this.componente.id);
+     } */
+  }
+  
+
+
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/nav1/nav1.component.html

@@ -0,0 +1,24 @@
+  
+  @if(isMovile){
+    <ng-container>
+      <ion-menu side="end" contentId="main-content">
+    <ion-content class="ion-padding">This is the menu content
+     
+    </ion-content>
+  </ion-menu>
+  <div class="ion-page" id="main-content">
+    <ion-header>
+      <ion-toolbar>
+        <ion-buttons slot="end">
+          <ion-menu-button></ion-menu-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+  </div>
+</ng-container>
+  }@else{
+     
+
+      <app-contenido-nav  [negocio]="negocio" [lenguages]="lenguages" ></app-contenido-nav>
+     
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/nav1/nav1.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Nav1Component } from './nav1.component';
+
+describe('Nav1Component', () => {
+  let component: Nav1Component;
+  let fixture: ComponentFixture<Nav1Component>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Nav1Component]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Nav1Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/nav1/nav1.component.ts

@@ -0,0 +1,56 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { IonicModule, Platform } from '@ionic/angular';
+import { ContenidoNavComponent } from '../contenido-nav/contenido-nav.component';
+import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
+import { BusinessDTO, ComponentesDTO } from '@juliaosistem/core-dtos';
+import { StyleClassModule } from 'primeng/styleclass';
+
+@Component({
+  selector: 'lib-nav1',
+  standalone: true,
+  imports: [IonicModule, ContenidoNavComponent,StyleClassModule],
+  templateUrl: './nav1.component.html',
+  styleUrl: './nav1.component.css'
+})
+export class Nav1Component implements OnInit {
+  isMovile = false;
+
+  @Input()
+  lenguages :string[] = [];
+
+  @Input()
+   negocio : BusinessDTO  = {
+     businessModule: [],
+     telefono: ''
+   }
+
+  
+   componente:ComponentesDTO = {
+    id: 3,
+    nombreComponente: 'lib-nav1',
+    version: '1.0',
+  }
+  
+ constructor(private platform: Platform, private breakpointObserver: BreakpointObserver) {
+ }
+
+ ngOnInit(): void {
+    this.isMovile = this.platform.is('mobile');
+    this.checkScreenSize();
+ }
+
+
+ checkScreenSize() {
+   this.breakpointObserver.observe([
+     Breakpoints.Handset, 
+     Breakpoints.Small
+   ]).subscribe(result => {
+     if (result.matches) {
+       this.isMovile = true;
+     } else {
+       this.isMovile = false;
+     }
+   });
+ }
+
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/services-section1/services-section1.component.html

@@ -0,0 +1,23 @@
+ <!-- service section -->
+ <section class="service_section layout_padding">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-md-6 offset-md-2">
+          <h2 class="custom_heading">
+           {{'Our' | translate}}<span>{{'menu.servicios' | translate}}</span>
+          </h2>
+          <lib-layout-services1 [negocio] = "negocio"></lib-layout-services1>
+          <div>
+            <a [href]=negocio.urlWhatssapp target="_blank">
+              {{'menu.contact' | translate}}
+            </a>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <img src="images/tool.png" alt="" class="w-100">
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- end service section -->

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/services-section1/services-section1.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ServicesSection1Component } from './services-section1.component';
+
+describe('ServicesSection1Component', () => {
+  let component: ServicesSection1Component;
+  let fixture: ComponentFixture<ServicesSection1Component>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ServicesSection1Component]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ServicesSection1Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/services-section1/services-section1.component.ts

@@ -0,0 +1,27 @@
+import { Component, Input } from '@angular/core';
+import { LayoutServices1Component } from '../../atoms/layout-services1/layout-services1.component';
+import { CoreModuleLib } from '../../../../../../modulos/core.lib.module';
+import { BusinessDTO, ComponentesDTO } from '@juliaosistem/core-dtos';
+
+@Component({
+  selector: 'lib-services-section1',
+  standalone: true,
+  imports: [LayoutServices1Component,CoreModuleLib],
+  templateUrl: './services-section1.component.html',
+  styleUrl: './services-section1.component.css'
+})
+export class ServicesSection1Component {
+
+  componente:ComponentesDTO = {
+    id: 2,
+    nombreComponente: 'lib-services-section1',
+    version: '1.0',
+  }
+
+  @Input()
+  negocio : BusinessDTO  = {
+    businessModule: [],
+    telefono: ''
+  };
+  }  
+

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/slider1/slider1.component.html

@@ -0,0 +1,58 @@
+    <!-- slider section -->
+    <section class=" slider_section position-relative">
+    
+      <swiper-container
+       autoplay="true"  pagination="true"
+       navigation="true"  slides-per-view="1" 
+       speed="300" loop="true" css-mode="true">
+       @for(slide of slides; track slide.id){
+        <swiper-slide lazy="true">
+
+          <div class="container-fluid">
+            <div class="row">
+              <div class="col-md-4 offset-md-2">
+                <div class="slider_detail-box">
+                  @if(slide.titulo ){
+                  <h1>
+                    {{slide.titulo | translate}}
+                    @if(slide.subTitulo ){
+                    <span>
+                      {{slide.subTitulo | translate}}
+                    </span>
+                  }
+                  </h1>
+                }
+                  @if(slide.descripcion ){
+                  <p>
+                   
+                    {{slide.descripcion | translate}}
+                  </p>
+                }
+                  <div class="btn-box">
+                    <a [href]="negocio?.urlWhatssapp" target="_blank" class="btn-2">
+                      {{'menu.contact' | translate}}
+                    </a>
+                  </div>
+                </div>
+              </div>
+
+              <div class="col-md-6">
+                <div class="slider_img-box">
+                  
+                  <img [src]="slide?.imagen ? slide.imagen?.url : '../../../imagenes/slider-img.png'"
+                  [alt]="slide?.imagen?.alt ? slide.imagen?.alt : ''">
+                </div>
+              </div>
+            </div>
+          </div>
+      
+      </swiper-slide>
+       }@empty {
+<h1>no hay imagnes {{this.slides | json}}</h1>
+       }
+  
+  
+      </swiper-container>
+      </section>
+      <!-- end slider section -->
+     

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/molecules/slider1/slider1.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Slider1Component } from './slider1.component';
+
+describe('Slider1Component', () => {
+  let component: Slider1Component;
+  let fixture: ComponentFixture<Slider1Component>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Slider1Component]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Slider1Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});