MaDgIK
/
monitor-dashboard
13
0
Fork 0
Code Issues Pull Requests Projects Releases 17 Wiki Activity
74 Commits 4 Branches 17 Tags 13 MiB
TypeScript 76.9%
HTML 19.1%
Less 2.3%
JavaScript 1.1%
CSS 0.6%
Go to file
Konstantina Galouni f9f411970b [Trunk | Monitor Dashboard]: 
1. app.module.ts: Import UserMiniModule.
2. app.component.html: Pass parameter [colors]="'light'" to <user-mini> component.
3. monitor.module.ts: Import UserMiniModule.
4. monitor.component: Add view and functionality for login/logout in non-administrator pages.
5. monitor-custom.css: Classes used by <user-mini> component added ('dark' on light background - 'light' on dark background).
	'loginLink.light', 'circle.userBox.light', 'text.userBox.light', 'svg .icon.userBox.light', 'svg .loginLink.userBox.light', 
	'.loginLink.dark', 'circle.userBox.dark', 'svg .icon.userBox.dark', 'svg .loginLink.userBox.dark', 'text.userBox.dark'


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor_dashboard@57882 d315682c-612b-4755-9ff5-7f18f6832af3
 		2019-12-13 15:48:24 +00:00
deploy [Monitor Dashboard]: Add Topic page 2019-11-05 14:59:06 +00:00
src [Trunk | Monitor Dashboard]: 2019-12-13 15:48:24 +00:00
README.md [Monitor_Dashboard|Trunk] 2019-10-24 07:44:29 +00:00
angular.json [Monitor Dashboard]: 1. Change inputs to materials. 2. Add fonts. 3. Add uikit.js on index 4. Add reorder functionality on indicators. 5. Fix height of header to 70px 2019-11-26 19:11:24 +00:00
package.json [Monitor_Dashboard|Trunk] 2019-10-24 07:44:29 +00:00
prerender.ts [Monitor_Dashboard|Trunk] 2019-10-24 07:44:29 +00:00
server.ts Funder page: 2019-12-04 17:01:55 +00:00
static.paths.ts [Monitor_Dashboard|Trunk] 2019-10-24 07:44:29 +00:00
tsconfig.json [Monitor_Dashboard|Trunk] 2019-10-24 07:44:29 +00:00
webpack.server.config.js [Monitor_Dashboard|Trunk] 2019-10-24 07:44:29 +00:00

README.md

Angular Universal & Anguar-CLI minimal starter

This demo is built following the Angular-CLI Wiki guide

We're utilizing packages from the Angular Universal @nguniversal repo, such as ng-module-map-ngfactory-loader to enable Lazy Loading.

Static or Dynamic

This repo demonstrates the use of 2 different forms of Server Side Rendering.

Static Also known as "prerendering"

  • Happens at build time
  • Renders your application and replaces the dist index.html with a version rendered at the route /.

Dynamic

  • Happens at runtime
  • Uses ngExpressEngine to render you application on the fly at the requested url.

Installation

  • npm install or yarn

Development (Client-side only rendering)

  • run npm run start which will start ng serve (project served at the standard: localhost:4200)

Production

Depending on whether you're publishing dynamic or static prerendering, run the build command, and then serve up your dist folder assets.

NOTE: To deploy your Static site to a static hosting platform you will have to deploy the dist/browser folder, rather than the usual dist

ie: npm run build:dynamic or npm run build:static. All of the files that need to be served will be found within the /dist folder.

Testing Universal (dynamic or static) builds -Locally-

Dynamic : npm run start:dynamic

Compiles your application and spins up a Node Express to dynamically serve your Universal application on http://localhost:4000.

Static : npm run start:static

  • Compiles your application and prerenders your applications files, spinning up a demo http-server so you can view it on http://127.0.0.1:8080