All Projects → Teradata → Vantage Ui Template

Teradata / Vantage Ui Template

Licence: mit
Template for UI applications in Vantage

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Vantage Ui Template

Angular5 Example Shopping App
Angular 5 Example Shopping App + Angular Material + Responsive
Stars: ✭ 120 (-37.82%)
Mutual labels:  material-design, angular-material, angular2
Md2
Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
Stars: ✭ 389 (+101.55%)
Mutual labels:  material-design, angular2
Angular Interview Questions
Most extensive Angular interview questions based on your level.
Stars: ✭ 354 (+83.42%)
Mutual labels:  angular-material, angular2
Ng Matero
Angular Material admin dashboard template.
Stars: ✭ 597 (+209.33%)
Mutual labels:  material-design, angular-material
ncg-crud-ngx-md
Angular 4+ Material Design CRUD/Admin app by NinjaCodeGen http://DNAfor.NET
Stars: ✭ 36 (-81.35%)
Mutual labels:  angular2, angular-material
Angular-Firebase-Sortable-Table
Angular Firebase Sortable Table is a module that makes tables creation with firebase an easy task.
Stars: ✭ 28 (-85.49%)
Mutual labels:  angular2, angular-material
Angular2 Mdl
Angular 2, 4, 5, 6, 7, 8, 9, 10, 11 components, directives and styles based on material design lite (npm: @angular-mdl/core)
Stars: ✭ 562 (+191.19%)
Mutual labels:  material-design, angular2
Rwa Trivia
Trivia App - Real World Angular series
Stars: ✭ 251 (+30.05%)
Mutual labels:  material-design, angular-material
Ng2 Md Datatable
Angular 5+ DataTable component for using with Material Design 2
Stars: ✭ 40 (-79.27%)
Mutual labels:  material-design, angular2
Angular Draggable Mat Tree
Example implementation of drag and drop on Angular Material Tree
Stars: ✭ 47 (-75.65%)
Mutual labels:  material-design, angular-material
Materialtimecontrol
Time component for angular/Material2 (5.0.0-rc0)
Stars: ✭ 81 (-58.03%)
Mutual labels:  material-design, angular-material
login-form-angular2
A simple login form using the angular2 material design and the angular-CLI.
Stars: ✭ 21 (-89.12%)
Mutual labels:  angular2, angular-material
ng-math
Math Flashcard Progressive Web App built with Angular 2
Stars: ✭ 17 (-91.19%)
Mutual labels:  angular2, angular-material
Angular-Movies
Angular Movies | TV Shows is a simple web app that consumes The Movie DB API - Angular 13 + Material Angular
Stars: ✭ 35 (-81.87%)
Mutual labels:  angular2, angular-material
awesome-angular
💖 A list of awesome Angular (2️⃣➕) resources
Stars: ✭ 61 (-68.39%)
Mutual labels:  angular2, angular-material
Mcg
Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!
Stars: ✭ 507 (+162.69%)
Mutual labels:  material-design, angular-material
Covalent
Teradata UI Platform built on Angular Material
Stars: ✭ 2,230 (+1055.44%)
Mutual labels:  material-design, angular-material
Angular Ngrx Material Starter
Angular, NgRx, Angular CLI & Angular Material Starter Project
Stars: ✭ 2,623 (+1259.07%)
Mutual labels:  material-design, angular-material
Bootstrap
Open Source JS plugins
Stars: ✭ 13 (-93.26%)
Mutual labels:  material-design, angular2
Origami
Angular + Polymer
Stars: ✭ 158 (-18.13%)
Mutual labels:  material-design, angular2

Teradata Vantage UI Template

Create Apps for Teradata Vantage using the Covalent UI Framework

Setup

  • Ensure you have Node 10.15.3 (on a Mac use Homebrew and brew install [email protected])
  • Ensure you have NPM 6+ installed.
  • Install Docker Engine: https://docs.docker.com/engine/installation/
  • Install Angular CLI npm i -g @angular/cli
  • Install Typescript npm i -g typescript
  • Install TSLint npm i -g tslint
  • Install Node packages npm ci

Development

  1. Update the serverUrl variable in the proxy.conf.js and loginUrl variable in the cypress.env.json to point to your vantage environment.

  2. Run local webserver npm run serve

  3. In Chrome go to http://localhost:4200

Build Container Image

  1. Clean up the deploy directory.

Mac:

  rm -rf ./deploy/
  mkdir ./deploy/

Win:

  rmdir /S .\deploy\
  mkdir .\deploy\
  1. Build Angular assets
  npm run build:prod
  1. Move assets into deploy directory.

Mac:

  cp -r ./docker/* ./deploy
  cp -r ./dist/* ./deploy

Win:

  copy .\docker\* .\deploy
  copy .\dist\* .\deploy
  1. Build docker image with assets
    • Replace WEB_SERVER with nodejs or nginx depending on your need
    • Replace IMAGE_NAME with a name of your choice

Mac:

  docker build -f deploy/WEB_SERVER/Dockerfile -t IMAGE_NAME ./deploy

Win:

  docker build -f deploy\WEB_SERVER\Dockerfile -t IMAGE_NAME .\deploy
  1. Run command docker images and see it listed

  2. You can run commands locally now like:

    • Replace YOUR_BASE_URL with your Vantage Environment Base URL
    • Replace IMAGE_NAME with the image name you used on step 3.
  docker run -e APPCENTER_BASE_URL=YOUR_BASE_URL -p 49160:8080 -d IMAGE_NAME

  docker exec -it CONTAINER_ID /bin/bash

Deployment to Registry

  1. Tag docker image and push to a repository
    • Replace IMAGE_NAME with the image name you used when building the image.
    • Replace TAG with a tag for the image. e.g. Version number
    • Replace REPOSITORY with the URL of the repository where you need to push the image.
  docker tag IMAGE_NAME:latest REPOSITORY/IMAGE_NAME:TAG
  docker push REPOSITORY/IMAGE_NAME:TAG
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].