LOCDB Fr(ont-)end

This repository provides a guided user interface for extrapolation of new data for the Linked Open Citation Data Base.

Recent Branch Updates

Tue Jul 31

• master stored in oldstable
• dev was merged into master

Basic setup

1. Clone this repository and run npm install to install dependencies.
2. Run ng serve and access the prototype via localhost:4200

Deployment on remote web server

1. Run ng build --base-href=/<subdir>/ to deploy files into dist
2. with care: Copy the files to the remote web server scp dist/* <server>:/<PATH/TO/SITE/>

Development setup

Update angular-cli to the latest version

npm remove -g angular-cli
npm install -g @angular/cli@latest

Source

Install dependencies

rm -rf node_modules dist
npm install -g typescript
npm install

Rebuild back-end client

1. Go to Swagger Code Generator
2. Select POST /gen/clients/{language} 'Generates a client library' and press 'Try it out' button
3. Select typescript-angular as the target language for the client library and insert the following snippet as body:

{
  "spec": {},
  "options": {
    "modelPropertyNaming": "original",
    "ngVersion": "6.1"
  },
  "swaggerUrl": "https://locdb.bib.uni-mannheim.de/locdb-dev/swagger",
  "authorizationValue": {
    "value": "string",
    "type": "string",
    "keyName": "string"
  },
  "securityDefinition": {
    "type": "string",
    "description": "string"
  }
}

4. Press Execute button and inspect the response body for the link.
5. Unzip the downloaded code and place typescript-angular2-client as subdirectory in src/app.

Development Resources

• Angular Docs
• Bootstrap 4 Introduction
• Jasmine Introduction
• OCC Metadata Model