Skip to content
This repository contains the architecture of the angular client of sympozer V2
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
app
.gitignore
README.md

README.md

Sympozer front-end app V2

Sympozer is a full client side mashup Web application that allows browsing and enriching conference data. Learn more about Sympozer at http://sympozer.liris.cnrs.fr/ .

In 2017, the app architecture has been completely refactored:

  • The conference dataset now follows the ScholarlyData ontology and has been issued using cLODg (conference Linked Open Data generator) V2.
  • Its core engine is based on RDF data (instead of JSON), internally served using the rdflib.js library and queried in SPARQL.
  • It fully runs on the client side, and relies on the Angular v. 4 JavaScript framework, using Web components and other advances. The design layer uses Angular Material.
  • Users can create their account, enrich their personal information and participate in the votes

This project was generated with angular-cli version 1.6.6.

Getting started

Install Git & Npm

then run :

  1. git clone https://github.com/sympozer/sympozer-client-seed-v2

  2. npm install -g typescript protractor @angular/cli

  3. cd sympozer-client-seed-v2/app

  4. npm install

  5. Do the Hack broken dependency stuff described below

  6. ng serve --aot

Hack broken dependency

There is a missing dependency in the XMLHttpRequest module, which is itself a dependency of other modules. To solve that, browse to node_modules/xmlhttprequest/lib/XMLHttpRequest.js and comment the following lines:

Line 15- var spawn = require("child_process").spawn;

Line 503- var syncProc = spawn(process.argv[0], ["-e", execString]);

Line 509- syncProc.stdin.end();

Development server

Run ng serve --aot for a dev server. Navigate to http://localhost:4200/. The app will reload automatically if you change any of the source files.

Build

Run ng build to build the project and deploy on a static server. The build artifacts will be stored in the app/dist/ directory.

Use the -prod option for a production build and -bh to set up the base hash that will be included in the index.html file (see examples in app/package.json file).

In case you define commands in app/package.json, run them using npm run <commandName>.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Deploying to Github Pages

Run ng github-pages:deploy to deploy to Github Pages.

Further help

To get some more help on the angular-cli use ng --help or check out the Angular-CLI README.

You can’t perform that action at this time.