tilenmiklavic / Obkljukovalnica

Website for checking attendance
https://obkljukovalnica.web.app/
0 stars 0 forks source link
angular webdev

Obkljukovalnica

Wiki :speech_balloon:

Piprava preglednice

Preglednico ustvarimo na spletni storitvi Google Drive oz Google Spreadsheets. Ko tabelo prisotnosti pripravljamo, sledimo spodnjemu zgledu.

Screenshot 2021-10-31 at 20 55 45

V zavihku za deljenje preglednice omogočimo urejanje za vsakogar s povezavo do te datoteke, povezavo pa skopiramo, saj jo bomo potrebovali pri nastavljanju aplikacije. Polja označena z # predstavljajo prosta polja. Označujejo mesta, kjer lahko v preglednico dodamo poljubne vnose, brez da bi s tem omejevali pravilno delovanje aplikacije.

Referenčna preglednica je dostopna na povezavi: https://docs.google.com/spreadsheets/d/1gPrgkgPYzqI286iOyWRpIIzrVYv7ksHXznc1lx8tiOo/edit?usp=sharing

Priprava aplikacije

Obiščemo spletni naslov Obkljukovalnica na mobilnem telefonu, ter izberemo možnost za dodajanje aplikacije na začetni zaslon. Do te možnosti lahko dostopamo na Androidu: pwa_android in na iOS: pwa_ios

Po prvotni namestitvi lahko do nje vedno dostopamo z namizja.

Ko aplikacijo prvič zaženemo, najprej obiščemo zavihek Nastavitve

Uporaba aplikacije

Na pogledu Check imamo razvrščene otroke po vrsti kakor v preglednici. Vsak ima dodeljene 3 ikone s katerimi lahko označimo:

Izbiro lahko vedno tudi popravljamo.

Pogled Pregled se uporablja za pregled prisotnosti v istem dnevu med večimi skupinami in za uporabo z zgolj eno skupino ni uporaben. :building_construction: V prihodnosti bo vseboval tudi razvrstitev prisotnosti ene skupine po dnevih.

Contributing guidelines

Working with pull requests

  1. Fork the repo and create your branch from master.
  2. Ask for .env files, code won't work without them.
  3. Follow coding guidelines.
  4. Document added code.
  5. Describe what you have changed.
  6. Issue that pull request!

Report bugs using Github's issues

We use GitHub issues to track public bugs. Report a bug by opening a new issue; it's that easy!

:construction: Development guidelines :construction:

Development server

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

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

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.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.