@eui/cli 21.0.0-alpha.9 → 21.0.0-next.2

package/lib/skeletons/web-symfony/myapp-web/src/app/features/products/components/products.component.html

@@ -1,160 +0,0 @@
-<div class="page-title">
-    List of products
-</div>
-
-<div class="row">
-    <div class="col-sm-8">
-        <ux-panel label="List of Products" [isBlocked]="mode === 'load'" contentHeight="60vh">
-
-            <uxPanelHeaderRightContent>
-                <div class="flex-container">
-                    <ux-button-group [hasPairedIcon]="true" styleClass="ml-3" (clicked)="addItem()">
-                        <ux-button-group-item label="Create new product"></ux-button-group-item>
-                        <ux-button-group-item iconClass="fa fa-plus"></ux-button-group-item>
-                    </ux-button-group>
-                </div>
-            </uxPanelHeaderRightContent>
-
-
-            <ng-container *ngIf="products && mode !== 'load'; else loading">
-
-
-                <p-table [value]="products" [paginator]="true" [rows]="10" [pageLinks]="3" [rowsPerPageOptions]="[5,10,20]" >
-                    <ng-template pTemplate="header" let-columns>
-                        <tr>
-                            <th [pSortableColumn]="'productId'">ID <p-sortIcon [field]="'productId'"></p-sortIcon></th>
-                            <th [pSortableColumn]="'name'">Name <p-sortIcon [field]="'name'"></p-sortIcon></th>
-                            <th [pSortableColumn]="'price'">Price <p-sortIcon [field]="'price'"></p-sortIcon></th>
-                            <th [pSortableColumn]="'description'">Description <p-sortIcon [field]="'description'"></p-sortIcon></th>
-                            <th class="actionsColumn">ACTIONS</th>
-                        </tr>
-                    </ng-template>
-
-                    <ng-template pTemplate="body" let-rowData let-columns="columns" let-rowIndex="rowIndex" >
-                        <tr [pSelectableRow]="rowData" [pSelectableRowIndex]="rowIndex">
-                            <td>{{rowData.productId}}</td>
-                            <td>
-                                <ux-badge typeClass="default">
-                                    {{ rowData.name }}
-                                </ux-badge>
-                            </td>
-                            <td>{{rowData.price}}</td>
-                            <td>{{rowData.description}}</td>
-
-                            <td class="actionsColumn">
-                                <div class="flex-container justify-content-center">
-                                    <ux-button [isFlat]="true" iconClass="fa fa-pencil" typeClass="info" (click)="editProduct(rowData)"></ux-button>
-                                    <ux-button [isFlat]="true" iconClass="fa fa-trash-o" typeClass="danger" (click)="deleteProduct(rowData.productId)"></ux-button>
-                                </div>
-                            </td>
-                        </tr>
-                    </ng-template>
-
-
-                </p-table>
-            </ng-container>
-
-
-
-            <ng-template #loading>
-                <ng-container *ngIf="! serviceError; else error">
-                    Loading...
-                </ng-container>
-            </ng-template>
-
-            <ng-template #error>
-                <ux-alert typeClass="warning">
-                    Unable to retrieve the list of products; please <a (click)="loadProducts()">try again</a> later.<br/>
-                    If the problem persists, please contact the administrator.<br/>
-                    <br/>
-                    <a (click)="serviceErrorVisible = !serviceErrorVisible">
-                        <span *ngIf="!serviceErrorVisible">Show technical reason</span>
-                        <span *ngIf="serviceErrorVisible">Hide technical reason</span>
-                    </a>
-                    <pre *ngIf="serviceErrorVisible">{{serviceError.message}}</pre>
-                </ux-alert>
-            </ng-template>
-        </ux-panel>
-    </div>
-
-    <div class="col-sm-4">
-            <ux-panel label="Products" [isBlocked]="mode === 'load'" contentHeight="60vh">
-                <pre>{{products | json}}</pre>
-            </ux-panel>
-    </div>
-</div>
-
-
-
-<!-- MODAL EDIT / NEW-->
-<ux-modal id="modal1b" titleLabel="{{actionLabel}}" [isFooterVisible]="false" [isSizeSmall]="true" (onDismiss)="onModalDismiss($event)" (onAccept)="onModalAccept($event)">
-    <uxModalBody>
-        <form [formGroup]="formInput" *ngIf="ItemSelected">
-                <div class="row">
-                    <div class="col-10">
-                        <ux-form-group label="Name:" isRequired="true">
-                            <ux-form-control  [(ngModel)]="ItemSelected.name" formControlName="name" placeholderLabel="es: iPad Pro 512GB" ></ux-form-control>
-                        </ux-form-group>
-
-                        <ux-form-group label="Price:" isRequired="true">
-                            <ux-form-control [(ngModel)]="ItemSelected.price"  [isNumber]="true" formControlName="price" placeholderLabel="price"></ux-form-control>
-                        </ux-form-group>
-
-
-                        <ux-form-group label="Description:" isRequired=true>
-                            <ux-form-control [(ngModel)]="ItemSelected.description" [isTextarea]="true" formControlName="description" placeholderLabel="description"></ux-form-control>
-                        </ux-form-group>
-
-                        <div class="text-right mt-3">
-                                <ux-button (click)="onUpdateSubmit(ItemSelected)"    class='ml-3' [isDisabled]="!formInput.valid">
-                                        Update Product
-                                </ux-button>
-                        </div>
-
-                    </div>
-                </div>
-        </form>
-
-
-        <form [formGroup]="formInput" *ngIf="!ItemSelected">
-                <div class="row">
-                    <div class="col-10">
-                        <ux-form-group label="Name:" isRequired="true">
-                            <ux-form-control  formControlName="name" placeholderLabel="es: iPad Pro 512GB" ></ux-form-control>
-                        </ux-form-group>
-
-                        <ux-form-group label="Price:" isRequired="true">
-                            <ux-form-control   [isNumber]="true" formControlName="price" placeholderLabel="price"></ux-form-control>
-                        </ux-form-group>
-
-
-                        <ux-form-group label="Description:" isRequired=true>
-                            <ux-form-control [isTextarea]="true" formControlName="description" placeholderLabel="description"></ux-form-control>
-                        </ux-form-group>
-
-                        <div class="text-right mt-3">
-                                <ux-button (click)="onSubmit()"    class='ml-3' [isDisabled]="!formInput.valid">
-                                        Save Product
-                                </ux-button>
-                        </div>
-
-                    </div>
-                </div>
-        </form>
-
-
-
-
-    </uxModalBody>
-</ux-modal>
-
-
-<!-- MODAL DELETE -->
-<ux-modal id="modaldelete" titleLabel="Modal title" [isSizeSmall]="true"
-    [isHandleCloseOnDismiss]="false" [isHandleCloseOnAccept]="false" [isHandleCloseOnClose]="false"
-    (onDismiss)="onModalDismiss($event)" (onAccept)="onModalAccept($event)" (onClose)="onModalClose($event)">
-    <uxModalBody>
-        <p>Are you sure to delete it?</p>
-    </uxModalBody>
-</ux-modal>
-

package/lib/skeletons/web-symfony/myapp-web/src/app/features/products/components/products.component.ts

@@ -1,104 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { ProductsService } from '../services/products.service';
-import { Product } from '../models/product.model';
-import { UxService } from '@eui/core';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
-
-@Component({
-    templateUrl: './products.component.html',
-    styleUrls: ['./products.component.scss'],
-})
-export class ProductsComponent implements OnInit {
-    formInput: FormGroup;
-    product: Product;
-    products: Array<Product>;
-    actionLabel: string;
-    serviceError: null;
-    IdSelected: number;
-    ItemSelected: Product;
-    mode = null;
-    modes: string [] = [];
-
-
-    constructor(protected productsService: ProductsService, public uxService: UxService, private fb: FormBuilder) {
-
-    }
-
-    ngOnInit() {
-        this.loadProducts();
-        this.buildForm();
-
-    }
-
-    loadProducts() {
-        this.serviceError = null;
-        this.productsService.loadProducts().subscribe(products => {
-            this.products = products.items;
-        }, error => {
-            this.serviceError = error;
-        });
-    }
-
-    buildForm(): void {
-
-        this.formInput = this.fb.group({
-            'name': [null , [Validators.required]],
-            'price': [null , [Validators.required]],
-            'description': [null , [Validators.required]]
-        });
-    }
-
-    editProduct(item: Product) {
-        this.ItemSelected = item;
-        this.actionLabel = 'Edit product';
-        this.uxService.openModal('modal1b');
-    }
-
-    deleteProduct(id: number) {
-        this.IdSelected = id;
-        this.uxService.openModal('modaldelete');
-    }
-
-    onModalAccept(event) {
-        this.productsService.deleteProduct(this.IdSelected).subscribe(product => {
-            let index = this.products.findIndex(item => item['productId'] === product['productId']);
-            this.products.splice(index, 1);
-        });
-        this.uxService.closeModal('modaldelete');
-    }
-
-    onModalDismiss(event) {
-        this.uxService.closeModal('modaldelete');
-    }
-
-    onModalClose(event) {
-        this.uxService.closeModal('modaldelete');
-    }
-
-    addItem() {
-        this.ItemSelected = null;
-        this.actionLabel = 'New product';
-        this.formInput.reset();
-        this.uxService.openModal('modal1b');
-    }
-
-    onSubmit() {
-        this.product = new Product(this.formInput.value);
-        this.productsService.addProduct(this.product).subscribe(product => {
-            this.products.push(product);
-            this.uxService.closeModal('modal1b');
-        }, error => {
-            this.serviceError = error;
-        });
-    }
-
-    onUpdateSubmit(ItemSelected: Product) {
-        this.product = new Product(this.formInput.value);
-        this.productsService.updateProduct(ItemSelected).subscribe(product => {
-            this.uxService.closeModal('modal1b');
-        }, error => {
-            this.serviceError = error;
-        });
-    }
-
-}

package/lib/skeletons/web-symfony/myapp-web/src/app/features/products/models/product.model.ts

@@ -1,6 +0,0 @@
-export class Product {
-
-    public constructor(init?: Partial<Product >) {
-        Object.assign(this, init);
-    }
-}

package/lib/skeletons/web-symfony/myapp-web/src/app/features/products/products-routing.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { ProductsComponent } from './components/products.component';
-
-@NgModule({
-    imports: [
-        RouterModule.forChild([
-            { path: '', component: ProductsComponent },
-        ])
-    ],
-    exports: [
-        RouterModule
-    ]
-})
-export class ProductsRoutingModule {
-}

package/lib/skeletons/web-symfony/myapp-web/src/app/features/products/products.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PaginatorModule } from 'primeng/paginator';
-import { UxAllModule } from '@eui/core';
-import { ProductsComponent } from './components/products.component';
-import { ProductsService } from './services/products.service';
-import { ProductsRoutingModule } from './products-routing.module';
-import { TableModule } from 'primeng/table';
-
-@NgModule({
-    imports: [CommonModule, UxAllModule, ProductsRoutingModule, PaginatorModule, TableModule],
-    declarations: [ProductsComponent],
-    providers: [ProductsService]
-})
-export class ProductsModule {
-}

package/lib/skeletons/web-symfony/myapp-web/src/app/features/products/services/products.service.ts

@@ -1,29 +0,0 @@
-import { Injectable } from '@angular/core';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { Observable } from 'rxjs/Observable';
-import { Product } from '../models/product.model';
-import { environment } from '../../../../environments/environment';
-import { delay } from 'rxjs/operators';
-
-@Injectable()
-export class ProductsService {
-    constructor(protected http: HttpClient) {
-    }
-
-    loadProducts(): Observable<any> {
-        return this.http.get(environment.apiBaseUrl + '/products').pipe(delay(100));
-    }
-
-    deleteProduct(id: number) {
-        return this.http.delete(environment.apiBaseUrl + '/product/delete/' + id );
-    }
-
-    addProduct(item: Product): Observable<Product> {
-        return this.http.post(environment.apiBaseUrl + '/product', item);
-    }
-
-    updateProduct(item: Product): Observable<Product> {
-        return this.http.post(environment.apiBaseUrl + '/product', item);
-    }
-
-}

package/lib/skeletons/web-symfony/myapp-web/src/environments/environment.ts

@@ -1,17 +0,0 @@
-// used by serve / when no configuration is provided on the build script
-// run npm run build
-
-export const environment = {
-    production: false,
-    enableDevToolRedux: true,
-    apiBaseUrl: 'http://localhost:8000/api',
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

package/lib/skeletons/web-symfony/myapp-web-rest/.env

@@ -1,28 +0,0 @@
-# In all environments, the following files are loaded if they exist,
-# the later taking precedence over the former:
-#
-#  * .env                contains default values for the environment variables needed by the app
-#  * .env.local          uncommitted file with local overrides
-#  * .env.$APP_ENV       committed environment-specific defaults
-#  * .env.$APP_ENV.local uncommitted environment-specific overrides
-#
-# Real environment variables win over .env files.
-#
-# DO NOT DEFINE PRODUCTION SECRETS IN THIS FILE NOR IN ANY OTHER COMMITTED FILES.
-#
-# Run "composer dump-env prod" to compile .env files for production use (requires symfony/flex >=1.2).
-# https://symfony.com/doc/current/best_practices/configuration.html#infrastructure-related-configuration
-
-###> symfony/framework-bundle ###
-APP_ENV=dev
-APP_SECRET=0a797de827418746fe7e52e9e9f0d4f3
-#TRUSTED_PROXIES=127.0.0.1,127.0.0.2
-#TRUSTED_HOSTS='^localhost|example\.com$'
-###< symfony/framework-bundle ###
-
-###> doctrine/doctrine-bundle ###
-# Format described at http://docs.doctrine-project.org/projects/doctrine-dbal/en/latest/reference/configuration.html#connecting-using-a-url
-# For an SQLite database, use: "sqlite:///%kernel.project_dir%/var/data.db"
-# Configure your db driver and server_version in config/packages/doctrine.yaml
-DATABASE_URL=mysql://root:@127.0.0.1:3306/db_test
-###< doctrine/doctrine-bundle ###

package/lib/skeletons/web-symfony/myapp-web-rest/bin/console

@@ -1,42 +0,0 @@
-#!/usr/bin/env php
-<?php
-
-use App\Kernel;
-use Symfony\Bundle\FrameworkBundle\Console\Application;
-use Symfony\Component\Console\Input\ArgvInput;
-use Symfony\Component\Debug\Debug;
-
-if (false === in_array(\PHP_SAPI, ['cli', 'phpdbg', 'embed'], true)) {
-    echo 'Warning: The console should be invoked via the CLI version of PHP, not the '.\PHP_SAPI.' SAPI'.\PHP_EOL;
-}
-
-set_time_limit(0);
-
-require dirname(__DIR__).'/vendor/autoload.php';
-
-if (!class_exists(Application::class)) {
-    throw new RuntimeException('You need to add "symfony/framework-bundle" as a Composer dependency.');
-}
-
-$input = new ArgvInput();
-if (null !== $env = $input->getParameterOption(['--env', '-e'], null, true)) {
-    putenv('APP_ENV='.$_SERVER['APP_ENV'] = $_ENV['APP_ENV'] = $env);
-}
-
-if ($input->hasParameterOption('--no-debug', true)) {
-    putenv('APP_DEBUG='.$_SERVER['APP_DEBUG'] = $_ENV['APP_DEBUG'] = '0');
-}
-
-require dirname(__DIR__).'/config/bootstrap.php';
-
-if ($_SERVER['APP_DEBUG']) {
-    umask(0000);
-
-    if (class_exists(Debug::class)) {
-        Debug::enable();
-    }
-}
-
-$kernel = new Kernel($_SERVER['APP_ENV'], (bool) $_SERVER['APP_DEBUG']);
-$application = new Application($kernel);
-$application->run($input);

package/lib/skeletons/web-symfony/myapp-web-rest/composer.json

@@ -1,67 +0,0 @@
-{
-    "type": "project",
-    "license": "proprietary",
-    "require": {
-        "php": "^7.1.3",
-        "ext-ctype": "*",
-        "ext-iconv": "*",
-        "doctrine/annotations": "^1.6",
-        "sensio/framework-extra-bundle": "^5.3",
-        "symfony/console": "4.2.*",
-        "symfony/dotenv": "4.2.*",
-        "symfony/flex": "^1.1",
-        "symfony/framework-bundle": "4.2.*",
-        "symfony/orm-pack": "^1.0",
-        "symfony/twig-bundle": "4.2.*",
-        "symfony/yaml": "4.2.*"
-    },
-    "config": {
-        "preferred-install": {
-            "*": "dist"
-        },
-        "sort-packages": true
-    },
-    "autoload": {
-        "psr-4": {
-            "App\\": "src/"
-        }
-    },
-    "autoload-dev": {
-        "psr-4": {
-            "App\\Tests\\": "tests/"
-        }
-    },
-    "replace": {
-        "paragonie/random_compat": "2.*",
-        "symfony/polyfill-ctype": "*",
-        "symfony/polyfill-iconv": "*",
-        "symfony/polyfill-php71": "*",
-        "symfony/polyfill-php70": "*",
-        "symfony/polyfill-php56": "*"
-    },
-    "scripts": {
-        "auto-scripts": {
-            "cache:clear": "symfony-cmd",
-            "assets:install %PUBLIC_DIR%": "symfony-cmd"
-        },
-        "post-install-cmd": [
-            "@auto-scripts"
-        ],
-        "post-update-cmd": [
-            "@auto-scripts"
-        ]
-    },
-    "conflict": {
-        "symfony/symfony": "*"
-    },
-    "extra": {
-        "symfony": {
-            "allow-contrib": false,
-            "require": "4.2.*"
-        }
-    },
-    "require-dev": {
-        "symfony/maker-bundle": "^1.11",
-        "symfony/web-server-bundle": "4.2.*"
-    }
-}