Skip to content

Commit

Permalink
Update web_readme.md
Browse files Browse the repository at this point in the history
Typos
  • Loading branch information
macbaed authored May 8, 2018
1 parent ddad587 commit 4c213b4
Showing 1 changed file with 15 additions and 15 deletions.
30 changes: 15 additions & 15 deletions web_readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,13 @@

## nvm installieren
NVM dient der Verwaltung der benutzten node (npm) Version
nvm installieren gemäss Wik. Geht aber für Linus zum Beispiel mit
nvm installieren. Geht für Linux zum Beispiel mit
- curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash

## Node installieren
ebegu benoetigt ca Version 4.4 von Node. Kann mit nvm install v4.4.3 installiert werden
Ki-Tax benoetigt ca Version 4.4 von Node. Kann mit nvm install v4.4.3 installiert werden
- nvm install v4.4.3
- sicherstellen das npm -v grösser als 3.8.1 ist
- sicherstellen, dass npm -v grösser als v3.8.1 ist


## Projektdependencies installieren (einmalig, bzw. nach Änderung)
Expand All @@ -21,28 +21,28 @@ ebegu benoetigt ca Version 4.4 von Node. Kann mit nvm install v4.4.3 installiert

## Formularstruktur
### Inputelement-Gruppe
Wir verwenden Bootstrap zum layouten der Seite und angular-material input komponenten.
Wir verwenden Bootstrap zum Layouten der Seite und Angular-Material Input-Komponenten.

WICHTIG: Es ist darauf zu achten, dass
Formularelemente (Typischerweise label element, input element, error message elment) in einem parent element mit der
Klasse *'form-group'* zusammengefasst werden (meistens entspricht dieser parent bei uns einer bootstrap-column.
Formularelemente (Typischerweise label element, input element, error message elment) in einem parent Element mit der
Klasse *'form-group'* zusammengefasst werden (meistens entspricht dieser Parent bei uns einer Bootstrap-Column.

1. Label
Wir verwenden wann immer moeglich <label> tags mit einem 'for' attribut fuer die Bezeichnung. Es ist keine spezielle styleclass erforderlich
Wir verwenden, wann immer moeglich, <label> tags mit einem 'for' attribut fuer die Bezeichnung. Es ist keine spezielle Styleclass erforderlich
2. Inputelemente
Dem Element der Gruppe welches als Input dient sollte die Klasse *'input-element'* oder *'form-control'* gegeben werden damit es identifiziert werden kann
Dem Element der Gruppe, welches als Input dient, sollte die Klasse *'input-element'* oder *'form-control'* gegeben werden, damit es identifiziert werden kann

3. Fehlerausgabe
Containern in denen Fehler angezeigt werden soll muss die style-class *'error'* gegeben werden.
Containern in denen die Fehler angezeigt werden sollen, muss die Stylecalss *'error'* gegeben werden.

Durch das vergeben der richtigen Styleclasses wird sichergestellt, dass die Funktion der Elemente anhand der Styleclass
Durch das Vergeben der richtigen Styleclasses wird sichergestellt, dass die Funktion der Elemente anhand der Styleclass
ermittelt werden kann. Dadurch kann zum Beispiel das Errorstyling leicht veraendert werden

### RadioButtons Gottcha

Wir verwenden zur Zeit angular-material im Hintergrund. Um die Verwendung von
Radiobuttons fuer den Normalfall etwas zu vereincahen sollte dv-radio-container benutzt werden.
Wir verwenden zur Zeit Angular-Material im Hintergrund. Um die Verwendung von
Radiobuttons fuer den Normalfall etwas zu vereinfachen, sollte dv-radio-container benutzt werden.
Muss aus einem Grund direkt md-radio-group verwendet werden so sollte darauf geachtet werden, dass
die direktive dv-suppress-form-submit-on-enter als attribut hinzugefügt wird. Ansonsten
wird bei radiobuttons ungewollt mit dem enter key das Formular submitted statt der erste
type=submitt button geklickt
die Direktive dv-suppress-form-submit-on-enter als attribut hinzugefügt wird. Ansonsten
wird bei Radiobuttons ungewollt mit dem Enter Key das Formular submitted statt der erste
type=submitt Button geklickt.

0 comments on commit 4c213b4

Please sign in to comment.