960f9b7839
1. app-routing.module.ts: Add route '/subjects'. 2. app.component.ts: Group subscribe and invite buttons under id="subscribeAndInviteBtn" (keep distance between them alwayes the same) | uncomment menu item 'Subjects' in About. 3. app.module.ts: import 'SubscribeService' (singleton service to update everywhere subscriber status). 4. libUser.module.ts & subscribe.module.ts: remove import of 'SubscribeService' (singleton service to update everywhere subscriber status). 5. community.component.html: a. Improve some checks b. In main tabs of the page (class main-tabs) add class 'uk-text-truncate' and remove class 'uk-width-3-4' (each tab has max-width) c. Add icon in 'Analytics' tab d. [Bug fix] In description, fix overflow and max height of box 6. community.component.ts: Add field '@ViewChild(SubscribeComponent) subscribeComponent: SubscribeComponent' to add some checks in html. 7. curators.component.html: Remove div with class 'image-front-topbar' | Update css for title | Add <breadcrumbs> | Add user icon for each curator. 8. curators.component.ts: Initialize breadcrumb | [Bug fix] In methods 'getPageContents()' and 'getDivContents()' use communityId (instead of 'connect'). 9. curators.module.ts & organizationsPage.module.ts & inviteBasic.module.ts: import 'BreadcrumbsModule'. 10. organizationsPage.component.ts: Update css for title | Add <breadcrumbs> | Initialize breadcrumb. 11. subjects.component.ts, subjects.module.ts, subjects-routing.module.ts: Add page for Subjects. 12. invite.component.html: Add <breadcrumbs> in longView | Add icon in button 'Invite users'. 13. invite.component.ts: Initialize breadcrumb. 14. subscribe.component.ts: a. Add icon in button "Subscribe"/ "Subscribed" b. Add class 'uk-display-inline-block' in showNumbers (members) c. Initialize and get subscriber status with new methods of service (initIsSubscribedToCommunity() & isSubscribed - BehaviorSubject instead of isSubscribedToCommunity()) 15. connect-custom.css: Group css for #subscribeBtn, #inviteBtn into #subscribeAndInviteBtn | Add css for class 'user-circle-background' (background of user icon in curators). git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@58574 d315682c-612b-4755-9ff5-7f18f6832af3 |
||
---|---|---|
deploy | ||
src | ||
README.md | ||
angular.json | ||
package.json | ||
prerender.ts | ||
server.ts | ||
static.paths.ts | ||
tsconfig.json | ||
webpack.server.config.js |
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
oryarn
Development (Client-side only rendering)
- run
npm run start
which will startng 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 usualdist
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