MdRzA Ranking

Shows the ranking of teams for 'MdRzA - Mit dem Rad zur Arbeit'. Users can create a link to share or use himself.

This app is online under mdrza-ranking.inpercima.net.

This project was generated with swaaplate version 2.5.3.

Prerequisites

Angular CLI

• @angular/cli 21.0.4 or higher

Node, npm or pnpm

• node 22.20.0 or higher in combination with
  • npm 10.9.3 or higher or
  • pnpm 10.26.1 or higher, used in this repository

Getting started

# clone project
git clone https://github.com/inpercima/mdrza-ranking/
cd mdrza-ranking

# install tools and frontend dependencies
pnpm install

Create environment files for development mode and production mode.

cp src/environments/environment.ts src/environments/environment.dev.ts
cp src/environments/environment.ts src/environments/environment.prod.ts

Note: These files will not be under version control but listed in .gitignore.

Usage

Recommendation

It is recommanded to use a server to get full access of all angular. For the other options your app should run on a server which you like.

Run in development mode

# build, reachable on http://localhost/app/path/to/dist/
pnpm build:dev

# build and starts a server, rebuild after changes, reachable on http://localhost:4200/
pnpm start

Package

# build in production mode, compressed
pnpm build:prod

Lint

ng lint

Tests

# test
ng test

# e2e
ng e2e

Configuration

General

All options have to been set in the environment files but some of them do not need to be changed. All defaults refer to the environment file (environment.ts), they are prepared in development mode (environment.dev.ts). Change for production mode the option production to true.

Table of contents

• api
• appname
• defaultRoute
• production
• theme

api

Defines the URL to the backend.

• default: https://www.mit-dem-rad-zur-arbeit.de/api/teamranking.php?trid=98
• type: string

appname

Applicationwide title of the app, displayed in title and toolbar.

• default: MdRzA Ranking
• type: string

defaultRoute

The default route and the route to be redirected after a login if no route is stored or if a route does not exist.

• default: dashboard
• type: string

production

Defines whether the app is in production or not.

• default: false
• type: boolean
• values: true/false

theme

Name of a pre-build-theme or a custom theme.

• default: rose-red
• type: string
• values: rose-red/azure-blue/magenta-violet/cyan-orange/custom

To modify the custom theme just edit the colors and themes in themes.scss.