From 36fd0ae9a87eac6dd5b8f0b0dbca91dbd9853b0e Mon Sep 17 00:00:00 2001 From: Jeferson Lima Date: Wed, 23 Sep 2020 00:56:56 +0000 Subject: [PATCH 1/2] Fully automate dev setup with Gitpod This commit implements a fully-automated development setup using Gitpod.io, an online IDE for GitHub and GitLab that enables Dev-Environments-As-Code. This makes it easy for anyone to get a ready-to-code workspace for any branch, issue or pull request almost instantly with a single click. --- .gitpod.Dockerfile | 7 +++++++ .gitpod.yml | 6 ++++++ README.md | 2 ++ 3 files changed, 15 insertions(+) create mode 100644 .gitpod.Dockerfile create mode 100644 .gitpod.yml diff --git a/.gitpod.Dockerfile b/.gitpod.Dockerfile new file mode 100644 index 0000000..f8e49f2 --- /dev/null +++ b/.gitpod.Dockerfile @@ -0,0 +1,7 @@ +FROM gitpod/workspace-full + +# Install custom tools, runtimes, etc. +# For example "bastet", a command-line tetris clone: +# RUN brew install bastet +# +# More information: https://www.gitpod.io/docs/config-docker/ diff --git a/.gitpod.yml b/.gitpod.yml new file mode 100644 index 0000000..d35c443 --- /dev/null +++ b/.gitpod.yml @@ -0,0 +1,6 @@ +image: + file: .gitpod.Dockerfile + +tasks: + - init: npm install && npm run build + command: npm run start diff --git a/README.md b/README.md index 4310461..1c56431 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ +[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/staticwebdev/angular-basic) + # AngularBasic This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.1. From 98cfbae29287c3d8b0b108ab5e39f615e6b88880 Mon Sep 17 00:00:00 2001 From: Jeferson Lima Date: Wed, 23 Sep 2020 05:06:07 +0000 Subject: [PATCH 2/2] Estudo --- .theia/launch.json | 1 + README.md | 6 +- angular.json | 246 ++++++++++-------- package.json | 4 +- src/app/app.component.html | 17 ++ src/app/app.component.ts | 5 +- src/app/app.module.ts | 10 +- .../advantages/advantages.component.html | 1 + .../advantages/advantages.component.scss | 3 + .../advantages/advantages.component.spec.ts | 25 ++ .../advantages/advantages.component.ts | 15 ++ .../contact-us/contact-us.component.html | 1 + .../contact-us/contact-us.component.scss | 3 + .../contact-us/contact-us.component.spec.ts | 25 ++ .../contact-us/contact-us.component.ts | 15 ++ .../covid-alert/covid-alert.component.html | 1 + .../covid-alert/covid-alert.component.scss | 3 + .../covid-alert/covid-alert.component.spec.ts | 25 ++ .../covid-alert/covid-alert.component.ts | 15 ++ .../functions/functions.component.html | 1 + .../functions/functions.component.scss | 3 + .../functions/functions.component.spec.ts | 25 ++ .../segments/functions/functions.component.ts | 15 ++ .../home-footer/home-footer.component.html | 1 + .../home-footer/home-footer.component.scss | 3 + .../home-footer/home-footer.component.spec.ts | 25 ++ .../home-footer/home-footer.component.ts | 15 ++ .../home-header/home-header.component.html | 43 +++ .../home-header/home-header.component.scss | 52 ++++ .../home-header/home-header.component.spec.ts | 25 ++ .../home-header/home-header.component.ts | 15 ++ src/assets/images/logo.svg | 6 + src/assets/routes.json | 9 - src/environments/environment.prod.ts | 3 +- src/environments/environment.ts | 3 +- src/styles.css | 0 src/styles.scss | 15 ++ todo.txt | 7 + 38 files changed, 554 insertions(+), 133 deletions(-) create mode 100644 .theia/launch.json create mode 100644 src/app/app.component.html create mode 100644 src/app/segments/advantages/advantages.component.html create mode 100644 src/app/segments/advantages/advantages.component.scss create mode 100644 src/app/segments/advantages/advantages.component.spec.ts create mode 100644 src/app/segments/advantages/advantages.component.ts create mode 100644 src/app/segments/contact-us/contact-us.component.html create mode 100644 src/app/segments/contact-us/contact-us.component.scss create mode 100644 src/app/segments/contact-us/contact-us.component.spec.ts create mode 100644 src/app/segments/contact-us/contact-us.component.ts create mode 100644 src/app/segments/covid-alert/covid-alert.component.html create mode 100644 src/app/segments/covid-alert/covid-alert.component.scss create mode 100644 src/app/segments/covid-alert/covid-alert.component.spec.ts create mode 100644 src/app/segments/covid-alert/covid-alert.component.ts create mode 100644 src/app/segments/functions/functions.component.html create mode 100644 src/app/segments/functions/functions.component.scss create mode 100644 src/app/segments/functions/functions.component.spec.ts create mode 100644 src/app/segments/functions/functions.component.ts create mode 100644 src/app/segments/home-footer/home-footer.component.html create mode 100644 src/app/segments/home-footer/home-footer.component.scss create mode 100644 src/app/segments/home-footer/home-footer.component.spec.ts create mode 100644 src/app/segments/home-footer/home-footer.component.ts create mode 100644 src/app/segments/home-header/home-header.component.html create mode 100644 src/app/segments/home-header/home-header.component.scss create mode 100644 src/app/segments/home-header/home-header.component.spec.ts create mode 100644 src/app/segments/home-header/home-header.component.ts create mode 100644 src/assets/images/logo.svg delete mode 100644 src/assets/routes.json delete mode 100644 src/styles.css create mode 100644 src/styles.scss create mode 100644 todo.txt diff --git a/.theia/launch.json b/.theia/launch.json new file mode 100644 index 0000000..0967ef4 --- /dev/null +++ b/.theia/launch.json @@ -0,0 +1 @@ +{} diff --git a/README.md b/README.md index 1c56431..2e7a0fc 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ -[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/staticwebdev/angular-basic) - -# AngularBasic +[![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/staticwebdev/angular-basic) +# AngularBasic +//passei aqui oi This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.0.1. ## Development server diff --git a/angular.json b/angular.json index ba9bbfa..56d847e 100644 --- a/angular.json +++ b/angular.json @@ -1,113 +1,133 @@ -{ - "$schema": "./node_modules/@angular/cli/lib/config/schema.json", - "version": 1, - "newProjectRoot": "projects", - "projects": { - "angular-basic": { - "projectType": "application", - "schematics": {}, - "root": "", - "sourceRoot": "src", - "prefix": "app", - "architect": { - "build": { - "builder": "@angular-devkit/build-angular:browser", - "options": { - "outputPath": "dist/angular-basic", - "index": "src/index.html", - "main": "src/main.ts", - "polyfills": "src/polyfills.ts", - "tsConfig": "tsconfig.app.json", - "aot": true, - "assets": ["src/favicon.ico", "src/assets"], - "styles": ["src/styles.css"], - "scripts": [] - }, - "configurations": { - "production": { - "fileReplacements": [ - { - "replace": "src/environments/environment.ts", - "with": "src/environments/environment.prod.ts" - } - ], - "optimization": true, - "outputHashing": "all", - "sourceMap": false, - "extractCss": true, - "namedChunks": false, - "extractLicenses": true, - "vendorChunk": false, - "buildOptimizer": true, - "budgets": [ - { - "type": "initial", - "maximumWarning": "2mb", - "maximumError": "5mb" - }, - { - "type": "anyComponentStyle", - "maximumWarning": "6kb", - "maximumError": "10kb" - } - ] - } - } - }, - "serve": { - "builder": "@angular-devkit/build-angular:dev-server", - "options": { - "browserTarget": "angular-basic:build" - }, - "configurations": { - "production": { - "browserTarget": "angular-basic:build:production" - } - } - }, - "extract-i18n": { - "builder": "@angular-devkit/build-angular:extract-i18n", - "options": { - "browserTarget": "angular-basic:build" - } - }, - "test": { - "builder": "@angular-devkit/build-angular:karma", - "options": { - "main": "src/test.ts", - "polyfills": "src/polyfills.ts", - "tsConfig": "tsconfig.spec.json", - "karmaConfig": "karma.conf.js", - "assets": ["src/favicon.ico", "src/assets"], - "styles": ["src/styles.css"], - "scripts": [] - } - }, - "lint": { - "builder": "@angular-devkit/build-angular:tslint", - "options": { - "tsConfig": [ - "tsconfig.app.json", - "tsconfig.spec.json", - "e2e/tsconfig.json" - ], - "exclude": ["**/node_modules/**"] - } - }, - "e2e": { - "builder": "@angular-devkit/build-angular:protractor", - "options": { - "protractorConfig": "e2e/protractor.conf.js", - "devServerTarget": "angular-basic:serve" - }, - "configurations": { - "production": { - "devServerTarget": "angular-basic:serve:production" - } - } - } - } - } - }, - "defaultProject": "angular-basic" -} +{ + "$schema": "./node_modules/@angular/cli/lib/config/schema.json", + "version": 1, + "newProjectRoot": "projects", + "projects": { + "angular-basic": { + "projectType": "application", + "schematics": {}, + "root": "", + "sourceRoot": "src", + "prefix": "app", + "architect": { + "build": { + "builder": "@angular-devkit/build-angular:browser", + "options": { + "outputPath": "dist/angular-basic", + "index": "src/index.html", + "main": "src/main.ts", + "polyfills": "src/polyfills.ts", + "tsConfig": "tsconfig.app.json", + "aot": true, + "assets": [ + "src/favicon.ico", + "src/assets" + ], + "styles": [ + "src/styles.scss" + ], + "scripts": [] + }, + "configurations": { + "production": { + "fileReplacements": [ + { + "replace": "src/environments/environment.ts", + "with": "src/environments/environment.prod.ts" + } + ], + "optimization": true, + "outputHashing": "all", + "sourceMap": false, + "extractCss": true, + "namedChunks": false, + "extractLicenses": true, + "vendorChunk": false, + "buildOptimizer": true, + "budgets": [ + { + "type": "initial", + "maximumWarning": "2mb", + "maximumError": "5mb" + }, + { + "type": "anyComponentStyle", + "maximumWarning": "6kb", + "maximumError": "10kb" + } + ] + } + } + }, + "serve": { + "builder": "@angular-devkit/build-angular:dev-server", + "options": { + "browserTarget": "angular-basic:build" + }, + "configurations": { + "production": { + "browserTarget": "angular-basic:build:production" + } + } + }, + "extract-i18n": { + "builder": "@angular-devkit/build-angular:extract-i18n", + "options": { + "browserTarget": "angular-basic:build" + } + }, + "test": { + "builder": "@angular-devkit/build-angular:karma", + "options": { + "main": "src/test.ts", + "polyfills": "src/polyfills.ts", + "tsConfig": "tsconfig.spec.json", + "karmaConfig": "karma.conf.js", + "assets": [ + "src/favicon.ico", + "src/assets" + ], + "styles": [ + "src/styles.scss" + ], + "scripts": [] + } + }, + "lint": { + "builder": "@angular-devkit/build-angular:tslint", + "options": { + "tsConfig": [ + "tsconfig.app.json", + "tsconfig.spec.json", + "e2e/tsconfig.json" + ], + "exclude": [ + "**/node_modules/**" + ] + } + }, + "e2e": { + "builder": "@angular-devkit/build-angular:protractor", + "options": { + "protractorConfig": "e2e/protractor.conf.js", + "devServerTarget": "angular-basic:serve" + }, + "configurations": { + "production": { + "devServerTarget": "angular-basic:serve:production" + } + } + } + } + } + }, + "defaultProject": "angular-basic", + "cli": { + "analytics": "7e911fcc-b8f6-4714-bceb-7c5e4332ea75" + }, + "schematics": { + "@schematics/angular:component": { + "styleext": "scss" + } + } +} diff --git a/package.json b/package.json index 2723809..2a0e572 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "version": "0.0.0", "scripts": { "ng": "ng", - "start": "ng serve", + "start": "ng serve --disable-host-check --host 0.0.0.0", "build": "ng build --prod", "test": "ng test", "lint": "ng lint", @@ -44,4 +44,4 @@ "tslint": "~5.18.0", "typescript": "~3.7.5" } -} \ No newline at end of file +} diff --git a/src/app/app.component.html b/src/app/app.component.html new file mode 100644 index 0000000..d234a1d --- /dev/null +++ b/src/app/app.component.html @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 5e2ec6a..aa0707d 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,9 +1,10 @@ import { Component } from '@angular/core'; +import { environment } from 'src/environments/environment'; @Component({ selector: 'app-root', - template: `
Hello {{value}}
`, + templateUrl: 'app.component.html', }) export class AppComponent { - value = 'World'; + value = 'SISTEMA ' + environment.nome_sistema; } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 712f530..fcd7c06 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,10 +1,16 @@ import { BrowserModule } from "@angular/platform-browser"; import { NgModule } from "@angular/core"; -import { AppComponent } from "./app.component"; +import { AppComponent } from "./app.component"; +import { HomeHeaderComponent } from './segments/home-header/home-header.component'; +import { FunctionsComponent } from './segments/functions/functions.component'; +import { AdvantagesComponent } from './segments/advantages/advantages.component'; +import { CovidAlertComponent } from './segments/covid-alert/covid-alert.component'; +import { ContactUsComponent } from './segments/contact-us/contact-us.component'; +import { HomeFooterComponent } from './segments/home-footer/home-footer.component'; @NgModule({ - declarations: [AppComponent], + declarations: [AppComponent, HomeHeaderComponent, FunctionsComponent, AdvantagesComponent, CovidAlertComponent, ContactUsComponent, HomeFooterComponent], imports: [BrowserModule], bootstrap: [AppComponent] }) diff --git a/src/app/segments/advantages/advantages.component.html b/src/app/segments/advantages/advantages.component.html new file mode 100644 index 0000000..494d035 --- /dev/null +++ b/src/app/segments/advantages/advantages.component.html @@ -0,0 +1 @@ +
advantages
diff --git a/src/app/segments/advantages/advantages.component.scss b/src/app/segments/advantages/advantages.component.scss new file mode 100644 index 0000000..93b80af --- /dev/null +++ b/src/app/segments/advantages/advantages.component.scss @@ -0,0 +1,3 @@ +section{ + background: green; +} diff --git a/src/app/segments/advantages/advantages.component.spec.ts b/src/app/segments/advantages/advantages.component.spec.ts new file mode 100644 index 0000000..051ffcd --- /dev/null +++ b/src/app/segments/advantages/advantages.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AdvantagesComponent } from './advantages.component'; + +describe('AdvantagesComponent', () => { + let component: AdvantagesComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ AdvantagesComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AdvantagesComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/segments/advantages/advantages.component.ts b/src/app/segments/advantages/advantages.component.ts new file mode 100644 index 0000000..2cc0bf0 --- /dev/null +++ b/src/app/segments/advantages/advantages.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-advantages', + templateUrl: './advantages.component.html', + styleUrls: ['./advantages.component.scss'] +}) +export class AdvantagesComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/segments/contact-us/contact-us.component.html b/src/app/segments/contact-us/contact-us.component.html new file mode 100644 index 0000000..02355e0 --- /dev/null +++ b/src/app/segments/contact-us/contact-us.component.html @@ -0,0 +1 @@ +
contact
diff --git a/src/app/segments/contact-us/contact-us.component.scss b/src/app/segments/contact-us/contact-us.component.scss new file mode 100644 index 0000000..db2d4b6 --- /dev/null +++ b/src/app/segments/contact-us/contact-us.component.scss @@ -0,0 +1,3 @@ +section{ + background: purple; +} diff --git a/src/app/segments/contact-us/contact-us.component.spec.ts b/src/app/segments/contact-us/contact-us.component.spec.ts new file mode 100644 index 0000000..543a2f3 --- /dev/null +++ b/src/app/segments/contact-us/contact-us.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ContactUsComponent } from './contact-us.component'; + +describe('ContactUsComponent', () => { + let component: ContactUsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ContactUsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ContactUsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/segments/contact-us/contact-us.component.ts b/src/app/segments/contact-us/contact-us.component.ts new file mode 100644 index 0000000..6e13e22 --- /dev/null +++ b/src/app/segments/contact-us/contact-us.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-contact-us', + templateUrl: './contact-us.component.html', + styleUrls: ['./contact-us.component.scss'] +}) +export class ContactUsComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/segments/covid-alert/covid-alert.component.html b/src/app/segments/covid-alert/covid-alert.component.html new file mode 100644 index 0000000..809c49c --- /dev/null +++ b/src/app/segments/covid-alert/covid-alert.component.html @@ -0,0 +1 @@ +
covid
diff --git a/src/app/segments/covid-alert/covid-alert.component.scss b/src/app/segments/covid-alert/covid-alert.component.scss new file mode 100644 index 0000000..fc10691 --- /dev/null +++ b/src/app/segments/covid-alert/covid-alert.component.scss @@ -0,0 +1,3 @@ +section{ + background-color: pink; +} diff --git a/src/app/segments/covid-alert/covid-alert.component.spec.ts b/src/app/segments/covid-alert/covid-alert.component.spec.ts new file mode 100644 index 0000000..1ffbcf1 --- /dev/null +++ b/src/app/segments/covid-alert/covid-alert.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CovidAlertComponent } from './covid-alert.component'; + +describe('CovidAlertComponent', () => { + let component: CovidAlertComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ CovidAlertComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(CovidAlertComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/segments/covid-alert/covid-alert.component.ts b/src/app/segments/covid-alert/covid-alert.component.ts new file mode 100644 index 0000000..23c40f7 --- /dev/null +++ b/src/app/segments/covid-alert/covid-alert.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-covid-alert', + templateUrl: './covid-alert.component.html', + styleUrls: ['./covid-alert.component.scss'] +}) +export class CovidAlertComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/segments/functions/functions.component.html b/src/app/segments/functions/functions.component.html new file mode 100644 index 0000000..2561a34 --- /dev/null +++ b/src/app/segments/functions/functions.component.html @@ -0,0 +1 @@ +
functions
diff --git a/src/app/segments/functions/functions.component.scss b/src/app/segments/functions/functions.component.scss new file mode 100644 index 0000000..c5abee5 --- /dev/null +++ b/src/app/segments/functions/functions.component.scss @@ -0,0 +1,3 @@ +section{ + background-color: yellow; +} diff --git a/src/app/segments/functions/functions.component.spec.ts b/src/app/segments/functions/functions.component.spec.ts new file mode 100644 index 0000000..eec909b --- /dev/null +++ b/src/app/segments/functions/functions.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FunctionsComponent } from './functions.component'; + +describe('FunctionsComponent', () => { + let component: FunctionsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ FunctionsComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FunctionsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/segments/functions/functions.component.ts b/src/app/segments/functions/functions.component.ts new file mode 100644 index 0000000..2b8a3fd --- /dev/null +++ b/src/app/segments/functions/functions.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-functions', + templateUrl: './functions.component.html', + styleUrls: ['./functions.component.scss'] +}) +export class FunctionsComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/segments/home-footer/home-footer.component.html b/src/app/segments/home-footer/home-footer.component.html new file mode 100644 index 0000000..b1e16c2 --- /dev/null +++ b/src/app/segments/home-footer/home-footer.component.html @@ -0,0 +1 @@ +
footer
diff --git a/src/app/segments/home-footer/home-footer.component.scss b/src/app/segments/home-footer/home-footer.component.scss new file mode 100644 index 0000000..445dd2e --- /dev/null +++ b/src/app/segments/home-footer/home-footer.component.scss @@ -0,0 +1,3 @@ +footer{ + background-color: red; +} diff --git a/src/app/segments/home-footer/home-footer.component.spec.ts b/src/app/segments/home-footer/home-footer.component.spec.ts new file mode 100644 index 0000000..3e94e04 --- /dev/null +++ b/src/app/segments/home-footer/home-footer.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HomeFooterComponent } from './home-footer.component'; + +describe('HomeFooterComponent', () => { + let component: HomeFooterComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ HomeFooterComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(HomeFooterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/segments/home-footer/home-footer.component.ts b/src/app/segments/home-footer/home-footer.component.ts new file mode 100644 index 0000000..066e4a8 --- /dev/null +++ b/src/app/segments/home-footer/home-footer.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-home-footer', + templateUrl: './home-footer.component.html', + styleUrls: ['./home-footer.component.scss'] +}) +export class HomeFooterComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/segments/home-header/home-header.component.html b/src/app/segments/home-header/home-header.component.html new file mode 100644 index 0000000..61a5891 --- /dev/null +++ b/src/app/segments/home-header/home-header.component.html @@ -0,0 +1,43 @@ +
+ +
+

+ COVID-19 - Clique aqui e entenda mais sobre esta doença! +

+
+ + + +
+ + + + + + +
+ + + + + + +
+ + + +
+ +
+ + +
diff --git a/src/app/segments/home-header/home-header.component.scss b/src/app/segments/home-header/home-header.component.scss new file mode 100644 index 0000000..9f5164c --- /dev/null +++ b/src/app/segments/home-header/home-header.component.scss @@ -0,0 +1,52 @@ +.link-covid { + height: 40px; + background-color: var(--primary-color-regular); + display: flex; + align-items: center; + justify-content: center; + + p { + font-family: 'Rubik', sans-serif; + font-size: 18px; + line-height: 1.22; + color: #fff; + + a { + color: #fff; + } + } +} + +.linha-navbar { + background: #e6f3f7; + display: flex; + flex-direction: row; + + .logo { + padding: 28px; + } + + .espacador { + flex-grow: 1; + } + + nav ul { + display: flex; + flex-direction: row; + list-style: none; + margin-right: 15px; + + li { + padding: 30px 15px; + + a { + font-family: 'Rubik', sans-serif; + font-size: 18px; + line-height: 1.22; + text-align: right; + color: var(--gray900); + text-decoration: none; + } + } + } +} diff --git a/src/app/segments/home-header/home-header.component.spec.ts b/src/app/segments/home-header/home-header.component.spec.ts new file mode 100644 index 0000000..3782ce0 --- /dev/null +++ b/src/app/segments/home-header/home-header.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HomeHeaderComponent } from './home-header.component'; + +describe('HomeHeaderComponent', () => { + let component: HomeHeaderComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ HomeHeaderComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(HomeHeaderComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/segments/home-header/home-header.component.ts b/src/app/segments/home-header/home-header.component.ts new file mode 100644 index 0000000..d87b7e0 --- /dev/null +++ b/src/app/segments/home-header/home-header.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-home-header', + templateUrl: './home-header.component.html', + styleUrls: ['./home-header.component.scss'] +}) +export class HomeHeaderComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/assets/images/logo.svg b/src/assets/images/logo.svg new file mode 100644 index 0000000..f8549c0 --- /dev/null +++ b/src/assets/images/logo.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/routes.json b/src/assets/routes.json deleted file mode 100644 index 11c75c4..0000000 --- a/src/assets/routes.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "routes": [ - { - "route": "/*", - "serve": "/index.html", - "statusCode": 200 - } - ] -} diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts index 0783a04..9f0f874 100644 --- a/src/environments/environment.prod.ts +++ b/src/environments/environment.prod.ts @@ -1,3 +1,4 @@ export const environment = { - production: true + production: true, + nome_sistema: 'PRODUCAO' }; diff --git a/src/environments/environment.ts b/src/environments/environment.ts index 7e37394..33e5e77 100644 --- a/src/environments/environment.ts +++ b/src/environments/environment.ts @@ -3,7 +3,8 @@ // The list of file replacements can be found in `angular.json`. export const environment = { - production: false + production: false, + nome_sistema: 'DEV' }; /* diff --git a/src/styles.css b/src/styles.css deleted file mode 100644 index e69de29..0000000 diff --git a/src/styles.scss b/src/styles.scss new file mode 100644 index 0000000..dec5762 --- /dev/null +++ b/src/styles.scss @@ -0,0 +1,15 @@ +@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap'); + +:root { + --primary-color-regular:#2db1e0; + --gray900: #383b40; +} + +* { + margin: 0; + padding: 0; +} + +html, body { + width: 100%; +} diff --git a/todo.txt b/todo.txt new file mode 100644 index 0000000..1fdc716 --- /dev/null +++ b/todo.txt @@ -0,0 +1,7 @@ +#1 Criar componentes + +advantages +functions +covid-alert +contact-us +home-footer