SPA: Merge

8 years ago · f2681b93d2
--- a/src/Web/WebMVC/Views/Order/Create.cshtml
+++ b/src/Web/WebMVC/Views/Order/Create.cshtml
@ -5,79 +5,92 @@
@{
    ViewData["Title"] = "New Order";
 }
 <div class="brand-header-block">
    <ul class="container">
        <li class="brand-header-back"><a asp-area="" asp-controller="Cart" asp-action="Index">Back to cart</a></li>
    </ul>
 </div>
 <div class="container order-create-container">

@Html.Partial("_Header", new Header() { Controller = "Cart", Text = "Back to cart" })

 <div class="container">
    <form method="post" asp-controller="Order" asp-action="Create">
        <div asp-validation-summary="All" class="text-danger"></div>
        <h4 class="order-create-section-title">SHIPPING ADDRESS</h4>
        <div class="form-horizontal row">
            <div class="form-group col-sm-6">
                <label asp-for="Street" class="control-label form-label">Address</label>
                <input asp-for="Street" class="form-control form-input" />
                <span asp-validation-for="Street" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="City" class="control-label form-label">City</label>
                <input asp-for="City" class="form-control form-input" />
                <span asp-validation-for="City" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="State" class="control-label form-label">State</label>
                <input asp-for="State" class="form-control form-input" />
                <span asp-validation-for="State" class="text-danger" />
            </div>
            <div class="form-group col-sm-6">
                <label asp-for="Country" class="control-label form-label">Country</label>
                <input asp-for="Country" class="form-control form-input" />
                <span asp-validation-for="Country" class="text-danger" />
            </div>
        </div>
        <br /><br />
        <div class="order-create-section-payment">
            <h4 class="order-create-section-title">PAYMENT METHOD</h4>
            <div class="form-horizontal row">
                <div class="form-group col-sm-6">
                    <label asp-for="CardNumber" class="control-label form-label">Card Number</label>
                    <input asp-for="CardNumber" class="form-control form-input" />
                    <span asp-validation-for="CardNumber" class="text-danger" />
        <section class="esh-orders_new-section">
            <h4 class="esh-orders_new-title">Shipping address</h4>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label asp-for="Street" class="esh-orders_new-title">Address</label>
                        <input asp-for="Street" class="form-control form-input" type="text" placeholder="Street"/>
                        <span asp-validation-for="Street" class="alert alert-danger" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label asp-for="City" class="esh-orders_new-title">City</label>
                        <input asp-for="City" class="form-control form-input" type="text" placeholder="City"/>
                        <span asp-validation-for="City" class="alert alert-danger" />
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label asp-for="CardHolderName" class="control-label form-label">Cardholder Name</label>
                    <input asp-for="CardHolderName" class="form-control form-input" />
                    <span asp-validation-for="CardHolderName" class="text-danger" />
                <div class="col-md-6">
                    <div class="form-group">
                        <label asp-for="State" class="esh-orders_new-title">State</label>
                        <input asp-for="State" class="form-control form-input" type="text" placeholder="State"/>
                        <span asp-validation-for="State" class="alert alert-danger" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label asp-for="Country" class="esh-orders_new-title">Country</label>
                        <input asp-for="Country" class="form-control form-input" type="text" placeholder="Country"/>
                        <span asp-validation-for="Country" class="alert alert-danger" />
                    </div>
                </div>
            </div>
            <div class="form-horizontal row">
                <div class="form-group col-sm-3">
                    <label asp-for="CardExpirationShort" class="control-label form-label">Expiration Date</label>
                    <input asp-for="CardExpirationShort" placeholder="MM/YY" class="form-control form-select" />
                    <span asp-validation-for="CardExpirationShort" class="text-danger" />
        </section>
        <section class="esh-orders_new-section">
            <h4 class="esh-orders_new-title">Payment method</h4>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label asp-for="CardNumber" class="esh-orders_new-title">Card number</label>
                        <input asp-for="CardNumber" class="form-control form-input" type="text" placeholder="000000000"/>
                        <span asp-validation-for="CardNumber" class="alert alert-danger" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label asp-for="CardHolderName" class="esh-orders_new-title">Cardholder name</label>
                        <input asp-for="CardHolderName" class="form-control form-input" type="text" placeholder="Cardholder"/>
                        <span asp-validation-for="CardHolderName" class="alert alert-danger" />
                    </div>
                </div>
                <div class="form-group col-sm-3">
                    <label asp-for="CardSecurityNumber" class="control-label form-label">Security Code</label>
                    <input asp-for="CardSecurityNumber" class="form-control form-input form-input-small" />
                    <span asp-validation-for="CardSecurityNumber" class="text-danger" />
                <div class="col-md-6">
                    <div class="form-group">
                        <label asp-for="CardExpirationShort" class="esh-orders_new-title">Expiration date</label>
                        <input asp-for="CardExpirationShort" class="form-control form-input" type="text" placeholder="00/00"/>
                        <span asp-validation-for="CardExpirationShort" class="alert alert-danger" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label asp-for="CardSecurityNumber" class="esh-orders_new-title">Security code</label>
                        <input asp-for="CardSecurityNumber" class="form-control form-input" type="text" placeholder="000"/>
                        <span asp-validation-for="CardSecurityNumber" class="alert alert-danger" />
                    </div>
                </div>
            </div>
        </div>
        <br /><br />
        <div class="col-md-12 order-create-section-items">
            <section>
                @*@await Component.InvokeAsync("CartList", new { user = UserManager.Parse(User) })*@
                @await Html.PartialAsync("_OrderItems")
            </section>
        </div>
        <div class="form-group">
            <div class="col-md-offset-8 col-md-4">
                <input type="submit" value="[ Place Order ]" name="action" class="btn btn-default btn-brand btn-cart" />
        </section>

        @await Html.PartialAsync("_OrderItems")

        <section class="esh-orders_new-section">
            <div class="form-group">
                <div class="col-md-9">
                </div>
                <div class="col-md-2">
                    <input type="submit" value="[ Place Order ]" name="action" class="btn esh-orders_new-placeOrder" />
                </div>
            </div>
        </div>
        </section>
    </form>
 </div>

@section Scripts {
    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
 }
--- a/src/Web/WebMVC/Views/Order/Detail.cshtml
+++ b/src/Web/WebMVC/Views/Order/Detail.cshtml
@ -46,7 +46,7 @@

        <section class="esh-orders_detail-section">
            <article class="esh-orders_detail-titles row">
                <section class="esh-orders_detail-title col-xs-12">Order details</section>
                <section class="esh-orders_detail-title col-xs-12">ORDER DETAILS</section>
            </article>

            @for (int i = 0; i < Model.OrderItems.Count; i++)
@ -66,12 +66,12 @@

        <section class="esh-orders_detail-section esh-orders_detail-section--right">
            <article class="esh-orders_detail-titles esh-basket-titles--clean row">
                <section class="esh-orders_detail-title col-xs-10"></section>
                <section class="esh-orders_detail-title col-xs-2">Total</section>
                <section class="esh-orders_detail-title col-xs-9"></section>
                <section class="esh-orders_detail-title col-xs-2">TOTAL</section>
            </article>

            <article class="esh-orders_detail-items row">
                <section class="esh-orders_detail-item col-xs-10"></section>
                <section class="esh-orders_detail-item col-xs-9"></section>
                <section class="esh-orders_detail-item esh-orders_detail-item--mark col-xs-2">$ @Model.Total</section>
            </article>
        </section>
--- a/src/Web/WebMVC/Views/Order/_OrderItems.cshtml
+++ b/src/Web/WebMVC/Views/Order/_OrderItems.cshtml
@ -1,70 +1,48 @@
@model Microsoft.eShopOnContainers.WebMVC.Models.Order

 <div class="col-md-12">
    <section>
        <table class="table">
            <thead>
                <tr>
                    <th class="cart-product-column">
                        PRODUCT
                    </th>
                    <th>

                    </th>
                    <th>
                        BRAND
                    </th>
                    <th>
                        PRICE
                    </th>
                    <th>
                        QUANTITY
                    </th>
                    <th>
                        COST
                    </th>
                </tr>
            </thead>
            <tbody>
                @for (int i = 0; i < Model.OrderItems.Count; i++)
                {
                    var item = Model.OrderItems[i];
 <section class="esh-orders_new-section">
    <article class="esh-orders_new-titles row">
        <section class="esh-orders_new-title col-xs-12">Order details</section>
    </article>

                    <tr>
                        <td class="cart-product-column">
                            <img class="cart-product-image" src="@item.PictureUrl" />
                            <input type="hidden" value="@item.PictureUrl" name=@("orderitems[" + i + "].PictureUrl") />
                        </td>
                        <td class="cart-product-column">
                            <span class="cart-product-column-name">@item.ProductName</span>
                            <input type="hidden" value="@item.ProductName" name=@("orderitems[" + i + "].ProductName") />
                        </td>
                        <td class="cart-product-column">ROSLYN</td>
                        <td class="cart-product-column">$ @item.UnitPrice
                            <input type="hidden" value="@item.UnitPrice" name=@("orderitems[" + i + "].UnitPrice") />
                        </td>
                        <td class="cart-product-column">@item.Units
                            <input type="hidden" value="@item.Units" name=@("orderitems[" + i + "].Units") />
                        </td>
                        <td class="cart-product-column cart-total-value">$ @Math.Round(item.Units * item.UnitPrice, 2)</td>
                    </tr>
                }
                <tr class="cart-totals">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>
                    </td>
                    <td>
                        <div class="cart-total-value">
                            <div class="cart-total-label"><span>TOTAL</span></div>
                            <span>$ @Model.Total</span>
                            <input type="hidden" value="@Model.Total" name="Total"/>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </section>
 </div>
    @for (int i = 0; i < Model.OrderItems.Count; i++)
    {
        var item = Model.OrderItems[i];

        <article class="esh-orders_new-items esh-orders_new-items--border row">
            <section class="esh-orders_new-item col-md-4 hidden-md-down">
                <img class="esh-orders_new-image" src="@item.PictureUrl">
                <input type="hidden" value="@item.PictureUrl" name=@("orderitems[" + i + "].PictureUrl") />
            </section>
            <section class="esh-orders_new-item esh-orders_new-item--middle col-xs-4">
                @item.ProductName
                <input type="hidden" value="@item.ProductName" name=@("orderitems[" + i + "].ProductName") />
            </section>
            <section class="esh-orders_new-item esh-orders_new-item--middle col-xs-1">
                $ @item.UnitPrice
                <input type="hidden" value="@item.UnitPrice" name=@("orderitems[" + i + "].UnitPrice") />
            </section>
            <section class="esh-orders_new-item esh-orders_new-item--middle col-xs-1">
                @item.Units
                <input type="hidden" value="@item.Units" name=@("orderitems[" + i + "].Units") />
            </section>
            <section class="esh-orders_new-item esh-orders_new-item--middle col-xs-2">$ @Math.Round(item.Units * item.UnitPrice, 2)</section>
        </article>
    }
 </section>

 <section class="esh-orders_new-section esh-orders_new-section--right">
    <article class="esh-orders_new-titles row">
        <section class="esh-orders_new-title col-xs-9"></section>
        <section class="esh-orders_new-title col-xs-2">Total</section>
    </article>

    <article class="esh-orders_new-items row">
        <section class="esh-orders_new-item col-xs-9"></section>
        <section class="esh-orders_new-item esh-orders_new-item--mark col-xs-2">
            $ @Model.Total
            <input type="hidden" value="@Model.Total" name="Total"/>
        </section>
    </article>
 </section>
--- a/src/Web/WebMVC/wwwroot/css/app.min.css
+++ b/src/Web/WebMVC/wwwroot/css/app.min.css
--- a/src/Web/WebMVC/wwwroot/css/basket/basket-status/basket-status.component.css
+++ b/src/Web/WebMVC/wwwroot/css/basket/basket-status/basket-status.component.css
@ -1,5 +1,6 @@
 .esh-basketstatus {
    cursor: pointer;
    display: inline-block;
    float: right;
    position: relative;
    transition: all 0.35s;
--- a/src/Web/WebMVC/wwwroot/css/orders/orders-new/orders-new.component.css
+++ b/src/Web/WebMVC/wwwroot/css/orders/orders-new/orders-new.component.css
@ -55,6 +55,7 @@

 .esh-orders_new-title {
    font-size: 1.25rem;
    text-transform: uppercase;
 }

 .esh-orders_new-items--border {
--- a/src/Web/WebMVC/wwwroot/css/shared/components/pager/pager.css
+++ b/src/Web/WebMVC/wwwroot/css/shared/components/pager/pager.css
@ -8,11 +8,13 @@
 }

 .esh-pager-item--navigable {
    display: inline-block;
    cursor: pointer;
 }

    .esh-pager-item--navigable.is-disabled {
        display: none;
        opacity: 0;
        pointer-events: none;
    }

    .esh-pager-item--navigable:hover {
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/app.routes.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/app.routes.ts
@ -13,11 +13,6 @@ export const routes: Routes = [
    { path: 'orders', component: OrdersComponent },
    { path: 'orders/:id', component: OrdersDetailComponent },
    { path: 'order', component: OrdersNewComponent }
   //Lazy async modules (angular-loader-router) and enable a router in each module. 
   //{
   // path: 'basket',  loadChildren: '/basket/basket.module' });
   // })
   //}
 ];

 export const routing = RouterModule.forRoot(routes);
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.html
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.html
@ -1,4 +1,5 @@
 <a class="esh-basketstatus"
   [ngClass]="{'is-disabled': badge < 1}"
   [routerLink]="['basket']">

    <div class="esh-basketstatus-image">
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.scss
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket-status/basket-status.component.scss
@ -2,10 +2,16 @@

 .esh-basketstatus {
    cursor: pointer;
    display: inline-block;
    float: right;
    position: relative;
    transition: all $animation-speed-default;

    &.is-disabled {
        opacity: .5;
        pointer-events: none;
    }

    &-image {
        height: 36px;
        margin-top: .5rem;
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket.component.html
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket.component.html
@ -31,18 +31,18 @@

    <div class="container">
        <article class="esh-basket-titles esh-basket-titles--clean row">
            <section class="esh-basket-title col-xs-10"></section>
            <section class="esh-basket-title col-xs-9"></section>
            <section class="esh-basket-title col-xs-2">Total</section>
        </article>

        <article class="esh-basket-items row">
            <section class="esh-basket-item col-xs-10"></section>
            <section class="esh-basket-item col-xs-9"></section>
            <section class="esh-basket-item esh-basket-item--mark col-xs-2">$ {{totalPrice}}</section>
        </article>

        <article class="esh-basket-items row">
            <section class="esh-basket-item col-xs-9"></section>
            <section class="esh-basket-item col-xs-3">
            <section class="esh-basket-item col-xs-2">
                <div (click)="checkOut($event)" class="btn esh-basket-checkout">[ Checkout ]</div>
            </section>
        </article>
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket.component.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket.component.ts
@ -37,10 +37,7 @@ export class BasketComponent implements OnInit {
    private calculateTotalPrice() {
        this.totalPrice = 0;
        this.basket.items.forEach(item => {
            this.totalPrice += (item.unitPrice * item.quantity)
            this.totalPrice += (item.unitPrice * item.quantity);
        });
    }

    
 }

--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket.module.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/basket/basket.module.ts
@ -9,7 +9,7 @@ import { Header }                from '../shared/components/header/header';

@NgModule({
    imports: [SharedModule],
    declarations: [BasketComponent, BasketStatusComponent], 
    declarations: [BasketComponent, BasketStatusComponent],
    providers: [BasketService],
    exports: [BasketStatusComponent]
 })
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/catalog/catalog.component.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/catalog/catalog.component.ts
@ -54,7 +54,7 @@ export class CatalogComponent implements OnInit {
        this.basketService.addItemToBasket(item);
    }

    getCatalog(pageSize:number, pageIndex: number, brand?: number, type?: number) {
    getCatalog(pageSize: number, pageIndex: number, brand?: number, type?: number) {
        this.service.getCatalog(pageIndex, pageSize, brand, type).subscribe(catalog => {
            this.catalog = catalog;

--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/catalog/catalog.service.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/catalog/catalog.service.ts
@ -22,7 +22,7 @@ export class CatalogService {
    }

    getCatalog(pageIndex: number, pageSize: number, brand: number, type: number): Observable<ICatalog> {
        var url = this.catalogUrl;
        let url = this.catalogUrl;
        if (brand || type) {
            url = this.catalogUrl + '/type/' + ((type) ? type.toString() : 'null') + '/brand/' + ((brand) ? brand.toString() : 'null');
        }
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-detail/orders-detail.component.html
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-detail/orders-detail.component.html
@ -55,12 +55,12 @@

        <section class="esh-orders_detail-section esh-orders_detail-section--right">
            <article class="esh-orders_detail-titles esh-basket-titles--clean row">
                <section class="esh-orders_detail-title col-xs-10"></section>
                <section class="esh-orders_detail-title col-xs-9"></section>
                <section class="esh-orders_detail-title col-xs-2">Total</section>
            </article>

            <article class="esh-orders_detail-items row">
                <section class="esh-orders_detail-item col-xs-10"></section>
                <section class="esh-orders_detail-item col-xs-9"></section>
                <section class="esh-orders_detail-item esh-orders_detail-item--mark col-xs-2">$ {{order.total}}</section>
            </article>
        </section>
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-new/orders-new.component.html
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-new/orders-new.component.html
@ -7,32 +7,32 @@
 <div class="container">
    <form [formGroup]="newOrderForm" (ngSubmit)="submitForm(newOrderForm.value)">
        <section class="esh-orders_new-section">
            <h4>SHIPPING ADDRESS</h4>
            <h4 class="esh-orders_new-title">Shipping Address</h4>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group" [ngClass]="{'has-error':!newOrderForm.controls['street'].valid && newOrderForm.controls['street'].touched}">
                        <label>ADDRESS</label>
                        <label class="esh-orders_new-title">Address</label>
                        <input class="form-control form-input" type="text" placeholder="Street" [formControl]="newOrderForm.controls['street']">
                        <div *ngIf="newOrderForm.controls['street'].hasError('required') && newOrderForm.controls['street'].touched" class="alert alert-danger">Required field.</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group" [ngClass]="{'has-error':!newOrderForm.controls['city'].valid && newOrderForm.controls['city'].touched}">
                        <label>CITY</label>
                        <label class="esh-orders_new-title">City</label>
                        <input class="form-control form-input" type="text" placeholder="City" [formControl]="newOrderForm.controls['city']">
                        <div *ngIf="newOrderForm.controls['city'].hasError('required') && newOrderForm.controls['city'].touched" class="alert alert-danger">Required field.</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group" [ngClass]="{'has-error':!newOrderForm.controls['state'].valid && newOrderForm.controls['state'].touched}">
                        <label>STATE</label>
                        <label class="esh-orders_new-title">State</label>
                        <input class="form-control form-input" type="text" placeholder="state" [formControl]="newOrderForm.controls['state']">
                        <div *ngIf="newOrderForm.controls['state'].hasError('required') && newOrderForm.controls['state'].touched" class="alert alert-danger">Required field.</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group" [ngClass]="{'has-error':!newOrderForm.controls['country'].valid && newOrderForm.controls['country'].touched}">
                        <label>COUNTRY</label>
                        <label class="esh-orders_new-title">Country</label>
                        <input class="form-control form-input" type="text" placeholder="country" [formControl]="newOrderForm.controls['country']">
                        <div *ngIf="newOrderForm.controls['country'].hasError('required') && newOrderForm.controls['country'].touched" class="alert alert-danger">Required field.</div>
                    </div>
@ -40,32 +40,32 @@
            </div>
        </section>
        <section class="esh-orders_new-section">
            <h4>PAYMENT METHOD</h4>
            <h4 class="esh-orders_new-title">Payment method</h4>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group" [ngClass]="{'has-error':!newOrderForm.controls['cardnumber'].valid && newOrderForm.controls['cardnumber'].touched}">
                        <label>CARD NUMBER</label>
                        <label class="esh-orders_new-title">Card number</label>
                        <input class="form-control form-input" type="text" placeholder="Card number" [formControl]="newOrderForm.controls['cardnumber']">
                        <div *ngIf="newOrderForm.controls['cardnumber'].hasError('required') && newOrderForm.controls['cardnumber'].touched" class="alert alert-danger">Required field.</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group" [ngClass]="{'has-error':!newOrderForm.controls['cardholdername'].valid && newOrderForm.controls['cardholdername'].touched}">
                        <label>CARDHOLDER NAME</label>
                        <label class="esh-orders_new-title">Cardholder name</label>
                        <input class="form-control form-input" type="text" placeholder="Card holder" [formControl]="newOrderForm.controls['cardholdername']">
                        <div *ngIf="newOrderForm.controls['cardholdername'].hasError('required') && newOrderForm.controls['cardholdername'].touched" class="alert alert-danger">Required field.</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group" [ngClass]="{'has-error':!newOrderForm.controls['expirationdate'].valid && newOrderForm.controls['expirationdate'].touched}">
                        <label>EXPIRATION DATE</label>
                        <label class="esh-orders_new-title">Expiration date</label>
                        <input class="form-control form-input form-input-medium" type="text" placeholder="Card expiration" [formControl]="newOrderForm.controls['expirationdate']">
                        <div *ngIf="newOrderForm.controls['expirationdate'].hasError('required') && newOrderForm.controls['expirationdate'].touched" class="alert alert-danger">Required field.</div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group" [ngClass]="{'has-error':!newOrderForm.controls['securitycode'].valid && newOrderForm.controls['securitycode'].touched}">
                        <label>SECURITY CODE</label>
                        <label class="esh-orders_new-title">Security code</label>
                        <input class="form-control form-input form-input-small" type="text" placeholder="Card security Code" [formControl]="newOrderForm.controls['securitycode']">
                        <div *ngIf="newOrderForm.controls['securitycode'].hasError('required') && newOrderForm.controls['securitycode'].touched" class="alert alert-danger">Required field.</div>
                    </div>
@ -91,12 +91,12 @@

        <section class="esh-orders_new-section esh-orders_new-section--right">
            <article class="esh-orders_new-titles row">
                <section class="esh-orders_new-title col-xs-10"></section>
                <section class="esh-orders_new-title col-xs-9"></section>
                <section class="esh-orders_new-title col-xs-2">Total</section>
            </article>

            <article class="esh-orders_new-items row">
                <section class="esh-orders_new-item col-xs-10"></section>
                <section class="esh-orders_new-item col-xs-9"></section>
                <section class="esh-orders_new-item esh-orders_new-item--mark col-xs-2">$ {{order.total}}</section>
            </article>
        </section>
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-new/orders-new.component.scss
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-new/orders-new.component.scss
@ -58,6 +58,7 @@

    &-title {
        font-size: $font-size-l;
        text-transform: uppercase;
    }

    &-items {
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-new/orders-new.component.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders-new/orders-new.component.ts
@ -12,11 +12,11 @@ import { Router }                                   from '@angular/router';
    templateUrl: './orders-new.component.html'
 })
 export class OrdersNewComponent implements OnInit {
    private newOrderForm : FormGroup;  // new order form
    private newOrderForm: FormGroup;  // new order form
    private order: IOrder;

    constructor(private service: OrdersService, fb: FormBuilder, private router: Router, private basketEvents: BasketWrapperService) {
        //Obtener información del perfil de usuario.
        // Obtener información del perfil de usuario.
        this.order = service.mapBasketAndIdentityInfoNewOrder();
        this.newOrderForm = fb.group({
            'street': [this.order.street, Validators.required],
@ -31,7 +31,6 @@ export class OrdersNewComponent implements OnInit {
    }

    ngOnInit() {
        
    }

    submitForm(value: any) {
@ -45,7 +44,7 @@ export class OrdersNewComponent implements OnInit {
        this.order.cardsecuritynumber = this.newOrderForm.controls['securitycode'].value;

        this.service.postOrder(this.order).subscribe(res => {
            //this will emit an observable. Basket service is subscribed to this observable, and will react deleting the basket for the current user. 
            // this will emit an observable. Basket service is subscribed to this observable, and will react deleting the basket for the current user. 
            this.basketEvents.orderCreated();

            this.router.navigate(['orders']);
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.service.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/orders/orders.service.ts
@ -36,7 +36,7 @@ export class OrdersService {
            return response.json();
        });
    }
    

    postOrder(item): Observable<boolean> {
        return this.service.post(this.ordersUrl + '/new', item).map((response: Response) => {
            return true;
@ -51,7 +51,7 @@ export class OrdersService {
        console.log(basket);
        console.log(identityInfo);

        //Identity data mapping:
        // Identity data mapping:
        order.street = identityInfo.address_street;
        order.city = identityInfo.address_city;
        order.country = identityInfo.address_country;
@ -65,10 +65,9 @@ export class OrdersService {
        order.total = 0;
        order.expiration = identityInfo.card_expiration;

        //basket data mapping:
        // basket data mapping:
        order.orderItems = new Array<IOrderItem>();
        basket.items.forEach(x =>
        {
        basket.items.forEach(x => {
            let item: IOrderItem = <IOrderItem>{};
            item.pictureurl = x.pictureUrl;
            item.productId =  +x.productId;
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/identity/identity.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/identity/identity.ts
@ -12,15 +12,14 @@ import { SecurityService } from  '../../services/security.service';
 export class Identity implements OnInit  {
    private authenticated: boolean = false;
    private subscription: Subscription;
    private userName: string = "";
    private userName: string = '';

    constructor(private service: SecurityService) {

    }

    ngOnInit() {
        this.subscription = this.service.authenticationChallenge$.subscribe(res =>
        {
        this.subscription = this.service.authenticationChallenge$.subscribe(res => {
            this.authenticated = res;
            this.userName = this.service.UserData.email;
        });
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/pager/pager.html
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/pager/pager.html
@ -4,7 +4,7 @@
            <nav>
                <span class="esh-pager-item esh-pager-item--navigable"
                      id="Previous"
                      [hidden]="buttonStates?.previousDisabled"
                      [ngClass]="{'is-disabled': buttonStates?.previousDisabled}"
                      (click)="onPreviousCliked($event)"
                      aria-label="Previous">
                    Previous
@ -16,7 +16,7 @@

                <span class="esh-pager-item esh-pager-item--navigable"
                      id="Next"
                      [hidden]="buttonStates?.nextDisabled"
                      [ngClass]="{'is-disabled': buttonStates?.nextDisabled}"
                      (click)="onNextClicked($event)"
                      aria-label="Next">
                    Next
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/pager/pager.scss
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/pager/pager.scss
@ -11,8 +11,14 @@
        $margin: 5vw;
        margin: 0 $margin;

        &.is-disabled {
            opacity: 0;
            pointer-events: none;
        }

        &--navigable {
            cursor: pointer;
            display: inline-block;

            &:hover {
                color: $color-secondary;
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/pager/pager.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/components/pager/pager.ts
@ -18,10 +18,9 @@ export class Pager implements OnInit, OnChanges  {
    buttonStates: any = {
        nextDisabled: true,
        previousDisabled: true,
    }
    };

    ngOnInit() {
        //console.log(this.model);
    }

    ngOnChanges() {
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/basket.model.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/basket.model.ts
@ -1,6 +1,6 @@
 import { IBasketItem } from './basketItem.model';

 export interface IBasket {
    items: IBasketItem[]
    buyerId: string
 }
    items: IBasketItem[];
    buyerId: string;
 }
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/basketItem.model.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/basketItem.model.ts
@ -1,9 +1,8 @@
 export interface IBasketItem {
    id: string
    productId: string
    productName: string
    unitPrice: number,
    quantity: number,
    pictureUrl: string
    id: string;
    productId: string;
    productName: string;
    unitPrice: number;
    quantity: number;
    pictureUrl: string;
 }

--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/catalog.model.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/catalog.model.ts
@ -1,8 +1,8 @@
 import {ICatalogItem} from './catalogItem.model';

 export interface ICatalog {
    pageIndex: number
    data: ICatalogItem[]
    pageSize: number
    count: number
    pageIndex: number;
    data: ICatalogItem[];
    pageSize: number;
    count: number;
 }
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/catalogBrand.model.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/catalogBrand.model.ts
@ -1,4 +1,4 @@
 export interface ICatalogBrand {
    id: number
    brand: string
    id: number;
    brand: string;
 }
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/catalogType.model.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/catalogType.model.ts
@ -1,4 +1,4 @@
 export interface ICatalogType {
    id: number
    type: string
    id: number;
    type: string;
 }
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/order.model.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/order.model.ts
@ -13,7 +13,7 @@ export interface IOrder {
    cardholdername: string;
    cardtypeid: number;
    buyer: string;
    ordernumber: string,
    total: number,
    ordernumber: string;
    total: number;
    orderItems: IOrderItem[];
 }
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/orderItem.model.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/orderItem.model.ts
@ -3,5 +3,5 @@ export interface IOrderItem {
    productname: string;
    unitprice: number;
    units: number;
    productId: number
    productId: number;
 }
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/pager.model.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/models/pager.model.ts
@ -1,7 +1,7 @@
 export interface IPager {
    itemsPage: number,
    totalItems: number,
    actualPage: number,
    totalPages: number, 
    items: number, 
 }
    itemsPage: number;
    totalItems: number;
    actualPage: number;
    totalPages: number;
    items: number;
 }
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/services/basket.wrapper.service.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/services/basket.wrapper.service.ts
@ -8,11 +8,11 @@ import { SecurityService }  from '../services/security.service';

@Injectable()
 export class BasketWrapperService {
    public basket: IBasket
    public basket: IBasket;

    constructor(private identityService: SecurityService) { }

    //observable that is fired when a product is added to the cart
    // observable that is fired when a product is added to the cart
    private addItemToBasketSource = new Subject<IBasketItem>();
    addItemToBasket$ = this.addItemToBasketSource.asObservable();

@ -28,7 +28,8 @@ export class BasketWrapperService {
                quantity: 1,
                unitPrice: item.price,
                id: ''
            }
            };

            this.addItemToBasketSource.next(basket);
        } else {
            this.identityService.Authorize();
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/services/data.service.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/services/data.service.ts
@ -19,9 +19,9 @@ export class DataService {

        if (this.securityService) {
            options.headers = new Headers();
            options.headers.append("Authorization", "Bearer " + this.securityService.GetToken());
            options.headers.append('Authorization', 'Bearer ' + this.securityService.GetToken());
        }
        

        return this.http.get(url, options).map(
            (res: Response) => {
            return res;
@ -33,7 +33,7 @@ export class DataService {

        if (this.securityService) {
            options.headers = new Headers();
            options.headers.append("Authorization", "Bearer " + this.securityService.GetToken());
            options.headers.append('Authorization', 'Bearer ' + this.securityService.GetToken());
        }

        return this.http.post(url, data, options).map(
@ -47,11 +47,11 @@ export class DataService {

        if (this.securityService) {
            options.headers = new Headers();
            options.headers.append("Authorization", "Bearer " + this.securityService.GetToken());
            options.headers.append('Authorization', 'Bearer ' + this.securityService.GetToken());
        }

        console.log('data.service deleting');
        //return this.http.delete(url, options).subscribe(
        // return this.http.delete(url, options).subscribe(
        //        return res;
        //    );

--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/services/security.service.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/services/security.service.ts
@ -3,7 +3,6 @@ import { Http, Response, Headers }      from '@angular/http';
 import 'rxjs/add/operator/map';
 import { Observable }                   from 'rxjs/Observable';
 import { Subject }                      from 'rxjs/Subject';
 //import { Configuration } from '../app.constants';
 import { Router }                       from '@angular/router';
 import { ActivatedRoute }               from '@angular/router';

@ -20,45 +19,45 @@ export class SecurityService {
        this.headers = new Headers();
        this.headers.append('Content-Type', 'application/json');
        this.headers.append('Accept', 'application/json');
        this.storage = sessionStorage; //localStorage;
        this.storage = sessionStorage; // localStorage;

        if (this.retrieve("IsAuthorized") !== "") {
            this.IsAuthorized = this.retrieve("IsAuthorized");
        if (this.retrieve('IsAuthorized') !== '') {
            this.IsAuthorized = this.retrieve('IsAuthorized');
            this.authenticationSource.next(true);
            this.UserData = this.retrieve("userData");
            this.UserData = this.retrieve('userData');
        }
    }

    public IsAuthorized: boolean;

    public GetToken(): any {
        return this.retrieve("authorizationData");
        return this.retrieve('authorizationData');
    }

    public ResetAuthorizationData() {
        this.store("authorizationData", "");
        this.store("authorizationDataIdToken", "");
        this.store('authorizationData', '');
        this.store('authorizationDataIdToken', '');

        this.IsAuthorized = false;
        this.store("IsAuthorized", false);
        this.store('IsAuthorized', false);
    }

    public UserData: any;
    public SetAuthorizationData(token: any, id_token:any) {
        if (this.retrieve("authorizationData") !== "") {
            this.store("authorizationData", "");
    public SetAuthorizationData(token: any, id_token: any) {
        if (this.retrieve('authorizationData') !== '') {
            this.store('authorizationData', '');
        }

        this.store("authorizationData", token);
        this.store("authorizationDataIdToken", id_token);
        this.store('authorizationData', token);
        this.store('authorizationDataIdToken', id_token);
        this.IsAuthorized = true;
        this.store("IsAuthorized", true);
        this.store('IsAuthorized', true);

        this.getUserData()
            .subscribe(data => {
                this.UserData = data;
                this.store("userData", data);
                //emit observable
                this.store('userData', data);
                // emit observable
                this.authenticationSource.next(true);
                window.location.href = 'http://localhost:5104';
            },
@ -71,25 +70,25 @@ export class SecurityService {
    public Authorize() {
        this.ResetAuthorizationData();

        var authorizationUrl = 'http://10.0.75.1:5105/connect/authorize';
        var client_id = 'js';
        var redirect_uri = 'http://localhost:5104/';
        var response_type = "id_token token";
        var scope = "openid profile orders basket";
        var nonce = "N" + Math.random() + "" + Date.now();
        var state = Date.now() + "" + Math.random();

        this.store("authStateControl", state);
        this.store("authNonce", nonce);

        var url =
            authorizationUrl + "?" +
            "response_type=" + encodeURI(response_type) + "&" +
            "client_id=" + encodeURI(client_id) + "&" +
            "redirect_uri=" + encodeURI(redirect_uri) + "&" +
            "scope=" + encodeURI(scope) + "&" +
            "nonce=" + encodeURI(nonce) + "&" +
            "state=" + encodeURI(state);
        let authorizationUrl = 'http://localhost:5105/connect/authorize';
        let client_id = 'js';
        let redirect_uri = 'http://localhost:5104/';
        let response_type = 'id_token token';
        let scope = 'openid profile orders basket';
        let nonce = 'N' + Math.random() + '' + Date.now();
        let state = Date.now() + '' + Math.random();

        this.store('authStateControl', state);
        this.store('authNonce', nonce);

        let url =
            authorizationUrl + '?' +
            'response_type=' + encodeURI(response_type) + '&' +
            'client_id=' + encodeURI(client_id) + '&' +
            'redirect_uri=' + encodeURI(redirect_uri) + '&' +
            'scope=' + encodeURI(scope) + '&' +
            'nonce=' + encodeURI(nonce) + '&' +
            'state=' + encodeURI(state);

        window.location.href = url;
    }
@ -97,41 +96,41 @@ export class SecurityService {
    public AuthorizedCallback() {
        this.ResetAuthorizationData();

        var hash = window.location.hash.substr(1);
        let hash = window.location.hash.substr(1);

        var result: any = hash.split('&').reduce(function (result : any, item: string) {
            var parts = item.split('=');
        let result: any = hash.split('&').reduce(function (result: any, item: string) {
            let parts = item.split('=');
            result[parts[0]] = parts[1];
            return result;
        }, {});

        console.log(result);

        var token = "";
        var id_token = "";
        var authResponseIsValid = false;
        let token = '';
        let id_token = '';
        let authResponseIsValid = false;

        if (!result.error) {

            if (result.state !== this.retrieve("authStateControl")) {
                console.log("AuthorizedCallback incorrect state");
            if (result.state !== this.retrieve('authStateControl')) {
                console.log('AuthorizedCallback incorrect state');
            } else {

                token = result.access_token;
                id_token = result.id_token
                id_token = result.id_token;

                var dataIdToken: any = this.getDataFromToken(id_token);
                let dataIdToken: any = this.getDataFromToken(id_token);
                console.log(dataIdToken);

                // validate nonce
                if (dataIdToken.nonce !== this.retrieve("authNonce")) {
                    console.log("AuthorizedCallback incorrect nonce");
                if (dataIdToken.nonce !== this.retrieve('authNonce')) {
                    console.log('AuthorizedCallback incorrect nonce');
                } else {
                    this.store("authNonce", "");
                    this.store("authStateControl", "");
                    this.store('authNonce', '');
                    this.store('authStateControl', '');

                    authResponseIsValid = true;
                    console.log("AuthorizedCallback state and nonce validated, returning access token");
                    console.log('AuthorizedCallback state and nonce validated, returning access token');
                }
            }
        }
@ -143,18 +142,18 @@ export class SecurityService {
    }

    public Logoff() {
        var authorizationUrl = 'http://10.0.75.1:5105/connect/endsession';
        var id_token_hint = this.retrieve("authorizationDataIdToken");
        var post_logout_redirect_uri = 'http://localhost:5104/';
        let authorizationUrl = 'http://localhost:5105/connect/endsession';
        let id_token_hint = this.retrieve('authorizationDataIdToken');
        let post_logout_redirect_uri = 'http://localhost:5104/';

        var url =
            authorizationUrl + "?" +
            "id_token_hint=" + encodeURI(id_token_hint) + "&" +
            "post_logout_redirect_uri=" + encodeURI(post_logout_redirect_uri);
        let url =
            authorizationUrl + '?' +
            'id_token_hint=' + encodeURI(id_token_hint) + '&' +
            'post_logout_redirect_uri=' + encodeURI(post_logout_redirect_uri);

        this.ResetAuthorizationData();

        //emit observable
        // emit observable
        this.authenticationSource.next(false);
        window.location.href = url;
    }
@ -162,16 +161,16 @@ export class SecurityService {
    public HandleError(error: any) {
        console.log(error);
        if (error.status == 403) {
            this._router.navigate(['/Forbidden'])
            this._router.navigate(['/Forbidden']);
        }
        else if (error.status == 401) {
            //this.ResetAuthorizationData();
            this._router.navigate(['/Unauthorized'])
            // this.ResetAuthorizationData();
            this._router.navigate(['/Unauthorized']);
        }
    }

    private urlBase64Decode(str: string) {
        var output = str.replace('-', '+').replace('_', '/');
        let output = str.replace('-', '+').replace('_', '/');
        switch (output.length % 4) {
            case 0:
                break;
@ -189,9 +188,9 @@ export class SecurityService {
    }

    private getDataFromToken(token: any) {
        var data = {};
        let data = {};
        if (typeof token !== 'undefined') {
            var encoded = token.split('.')[1];
            let encoded = token.split('.')[1];
            data = JSON.parse(this.urlBase64Decode(encoded));
        }

@ -199,7 +198,7 @@ export class SecurityService {
    }

    private retrieve(key: string): any {
        var item = this.storage.getItem(key);
        let item = this.storage.getItem(key);

        if (item && item !== 'undefined') {
            return JSON.parse(this.storage.getItem(key));
@ -214,7 +213,7 @@ export class SecurityService {

    private getUserData = (): Observable<string[]> => {
        this.setHeaders();
        return this._http.get('http://10.0.75.1:5105/connect/userinfo', {
        return this._http.get('http://localhost:5105/connect/userinfo', {
            headers: this.headers,
            body: ''
        }).map(res => res.json());
@ -225,9 +224,9 @@ export class SecurityService {
        this.headers.append('Content-Type', 'application/json');
        this.headers.append('Accept', 'application/json');

        var token = this.GetToken();
        let token = this.GetToken();

        if (token !== "") {
        if (token !== '') {
            this.headers.append('Authorization', 'Bearer ' + token);
        }
    }
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/shared.module.ts
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/Client/modules/shared/shared.module.ts
@ -10,7 +10,7 @@ import { DataService } from './services/data.service';
 import { BasketWrapperService} from './services/basket.wrapper.service';
 import { SecurityService } from './services/security.service';

 //Components:
 // Components:
 import { Pager } from './components/pager/pager';
 import { Header } from './components/header/header';
 import { Identity } from './components/identity/identity';
@ -51,7 +51,7 @@ export class SharedModule {
            providers: [
                // Providers
                DataService,
                BasketWrapperService, 
                BasketWrapperService,
                SecurityService
            ]
        };
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/package.json
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/package.json
@ -29,10 +29,11 @@
    "build:main": "node node_modules/webpack/bin/webpack.js --config config/webpack.config.js",
    "setdev": "set ASPNETCORE_ENVIRONMENT=Development",
    "setprod": "set ASPNETCORE_ENVIRONMENT=Production",
    "build:dev": "npm run lint:sass && npm run setdev && npm run clean:dist && npm run build:vendor && npm run build:main",
    "build:dev": "npm run setdev && npm run clean:dist && npm run build:vendor && npm run build:main",
    "build:prod": "npm run setprod && npm run clean:dist && npm run build:vendor && npm run build:main",
    "version": "npm run build",
    "lint:sass": "sass-lint -c .sass-lint.yml Client/**/*.scss --verbose"
    "lint:sass": "sass-lint -c .sass-lint.yml Client/**/*.scss --verbose",
    "lint:ts": "tslint -c tslint.json Client/**/*.ts"
  },
  "dependencies": {
    "@angular/common": "2.1.2",
@ -92,9 +93,9 @@
    "sass-loader": "4.0.2",
    "ts-helpers": "1.1.1",
    "ts-node": "1.4.3",
    "tslint": "3.15.1",
    "tslint": "^3.15.1",
    "typedoc": "0.5.0",
    "typescript": "2.0.6",
    "typescript": "^2.0.6",
    "url-loader": "^0.5.7",
    "webpack": "2.1.0-beta.25",
    "webpack-externals-plugin": "1.0.0",
--- a/src/Web/WebSPA/eShopOnContainers.WebSPA/tslint.json
+++ b/src/Web/WebSPA/eShopOnContainers.WebSPA/tslint.json
@ -0,0 +1,101 @@
 {
    "jsRules": {
        "class-name": true,
        "comment-format": [
            true,
            "check-space"
        ],
        "indent": [
            true,
            "spaces"
        ],
        "no-duplicate-variable": true,
        "no-eval": true,
        "no-trailing-whitespace": true,
        "no-unsafe-finally": true,
        "one-line": [
            true,
            "check-open-brace",
            "check-whitespace"
        ],
        "quotemark": [
            true,
            "single"
        ],
        "semicolon": [
            true,
            "always"
        ],
        "triple-equals": [
            false,
            "allow-null-check"
        ],
        "variable-name": [
            true,
            "ban-keywords"
        ],
        "whitespace": [
            true,
            "check-branch",
            "check-decl",
            "check-operator",
            "check-separator",
            "check-type"
        ]
    },
    "rules": {
        "class-name": true,
        "comment-format": [
            true,
            "check-space"
        ],
        "indent": [
            true,
            "spaces"
        ],
        "no-eval": true,
        "no-internal-module": true,
        "no-trailing-whitespace": true,
        "no-unsafe-finally": true,
        "no-var-keyword": true,
        "one-line": [
            true,
            "check-open-brace",
            "check-whitespace"
        ],
        "quotemark": [
            true,
            "single"
        ],
        "semicolon": [
            true,
            "always"
        ],
        "triple-equals": [
            false,
            "allow-null-check"
        ],
        "typedef-whitespace": [
            true,
            {
                "call-signature": "nospace",
                "index-signature": "nospace",
                "parameter": "nospace",
                "property-declaration": "nospace",
                "variable-declaration": "nospace"
            }
        ],
        "variable-name": [
            true,
            "ban-keywords"
        ],
        "whitespace": [
            true,
            "check-branch",
            "check-decl",
            "check-operator",
            "check-separator",
            "check-type"
        ]
    }
 }