lib-common-angular 0.0.9 → 0.0.11

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

@@ -0,0 +1,51 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, OnInit } from '@angular/core';
+import { register } from 'swiper/element/bundle';
+import { TranslateService } from '@ngx-translate/core';
+import { CoreModuleLib } from '../../../../../../modulos/core.lib.module';
+import { CommonModule } from '@angular/common';
+import { BusinessDTO, ComponentesDTO, SliderDTO } from '@juliaosistem/core-dtos';
+
+ register();
+
+@Component({
+  selector: 'lib-slider1',
+  standalone: true,
+  imports: [CoreModuleLib,CommonModule],
+  templateUrl: './slider1.component.html',
+  styleUrl: './slider1.component.css',
+  schemas:[CUSTOM_ELEMENTS_SCHEMA]
+})
+export class Slider1Component implements OnInit {
+
+  @Input()
+  negocio :BusinessDTO | undefined;
+
+  componente:ComponentesDTO = {
+    id: 1,
+    nombreComponente: 'lib-slider1',
+    version: '1.0',
+  }
+
+  slides: SliderDTO[]=[];
+  
+  constructor( private translate: TranslateService,){
+
+  }
+  ngOnInit(): void {
+    this.validarComponente();
+  
+  }
+
+
+  validarComponente() {
+    if (this.negocio != undefined) {
+      this.negocio.businessModule.forEach(modulo => {
+        modulo.modulosComponentes.forEach(componente => {
+          if (componente.componente.sliderDTO && componente.id === this.componente.id) {
+            this.slides =componente.componente.sliderDTO;
+          }
+        });
+      });
+    }
+  }
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/pages/index1/index1.component.html

@@ -0,0 +1,13 @@
+ 
+ 
+  <lib-nav1 [negocio]="negocio" [lenguages]="langs">
+  </lib-nav1>
+  <lib-slider1 [negocio]="negocio"></lib-slider1>
+  <lib-services-section1 [negocio]="negocio">
+  </lib-services-section1>
+  
+  <lib-gallery-section1 ></lib-gallery-section1>
+
+  <lib-footer1  [negocio]="negocio">
+  </lib-footer1>
+ 

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/pages/index1/index1.component.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/componentes/pages/index1/index1.component.ts

@@ -0,0 +1,79 @@
+import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
+import { Component, Input } from '@angular/core';
+import { IonicModule, Platform } from '@ionic/angular';
+import { TranslateService } from '@ngx-translate/core';
+
+import { Nav1Component } from '../../molecules/nav1/nav1.component';
+import { Slider1Component } from '../../molecules/slider1/slider1.component';
+import { Footer1Component } from '../../molecules/footer1/footer1.component';
+import { ServicesSection1Component } from '../../molecules/services-section1/services-section1.component';
+import { GallerySection1Component } from '../../molecules/gallery-section1/gallery-section1.component';
+
+import { BusinessDTO } from '@juliaosistem/core-dtos';
+
+@Component({
+  selector: 'lib-index1',
+  standalone: true,
+  imports: [
+    IonicModule,
+    Nav1Component,
+    Slider1Component,
+    Footer1Component, 
+    ServicesSection1Component,
+    GallerySection1Component,
+  ],
+  templateUrl: './index1.component.html',
+  styleUrl: './index1.component.css',
+})
+export class Index1Component {
+    isMovile = false;
+  langs:string[]=[];
+
+
+
+  @Input()
+  negocio: BusinessDTO ={
+    businessModule: [],
+    telefono: ''
+  };
+
+ constructor(private platform: Platform, 
+  private breakpointObserver: BreakpointObserver,
+  private translate: TranslateService,
+) {
+    
+  this.configurarIdiomas()
+ }
+
+ ngOnInit(): void {
+    this.isMovile = this.platform.is('mobile');
+    this.checkScreenSize();
+ }
+
+ configurarIdiomas(){
+  this.langs = [...this.translate.getLangs()];
+  this.translate.addLangs(["es","en","de","pt"]);
+  const defualtBrowserLang = this.translate.getBrowserLang();
+  if(defualtBrowserLang) {
+     this.translate.use(defualtBrowserLang);
+  }else{
+       // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+       (this.negocio.lenguaje)
+          ? this.translate.use(this.negocio.lenguaje)
+          :this.translate.use("en")
+  }
+ }
+
+ 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/footer/footer.component.css

@@ -0,0 +1,24 @@
+.footer {
+    background-color: #f0f0f0;
+    padding: 10px;
+    text-align: center;
+    position: relative;
+    bottom: 0;
+    width: 85%;
+    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
+    z-index: 20;
+  }
+  
+  .footer p {
+    margin: 0;
+  }
+  
+  .footer a {
+    color: #007bff;
+    text-decoration: none;
+  }
+  
+  .footer a:hover {
+    text-decoration: underline;
+  }
+  

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

@@ -0,0 +1,4 @@
+<div class="footer">
+    <p>Contacto: <a href="mailto:{{ email }}">{{ email }}</a></p>
+  </div>
+  

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

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

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

@@ -0,0 +1,12 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'lib-footer',
+  standalone: true,
+  imports: [],
+  templateUrl: './footer.component.html',
+  styleUrl: './footer.component.css'
+})
+export class FooterComponent {
+  @Input() email: string = '';
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard1/menu/menu.component.css

@@ -0,0 +1,3 @@
+.container {
+    height: 100vh;
+  }

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

@@ -0,0 +1,23 @@
+<mat-sidenav-container class="container">
+    <mat-sidenav #sidenav mode="side" opened>
+      <mat-nav-list>
+        <a mat-list-item routerLink="/home">Home</a>
+        <a mat-list-item routerLink="/about">About</a>
+        <a mat-list-item routerLink="/contact">Contact</a>
+      </mat-nav-list>
+    </mat-sidenav>
+  
+    <mat-sidenav-content >
+      <mat-toolbar color="primary">
+        <button mat-icon-button (click)="sidenav.toggle()">
+          <mat-icon>menu</mat-icon>
+        </button>
+        <span>{{ appName }}</span>
+        <img  style="margin-left: 15%;" [src]="logoSrc" alt="Logo">
+      </mat-toolbar>
+      
+      <lib-body></lib-body>
+    
+    </mat-sidenav-content>
+  </mat-sidenav-container>
+  <lib-footer [email]="email"></lib-footer>

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

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

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

@@ -0,0 +1,18 @@
+import { Component, Input } from '@angular/core';
+import { CoreModuleLib } from '../../../../modulos/core.lib.module';
+import { BodyComponent } from '../body/body.component';
+import { FooterComponent } from '../footer/footer.component';
+
+@Component({
+  selector: 'lib-menu',
+  standalone: true,
+  imports: [CoreModuleLib,BodyComponent,FooterComponent],
+  templateUrl: './menu.component.html',
+  styleUrl: './menu.component.css'
+})
+export class MenuComponent {
+  @Input() appName: string = '';
+  @Input() logoSrc: string = '';
+  @Input() email: string = '';
+  
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/about2/about2.component.html

@@ -0,0 +1 @@
+<p>about2 works!</p>

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/about2/about2.component.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/about2/about2.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-about2',
+  standalone: true,
+  imports: [],
+  templateUrl: './about2.component.html',
+  styleUrl: './about2.component.css'
+})
+export class About2Component {
+
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/footer2/footer2.component.html

@@ -0,0 +1 @@
+<p>footer2 works!</p>

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/footer2/footer2.component.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/footer2/footer2.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-footer2',
+  standalone: true,
+  imports: [],
+  templateUrl: './footer2.component.html',
+  styleUrl: './footer2.component.css'
+})
+export class Footer2Component {
+
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/gallery2/gallery2.component.html

@@ -0,0 +1 @@
+<p>gallery2 works!</p>

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/gallery2/gallery2.component.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/gallery2/gallery2.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-gallery2',
+  standalone: true,
+  imports: [],
+  templateUrl: './gallery2.component.html',
+  styleUrl: './gallery2.component.css'
+})
+export class Gallery2Component {
+
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/header2/header2.component.css

@@ -0,0 +1,39 @@
+.header_section {
+    background: #ffffff;
+  }
+  
+  .container-fluid {
+    padding: 0;
+  }
+  
+  .spacer {
+    flex: 1 1 auto;
+  }
+  
+  .example-container {
+    height: 100%;
+    width: 100%;
+  }
+  
+  .example-icon {
+    display: none;
+  }
+  
+  @media (max-width: 600px) {
+    .example-icon {
+      display: block;
+    }
+  
+    mat-toolbar {
+      flex-direction: row;
+    }
+  
+    .spacer {
+      display: none;
+    }
+  
+    mat-sidenav {
+      width: 250px;
+    }
+  }
+  

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/header2/header2.component.html

@@ -0,0 +1,30 @@
+<header class="header_section">
+    <div class="container-fluid">
+      <mat-toolbar color="primary">
+        <a mat-button routerLink="/index">
+          <img src="assets/images/logo.png" alt="" style="height: 40px;">
+          <span style="color: #F25D27; margin-left: 10px;">
+            Dog Paradice
+          </span>
+        </a>
+        <span class="spacer"></span>
+        <button mat-icon-button class="example-icon" aria-label="Toggle sidenav" (click)="sidenav.toggle()">
+          <mat-icon>menu</mat-icon>
+        </button>
+      </mat-toolbar>
+  
+      <mat-sidenav-container class="example-container">
+        <mat-sidenav #sidenav mode="side" opened>
+          <mat-nav-list>
+            <a mat-list-item routerLink="/index">Lare</a>
+            <a mat-list-item routerLink="/service">Serviços</a>
+            <a mat-list-item href="https://w.app/DOGPARADICE" target="_blank">Contato</a>
+          </mat-nav-list>
+        </mat-sidenav>
+        <mat-sidenav-content>
+          <!-- This is where your main content goes -->
+        </mat-sidenav-content>
+      </mat-sidenav-container>
+    </div>
+  </header>
+  

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/header2/header2.component.spec.ts

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

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/header2/header2.component.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { CoreModuleLib } from '../../../../modulos/core.lib.module';
+
+@Component({
+  selector: 'lib-header2',
+  standalone: true,
+  imports: [CoreModuleLib],
+  templateUrl: './header2.component.html',
+  styleUrl: './header2.component.css'
+})
+export class Header2Component {
+
+}

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/index2/index2.component.html

@@ -0,0 +1,2 @@
+<lib-header2></lib-header2>
+<router-outlet></router-outlet>

package/projects/lib-common-angular/src/lib/componentes/daskboards/daskboard2/index2/index2.component.spec.ts

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