docs: configurando deploy via ssh para angular

src/app/shared/menssages/menssage-information/menssage-information.component.html

@@ -0,0 +1,16 @@
+<kendo-dialog *ngIf="opened" (close)="onDialogClose()">
+  <kendo-dialog-titlebar>
+    <div style="font-size: 18px; line-height: 1.3em;">
+      <span class="k-icon k-i-information"></span> {{title}}
+    </div>
+  </kendo-dialog-titlebar>
+  <p style="margin: 30px; text-align: center;">
+    {{menssage}}
+  </p>
+
+  <kendo-dialog-actions [layout]="actionsLayout">
+    <button kendoButton (click)="onDialogClose()" primary="true">
+      Ok
+    </button>
+  </kendo-dialog-actions>
+</kendo-dialog>

src/app/shared/menssages/menssage-information/menssage-information.component.scss

@@ -0,0 +1 @@
+.k-dialog-close { display: none; }

src/app/shared/menssages/menssage-information/menssage-information.component.spec.ts

@@ -0,0 +1,28 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { MenssageInformationComponent } from './menssage-information.component';
+
+describe('MenssageInformationComponent', () => {
+  let component: MenssageInformationComponent;
+  let fixture: ComponentFixture<MenssageInformationComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MenssageInformationComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MenssageInformationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/shared/menssages/menssage-information/menssage-information.component.ts

@@ -0,0 +1,25 @@
+import { Component, Input, OnInit, TemplateRef } from '@angular/core';
+import { ActionsLayout, DialogService } from '@progress/kendo-angular-dialog';
+
+@Component({
+  selector: 'app-menssage-information',
+  templateUrl: './menssage-information.component.html',
+  styleUrls: ['./menssage-information.component.scss']
+})
+export class MenssageInformationComponent implements OnInit {
+
+  @Input() title: string;
+  @Input() menssage: string;
+  constructor(private dialogService: DialogService) { }
+
+  public opened = true;
+  public actionsLayout: ActionsLayout = 'normal';
+
+  public onDialogClose() {
+    this.opened = false;
+  }
+
+  ngOnInit() {
+  }
+
+}

src/app/shared/menssages/message-error/message-error.component.html

@@ -0,0 +1,14 @@
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-12">
+      <img src="assets/img/Error500.png" alt="Error 500">
+    </div>
+    <div class="col-12 text-center">
+      {{status}}
+    </div>
+    <div class="col-12 text-center">
+      {{message}}
+    </div>
+
+  </div>
+</div>

src/app/shared/menssages/message-error/message-error.component.scss

@@ -0,0 +1,4 @@
+img {
+  width: 350px;
+  height: 350px;
+}

src/app/shared/menssages/message-error/message-error.component.spec.ts

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

src/app/shared/menssages/message-error/message-error.component.ts

@@ -0,0 +1,17 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-message-error',
+  templateUrl: './message-error.component.html',
+  styleUrls: ['./message-error.component.scss']
+})
+export class MessageErrorComponent implements OnInit {
+  @Input() public message: string;
+  @Input() public status: number;
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/shared/menssages/message-failure/message-failure.component.html

@@ -0,0 +1,12 @@
+<div class="container py-4">
+  <div class="row">
+    <!-- Ícone de erro -->
+    <div class="col-12 text-center mb-3">
+      <img src="assets/img/cancel.png" alt="Erro" class="error-icon">
+    </div>
+    <!-- Mensagem de erro -->
+    <div class="col-12 text-center">
+      <p class="error-message">{{ message }}</p>
+    </div>
+  </div>
+</div>

src/app/shared/menssages/message-failure/message-failure.component.scss

@@ -0,0 +1,4 @@
+img {
+  width: 50px;
+  height: 50px;
+}

src/app/shared/menssages/message-failure/message-failure.component.spec.ts

@@ -0,0 +1,28 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { DebugElement } from '@angular/core';
+
+import { MessageFailureComponent } from './message-failure.component';
+
+describe('MessageFailureComponent', () => {
+  let component: MessageFailureComponent;
+  let fixture: ComponentFixture<MessageFailureComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MessageFailureComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MessageFailureComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/shared/menssages/message-failure/message-failure.component.ts

@@ -0,0 +1,14 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-message-failure',
+  templateUrl: './message-failure.component.html',
+  styleUrls: ['./message-failure.component.scss']
+})
+export class MessageFailureComponent implements OnInit {
+  @Input() public message: string = 'Ocorreu um erro inesperado.';
+
+  constructor() {}
+
+  ngOnInit(): void {}
+}