\n \n \n \n \n \n {{ card.title }}\n \n more_vert \n \n \n \n \n \n \n \n \n \n \n \n \n
\n"
},
{
"path": "Lab1/client/Application/src/app/views/dashboard/dashboard.component.scss",
"content": ".grid-container {\n margin: 20px;\n}\n\n.dashboard-card {\n position: absolute;\n top: 15px;\n left: 15px;\n right: 15px;\n bottom: 15px;\n}\n\n.more-button {\n position: absolute;\n top: 5px;\n right: 10px;\n border: none;\n}\n\n.dashboard-card-content {\n text-align: center;\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/dashboard/dashboard.component.ts",
"content": "import { Component, ViewChild } from '@angular/core';\nimport { map } from 'rxjs/operators';\nimport { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';\nimport { ChartConfiguration, ChartData, ChartEvent, ChartType } from 'chart.js';\nimport { BaseChartDirective } from 'ng2-charts';\n\nimport DataLabelsPlugin from 'chartjs-plugin-datalabels';\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.component.html',\n styleUrls: ['./dashboard.component.scss'],\n})\nexport class DashboardComponent {\n @ViewChild(BaseChartDirective) chart: BaseChartDirective | undefined;\n\n public barChartOptions: ChartConfiguration['options'] = {\n responsive: true,\n maintainAspectRatio: false,\n // We use these empty structures as placeholders for dynamic theming.\n scales: {\n x: {},\n y: {\n min: 10,\n },\n },\n plugins: {\n legend: {\n display: true,\n },\n datalabels: {\n anchor: 'end',\n align: 'end',\n },\n },\n };\n public barChartType: ChartType = 'bar';\n public barChartPlugins = [DataLabelsPlugin];\n\n public barChartData: ChartData<'bar'> = {\n labels: ['2006', '2007', '2008', '2009', '2010', '2011', '2012'],\n datasets: [\n { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' },\n { data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B' },\n ],\n };\n\n // events\n public chartClicked({\n event,\n active,\n }: {\n event?: ChartEvent;\n active?: {}[];\n }): void {}\n\n public chartHovered({\n event,\n active,\n }: {\n event?: ChartEvent;\n active?: {}[];\n }): void {}\n\n public randomize(): void {\n // Only Change 3 values\n this.barChartData.datasets[0].data = [\n Math.round(Math.random() * 100),\n 59,\n 80,\n Math.round(Math.random() * 100),\n 56,\n Math.round(Math.random() * 100),\n 40,\n ];\n\n this.chart?.update();\n }\n /** Based on the screen size, switch from standard to one column per row */\n cards = this.breakpointObserver.observe(Breakpoints.Handset).pipe(\n map(({ matches }) => {\n if (matches) {\n return [\n { title: 'Card 1', cols: 1, rows: 1 },\n { title: 'Card 2', cols: 1, rows: 1 },\n { title: 'Card 3', cols: 1, rows: 1 },\n { title: 'Card 4', cols: 1, rows: 1 },\n ];\n }\n\n return [\n { title: 'Card 1', cols: 2, rows: 1 },\n { title: 'Card 2', cols: 1, rows: 1 },\n { title: 'Card 3', cols: 1, rows: 2 },\n { title: 'Card 4', cols: 1, rows: 1 },\n ];\n })\n );\n\n constructor(private breakpointObserver: BreakpointObserver) {}\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/dashboard/dashboard.module.ts",
"content": "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DashboardComponent } from './dashboard.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatGridListModule } from '@angular/material/grid-list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { NgChartsModule } from 'ng2-charts';\n\nimport { DashboardRoutingModule } from './dashboard-routing.module';\n\n@NgModule({\n declarations: [DashboardComponent],\n imports: [\n CommonModule,\n DashboardRoutingModule,\n MatButtonModule,\n MatCardModule,\n MatGridListModule,\n MatIconModule,\n MatListModule,\n MatMenuModule,\n NgChartsModule,\n ],\n})\nexport class DashboardModule {}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/create/create.component.html",
"content": "Dashboard
\n\n \n \n
\n \n
\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/create/create.component.scss",
"content": "// .card {\n// margin: 20px;\n// display: flex;\n// flex-direction: column;\n// align-items: flex-start;\n// }\n\n.order-form {\n margin: 20px;\n display: flex;\n flex-direction: column;\n}\n\n.mat-card-title {\n display: flex;\n justify-content: center;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.row {\n width: 100%;\n align-items: center;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { Product } from '../../products/models/product.interface';\nimport { ProductService } from '../../products/product.service';\nimport { Order } from '../models/order.interface';\nimport { OrdersService } from '../orders.service';\n\ninterface LineItem {\n product: Product;\n quantity?: number;\n}\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n displayedColumns = [];\n orderForm: FormGroup;\n orderProducts: LineItem[] = [];\n isLoadingProducts: boolean = true;\n error = '';\n constructor(\n private fb: FormBuilder,\n private productSvc: ProductService,\n private orderSvc: OrdersService,\n private router: Router\n ) {\n this.orderForm = this.fb.group({\n name: ['', Validators.required],\n });\n }\n\n ngOnInit(): void {\n this.productSvc.fetch().subscribe((products) => {\n this.orderProducts = products.map((p) => ({ product: p }));\n this.isLoadingProducts = false;\n });\n this.orderForm = this.fb.group({\n orderName: ['', Validators.required],\n });\n }\n\n get name() {\n return this.orderForm.get('name');\n }\n\n get productQuantity() {\n return this.orderProducts\n .filter((p) => !!p.quantity).length > 0;\n }\n\n add(op: LineItem) {\n const orderProduct = this.orderProducts.find(\n (p) => p?.product.productId === op.product.productId\n );\n this.orderProducts = this.orderProducts.map((p) => {\n if (p.product?.productId === orderProduct?.product?.productId) {\n p = {\n ...orderProduct,\n quantity: orderProduct.quantity ? orderProduct.quantity + 1 : 1,\n };\n }\n return p;\n });\n }\n\n remove(op: LineItem) {\n const orderProduct = this.orderProducts.find(\n (p) => p?.product.productId === op.product.productId\n );\n this.orderProducts = this.orderProducts.map((p) => {\n if (p.product?.productId === orderProduct?.product?.productId) {\n p = {\n ...orderProduct,\n quantity:\n orderProduct.quantity && orderProduct.quantity > 1\n ? orderProduct.quantity - 1\n : undefined,\n };\n }\n return p;\n });\n }\n\n submit() {\n const val: Order = {\n ...this.orderForm?.value,\n orderProducts: this.orderProducts\n .filter((p) => !!p.quantity)\n .map((p) => ({\n productId: p.product.productId,\n price: p.product.price,\n quantity: p.quantity,\n })),\n };\n this.orderSvc.create(val).subscribe(() => this.router.navigate(['orders']));\n }\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/detail/detail.component.html",
"content": "\n
\n\n \n
\n \n
\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/detail/detail.component.scss",
"content": "/*\n * Copyright 2020 Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n.no-bottom-margin {\n margin-bottom: 0;\n}\n\n.nowrap {\n white-space: nowrap;\n}\n\n.invoice {\n font-family: Arial, Helvetica, sans-serif;\n width: 970px !important;\n margin: 50px auto;\n .invoice-header {\n padding: 25px 25px 15px;\n h1 {\n margin: 0;\n }\n .media {\n .media-body {\n font-size: 0.9em;\n margin: 0;\n }\n }\n }\n .invoice-body {\n border-radius: 10px;\n padding: 25px;\n background: #fff;\n }\n .invoice-footer {\n padding: 15px;\n font-size: 0.9em;\n text-align: center;\n color: #999;\n }\n}\n.logo {\n max-height: 70px;\n border-radius: 10px;\n}\n.dl-horizontal {\n margin: 0;\n dt {\n float: left;\n width: 80px;\n overflow: hidden;\n clear: left;\n text-align: right;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n dd {\n margin-left: 90px;\n }\n}\n.rowamount {\n padding-top: 15px !important;\n}\n.rowtotal {\n font-size: 1.3em;\n}\n.colfix {\n width: 12%;\n}\n.mono {\n font-family: monospace;\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/detail/detail.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { map, switchMap } from 'rxjs/operators';\nimport { Order } from '../models/order.interface';\nimport { OrderProduct } from '../models/orderproduct.interface';\nimport { OrdersService } from '../orders.service';\n@Component({\n selector: 'app-detail',\n templateUrl: './detail.component.html',\n styleUrls: ['./detail.component.scss'],\n})\nexport class DetailComponent implements OnInit {\n orderId$: Observable\n
\n \n
\n \n
\n Order Details mostly made up
\n\n NO: {{ orderId$ | async }} | Date: {{ today() | date }}\n
\n\n
\n \n
\n \n ![](\"assets/logo.svg\")
\n
\n \n \n
\n\n
\n \n \n \n
\n
\n \n
\n Services / Products
\n| Item / Details | \nUnit Cost | \nSum Cost | \nDiscount | \nTax | \nTotal | \n
|---|---|---|---|---|---|
| \n {{ op.productId }}\n \n | \n \n {{ op.price | currency }}\n \n Before Tax\n | \n \n {{ sum(op) | currency }}\n \n {{ op.quantity }} Units\n | \n \n $0.00\n \n None\n | \n \n {{ tax(op) | currency }}\n \n Sales Tax 8.9%\n | \n \n {{ total(op) | currency }}\n \n | \n
\n \n \n \n Sub Total \n Discount \n Total \n Tax \n Final \n \n \n \n \n \n {{ subTotal(order) | currency }}\n \n -$0.00 \n \n {{ subTotal(order) | currency }}\n \n \n {{ calcTax(order) | currency }}\n \n \n {{ final(order) | currency }}\n \n \n \n \n
\n \n
\n \n \n
\n \n
\n \n Comments / Notes\n
\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit\n repudiandae numquam sit facere blanditiis, quasi distinctio ipsam?\n Libero odit ex expedita, facere sunt, possimus consectetur dolore,\n nobis iure amet vero.\n
\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit\n repudiandae numquam sit facere blanditiis, quasi distinctio ipsam?\n Libero odit ex expedita, facere sunt, possimus consectetur dolore,\n nobis iure amet vero.\n
\n
\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/list/list.component.scss",
"content": ".order-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Order } from '../models/order.interface';\nimport { OrdersService } from '../orders.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n displayedColumns: string[] = ['name', 'lineItems', 'total'];\n orderData: Order[] = [];\n isLoading: boolean = true;\n constructor(private orderSvc: OrdersService, private router: Router) {}\n\n ngOnInit(): void {\n this.orderSvc.fetch().subscribe((data) => {\n this.isLoading = false;\n this.orderData = data;\n });\n }\n\n sum(order: Order): number {\n return order.orderProducts\n .map((p) => p.price * p.quantity)\n .reduce((acc, curr) => acc + curr);\n }\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/models/order.interface.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { OrderProduct } from './orderproduct.interface';\n\nexport interface Order {\n key: string;\n orderId: string;\n orderName: string;\n orderProducts: OrderProduct[];\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/models/orderproduct.interface.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface OrderProduct {\n productId: string;\n price: number;\n quantity: number;\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/orders-routing.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { CreateComponent } from './create/create.component';\nimport { DetailComponent } from './detail/detail.component';\nimport { ListComponent } from './list/list.component';\n\nconst routes: Routes = [\n {\n path: '',\n redirectTo: 'list',\n pathMatch: 'full',\n },\n {\n path: 'list',\n data: {\n title: 'All Orders',\n },\n component: ListComponent,\n },\n {\n path: 'create',\n data: {\n title: 'Create Order',\n },\n component: CreateComponent,\n },\n {\n path: 'detail/:orderId',\n data: {\n title: 'View Order Detail',\n },\n component: DetailComponent,\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class OrdersRoutingModule {}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/orders.module.ts",
"content": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport {\n MatFormFieldModule,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTableModule } from '@angular/material/table';\n\nimport { CreateComponent } from './create/create.component';\nimport { DetailComponent } from './detail/detail.component';\nimport { ListComponent } from './list/list.component';\nimport { OrdersRoutingModule } from './orders-routing.module';\n\n@NgModule({\n declarations: [CreateComponent, ListComponent, DetailComponent],\n imports: [\n CommonModule,\n OrdersRoutingModule,\n ReactiveFormsModule,\n MatButtonModule,\n MatCardModule,\n MatDatepickerModule,\n MatDialogModule,\n MatFormFieldModule,\n MatIconModule,\n MatInputModule,\n MatRadioModule,\n MatSelectModule,\n MatTableModule,\n MatProgressSpinnerModule,\n ],\n providers: [\n {\n provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: { appearance: 'outline' },\n },\n ],\n})\nexport class OrdersModule {}\n"
},
{
"path": "Lab1/client/Application/src/app/views/orders/orders.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { environment } from 'src/environments/environment';\nimport { Order } from './models/order.interface';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class OrdersService {\n orders: Order[] = [];\n baseUrl = environment.apiGatewayUrl;\n constructor(private http: HttpClient) {}\n\n fetch(): ObservableOrder List
\n\n
\n\n \n \n
\n \n \n \n \n \n
\n | Name | \n\n \n {{ element.orderName }}\n \n | \nLine Items | \n\n {{ element.orderProducts?.length }}\n | \nTotal | \n\n {{ sum(element) | currency }}\n | \n
|---|
\n \n
\n"
},
{
"path": "Lab1/client/Application/src/app/views/products/create/create.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.product-form {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.mat-form-field {\n display: flex;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/products/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\n\nimport { ProductService } from '../product.service';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n productForm: FormGroup;\n categories: string[] = ['category1', 'category2', 'category3', 'category4'];\n constructor(\n private fb: FormBuilder,\n private productSvc: ProductService,\n private router: Router\n ) {\n this.productForm = this.fb.group({});\n }\n\n ngOnInit(): void {\n this.productForm = this.fb.group({\n name: ['', Validators.required],\n price: ['', Validators.required],\n sku: '',\n category: '',\n });\n }\n\n get name() {\n return this.productForm.get('name');\n }\n\n get price() {\n return this.productForm.get('price');\n }\n\n submit() {\n this.productSvc.post(this.productForm.value).subscribe({\n next: () => this.router.navigate(['products']),\n error: (err) => {\n alert(err.message);\n console.error(err);\n },\n });\n }\n\n cancel() {\n this.router.navigate(['products']);\n }\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/products/edit/edit.component.html",
"content": "\n \n
\n"
},
{
"path": "Lab1/client/Application/src/app/views/products/edit/edit.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.product-form {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.mat-form-field {\n display: flex;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/products/edit/edit.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Observable, of } from 'rxjs';\nimport { map, switchMap } from 'rxjs/operators';\nimport { Product } from '../models/product.interface';\nimport { ProductService } from '../product.service';\n\n@Component({\n selector: 'app-edit',\n templateUrl: './edit.component.html',\n styleUrls: ['./edit.component.scss'],\n})\nexport class EditComponent implements OnInit {\n productForm: FormGroup;\n categories: string[] = ['category1', 'category2', 'category3', 'category4'];\n product$: Observable\n
\n"
},
{
"path": "Lab1/client/Application/src/app/views/products/list/list.component.scss",
"content": ".product-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/products/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Product } from '../models/product.interface';\nimport { ProductService } from '../product.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n productData: Product[] = [];\n isLoading: boolean = true;\n displayedColumns: string[] = ['name', 'price', 'sku'];\n\n constructor(private productSvc: ProductService, private router: Router) {}\n\n ngOnInit(): void {\n this.productSvc.fetch().subscribe((data) => {\n this.productData = data;\n this.isLoading = false;\n });\n }\n\n onEdit(product: Product) {\n this.router.navigate(['products', 'edit', product.productId]);\n return false;\n }\n\n onRemove(product: Product) {\n this.productSvc.delete(product);\n this.isLoading = true;\n this.productSvc.fetch().subscribe((data) => {\n this.productData = data;\n this.isLoading = false;\n });\n }\n\n onCreate() {\n this.router.navigate(['products', 'create']);\n }\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/products/models/product.interface.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface Product {\n key: string;\n shardId: string;\n productId: string;\n name: string;\n price: number;\n sku: string;\n category: string;\n pictureUrl?: string;\n}\n"
},
{
"path": "Lab1/client/Application/src/app/views/products/product.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { environment } from 'src/environments/environment';\nimport { Product } from './models/product.interface';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ProductService {\n constructor(private http: HttpClient) {}\n baseUrl = environment.apiGatewayUrl;\n\n fetch(): ObservableProduct List
\n\n
\n\n \n \n
\n \n \n \n \n \n
\n | Name | \n\n \n {{ element.name }}\n \n | \nPrice | \n\n {{ element.price | currency }}\n | \nSKU | \n{{ element.sku }} | \n
|---|
\n
\n \n
\n\n
\n
\n\n \n
\n
\n"
},
{
"path": "Lab2/client/Admin/src/app/views/auth/auth.component.scss",
"content": "/*\n * Copyright 2020 Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\npre,\ncode {\n font-family: monospace, monospace;\n}\npre {\n white-space: pre-wrap; /* css-3 */\n white-space: -moz-pre-wrap; /* Mozilla, since 1999 */\n white-space: -pre-wrap; /* Opera 4-6 */\n white-space: -o-pre-wrap; /* Opera 7 */\n word-wrap: break-word; /* Internet Explorer 5.5+ */\n overflow: auto;\n}\n\n.card {\n margin: 20px;\n}\n\n.card-header {\n justify-content: center;\n font-size: larger;\n font-weight: bold;\n}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/auth/auth.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { from, Observable, pipe } from 'rxjs';\nimport { Auth } from 'aws-amplify';\nimport { CognitoUserSession } from 'amazon-cognito-identity-js';\nimport { map } from 'rxjs/operators';\n\n@Component({\n templateUrl: './auth.component.html',\n styleUrls: ['./auth.component.scss'],\n})\nexport class AuthComponent implements OnInit {\n session$: Observable\n
\n\n \n
\n \n \n
\n \n
\n \n \n Access Token \n \n
\n \n
\n \n \n {{accessToken$ | async}}\n \n \n \n \n ID Token \n \n
\n \n
\n \n \n {{idToken$ | async}}\n \n \n \n\n
\n
\n
User Data
{{ session$ | async | json }}\n \n
\n
\n Traffic
\nDecember 2020
\n \n \n
\n"
},
{
"path": "Lab2/client/Admin/src/app/views/tenants/create/create.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: fit-content;\n}\n\n.product-form {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.mat-form-field {\n display: flex;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/tenants/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { TenantsService } from '../tenants.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n submitting = false;\n tenantForm: FormGroup = this.fb.group({\n tenantName: [null, [Validators.required]],\n tenantEmail: [null, [Validators.email, Validators.required]],\n tenantTier: [null, [Validators.required]],\n tenantPhone: [null],\n tenantAddress: [null],\n });\n\n constructor(\n private fb: FormBuilder,\n private tenantSvc: TenantsService,\n private router: Router,\n private _snackBar: MatSnackBar\n ) {}\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n submit() {\n this.submitting = true;\n const user = {\n ...this.tenantForm.value,\n };\n\n this.tenantSvc.post(this.tenantForm.value).subscribe({\n next: () => {\n this.submitting = false;\n this.openErrorMessageSnackBar('Successfully created new tenant!');\n this.router.navigate(['tenants']);\n },\n error: (err) => {\n this.submitting = false;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n console.error(err);\n },\n });\n }\n}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/tenants/list/list.component.html",
"content": "\n \n \n \n Tenant List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab2/client/Admin/src/app/views/tenants/list/list.component.scss",
"content": ".tenant-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/tenants/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { Tenant } from '../models/tenant';\nimport { TenantsService } from '../tenants.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n tenants$ = new Observable\n \n
\n \n \n \n \n
\n | Id | \n{{ element.tenantId }} | \nTenant Name | \n{{ element.tenantName }} | \n{{ element.tenantEmail }} | \nPlan | \n{{ element.tenantTier }} | \nStatus | \n{{ element.isActive }} | \n
|---|
\n
\n"
},
{
"path": "Lab2/client/Admin/src/app/views/users/create/create.component.scss",
"content": ".user-form {\n margin: 20px;\n display: flex;\n flex-direction: column;\n}\n\n.mat-card-title {\n display: flex;\n justify-content: center;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.row {\n width: 100%;\n align-items: center;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/users/create/create.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { UsersService } from '../users.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n userForm: FormGroup;\n error: boolean = false;\n success: boolean = false;\n\n constructor(\n private fb: FormBuilder,\n private userSvc: UsersService,\n private _snackBar: MatSnackBar\n ) {\n this.userForm = this.fb.group({\n userName: [null, [Validators.required]],\n userEmail: [null, [Validators.email, Validators.required]],\n userRole: [null, [Validators.required]],\n tenantId: [null, [Validators.required]],\n });\n }\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n onSubmit() {\n const user = this.userForm.value;\n this.userSvc.create(user).subscribe(\n () => {\n this.success = true;\n this.openErrorMessageSnackBar('Successfully created new user!');\n },\n (err) => {\n this.error = true;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n }\n );\n }\n}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/users/list/list.component.html",
"content": "\n
\n\n \n
\n \n \n \n \n User List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab2/client/Admin/src/app/views/users/list/list.component.scss",
"content": ".user-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/users/list/list.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { User } from '../models/user';\nimport { UsersService } from '../users.service';\n\n@Component({\n selector: 'app-user',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n userData: User[] = [];\n isLoading: boolean = true;\n displayedColumns: string[] = [\n 'email',\n 'created',\n 'modified',\n 'status',\n 'enabled',\n ];\n\n constructor(private userSvc: UsersService) {}\n\n ngOnInit(): void {\n this.userSvc.fetch().subscribe((data) => {\n this.userData = data;\n this.isLoading = false;\n });\n }\n}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/users/models/user.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface User {\n email: string;\n created?: string;\n modified?: string;\n enabled?: boolean;\n status?: string;\n verified?: boolean;\n}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/users/users-routing.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { CreateComponent } from './create/create.component';\nimport { ListComponent } from './list/list.component';\n\nconst routes: Routes = [\n {\n path: '',\n redirectTo: 'list',\n pathMatch: 'prefix',\n },\n {\n path: 'list',\n data: {\n title: 'All Users',\n },\n component: ListComponent,\n },\n {\n path: 'create',\n data: {\n title: 'Create User',\n },\n component: CreateComponent,\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class UsersRoutingModule {}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/users/users.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { UsersRoutingModule } from './users-routing.module';\nimport { ListComponent } from './list/list.component';\nimport { CreateComponent } from './create/create.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport {\n MatFormFieldModule,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n declarations: [ListComponent, CreateComponent],\n imports: [\n CommonModule,\n UsersRoutingModule,\n FormsModule,\n ReactiveFormsModule,\n MatButtonModule,\n MatCardModule,\n MatDatepickerModule,\n MatDialogModule,\n MatFormFieldModule,\n MatInputModule,\n MatRadioModule,\n MatSelectModule,\n MatTableModule,\n MatIconModule,\n MatProgressSpinnerModule,\n MatSnackBarModule,\n ],\n})\nexport class UsersModule {}\n"
},
{
"path": "Lab2/client/Admin/src/app/views/users/users.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { User } from './models/user';\nimport { environment } from '../../../environments/environment';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class UsersService {\n apiUrl: string;\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n\n fetch(): Observable\n
\n \n
\n \n \n \n
\n \n \n \n \n
\n | {{ element.email }} | \nCreated Date | \n\n {{ element.created | date }}\n | \nModified Date | \n\n {{ element.modified | date }}\n | \nStatus | \n\n {{ element.status }}\n | \nEnabled | \n\n {{ element.enabled }}\n | \n
|---|
\n
\n \n\n \n
\n \n
\n \n
\n Serverless SaaS Reference Architecture is so awesome.
\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere\n temporibus omnis illum, officia. Architecto voluptatibus commodi\n voluptatem perspiciatis eos possimus, eius at molestias quaerat\n magnam? Odio qui quos ipsam natus.\n
\n\n
\n \n \n
\n \n Serverless SaaS Reference Architecture so awesome. Makes you awesome - go sign up!\n
\n\n \n
\n \n Serverless SaaS Reference Architecture so great. Makes you even greater - go sign\n up now. Super cheap deal!\n
\n\n \n
\n Feel lonely? Go sign up and have a friend!
\n\n
\n Take Serverless SaaS Reference Architecture with you everywhere you go.
\n\n Serverless SaaS Reference Architecture is all you need. Anywhere - ever. Lorem ipsum\n dolor sit amet, consectetur adipisicing elit. Expedita sapiente hic\n voluptatum quo sunt totam accusamus distinctio minus aliquid quis!\n
\n\n
\n \n\n\n Love Serverless SaaS Reference Architecture. So nice! So good! Could not live\n without!\n
\n Satisfied Customer \n
\n
\n Reasons to sign up this product:
\n\n
\n - \n
- Its the best \n
- Its awesome \n
- It makes you happy \n
- It brings world peace \n
- Its free! \n
\n
\n - \n
- Its the best \n
- Its awesome \n
- It makes you happy \n
- It brings world peace \n
- Its free! \n
\n
\n Why you still reading?
\n Sign up now!\n\n \n
\n"
},
{
"path": "Lab2/client/Landing/src/app/views/register/register.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: fit-content;\n}\n\n.tenant-form {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.wide-form {\n min-width: 150px;\n max-width: 500px;\n width: 100%;\n}\n\n.full-width {\n width: 100%;\n}\n\n.mat-form-field {\n width: 100%;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab2/client/Landing/src/app/views/register/register.component.ts",
"content": "import { MatSnackBar } from '@angular/material/snack-bar';\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { HttpClient } from '@angular/common/http';\nimport { environment } from 'src/environments/environment';\n\n@Component({\n selector: 'app-register',\n templateUrl: './register.component.html',\n styleUrls: ['./register.component.scss'],\n})\nexport class RegisterComponent implements OnInit {\n submitting: boolean = false;\n tenantForm: FormGroup = this.fb.group({\n tenantName: ['', [Validators.required]],\n tenantEmail: ['', [Validators.email, Validators.required]],\n tenantTier: ['', [Validators.required]],\n tenantPhone: [''],\n tenantAddress: [''],\n });\n\n constructor(\n private fb: FormBuilder,\n private _snackBar: MatSnackBar,\n private http: HttpClient\n ) {}\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n submit() {\n this.submitting = true;\n this.tenantForm.disable();\n const tenant = {\n ...this.tenantForm.value,\n };\n this.http\n .post(`${environment.apiGatewayUrl}/registration`, tenant)\n .subscribe({\n next: () => {\n this.openErrorMessageSnackBar('Successfully created new tenant!');\n this.tenantForm.reset();\n this.tenantForm.enable();\n this.submitting = false;\n },\n error: (err) => {\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n console.error(err);\n this.tenantForm.enable();\n this.submitting = false;\n },\n });\n }\n}\n"
},
{
"path": "Lab2/client/Landing/src/assets/.gitkeep",
"content": ""
},
{
"path": "Lab2/client/Landing/src/custom-theme.scss",
"content": "\n// Custom Theming for Angular Material\n// For more information: https://material.angular.io/guide/theming\n@use '@angular/material' as mat;\n// Plus imports for other components in your app.\n\n// Include the common styles for Angular Material. We include this here so that you only\n// have to load a single css file for Angular Material in your app.\n// Be sure that you only ever include this mixin once!\n@include mat.core();\n\n// Define the palettes for your theme using the Material Design palettes available in palette.scss\n// (imported above). For each palette, you can optionally specify a default, lighter, and darker\n// hue. Available color palettes: https://material.io/design/color/\n$dashboard-primary: mat.define-palette(mat.$indigo-palette);\n$dashboard-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);\n\n// The warn palette is optional (defaults to red).\n$dashboard-warn: mat.define-palette(mat.$red-palette);\n\n// Create the theme object. A theme consists of configurations for individual\n// theming systems such as \"color\" or \"typography\".\n$dashboard-theme: mat.define-light-theme((\n color: (\n primary: $dashboard-primary,\n accent: $dashboard-accent,\n warn: $dashboard-warn,\n )\n));\n\n// Include theme styles for core and each component used in your app.\n// Alternatively, you can import and @include the theme mixins for each component\n// that you are using.\n@include mat.all-component-themes($dashboard-theme);\n\n\nhtml, body { height: 100%; }\nbody { margin: 0; font-family: Roboto, \"Helvetica Neue\", sans-serif; }\n"
},
{
"path": "Lab2/client/Landing/src/environments/environment.prod.ts",
"content": "export const environment = {\n production: true,\n apiGatewayUrl: 'https://duobieudcl.execute-api.us-west-2.amazonaws.com/prod',\n};\n"
},
{
"path": "Lab2/client/Landing/src/environments/environment.ts",
"content": "export const environment = {\n production: false,\n apiGatewayUrl: 'https://duobieudcl.execute-api.us-west-2.amazonaws.com/prod',\n};\n"
},
{
"path": "Lab2/client/Landing/src/index.html",
"content": "\n\n \n \n \n \n \n \n
\n \n
\n\n
\n
\n\n \n
\n
\n"
},
{
"path": "Lab3/client/Admin/src/app/views/auth/auth.component.scss",
"content": "/*\n * Copyright 2020 Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\npre,\ncode {\n font-family: monospace, monospace;\n}\npre {\n white-space: pre-wrap; /* css-3 */\n white-space: -moz-pre-wrap; /* Mozilla, since 1999 */\n white-space: -pre-wrap; /* Opera 4-6 */\n white-space: -o-pre-wrap; /* Opera 7 */\n word-wrap: break-word; /* Internet Explorer 5.5+ */\n overflow: auto;\n}\n\n.card {\n margin: 20px;\n}\n\n.card-header {\n justify-content: center;\n font-size: larger;\n font-weight: bold;\n}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/auth/auth.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { from, Observable, pipe } from 'rxjs';\nimport { Auth } from 'aws-amplify';\nimport { CognitoUserSession } from 'amazon-cognito-identity-js';\nimport { map } from 'rxjs/operators';\n\n@Component({\n templateUrl: './auth.component.html',\n styleUrls: ['./auth.component.scss'],\n})\nexport class AuthComponent implements OnInit {\n session$: Observable\n
\n\n \n
\n \n \n
\n \n
\n \n \n Access Token \n \n
\n \n
\n \n \n {{accessToken$ | async}}\n \n \n \n \n ID Token \n \n
\n \n
\n \n \n {{idToken$ | async}}\n \n \n \n\n
\n
\n
User Data
{{ session$ | async | json }}\n \n
\n
\n Traffic
\nDecember 2020
\n \n \n
\n"
},
{
"path": "Lab3/client/Admin/src/app/views/tenants/create/create.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: fit-content;\n}\n\n.product-form {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.mat-form-field {\n display: flex;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/tenants/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { TenantsService } from '../tenants.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n submitting = false;\n tenantForm: FormGroup = this.fb.group({\n tenantName: [null, [Validators.required]],\n tenantEmail: [null, [Validators.email, Validators.required]],\n tenantTier: [null, [Validators.required]],\n tenantPhone: [null],\n tenantAddress: [null],\n });\n\n constructor(\n private fb: FormBuilder,\n private tenantSvc: TenantsService,\n private router: Router,\n private _snackBar: MatSnackBar\n ) {}\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n submit() {\n this.submitting = true;\n const user = {\n ...this.tenantForm.value,\n };\n\n this.tenantSvc.post(this.tenantForm.value).subscribe({\n next: () => {\n this.submitting = false;\n this.openErrorMessageSnackBar('Successfully created new tenant!');\n this.router.navigate(['tenants']);\n },\n error: (err) => {\n this.submitting = false;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n console.error(err);\n },\n });\n }\n}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/tenants/list/list.component.html",
"content": "\n \n \n \n Tenant List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab3/client/Admin/src/app/views/tenants/list/list.component.scss",
"content": ".tenant-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/tenants/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { Tenant } from '../models/tenant';\nimport { TenantsService } from '../tenants.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n tenants$ = new Observable\n \n
\n \n \n \n \n
\n | Id | \n{{ element.tenantId }} | \nTenant Name | \n{{ element.tenantName }} | \n{{ element.tenantEmail }} | \nPlan | \n{{ element.tenantTier }} | \nStatus | \n{{ element.isActive }} | \n
|---|
\n
\n"
},
{
"path": "Lab3/client/Admin/src/app/views/users/create/create.component.scss",
"content": ".user-form {\n margin: 20px;\n display: flex;\n flex-direction: column;\n}\n\n.mat-card-title {\n display: flex;\n justify-content: center;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.row {\n width: 100%;\n align-items: center;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/users/create/create.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { UsersService } from '../users.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n userForm: FormGroup;\n error: boolean = false;\n success: boolean = false;\n\n constructor(\n private fb: FormBuilder,\n private userSvc: UsersService,\n private _snackBar: MatSnackBar\n ) {\n this.userForm = this.fb.group({\n userName: [null, [Validators.required]],\n userEmail: [null, [Validators.email, Validators.required]],\n userRole: [null, [Validators.required]],\n tenantId: [null, [Validators.required]],\n });\n }\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n onSubmit() {\n const user = this.userForm.value;\n this.userSvc.create(user).subscribe(\n () => {\n this.success = true;\n this.openErrorMessageSnackBar('Successfully created new user!');\n },\n (err) => {\n this.error = true;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n }\n );\n }\n}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/users/list/list.component.html",
"content": "\n
\n\n \n
\n \n \n \n \n User List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab3/client/Admin/src/app/views/users/list/list.component.scss",
"content": ".user-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/users/list/list.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { User } from '../models/user';\nimport { UsersService } from '../users.service';\n\n@Component({\n selector: 'app-user',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n userData: User[] = [];\n isLoading: boolean = true;\n displayedColumns: string[] = [\n 'email',\n 'created',\n 'modified',\n 'status',\n 'enabled',\n ];\n\n constructor(private userSvc: UsersService) {}\n\n ngOnInit(): void {\n this.userSvc.fetch().subscribe((data) => {\n this.userData = data;\n this.isLoading = false;\n });\n }\n}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/users/models/user.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface User {\n email: string;\n created?: string;\n modified?: string;\n enabled?: boolean;\n status?: string;\n verified?: boolean;\n}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/users/users-routing.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { CreateComponent } from './create/create.component';\nimport { ListComponent } from './list/list.component';\n\nconst routes: Routes = [\n {\n path: '',\n redirectTo: 'list',\n pathMatch: 'prefix',\n },\n {\n path: 'list',\n data: {\n title: 'All Users',\n },\n component: ListComponent,\n },\n {\n path: 'create',\n data: {\n title: 'Create User',\n },\n component: CreateComponent,\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class UsersRoutingModule {}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/users/users.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { UsersRoutingModule } from './users-routing.module';\nimport { ListComponent } from './list/list.component';\nimport { CreateComponent } from './create/create.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport {\n MatFormFieldModule,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n declarations: [ListComponent, CreateComponent],\n imports: [\n CommonModule,\n UsersRoutingModule,\n FormsModule,\n ReactiveFormsModule,\n MatButtonModule,\n MatCardModule,\n MatDatepickerModule,\n MatDialogModule,\n MatFormFieldModule,\n MatInputModule,\n MatRadioModule,\n MatSelectModule,\n MatTableModule,\n MatIconModule,\n MatProgressSpinnerModule,\n MatSnackBarModule,\n ],\n})\nexport class UsersModule {}\n"
},
{
"path": "Lab3/client/Admin/src/app/views/users/users.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { User } from './models/user';\nimport { environment } from '../../../environments/environment';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class UsersService {\n apiUrl: string;\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n\n fetch(): Observable\n
\n \n
\n \n \n \n
\n \n \n \n \n
\n | {{ element.email }} | \nCreated Date | \n\n {{ element.created | date }}\n | \nModified Date | \n\n {{ element.modified | date }}\n | \nStatus | \n\n {{ element.status }}\n | \nEnabled | \n\n {{ element.enabled }}\n | \n
|---|
\n
\n\n \n \n
\n\n
\n
\n\n \n
\n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/auth/auth.component.scss",
"content": "/*\n * Copyright 2020 Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\npre,\ncode {\n font-family: monospace, monospace;\n}\npre {\n white-space: pre-wrap; /* css-3 */\n white-space: -moz-pre-wrap; /* Mozilla, since 1999 */\n white-space: -pre-wrap; /* Opera 4-6 */\n white-space: -o-pre-wrap; /* Opera 7 */\n word-wrap: break-word; /* Internet Explorer 5.5+ */\n overflow: auto;\n}\n\n.card {\n margin: 20px;\n}\n\n.card-header {\n justify-content: center;\n font-size: larger;\n font-weight: bold;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/auth/auth.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { from, Observable, pipe } from 'rxjs';\nimport { Auth } from 'aws-amplify';\nimport { CognitoUserSession } from 'amazon-cognito-identity-js';\nimport { map } from 'rxjs/operators';\n\n@Component({\n templateUrl: './auth.component.html',\n styleUrls: ['./auth.component.scss'],\n})\nexport class AuthComponent implements OnInit {\n session$: Observable\n
\n\n \n
\n \n \n
\n \n
\n \n \n Access Token \n \n
\n \n
\n \n \n {{accessToken$ | async}}\n \n \n \n \n ID Token \n \n
\n \n
\n \n \n {{idToken$ | async}}\n \n \n \n\n
\n
\n
User Data
{{ session$ | async | json }}\n \n
\n \n \n \n \n \n {{ card.title }}\n \n more_vert \n \n \n \n \n \n \n \n \n \n \n \n \n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/dashboard/dashboard.component.scss",
"content": ".grid-container {\n margin: 20px;\n}\n\n.dashboard-card {\n position: absolute;\n top: 15px;\n left: 15px;\n right: 15px;\n bottom: 15px;\n}\n\n.more-button {\n position: absolute;\n top: 5px;\n right: 10px;\n border: none;\n}\n\n.dashboard-card-content {\n text-align: center;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/dashboard/dashboard.component.ts",
"content": "import { Component, ViewChild } from '@angular/core';\nimport { map } from 'rxjs/operators';\nimport { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';\nimport { ChartConfiguration, ChartData, ChartEvent, ChartType } from 'chart.js';\nimport { BaseChartDirective } from 'ng2-charts';\n\nimport DataLabelsPlugin from 'chartjs-plugin-datalabels';\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.component.html',\n styleUrls: ['./dashboard.component.scss'],\n})\nexport class DashboardComponent {\n @ViewChild(BaseChartDirective) chart: BaseChartDirective | undefined;\n\n public barChartOptions: ChartConfiguration['options'] = {\n responsive: true,\n maintainAspectRatio: false,\n // We use these empty structures as placeholders for dynamic theming.\n scales: {\n x: {},\n y: {\n min: 10,\n },\n },\n plugins: {\n legend: {\n display: true,\n },\n datalabels: {\n anchor: 'end',\n align: 'end',\n },\n },\n };\n public barChartType: ChartType = 'bar';\n public barChartPlugins = [DataLabelsPlugin];\n\n public barChartData: ChartData<'bar'> = {\n labels: ['2006', '2007', '2008', '2009', '2010', '2011', '2012'],\n datasets: [\n { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' },\n { data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B' },\n ],\n };\n\n // events\n public chartClicked({\n event,\n active,\n }: {\n event?: ChartEvent;\n active?: {}[];\n }): void {}\n\n public chartHovered({\n event,\n active,\n }: {\n event?: ChartEvent;\n active?: {}[];\n }): void {}\n\n public randomize(): void {\n // Only Change 3 values\n this.barChartData.datasets[0].data = [\n Math.round(Math.random() * 100),\n 59,\n 80,\n Math.round(Math.random() * 100),\n 56,\n Math.round(Math.random() * 100),\n 40,\n ];\n\n this.chart?.update();\n }\n /** Based on the screen size, switch from standard to one column per row */\n cards = this.breakpointObserver.observe(Breakpoints.Handset).pipe(\n map(({ matches }) => {\n if (matches) {\n return [\n { title: 'Card 1', cols: 1, rows: 1 },\n { title: 'Card 2', cols: 1, rows: 1 },\n { title: 'Card 3', cols: 1, rows: 1 },\n { title: 'Card 4', cols: 1, rows: 1 },\n ];\n }\n\n return [\n { title: 'Card 1', cols: 2, rows: 1 },\n { title: 'Card 2', cols: 1, rows: 1 },\n { title: 'Card 3', cols: 1, rows: 2 },\n { title: 'Card 4', cols: 1, rows: 1 },\n ];\n })\n );\n\n constructor(private breakpointObserver: BreakpointObserver) {}\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/dashboard/dashboard.module.ts",
"content": "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DashboardComponent } from './dashboard.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatGridListModule } from '@angular/material/grid-list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { NgChartsModule } from 'ng2-charts';\n\nimport { DashboardRoutingModule } from './dashboard-routing.module';\n\n@NgModule({\n declarations: [DashboardComponent],\n imports: [\n CommonModule,\n DashboardRoutingModule,\n MatButtonModule,\n MatCardModule,\n MatGridListModule,\n MatIconModule,\n MatListModule,\n MatMenuModule,\n NgChartsModule,\n ],\n})\nexport class DashboardModule {}\n"
},
{
"path": "Lab3/client/Application/src/app/views/error/404.component.html",
"content": "Dashboard
\n\n \n \n
\n \n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/error/404.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component } from '@angular/core';\n\n@Component({\n templateUrl: '404.component.html',\n})\nexport class P404Component {\n constructor() {}\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/error/500.component.html",
"content": "\n
\n\n
\n \n
\n \n
\n 404
\nOops! You're lost.
\nThe page you are looking for was not found.
\n\n
\n \n \n
\n \n \n \n \n \n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/error/500.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component } from '@angular/core';\n\n@Component({\n templateUrl: '500.component.html',\n})\nexport class P500Component {\n constructor() {}\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/error/unauthorized.component.html",
"content": "\n\n
\n\n
\n \n
\n \n
\n 500
\nHouston, we have a problem!
\nThe page you are looking for is temporarily unavailable.
\n\n
\n \n \n
\n \n \n \n \n \n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/error/unauthorized.component.scss",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n .center-screen {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n min-height: 100vh;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/error/unauthorized.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { AuthConfigurationService } from './../auth/auth-configuration.service';\nimport { Observable } from 'rxjs';\nimport { Router } from '@angular/router';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { environment } from 'src/environments/environment';\n\n@Component({\n selector: 'app-unauthorized',\n templateUrl: './unauthorized.component.html',\n styleUrls: ['./unauthorized.component.scss'],\n})\nexport class UnauthorizedComponent implements OnInit {\n tenantForm: FormGroup;\n params$: Observable\n \n
\n\n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/create/create.component.scss",
"content": "// .card {\n// margin: 20px;\n// display: flex;\n// flex-direction: column;\n// align-items: flex-start;\n// }\n\n.order-form {\n margin: 20px;\n display: flex;\n flex-direction: column;\n}\n\n.mat-card-title {\n display: flex;\n justify-content: center;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.row {\n width: 100%;\n align-items: center;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { Product } from '../../products/models/product.interface';\nimport { ProductService } from '../../products/product.service';\nimport { Order } from '../models/order.interface';\nimport { OrdersService } from '../orders.service';\n\ninterface LineItem {\n product: Product;\n quantity?: number;\n}\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n displayedColumns = [];\n orderForm: FormGroup;\n orderProducts: LineItem[] = [];\n isLoadingProducts: boolean = true;\n error = '';\n constructor(\n private fb: FormBuilder,\n private productSvc: ProductService,\n private orderSvc: OrdersService,\n private router: Router\n ) {\n this.orderForm = this.fb.group({\n name: ['', Validators.required],\n });\n }\n\n ngOnInit(): void {\n this.productSvc.fetch().subscribe((products) => {\n this.orderProducts = products.map((p) => ({ product: p }));\n this.isLoadingProducts = false;\n });\n this.orderForm = this.fb.group({\n orderName: ['', Validators.required],\n });\n }\n\n get name() {\n return this.orderForm.get('name');\n }\n\n get productQuantity() {\n return this.orderProducts\n .filter((p) => !!p.quantity).length > 0;\n }\n\n\n add(op: LineItem) {\n const orderProduct = this.orderProducts.find(\n (p) => p?.product.productId === op.product.productId\n );\n this.orderProducts = this.orderProducts.map((p) => {\n if (p.product?.productId === orderProduct?.product?.productId) {\n p = {\n ...orderProduct,\n quantity: orderProduct.quantity ? orderProduct.quantity + 1 : 1,\n };\n }\n return p;\n });\n }\n\n remove(op: LineItem) {\n const orderProduct = this.orderProducts.find(\n (p) => p?.product.productId === op.product.productId\n );\n this.orderProducts = this.orderProducts.map((p) => {\n if (p.product?.productId === orderProduct?.product?.productId) {\n p = {\n ...orderProduct,\n quantity:\n orderProduct.quantity && orderProduct.quantity > 1\n ? orderProduct.quantity - 1\n : undefined,\n };\n }\n return p;\n });\n }\n\n submit() {\n const val: Order = {\n ...this.orderForm?.value,\n orderProducts: this.orderProducts\n .filter((p) => !!p.quantity)\n .map((p) => ({\n productId: p.product.productId,\n price: p.product.price,\n quantity: p.quantity,\n })),\n };\n this.orderSvc.create(val).subscribe(() => this.router.navigate(['orders']));\n }\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/detail/detail.component.html",
"content": "\n
\n\n \n
\n \n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/detail/detail.component.scss",
"content": "/*\n * Copyright 2020 Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n.no-bottom-margin {\n margin-bottom: 0;\n}\n\n.nowrap {\n white-space: nowrap;\n}\n\n.invoice {\n font-family: Arial, Helvetica, sans-serif;\n width: 970px !important;\n margin: 50px auto;\n .invoice-header {\n padding: 25px 25px 15px;\n h1 {\n margin: 0;\n }\n .media {\n .media-body {\n font-size: 0.9em;\n margin: 0;\n }\n }\n }\n .invoice-body {\n border-radius: 10px;\n padding: 25px;\n background: #fff;\n }\n .invoice-footer {\n padding: 15px;\n font-size: 0.9em;\n text-align: center;\n color: #999;\n }\n}\n.logo {\n max-height: 70px;\n border-radius: 10px;\n}\n.dl-horizontal {\n margin: 0;\n dt {\n float: left;\n width: 80px;\n overflow: hidden;\n clear: left;\n text-align: right;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n dd {\n margin-left: 90px;\n }\n}\n.rowamount {\n padding-top: 15px !important;\n}\n.rowtotal {\n font-size: 1.3em;\n}\n.colfix {\n width: 12%;\n}\n.mono {\n font-family: monospace;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/detail/detail.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { map, switchMap } from 'rxjs/operators';\nimport { Order } from '../models/order.interface';\nimport { OrderProduct } from '../models/orderproduct.interface';\nimport { OrdersService } from '../orders.service';\n@Component({\n selector: 'app-detail',\n templateUrl: './detail.component.html',\n styleUrls: ['./detail.component.scss'],\n})\nexport class DetailComponent implements OnInit {\n orderId$: Observable\n
\n \n
\n \n
\n Order Details mostly made up
\n\n NO: {{ orderId$ | async }} | Date: {{ today() | date }}\n
\n\n
\n \n
\n \n \n
\n \n - \n
- \n {{ tenantName() }}\n \n
\n
\n\n
\n \n \n \n
\n
\n \n
\n Services / Products
\n| Item / Details | \nUnit Cost | \nSum Cost | \nDiscount | \nTax | \nTotal | \n
|---|---|---|---|---|---|
| \n {{ op.productId }}\n \n | \n \n {{ op.price | currency }}\n \n Before Tax\n | \n \n {{ sum(op) | currency }}\n \n {{ op.quantity }} Units\n | \n \n $0.00\n \n None\n | \n \n {{ tax(op) | currency }}\n \n Sales Tax 8.9%\n | \n \n {{ total(op) | currency }}\n \n | \n
\n \n \n \n Sub Total \n Discount \n Total \n Tax \n Final \n \n \n \n \n \n {{ subTotal(order) | currency }}\n \n -$0.00 \n \n {{ subTotal(order) | currency }}\n \n \n {{ calcTax(order) | currency }}\n \n \n {{ final(order) | currency }}\n \n \n \n \n
\n \n
\n \n \n
\n \n
\n \n Comments / Notes\n
\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit\n repudiandae numquam sit facere blanditiis, quasi distinctio ipsam?\n Libero odit ex expedita, facere sunt, possimus consectetur dolore,\n nobis iure amet vero.\n
\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit\n repudiandae numquam sit facere blanditiis, quasi distinctio ipsam?\n Libero odit ex expedita, facere sunt, possimus consectetur dolore,\n nobis iure amet vero.\n
\n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/list/list.component.scss",
"content": ".order-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Order } from '../models/order.interface';\nimport { OrdersService } from '../orders.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n displayedColumns: string[] = ['name', 'lineItems', 'total'];\n orderData: Order[] = [];\n isLoading: boolean = true;\n constructor(private orderSvc: OrdersService, private router: Router) {}\n\n ngOnInit(): void {\n this.orderSvc.fetch().subscribe((data) => {\n this.isLoading = false;\n this.orderData = data;\n });\n }\n\n sum(order: Order): number {\n return order.orderProducts\n .map((p) => p.price * p.quantity)\n .reduce((acc, curr) => acc + curr);\n }\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/models/order.interface.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { OrderProduct } from './orderproduct.interface';\n\nexport interface Order {\n key: string;\n shardId: string;\n orderId: string;\n orderName: string;\n orderProducts: OrderProduct[];\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/models/orderproduct.interface.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface OrderProduct {\n productId: string;\n price: number;\n quantity: number;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/orders-routing.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { CreateComponent } from './create/create.component';\nimport { DetailComponent } from './detail/detail.component';\nimport { ListComponent } from './list/list.component';\n\nconst routes: Routes = [\n {\n path: '',\n redirectTo: 'list',\n pathMatch: 'full',\n },\n {\n path: 'list',\n data: {\n title: 'All Orders',\n },\n component: ListComponent,\n },\n {\n path: 'create',\n data: {\n title: 'Create Order',\n },\n component: CreateComponent,\n },\n {\n path: 'detail/:orderId',\n data: {\n title: 'View Order Detail',\n },\n component: DetailComponent,\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class OrdersRoutingModule {}\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/orders.module.ts",
"content": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport {\n MatFormFieldModule,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTableModule } from '@angular/material/table';\n\nimport { CreateComponent } from './create/create.component';\nimport { DetailComponent } from './detail/detail.component';\nimport { ListComponent } from './list/list.component';\nimport { OrdersRoutingModule } from './orders-routing.module';\n\n@NgModule({\n declarations: [CreateComponent, ListComponent, DetailComponent],\n imports: [\n CommonModule,\n OrdersRoutingModule,\n ReactiveFormsModule,\n MatButtonModule,\n MatCardModule,\n MatDatepickerModule,\n MatDialogModule,\n MatFormFieldModule,\n MatIconModule,\n MatInputModule,\n MatRadioModule,\n MatSelectModule,\n MatTableModule,\n MatProgressSpinnerModule,\n ],\n providers: [\n {\n provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: { appearance: 'outline' },\n },\n ],\n})\nexport class OrdersModule {}\n"
},
{
"path": "Lab3/client/Application/src/app/views/orders/orders.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { Order } from './models/order.interface';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class OrdersService {\n orders: Order[] = [];\n baseUrl = `${localStorage.getItem('apiGatewayUrl')}`;\n constructor(private http: HttpClient) {}\n\n fetch(): ObservableOrder List
\n\n
\n\n \n \n
\n \n \n \n \n \n
\n | Name | \n\n \n {{ element.orderName }}\n \n | \nLine Items | \n\n {{ element.orderProducts?.length }}\n | \nTotal | \n\n {{ sum(element) | currency }}\n | \n
|---|
\n \n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/products/create/create.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.product-form {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.mat-form-field {\n display: flex;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/products/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\n\nimport { ProductService } from '../product.service';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n productForm: FormGroup;\n categories: string[] = ['category1', 'category2', 'category3', 'category4'];\n constructor(\n private fb: FormBuilder,\n private productSvc: ProductService,\n private router: Router\n ) {\n this.productForm = this.fb.group({});\n }\n\n ngOnInit(): void {\n this.productForm = this.fb.group({\n name: ['', Validators.required],\n price: ['', Validators.required],\n sku: '',\n category: '',\n });\n }\n\n get name() {\n return this.productForm.get('name');\n }\n\n get price() {\n return this.productForm.get('price');\n }\n\n submit() {\n this.productSvc.post(this.productForm.value).subscribe({\n next: () => this.router.navigate(['products']),\n error: (err) => {\n alert(err.message);\n console.error(err);\n },\n });\n }\n\n cancel() {\n this.router.navigate(['products']);\n }\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/products/edit/edit.component.html",
"content": "\n \n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/products/edit/edit.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.product-form {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.mat-form-field {\n display: flex;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/products/edit/edit.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Observable, of } from 'rxjs';\nimport { map, switchMap } from 'rxjs/operators';\nimport { Product } from '../models/product.interface';\nimport { ProductService } from '../product.service';\n\n@Component({\n selector: 'app-edit',\n templateUrl: './edit.component.html',\n styleUrls: ['./edit.component.scss'],\n})\nexport class EditComponent implements OnInit {\n productForm: FormGroup;\n categories: string[] = ['category1', 'category2', 'category3', 'category4'];\n product$: Observable\n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/products/list/list.component.scss",
"content": ".product-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/products/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Product } from '../models/product.interface';\nimport { ProductService } from '../product.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n productData: Product[] = [];\n isLoading: boolean = true;\n displayedColumns: string[] = ['name', 'price', 'sku'];\n\n constructor(private productSvc: ProductService, private router: Router) {}\n\n ngOnInit(): void {\n this.productSvc.fetch().subscribe((data) => {\n this.productData = data;\n this.isLoading = false;\n });\n }\n\n onEdit(product: Product) {\n this.router.navigate(['products', 'edit', product.productId]);\n return false;\n }\n\n onRemove(product: Product) {\n this.productSvc.delete(product);\n this.isLoading = true;\n this.productSvc.fetch().subscribe((data) => {\n this.productData = data;\n this.isLoading = false;\n });\n }\n\n onCreate() {\n this.router.navigate(['products', 'create']);\n }\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/products/models/product.interface.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface Product {\n key: string;\n shardId: string;\n productId: string;\n name: string;\n price: number;\n sku: string;\n category: string;\n pictureUrl?: string;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/products/product.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { Product } from './models/product.interface';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ProductService {\n constructor(private http: HttpClient) {}\n baseUrl = `${localStorage.getItem('apiGatewayUrl')}`;\n\n fetch(): ObservableProduct List
\n\n
\n\n \n \n
\n \n \n \n \n \n
\n | Name | \n\n \n {{ element.name }}\n \n | \nPrice | \n\n {{ element.price | currency }}\n | \nSKU | \n{{ element.sku }} | \n
|---|
\n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/users/create/create.component.scss",
"content": ".user-form {\n margin: 20px;\n display: flex;\n flex-direction: column;\n}\n\n.mat-card-title {\n display: flex;\n justify-content: center;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.row {\n width: 100%;\n align-items: center;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/users/create/create.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { UsersService } from '../users.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n userForm: FormGroup;\n error: boolean = false;\n success: boolean = false;\n\n constructor(\n private fb: FormBuilder,\n private userSvc: UsersService,\n private _snackBar: MatSnackBar\n ) {\n this.userForm = this.fb.group({\n userName: [null, [Validators.required]],\n userEmail: [null, [Validators.email, Validators.required]],\n userRole: [null, [Validators.required]],\n });\n }\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n onSubmit() {\n const user = this.userForm.value;\n this.userSvc.create(user).subscribe(\n () => {\n this.success = true;\n this.openErrorMessageSnackBar('Successfully created new user!');\n },\n (err) => {\n this.error = true;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n }\n );\n }\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/users/list/list.component.html",
"content": "\n
\n\n\n \n
\n \n \n \n \n User List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab3/client/Application/src/app/views/users/list/list.component.scss",
"content": ".user-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/users/list/list.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { User } from '../models/user';\nimport { UsersService } from '../users.service';\n\n@Component({\n selector: 'app-user',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n userData: User[] = [];\n isLoading: boolean = true;\n displayedColumns: string[] = [\n 'email',\n 'created',\n 'modified',\n 'status',\n 'enabled',\n ];\n\n constructor(private userSvc: UsersService) {}\n\n ngOnInit(): void {\n this.userSvc.fetch().subscribe((data) => {\n this.userData = data;\n this.isLoading = false;\n });\n }\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/users/models/user.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface User {\n email: string;\n created?: string;\n modified?: string;\n enabled?: boolean;\n status?: string;\n verified?: boolean;\n}\n"
},
{
"path": "Lab3/client/Application/src/app/views/users/users-routing.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { CreateComponent } from './create/create.component';\nimport { ListComponent } from './list/list.component';\n\nconst routes: Routes = [\n {\n path: '',\n redirectTo: 'list',\n pathMatch: 'prefix',\n },\n {\n path: 'list',\n data: {\n title: 'All Users',\n },\n component: ListComponent,\n },\n {\n path: 'create',\n data: {\n title: 'Create User',\n },\n component: CreateComponent,\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class UsersRoutingModule {}\n"
},
{
"path": "Lab3/client/Application/src/app/views/users/users.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { UsersRoutingModule } from './users-routing.module';\nimport { ListComponent } from './list/list.component';\nimport { CreateComponent } from './create/create.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\n\nimport {\n MatFormFieldModule,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n declarations: [ListComponent, CreateComponent],\n imports: [\n CommonModule,\n UsersRoutingModule,\n FormsModule,\n ReactiveFormsModule,\n MatButtonModule,\n MatCardModule,\n MatDatepickerModule,\n MatDialogModule,\n MatFormFieldModule,\n MatInputModule,\n MatRadioModule,\n MatSelectModule,\n MatTableModule,\n MatIconModule,\n MatProgressSpinnerModule,\n MatSnackBarModule,\n ],\n})\nexport class UsersModule {}\n"
},
{
"path": "Lab3/client/Application/src/app/views/users/users.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { find, mergeMap, defaultIfEmpty } from 'rxjs/operators';\nimport { User } from './models/user';\nimport { environment } from '../../../environments/environment';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class UsersService {\n apiUrl: string;\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.regApiGatewayUrl;\n }\n\n fetch(): Observable\n
\n \n \n \n
\n \n \n \n \n
\n | {{ element.email }} | \nCreated Date | \n\n {{ element.created | date }}\n | \nModified Date | \n\n {{ element.modified | date }}\n | \nStatus | \n\n {{ element.status }}\n | \nEnabled | \n\n {{ element.enabled }}\n | \n
|---|
\n
\n \n\n \n
\n \n
\n \n
\n Serverless SaaS Reference Architecture is so awesome.
\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere\n temporibus omnis illum, officia. Architecto voluptatibus commodi\n voluptatem perspiciatis eos possimus, eius at molestias quaerat\n magnam? Odio qui quos ipsam natus.\n
\n\n
\n \n \n
\n \n Serverless SaaS Reference Architecture so awesome. Makes you awesome - go sign up!\n
\n\n \n
\n \n Serverless SaaS Reference Architecture so great. Makes you even greater - go sign\n up now. Super cheap deal!\n
\n\n \n
\n Feel lonely? Go sign up and have a friend!
\n\n
\n Take Serverless SaaS Reference Architecture with you everywhere you go.
\n\n Serverless SaaS Reference Architecture is all you need. Anywhere - ever. Lorem ipsum\n dolor sit amet, consectetur adipisicing elit. Expedita sapiente hic\n voluptatum quo sunt totam accusamus distinctio minus aliquid quis!\n
\n\n
\n \n\n\n Love Serverless SaaS Reference Architecture. So nice! So good! Could not live\n without!\n
\n Satisfied Customer \n
\n
\n Reasons to sign up this product:
\n\n
\n - \n
- Its the best \n
- Its awesome \n
- It makes you happy \n
- It brings world peace \n
- Its free! \n
\n
\n - \n
- Its the best \n
- Its awesome \n
- It makes you happy \n
- It brings world peace \n
- Its free! \n
\n
\n Why you still reading?
\n Sign up now!\n\n \n
\n"
},
{
"path": "Lab3/client/Landing/src/app/views/register/register.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: fit-content;\n}\n\n.tenant-form {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.wide-form {\n min-width: 150px;\n max-width: 500px;\n width: 100%;\n}\n\n.full-width {\n width: 100%;\n}\n\n.mat-form-field {\n width: 100%;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab3/client/Landing/src/app/views/register/register.component.ts",
"content": "import { MatSnackBar } from '@angular/material/snack-bar';\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { HttpClient } from '@angular/common/http';\nimport { environment } from 'src/environments/environment';\n\n@Component({\n selector: 'app-register',\n templateUrl: './register.component.html',\n styleUrls: ['./register.component.scss'],\n})\nexport class RegisterComponent implements OnInit {\n submitting: boolean = false;\n tenantForm: FormGroup = this.fb.group({\n tenantName: ['', [Validators.required]],\n tenantEmail: ['', [Validators.email, Validators.required]],\n tenantTier: ['', [Validators.required]],\n tenantPhone: [''],\n tenantAddress: [''],\n });\n\n constructor(\n private fb: FormBuilder,\n private _snackBar: MatSnackBar,\n private http: HttpClient\n ) {}\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n submit() {\n this.submitting = true;\n this.tenantForm.disable();\n const tenant = {\n ...this.tenantForm.value,\n };\n this.http\n .post(`${environment.apiGatewayUrl}/registration`, tenant)\n .subscribe({\n next: () => {\n this.openErrorMessageSnackBar('Successfully created new tenant!');\n this.tenantForm.reset();\n this.tenantForm.enable();\n this.submitting = false;\n },\n error: (err) => {\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n console.error(err);\n this.tenantForm.enable();\n this.submitting = false;\n },\n });\n }\n}\n"
},
{
"path": "Lab3/client/Landing/src/assets/.gitkeep",
"content": ""
},
{
"path": "Lab3/client/Landing/src/custom-theme.scss",
"content": "\n// Custom Theming for Angular Material\n// For more information: https://material.angular.io/guide/theming\n@use '@angular/material' as mat;\n// Plus imports for other components in your app.\n\n// Include the common styles for Angular Material. We include this here so that you only\n// have to load a single css file for Angular Material in your app.\n// Be sure that you only ever include this mixin once!\n@include mat.core();\n\n// Define the palettes for your theme using the Material Design palettes available in palette.scss\n// (imported above). For each palette, you can optionally specify a default, lighter, and darker\n// hue. Available color palettes: https://material.io/design/color/\n$dashboard-primary: mat.define-palette(mat.$indigo-palette);\n$dashboard-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);\n\n// The warn palette is optional (defaults to red).\n$dashboard-warn: mat.define-palette(mat.$red-palette);\n\n// Create the theme object. A theme consists of configurations for individual\n// theming systems such as \"color\" or \"typography\".\n$dashboard-theme: mat.define-light-theme((\n color: (\n primary: $dashboard-primary,\n accent: $dashboard-accent,\n warn: $dashboard-warn,\n )\n));\n\n// Include theme styles for core and each component used in your app.\n// Alternatively, you can import and @include the theme mixins for each component\n// that you are using.\n@include mat.all-component-themes($dashboard-theme);\n\n\nhtml, body { height: 100%; }\nbody { margin: 0; font-family: Roboto, \"Helvetica Neue\", sans-serif; }\n"
},
{
"path": "Lab3/client/Landing/src/environments/environment.prod.ts",
"content": "export const environment = {\n production: true,\n apiGatewayUrl: 'https://duobieudcl.execute-api.us-west-2.amazonaws.com/prod',\n};\n"
},
{
"path": "Lab3/client/Landing/src/environments/environment.ts",
"content": "export const environment = {\n production: false,\n apiGatewayUrl: 'https://duobieudcl.execute-api.us-west-2.amazonaws.com/prod',\n};\n"
},
{
"path": "Lab3/client/Landing/src/index.html",
"content": "\n\n \n \n \n \n \n \n
\n \n
\n\n
\n
\n\n \n
\n
\n"
},
{
"path": "Lab4/client/Admin/src/app/views/auth/auth.component.scss",
"content": "/*\n * Copyright 2020 Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\npre,\ncode {\n font-family: monospace, monospace;\n}\npre {\n white-space: pre-wrap; /* css-3 */\n white-space: -moz-pre-wrap; /* Mozilla, since 1999 */\n white-space: -pre-wrap; /* Opera 4-6 */\n white-space: -o-pre-wrap; /* Opera 7 */\n word-wrap: break-word; /* Internet Explorer 5.5+ */\n overflow: auto;\n}\n\n.card {\n margin: 20px;\n}\n\n.card-header {\n justify-content: center;\n font-size: larger;\n font-weight: bold;\n}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/auth/auth.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { from, Observable, pipe } from 'rxjs';\nimport { Auth } from 'aws-amplify';\nimport { CognitoUserSession } from 'amazon-cognito-identity-js';\nimport { map } from 'rxjs/operators';\n\n@Component({\n templateUrl: './auth.component.html',\n styleUrls: ['./auth.component.scss'],\n})\nexport class AuthComponent implements OnInit {\n session$: Observable\n
\n\n \n
\n \n \n
\n \n
\n \n \n Access Token \n \n
\n \n
\n \n \n {{accessToken$ | async}}\n \n \n \n \n ID Token \n \n
\n \n
\n \n \n {{idToken$ | async}}\n \n \n \n\n
\n
\n
User Data
{{ session$ | async | json }}\n \n
\n
\n Traffic
\nDecember 2020
\n \n \n
\n"
},
{
"path": "Lab4/client/Admin/src/app/views/tenants/create/create.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: fit-content;\n}\n\n.product-form {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.mat-form-field {\n display: flex;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/tenants/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { TenantsService } from '../tenants.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n submitting = false;\n tenantForm: FormGroup = this.fb.group({\n tenantName: [null, [Validators.required]],\n tenantEmail: [null, [Validators.email, Validators.required]],\n tenantTier: [null, [Validators.required]],\n tenantPhone: [null],\n tenantAddress: [null],\n });\n\n constructor(\n private fb: FormBuilder,\n private tenantSvc: TenantsService,\n private router: Router,\n private _snackBar: MatSnackBar\n ) {}\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n submit() {\n this.submitting = true;\n const user = {\n ...this.tenantForm.value,\n };\n\n this.tenantSvc.post(this.tenantForm.value).subscribe({\n next: () => {\n this.submitting = false;\n this.openErrorMessageSnackBar('Successfully created new tenant!');\n this.router.navigate(['tenants']);\n },\n error: (err) => {\n this.submitting = false;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n console.error(err);\n },\n });\n }\n}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/tenants/list/list.component.html",
"content": "\n \n \n \n Tenant List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab4/client/Admin/src/app/views/tenants/list/list.component.scss",
"content": ".tenant-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/tenants/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { Tenant } from '../models/tenant';\nimport { TenantsService } from '../tenants.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n tenants$ = new Observable\n \n
\n \n \n \n \n
\n | Id | \n{{ element.tenantId }} | \nTenant Name | \n{{ element.tenantName }} | \n{{ element.tenantEmail }} | \nPlan | \n{{ element.tenantTier }} | \nStatus | \n{{ element.isActive }} | \n
|---|
\n
\n"
},
{
"path": "Lab4/client/Admin/src/app/views/users/create/create.component.scss",
"content": ".user-form {\n margin: 20px;\n display: flex;\n flex-direction: column;\n}\n\n.mat-card-title {\n display: flex;\n justify-content: center;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.row {\n width: 100%;\n align-items: center;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/users/create/create.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { UsersService } from '../users.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n userForm: FormGroup;\n error: boolean = false;\n success: boolean = false;\n\n constructor(\n private fb: FormBuilder,\n private userSvc: UsersService,\n private _snackBar: MatSnackBar\n ) {\n this.userForm = this.fb.group({\n userName: [null, [Validators.required]],\n userEmail: [null, [Validators.email, Validators.required]],\n userRole: [null, [Validators.required]],\n tenantId: [null, [Validators.required]],\n });\n }\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n onSubmit() {\n const user = this.userForm.value;\n this.userSvc.create(user).subscribe(\n () => {\n this.success = true;\n this.openErrorMessageSnackBar('Successfully created new user!');\n },\n (err) => {\n this.error = true;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n }\n );\n }\n}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/users/list/list.component.html",
"content": "\n
\n\n \n
\n \n \n \n \n User List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab4/client/Admin/src/app/views/users/list/list.component.scss",
"content": ".user-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/users/list/list.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { User } from '../models/user';\nimport { UsersService } from '../users.service';\n\n@Component({\n selector: 'app-user',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n userData: User[] = [];\n isLoading: boolean = true;\n displayedColumns: string[] = [\n 'email',\n 'created',\n 'modified',\n 'status',\n 'enabled',\n ];\n\n constructor(private userSvc: UsersService) {}\n\n ngOnInit(): void {\n this.userSvc.fetch().subscribe((data) => {\n this.userData = data;\n this.isLoading = false;\n });\n }\n}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/users/models/user.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface User {\n email: string;\n created?: string;\n modified?: string;\n enabled?: boolean;\n status?: string;\n verified?: boolean;\n}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/users/users-routing.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { CreateComponent } from './create/create.component';\nimport { ListComponent } from './list/list.component';\n\nconst routes: Routes = [\n {\n path: '',\n redirectTo: 'list',\n pathMatch: 'prefix',\n },\n {\n path: 'list',\n data: {\n title: 'All Users',\n },\n component: ListComponent,\n },\n {\n path: 'create',\n data: {\n title: 'Create User',\n },\n component: CreateComponent,\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class UsersRoutingModule {}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/users/users.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { UsersRoutingModule } from './users-routing.module';\nimport { ListComponent } from './list/list.component';\nimport { CreateComponent } from './create/create.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport {\n MatFormFieldModule,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n declarations: [ListComponent, CreateComponent],\n imports: [\n CommonModule,\n UsersRoutingModule,\n FormsModule,\n ReactiveFormsModule,\n MatButtonModule,\n MatCardModule,\n MatDatepickerModule,\n MatDialogModule,\n MatFormFieldModule,\n MatInputModule,\n MatRadioModule,\n MatSelectModule,\n MatTableModule,\n MatIconModule,\n MatProgressSpinnerModule,\n MatSnackBarModule,\n ],\n})\nexport class UsersModule {}\n"
},
{
"path": "Lab4/client/Admin/src/app/views/users/users.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { User } from './models/user';\nimport { environment } from '../../../environments/environment';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class UsersService {\n apiUrl: string;\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n\n fetch(): Observable\n
\n \n
\n \n \n \n
\n \n \n \n \n
\n | {{ element.email }} | \nCreated Date | \n\n {{ element.created | date }}\n | \nModified Date | \n\n {{ element.modified | date }}\n | \nStatus | \n\n {{ element.status }}\n | \nEnabled | \n\n {{ element.enabled }}\n | \n
|---|
\n
\n\n \n \n
\n\n
\n
\n\n \n
\n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/auth/auth.component.scss",
"content": "/*\n * Copyright 2020 Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\npre,\ncode {\n font-family: monospace, monospace;\n}\npre {\n white-space: pre-wrap; /* css-3 */\n white-space: -moz-pre-wrap; /* Mozilla, since 1999 */\n white-space: -pre-wrap; /* Opera 4-6 */\n white-space: -o-pre-wrap; /* Opera 7 */\n word-wrap: break-word; /* Internet Explorer 5.5+ */\n overflow: auto;\n}\n\n.card {\n margin: 20px;\n}\n\n.card-header {\n justify-content: center;\n font-size: larger;\n font-weight: bold;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/auth/auth.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { from, Observable, pipe } from 'rxjs';\nimport { Auth } from 'aws-amplify';\nimport { CognitoUserSession } from 'amazon-cognito-identity-js';\nimport { map } from 'rxjs/operators';\n\n@Component({\n templateUrl: './auth.component.html',\n styleUrls: ['./auth.component.scss'],\n})\nexport class AuthComponent implements OnInit {\n session$: Observable\n
\n\n \n
\n \n \n
\n \n
\n \n \n Access Token \n \n
\n \n
\n \n \n {{accessToken$ | async}}\n \n \n \n \n ID Token \n \n
\n \n
\n \n \n {{idToken$ | async}}\n \n \n \n\n
\n
\n
User Data
{{ session$ | async | json }}\n \n
\n \n \n \n \n \n {{ card.title }}\n \n more_vert \n \n \n \n \n \n \n \n \n \n \n \n \n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/dashboard/dashboard.component.scss",
"content": ".grid-container {\n margin: 20px;\n}\n\n.dashboard-card {\n position: absolute;\n top: 15px;\n left: 15px;\n right: 15px;\n bottom: 15px;\n}\n\n.more-button {\n position: absolute;\n top: 5px;\n right: 10px;\n border: none;\n}\n\n.dashboard-card-content {\n text-align: center;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/dashboard/dashboard.component.ts",
"content": "import { Component, ViewChild } from '@angular/core';\nimport { map } from 'rxjs/operators';\nimport { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';\nimport { ChartConfiguration, ChartData, ChartEvent, ChartType } from 'chart.js';\nimport { BaseChartDirective } from 'ng2-charts';\n\nimport DataLabelsPlugin from 'chartjs-plugin-datalabels';\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.component.html',\n styleUrls: ['./dashboard.component.scss'],\n})\nexport class DashboardComponent {\n @ViewChild(BaseChartDirective) chart: BaseChartDirective | undefined;\n\n public barChartOptions: ChartConfiguration['options'] = {\n responsive: true,\n maintainAspectRatio: false,\n // We use these empty structures as placeholders for dynamic theming.\n scales: {\n x: {},\n y: {\n min: 10,\n },\n },\n plugins: {\n legend: {\n display: true,\n },\n datalabels: {\n anchor: 'end',\n align: 'end',\n },\n },\n };\n public barChartType: ChartType = 'bar';\n public barChartPlugins = [DataLabelsPlugin];\n\n public barChartData: ChartData<'bar'> = {\n labels: ['2006', '2007', '2008', '2009', '2010', '2011', '2012'],\n datasets: [\n { data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A' },\n { data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B' },\n ],\n };\n\n // events\n public chartClicked({\n event,\n active,\n }: {\n event?: ChartEvent;\n active?: {}[];\n }): void {}\n\n public chartHovered({\n event,\n active,\n }: {\n event?: ChartEvent;\n active?: {}[];\n }): void {}\n\n public randomize(): void {\n // Only Change 3 values\n this.barChartData.datasets[0].data = [\n Math.round(Math.random() * 100),\n 59,\n 80,\n Math.round(Math.random() * 100),\n 56,\n Math.round(Math.random() * 100),\n 40,\n ];\n\n this.chart?.update();\n }\n /** Based on the screen size, switch from standard to one column per row */\n cards = this.breakpointObserver.observe(Breakpoints.Handset).pipe(\n map(({ matches }) => {\n if (matches) {\n return [\n { title: 'Card 1', cols: 1, rows: 1 },\n { title: 'Card 2', cols: 1, rows: 1 },\n { title: 'Card 3', cols: 1, rows: 1 },\n { title: 'Card 4', cols: 1, rows: 1 },\n ];\n }\n\n return [\n { title: 'Card 1', cols: 2, rows: 1 },\n { title: 'Card 2', cols: 1, rows: 1 },\n { title: 'Card 3', cols: 1, rows: 2 },\n { title: 'Card 4', cols: 1, rows: 1 },\n ];\n })\n );\n\n constructor(private breakpointObserver: BreakpointObserver) {}\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/dashboard/dashboard.module.ts",
"content": "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DashboardComponent } from './dashboard.component';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatGridListModule } from '@angular/material/grid-list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { NgChartsModule } from 'ng2-charts';\n\nimport { DashboardRoutingModule } from './dashboard-routing.module';\n\n@NgModule({\n declarations: [DashboardComponent],\n imports: [\n CommonModule,\n DashboardRoutingModule,\n MatButtonModule,\n MatCardModule,\n MatGridListModule,\n MatIconModule,\n MatListModule,\n MatMenuModule,\n NgChartsModule,\n ],\n})\nexport class DashboardModule {}\n"
},
{
"path": "Lab4/client/Application/src/app/views/error/404.component.html",
"content": "Dashboard
\n\n \n \n
\n \n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/error/404.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component } from '@angular/core';\n\n@Component({\n templateUrl: '404.component.html',\n})\nexport class P404Component {\n constructor() {}\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/error/500.component.html",
"content": "\n
\n\n
\n \n
\n \n
\n 404
\nOops! You're lost.
\nThe page you are looking for was not found.
\n\n
\n \n \n
\n \n \n \n \n \n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/error/500.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component } from '@angular/core';\n\n@Component({\n templateUrl: '500.component.html',\n})\nexport class P500Component {\n constructor() {}\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/error/unauthorized.component.html",
"content": "\n\n
\n\n
\n \n
\n \n
\n 500
\nHouston, we have a problem!
\nThe page you are looking for is temporarily unavailable.
\n\n
\n \n \n
\n \n \n \n \n \n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/error/unauthorized.component.scss",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n .center-screen {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n min-height: 100vh;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/error/unauthorized.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { AuthConfigurationService } from './../auth/auth-configuration.service';\nimport { Observable } from 'rxjs';\nimport { Router } from '@angular/router';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { environment } from 'src/environments/environment';\n\n@Component({\n selector: 'app-unauthorized',\n templateUrl: './unauthorized.component.html',\n styleUrls: ['./unauthorized.component.scss'],\n})\nexport class UnauthorizedComponent implements OnInit {\n tenantForm: FormGroup;\n params$: Observable\n \n
\n\n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/create/create.component.scss",
"content": "// .card {\n// margin: 20px;\n// display: flex;\n// flex-direction: column;\n// align-items: flex-start;\n// }\n\n.order-form {\n margin: 20px;\n display: flex;\n flex-direction: column;\n}\n\n.mat-card-title {\n display: flex;\n justify-content: center;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.row {\n width: 100%;\n align-items: center;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { Product } from '../../products/models/product.interface';\nimport { ProductService } from '../../products/product.service';\nimport { Order } from '../models/order.interface';\nimport { OrdersService } from '../orders.service';\n\ninterface LineItem {\n product: Product;\n quantity?: number;\n}\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n displayedColumns = [];\n orderForm: FormGroup;\n orderProducts: LineItem[] = [];\n isLoadingProducts: boolean = true;\n error = '';\n constructor(\n private fb: FormBuilder,\n private productSvc: ProductService,\n private orderSvc: OrdersService,\n private router: Router\n ) {\n this.orderForm = this.fb.group({\n name: ['', Validators.required],\n });\n }\n\n ngOnInit(): void {\n this.productSvc.fetch().subscribe((products) => {\n this.orderProducts = products.map((p) => ({ product: p }));\n this.isLoadingProducts = false;\n });\n this.orderForm = this.fb.group({\n orderName: ['', Validators.required],\n });\n }\n\n get name() {\n return this.orderForm.get('name');\n }\n\n get productQuantity() {\n return this.orderProducts\n .filter((p) => !!p.quantity).length > 0;\n }\n\n\n add(op: LineItem) {\n const orderProduct = this.orderProducts.find(\n (p) => p?.product.productId === op.product.productId\n );\n this.orderProducts = this.orderProducts.map((p) => {\n if (p.product?.productId === orderProduct?.product?.productId) {\n p = {\n ...orderProduct,\n quantity: orderProduct.quantity ? orderProduct.quantity + 1 : 1,\n };\n }\n return p;\n });\n }\n\n remove(op: LineItem) {\n const orderProduct = this.orderProducts.find(\n (p) => p?.product.productId === op.product.productId\n );\n this.orderProducts = this.orderProducts.map((p) => {\n if (p.product?.productId === orderProduct?.product?.productId) {\n p = {\n ...orderProduct,\n quantity:\n orderProduct.quantity && orderProduct.quantity > 1\n ? orderProduct.quantity - 1\n : undefined,\n };\n }\n return p;\n });\n }\n\n submit() {\n const val: Order = {\n ...this.orderForm?.value,\n orderProducts: this.orderProducts\n .filter((p) => !!p.quantity)\n .map((p) => ({\n productId: p.product.productId,\n price: p.product.price,\n quantity: p.quantity,\n })),\n };\n this.orderSvc.create(val).subscribe(() => this.router.navigate(['orders']));\n }\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/detail/detail.component.html",
"content": "\n
\n\n \n
\n \n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/detail/detail.component.scss",
"content": "/*\n * Copyright 2020 Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n.no-bottom-margin {\n margin-bottom: 0;\n}\n\n.nowrap {\n white-space: nowrap;\n}\n\n.invoice {\n font-family: Arial, Helvetica, sans-serif;\n width: 970px !important;\n margin: 50px auto;\n .invoice-header {\n padding: 25px 25px 15px;\n h1 {\n margin: 0;\n }\n .media {\n .media-body {\n font-size: 0.9em;\n margin: 0;\n }\n }\n }\n .invoice-body {\n border-radius: 10px;\n padding: 25px;\n background: #fff;\n }\n .invoice-footer {\n padding: 15px;\n font-size: 0.9em;\n text-align: center;\n color: #999;\n }\n}\n.logo {\n max-height: 70px;\n border-radius: 10px;\n}\n.dl-horizontal {\n margin: 0;\n dt {\n float: left;\n width: 80px;\n overflow: hidden;\n clear: left;\n text-align: right;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n dd {\n margin-left: 90px;\n }\n}\n.rowamount {\n padding-top: 15px !important;\n}\n.rowtotal {\n font-size: 1.3em;\n}\n.colfix {\n width: 12%;\n}\n.mono {\n font-family: monospace;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/detail/detail.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { map, switchMap } from 'rxjs/operators';\nimport { Order } from '../models/order.interface';\nimport { OrderProduct } from '../models/orderproduct.interface';\nimport { OrdersService } from '../orders.service';\n@Component({\n selector: 'app-detail',\n templateUrl: './detail.component.html',\n styleUrls: ['./detail.component.scss'],\n})\nexport class DetailComponent implements OnInit {\n orderId$: Observable\n
\n \n
\n \n
\n Order Details mostly made up
\n\n NO: {{ orderId$ | async }} | Date: {{ today() | date }}\n
\n\n
\n \n
\n \n \n
\n \n - \n
- \n {{ tenantName() }}\n \n
\n
\n\n
\n \n \n \n
\n
\n \n
\n Services / Products
\n| Item / Details | \nUnit Cost | \nSum Cost | \nDiscount | \nTax | \nTotal | \n
|---|---|---|---|---|---|
| \n {{ op.productId }}\n \n | \n \n {{ op.price | currency }}\n \n Before Tax\n | \n \n {{ sum(op) | currency }}\n \n {{ op.quantity }} Units\n | \n \n $0.00\n \n None\n | \n \n {{ tax(op) | currency }}\n \n Sales Tax 8.9%\n | \n \n {{ total(op) | currency }}\n \n | \n
\n \n \n \n Sub Total \n Discount \n Total \n Tax \n Final \n \n \n \n \n \n {{ subTotal(order) | currency }}\n \n -$0.00 \n \n {{ subTotal(order) | currency }}\n \n \n {{ calcTax(order) | currency }}\n \n \n {{ final(order) | currency }}\n \n \n \n \n
\n \n
\n \n \n
\n \n
\n \n Comments / Notes\n
\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit\n repudiandae numquam sit facere blanditiis, quasi distinctio ipsam?\n Libero odit ex expedita, facere sunt, possimus consectetur dolore,\n nobis iure amet vero.\n
\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit\n repudiandae numquam sit facere blanditiis, quasi distinctio ipsam?\n Libero odit ex expedita, facere sunt, possimus consectetur dolore,\n nobis iure amet vero.\n
\n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/list/list.component.scss",
"content": ".order-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Order } from '../models/order.interface';\nimport { OrdersService } from '../orders.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n displayedColumns: string[] = ['name', 'lineItems', 'total'];\n orderData: Order[] = [];\n isLoading: boolean = true;\n constructor(private orderSvc: OrdersService, private router: Router) {}\n\n ngOnInit(): void {\n this.orderSvc.fetch().subscribe((data) => {\n this.isLoading = false;\n this.orderData = data;\n });\n }\n\n sum(order: Order): number {\n return order.orderProducts\n .map((p) => p.price * p.quantity)\n .reduce((acc, curr) => acc + curr);\n }\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/models/order.interface.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { OrderProduct } from './orderproduct.interface';\n\nexport interface Order {\n key: string;\n shardId: string;\n orderId: string;\n orderName: string;\n orderProducts: OrderProduct[];\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/models/orderproduct.interface.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface OrderProduct {\n productId: string;\n price: number;\n quantity: number;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/orders-routing.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { CreateComponent } from './create/create.component';\nimport { DetailComponent } from './detail/detail.component';\nimport { ListComponent } from './list/list.component';\n\nconst routes: Routes = [\n {\n path: '',\n redirectTo: 'list',\n pathMatch: 'full',\n },\n {\n path: 'list',\n data: {\n title: 'All Orders',\n },\n component: ListComponent,\n },\n {\n path: 'create',\n data: {\n title: 'Create Order',\n },\n component: CreateComponent,\n },\n {\n path: 'detail/:orderId',\n data: {\n title: 'View Order Detail',\n },\n component: DetailComponent,\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class OrdersRoutingModule {}\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/orders.module.ts",
"content": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport {\n MatFormFieldModule,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTableModule } from '@angular/material/table';\n\nimport { CreateComponent } from './create/create.component';\nimport { DetailComponent } from './detail/detail.component';\nimport { ListComponent } from './list/list.component';\nimport { OrdersRoutingModule } from './orders-routing.module';\n\n@NgModule({\n declarations: [CreateComponent, ListComponent, DetailComponent],\n imports: [\n CommonModule,\n OrdersRoutingModule,\n ReactiveFormsModule,\n MatButtonModule,\n MatCardModule,\n MatDatepickerModule,\n MatDialogModule,\n MatFormFieldModule,\n MatIconModule,\n MatInputModule,\n MatRadioModule,\n MatSelectModule,\n MatTableModule,\n MatProgressSpinnerModule,\n ],\n providers: [\n {\n provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: { appearance: 'outline' },\n },\n ],\n})\nexport class OrdersModule {}\n"
},
{
"path": "Lab4/client/Application/src/app/views/orders/orders.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { Order } from './models/order.interface';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class OrdersService {\n orders: Order[] = [];\n baseUrl = `${localStorage.getItem('apiGatewayUrl')}`;\n constructor(private http: HttpClient) {}\n\n fetch(): ObservableOrder List
\n\n
\n\n \n \n
\n \n \n \n \n \n
\n | Name | \n\n \n {{ element.orderName }}\n \n | \nLine Items | \n\n {{ element.orderProducts?.length }}\n | \nTotal | \n\n {{ sum(element) | currency }}\n | \n
|---|
\n \n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/products/create/create.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.product-form {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.mat-form-field {\n display: flex;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/products/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\n\nimport { ProductService } from '../product.service';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n productForm: FormGroup;\n categories: string[] = ['category1', 'category2', 'category3', 'category4'];\n constructor(\n private fb: FormBuilder,\n private productSvc: ProductService,\n private router: Router\n ) {\n this.productForm = this.fb.group({});\n }\n\n ngOnInit(): void {\n this.productForm = this.fb.group({\n name: ['', Validators.required],\n price: ['', Validators.required],\n sku: '',\n category: '',\n });\n }\n\n get name() {\n return this.productForm.get('name');\n }\n\n get price() {\n return this.productForm.get('price');\n }\n\n submit() {\n this.productSvc.post(this.productForm.value).subscribe({\n next: () => this.router.navigate(['products']),\n error: (err) => {\n alert(err.message);\n console.error(err);\n },\n });\n }\n\n cancel() {\n this.router.navigate(['products']);\n }\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/products/edit/edit.component.html",
"content": "\n \n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/products/edit/edit.component.scss",
"content": ""
},
{
"path": "Lab4/client/Application/src/app/views/products/edit/edit.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Observable, of } from 'rxjs';\nimport { map, switchMap } from 'rxjs/operators';\nimport { Product } from '../models/product.interface';\nimport { ProductService } from '../product.service';\n@Component({\n selector: 'app-edit',\n templateUrl: './edit.component.html',\n styleUrls: ['./edit.component.scss'],\n})\nexport class EditComponent implements OnInit {\n productForm: FormGroup | undefined;\n product$: Observable\n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/products/list/list.component.scss",
"content": ".product-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/products/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Product } from '../models/product.interface';\nimport { ProductService } from '../product.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n productData: Product[] = [];\n isLoading: boolean = true;\n displayedColumns: string[] = ['name', 'price', 'sku'];\n\n constructor(private productSvc: ProductService, private router: Router) {}\n\n ngOnInit(): void {\n this.productSvc.fetch().subscribe((data) => {\n this.productData = data;\n this.isLoading = false;\n });\n }\n\n onEdit(product: Product) {\n this.router.navigate(['products', 'edit', product.productId]);\n return false;\n }\n\n onRemove(product: Product) {\n this.productSvc.delete(product);\n this.isLoading = true;\n this.productSvc.fetch().subscribe((data) => {\n this.productData = data;\n this.isLoading = false;\n });\n }\n\n onCreate() {\n this.router.navigate(['products', 'create']);\n }\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/products/models/product.interface.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface Product {\n key: string;\n shardId: string;\n productId: string;\n name: string;\n price: number;\n sku: string;\n category: string;\n pictureUrl?: string;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/products/product.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { Product } from './models/product.interface';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ProductService {\n constructor(private http: HttpClient) {}\n baseUrl = `${localStorage.getItem('apiGatewayUrl')}`;\n\n fetch(): ObservableProduct List
\n\n
\n\n \n \n
\n \n \n \n \n \n
\n | Name | \n{{ element.name }} | \nPrice | \n\n {{ element.price | currency }}\n | \nSKU | \n{{ element.sku }} | \n
|---|
\n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/users/create/create.component.scss",
"content": ".user-form {\n margin: 20px;\n display: flex;\n flex-direction: column;\n}\n\n.mat-card-title {\n display: flex;\n justify-content: center;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.row {\n width: 100%;\n align-items: center;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/users/create/create.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { UsersService } from '../users.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n userForm: FormGroup;\n error: boolean = false;\n success: boolean = false;\n\n constructor(\n private fb: FormBuilder,\n private userSvc: UsersService,\n private _snackBar: MatSnackBar\n ) {\n this.userForm = this.fb.group({\n userName: [null, [Validators.required]],\n userEmail: [null, [Validators.email, Validators.required]],\n userRole: [null, [Validators.required]],\n });\n }\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n onSubmit() {\n const user = this.userForm.value;\n this.userSvc.create(user).subscribe(\n () => {\n this.success = true;\n this.openErrorMessageSnackBar('Successfully created new user!');\n },\n (err) => {\n this.error = true;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n }\n );\n }\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/users/list/list.component.html",
"content": "\n
\n\n\n \n
\n \n \n \n \n User List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab4/client/Application/src/app/views/users/list/list.component.scss",
"content": ".user-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/users/list/list.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { User } from '../models/user';\nimport { UsersService } from '../users.service';\n\n@Component({\n selector: 'app-user',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n userData: User[] = [];\n isLoading: boolean = true;\n displayedColumns: string[] = [\n 'email',\n 'created',\n 'modified',\n 'status',\n 'enabled',\n ];\n\n constructor(private userSvc: UsersService) {}\n\n ngOnInit(): void {\n this.userSvc.fetch().subscribe((data) => {\n this.userData = data;\n this.isLoading = false;\n });\n }\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/users/models/user.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface User {\n email: string;\n created?: string;\n modified?: string;\n enabled?: boolean;\n status?: string;\n verified?: boolean;\n}\n"
},
{
"path": "Lab4/client/Application/src/app/views/users/users-routing.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { CreateComponent } from './create/create.component';\nimport { ListComponent } from './list/list.component';\n\nconst routes: Routes = [\n {\n path: '',\n redirectTo: 'list',\n pathMatch: 'prefix',\n },\n {\n path: 'list',\n data: {\n title: 'All Users',\n },\n component: ListComponent,\n },\n {\n path: 'create',\n data: {\n title: 'Create User',\n },\n component: CreateComponent,\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class UsersRoutingModule {}\n"
},
{
"path": "Lab4/client/Application/src/app/views/users/users.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { UsersRoutingModule } from './users-routing.module';\nimport { ListComponent } from './list/list.component';\nimport { CreateComponent } from './create/create.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\n\nimport {\n MatFormFieldModule,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n declarations: [ListComponent, CreateComponent],\n imports: [\n CommonModule,\n UsersRoutingModule,\n FormsModule,\n ReactiveFormsModule,\n MatButtonModule,\n MatCardModule,\n MatDatepickerModule,\n MatDialogModule,\n MatFormFieldModule,\n MatInputModule,\n MatRadioModule,\n MatSelectModule,\n MatTableModule,\n MatIconModule,\n MatProgressSpinnerModule,\n MatSnackBarModule,\n ],\n})\nexport class UsersModule {}\n"
},
{
"path": "Lab4/client/Application/src/app/views/users/users.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable, of } from 'rxjs';\nimport { find, mergeMap, defaultIfEmpty } from 'rxjs/operators';\nimport { User } from './models/user';\nimport { environment } from '../../../environments/environment';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class UsersService {\n apiUrl: string;\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.regApiGatewayUrl;\n }\n\n fetch(): Observable\n
\n \n \n \n
\n \n \n \n \n
\n | {{ element.email }} | \nCreated Date | \n\n {{ element.created | date }}\n | \nModified Date | \n\n {{ element.modified | date }}\n | \nStatus | \n\n {{ element.status }}\n | \nEnabled | \n\n {{ element.enabled }}\n | \n
|---|
\n
\n \n\n \n
\n \n
\n \n
\n Serverless SaaS Reference Architecture is so awesome.
\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere\n temporibus omnis illum, officia. Architecto voluptatibus commodi\n voluptatem perspiciatis eos possimus, eius at molestias quaerat\n magnam? Odio qui quos ipsam natus.\n
\n\n
\n \n \n
\n \n Serverless SaaS Reference Architecture so awesome. Makes you awesome - go sign up!\n
\n\n \n
\n \n Serverless SaaS Reference Architecture so great. Makes you even greater - go sign\n up now. Super cheap deal!\n
\n\n \n
\n Feel lonely? Go sign up and have a friend!
\n\n
\n Take Serverless SaaS Reference Architecture with you everywhere you go.
\n\n Serverless SaaS Reference Architecture is all you need. Anywhere - ever. Lorem ipsum\n dolor sit amet, consectetur adipisicing elit. Expedita sapiente hic\n voluptatum quo sunt totam accusamus distinctio minus aliquid quis!\n
\n\n
\n \n\n\n Love Serverless SaaS Reference Architecture. So nice! So good! Could not live\n without!\n
\n Satisfied Customer \n
\n
\n Reasons to sign up this product:
\n\n
\n - \n
- Its the best \n
- Its awesome \n
- It makes you happy \n
- It brings world peace \n
- Its free! \n
\n
\n - \n
- Its the best \n
- Its awesome \n
- It makes you happy \n
- It brings world peace \n
- Its free! \n
\n
\n Why you still reading?
\n Sign up now!\n\n \n
\n"
},
{
"path": "Lab4/client/Landing/src/app/views/register/register.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: fit-content;\n}\n\n.tenant-form {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.wide-form {\n min-width: 150px;\n max-width: 500px;\n width: 100%;\n}\n\n.full-width {\n width: 100%;\n}\n\n.mat-form-field {\n width: 100%;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab4/client/Landing/src/app/views/register/register.component.ts",
"content": "import { MatSnackBar } from '@angular/material/snack-bar';\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { HttpClient } from '@angular/common/http';\nimport { environment } from 'src/environments/environment';\n\n@Component({\n selector: 'app-register',\n templateUrl: './register.component.html',\n styleUrls: ['./register.component.scss'],\n})\nexport class RegisterComponent implements OnInit {\n submitting: boolean = false;\n tenantForm: FormGroup = this.fb.group({\n tenantName: ['', [Validators.required]],\n tenantEmail: ['', [Validators.email, Validators.required]],\n tenantTier: ['', [Validators.required]],\n tenantPhone: [''],\n tenantAddress: [''],\n });\n\n constructor(\n private fb: FormBuilder,\n private _snackBar: MatSnackBar,\n private http: HttpClient\n ) {}\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n submit() {\n this.submitting = true;\n this.tenantForm.disable();\n const tenant = {\n ...this.tenantForm.value,\n };\n this.http\n .post(`${environment.apiGatewayUrl}/registration`, tenant)\n .subscribe({\n next: () => {\n this.openErrorMessageSnackBar('Successfully created new tenant!');\n this.tenantForm.reset();\n this.tenantForm.enable();\n this.submitting = false;\n },\n error: (err) => {\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n console.error(err);\n this.tenantForm.enable();\n this.submitting = false;\n },\n });\n }\n}\n"
},
{
"path": "Lab4/client/Landing/src/assets/.gitkeep",
"content": ""
},
{
"path": "Lab4/client/Landing/src/custom-theme.scss",
"content": "\n// Custom Theming for Angular Material\n// For more information: https://material.angular.io/guide/theming\n@use '@angular/material' as mat;\n// Plus imports for other components in your app.\n\n// Include the common styles for Angular Material. We include this here so that you only\n// have to load a single css file for Angular Material in your app.\n// Be sure that you only ever include this mixin once!\n@include mat.core();\n\n// Define the palettes for your theme using the Material Design palettes available in palette.scss\n// (imported above). For each palette, you can optionally specify a default, lighter, and darker\n// hue. Available color palettes: https://material.io/design/color/\n$dashboard-primary: mat.define-palette(mat.$indigo-palette);\n$dashboard-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);\n\n// The warn palette is optional (defaults to red).\n$dashboard-warn: mat.define-palette(mat.$red-palette);\n\n// Create the theme object. A theme consists of configurations for individual\n// theming systems such as \"color\" or \"typography\".\n$dashboard-theme: mat.define-light-theme((\n color: (\n primary: $dashboard-primary,\n accent: $dashboard-accent,\n warn: $dashboard-warn,\n )\n));\n\n// Include theme styles for core and each component used in your app.\n// Alternatively, you can import and @include the theme mixins for each component\n// that you are using.\n@include mat.all-component-themes($dashboard-theme);\n\n\nhtml, body { height: 100%; }\nbody { margin: 0; font-family: Roboto, \"Helvetica Neue\", sans-serif; }\n"
},
{
"path": "Lab4/client/Landing/src/environments/environment.prod.ts",
"content": "export const environment = {\n production: true,\n apiGatewayUrl: 'https://duobieudcl.execute-api.us-west-2.amazonaws.com/prod',\n};\n"
},
{
"path": "Lab4/client/Landing/src/environments/environment.ts",
"content": "export const environment = {\n production: false,\n apiGatewayUrl: 'https://duobieudcl.execute-api.us-west-2.amazonaws.com/prod',\n};\n"
},
{
"path": "Lab4/client/Landing/src/index.html",
"content": "\n\n \n \n \n \n \n \n
\n \n
\n\n
\n
\n\n \n
\n
\n"
},
{
"path": "Lab5/client/Admin/src/app/views/auth/auth.component.scss",
"content": "/*\n * Copyright 2020 Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\npre,\ncode {\n font-family: monospace, monospace;\n}\npre {\n white-space: pre-wrap; /* css-3 */\n white-space: -moz-pre-wrap; /* Mozilla, since 1999 */\n white-space: -pre-wrap; /* Opera 4-6 */\n white-space: -o-pre-wrap; /* Opera 7 */\n word-wrap: break-word; /* Internet Explorer 5.5+ */\n overflow: auto;\n}\n\n.card {\n margin: 20px;\n}\n\n.card-header {\n justify-content: center;\n font-size: larger;\n font-weight: bold;\n}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/auth/auth.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { from, Observable, pipe } from 'rxjs';\nimport { Auth } from 'aws-amplify';\nimport { CognitoUserSession } from 'amazon-cognito-identity-js';\nimport { map } from 'rxjs/operators';\n\n@Component({\n templateUrl: './auth.component.html',\n styleUrls: ['./auth.component.scss'],\n})\nexport class AuthComponent implements OnInit {\n session$: Observable\n
\n\n \n
\n \n \n
\n \n
\n \n \n Access Token \n \n
\n \n
\n \n \n {{accessToken$ | async}}\n \n \n \n \n ID Token \n \n
\n \n
\n \n \n {{idToken$ | async}}\n \n \n \n\n
\n
\n
User Data
{{ session$ | async | json }}\n \n
\n
\n Traffic
\nDecember 2020
\n \n \n
\n"
},
{
"path": "Lab5/client/Admin/src/app/views/tenants/create/create.component.scss",
"content": ".card {\n margin: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: fit-content;\n}\n\n.product-form {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.mat-form-field {\n display: flex;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/tenants/create/create.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { TenantsService } from '../tenants.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n submitting = false;\n tenantForm: FormGroup = this.fb.group({\n tenantName: [null, [Validators.required]],\n tenantEmail: [null, [Validators.email, Validators.required]],\n tenantTier: [null, [Validators.required]],\n tenantPhone: [null],\n tenantAddress: [null],\n });\n\n constructor(\n private fb: FormBuilder,\n private tenantSvc: TenantsService,\n private router: Router,\n private _snackBar: MatSnackBar\n ) {}\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n submit() {\n this.submitting = true;\n const user = {\n ...this.tenantForm.value,\n };\n\n this.tenantSvc.post(this.tenantForm.value).subscribe({\n next: () => {\n this.submitting = false;\n this.openErrorMessageSnackBar('Successfully created new tenant!');\n this.router.navigate(['tenants']);\n },\n error: (err) => {\n this.submitting = false;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n console.error(err);\n },\n });\n }\n}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/tenants/list/list.component.html",
"content": "\n \n \n \n Tenant List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab5/client/Admin/src/app/views/tenants/list/list.component.scss",
"content": ".tenant-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/tenants/list/list.component.ts",
"content": "import { Component, OnInit } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { Tenant } from '../models/tenant';\nimport { TenantsService } from '../tenants.service';\n\n@Component({\n selector: 'app-list',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n tenants$ = new Observable\n \n
\n \n \n \n \n
\n | Id | \n{{ element.tenantId }} | \nTenant Name | \n{{ element.tenantName }} | \n{{ element.tenantEmail }} | \nPlan | \n{{ element.tenantTier }} | \nStatus | \n{{ element.isActive }} | \n
|---|
\n
\n"
},
{
"path": "Lab5/client/Admin/src/app/views/users/create/create.component.scss",
"content": ".user-form {\n margin: 20px;\n display: flex;\n flex-direction: column;\n}\n\n.mat-card-title {\n display: flex;\n justify-content: center;\n}\n\n.button-panel {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.row {\n width: 100%;\n align-items: center;\n}\n\nbutton {\n margin: 4px;\n}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/users/create/create.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { UsersService } from '../users.service';\nimport { MatSnackBar } from '@angular/material/snack-bar';\n\n@Component({\n selector: 'app-create',\n templateUrl: './create.component.html',\n styleUrls: ['./create.component.scss'],\n})\nexport class CreateComponent implements OnInit {\n userForm: FormGroup;\n error: boolean = false;\n success: boolean = false;\n\n constructor(\n private fb: FormBuilder,\n private userSvc: UsersService,\n private _snackBar: MatSnackBar\n ) {\n this.userForm = this.fb.group({\n userName: [null, [Validators.required]],\n userEmail: [null, [Validators.email, Validators.required]],\n userRole: [null, [Validators.required]],\n tenantId: [null, [Validators.required]],\n });\n }\n\n ngOnInit(): void {}\n\n openErrorMessageSnackBar(errorMessage: string) {\n this._snackBar.open(errorMessage, 'Dismiss', {\n duration: 4 * 1000, // seconds\n });\n }\n\n onSubmit() {\n const user = this.userForm.value;\n this.userSvc.create(user).subscribe(\n () => {\n this.success = true;\n this.openErrorMessageSnackBar('Successfully created new user!');\n },\n (err) => {\n this.error = true;\n this.openErrorMessageSnackBar('An unexpected error occurred!');\n }\n );\n }\n}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/users/list/list.component.html",
"content": "\n
\n\n \n
\n \n \n \n \n User List\n \n \n \n \n \n \n
\n"
},
{
"path": "Lab5/client/Admin/src/app/views/users/list/list.component.scss",
"content": ".user-list {\n margin: 20px;\n}\ntable {\n width: 100%;\n}\n\n.button-panel {\n margin-top: 20px;\n}\n\n.mat-cell {\n margin: 20px 5px;\n}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/users/list/list.component.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { Component, OnInit } from '@angular/core';\nimport { User } from '../models/user';\nimport { UsersService } from '../users.service';\n\n@Component({\n selector: 'app-user',\n templateUrl: './list.component.html',\n styleUrls: ['./list.component.scss'],\n})\nexport class ListComponent implements OnInit {\n userData: User[] = [];\n isLoading: boolean = true;\n displayedColumns: string[] = [\n 'email',\n 'created',\n 'modified',\n 'status',\n 'enabled',\n ];\n\n constructor(private userSvc: UsersService) {}\n\n ngOnInit(): void {\n this.userSvc.fetch().subscribe((data) => {\n this.userData = data;\n this.isLoading = false;\n });\n }\n}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/users/models/user.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nexport interface User {\n email: string;\n created?: string;\n modified?: string;\n enabled?: boolean;\n status?: string;\n verified?: boolean;\n}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/users/users-routing.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\nimport { CreateComponent } from './create/create.component';\nimport { ListComponent } from './list/list.component';\n\nconst routes: Routes = [\n {\n path: '',\n redirectTo: 'list',\n pathMatch: 'prefix',\n },\n {\n path: 'list',\n data: {\n title: 'All Users',\n },\n component: ListComponent,\n },\n {\n path: 'create',\n data: {\n title: 'Create User',\n },\n component: CreateComponent,\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class UsersRoutingModule {}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/users/users.module.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n * SPDX-License-Identifier: MIT-0\n */\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { UsersRoutingModule } from './users-routing.module';\nimport { ListComponent } from './list/list.component';\nimport { CreateComponent } from './create/create.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatCardModule } from '@angular/material/card';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\nimport {\n MatFormFieldModule,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@NgModule({\n declarations: [ListComponent, CreateComponent],\n imports: [\n CommonModule,\n UsersRoutingModule,\n FormsModule,\n ReactiveFormsModule,\n MatButtonModule,\n MatCardModule,\n MatDatepickerModule,\n MatDialogModule,\n MatFormFieldModule,\n MatInputModule,\n MatRadioModule,\n MatSelectModule,\n MatTableModule,\n MatIconModule,\n MatProgressSpinnerModule,\n MatSnackBarModule,\n ],\n})\nexport class UsersModule {}\n"
},
{
"path": "Lab5/client/Admin/src/app/views/users/users.service.ts",
"content": "/*\n * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this\n * software and associated documentation files (the \"Software\"), to deal in the Software\n * without restriction, including without limitation the rights to use, copy, modify,\n * merge, publish, distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,\n * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A\n * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT\n * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE\n * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { User } from './models/user';\nimport { environment } from '../../../environments/environment';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class UsersService {\n apiUrl: string;\n\n constructor(private http: HttpClient) {\n this.apiUrl = environment.apiUrl;\n }\n\n fetch(): Observable\n
\n \n
\n \n \n \n
\n \n \n \n \n
\n | {{ element.email }} | \nCreated Date | \n\n {{ element.created | date }}\n | \nModified Date | \n\n {{ element.modified | date }}\n | \nStatus | \n\n {{ element.status }}\n | \nEnabled | \n\n {{ element.enabled }}\n | \n
|---|