-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #9 from bolzplatzarena/translate-documentation
Translate documentation
- Loading branch information
Showing
12 changed files
with
319 additions
and
234 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,16 @@ | ||
import { Component } from '@angular/core'; | ||
import { ChangeDetectionStrategy, Component } from '@angular/core'; | ||
import { TranslateService } from '@ngx-translate/core'; | ||
|
||
@Component({ | ||
selector: 'app-root', | ||
templateUrl: './app.component.html', | ||
changeDetection: ChangeDetectionStrategy.OnPush, | ||
}) | ||
export class AppComponent { | ||
constructor(private readonly translate: TranslateService) { | ||
} | ||
|
||
setLanguage(lang: string): void { | ||
this.translate.use(lang); | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,39 +1,24 @@ | ||
<h2>Table</h2> | ||
<p>Easy way to use a table, whitout the need to implement to headers and columns by you own.</p> | ||
<p>Custom column configuration availble for:</p> | ||
<h2 class="tw-p-4 tw-m-0" translate>content.headline.table</h2> | ||
<p class="tw-px-4" translate>content.text.table</p> | ||
<p class="tw-px-4" translate>content.text.column</p> | ||
<ul> | ||
<li>Date</li> | ||
<li>Enumeration</li> | ||
</ul> | ||
<h3>Using static data</h3> | ||
<h3 translate>content.headline.static_data</h3> | ||
<bpa-table [columnConfig]="config" | ||
[columns]="['name', 'level', 'type', 'health', 'birthday']" | ||
[dataset]="data" | ||
(deleteEvent)="die()" | ||
(editEvent)="view()" | ||
translateKey="hero.components.hero-list."></bpa-table> | ||
<h3>Using observables</h3> | ||
<h3 translate>content.headline.observables</h3> | ||
<bpa-table [columnConfig]="config" | ||
[columns]="['name', 'level', 'type', 'health', 'birthday']" | ||
[dataset]="data$ | async" | ||
progressBar="auto" | ||
(deleteEvent)="die()" | ||
(editEvent)="view()" | ||
translateKey="hero.components.hero-list."></bpa-table> | ||
|
||
<h3>Options</h3> | ||
<table class="tw-w-full"> | ||
<thead> | ||
<tr> | ||
<th>Name</th> | ||
<th>Description</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<td>sortable (default: true)</td> | ||
<td>set to false to disable sorting</td> | ||
</tbody> | ||
</table> | ||
|
||
<br> | ||
<h3 class="tw-p-4" translate>content.headline.options</h3> | ||
<p class="tw-px-4" translate>content.text.options</p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,59 @@ | ||
{ | ||
"content": { | ||
"text": { | ||
"1": "Dies ist eine Sammlungen von Komponenten welche auf Basis von Angular Material gebaut wurden. Zudem finden sich hier noch diverse Helferlein, welche euch das Arbeiten möglichst vereinfachen sollen.", | ||
"examples": "Hier findet man viele praktische Beispiele.", | ||
"table": "Einfache Implementierung der Tabelle, welche viele Sachen abnimmt und es daher einfach machen die Material Table zu nutzen.", | ||
"column": "Erweiterte Spaltenkonfiguration ist verfügbar für:", | ||
"options": "sortable (default: true) - auf \"false\" setzen um zu deaktivieren", | ||
"enum": "Enums sind toll, Enums sind wichtig. Aber manchmal sind sie schwer zu nutzen, vor allem in Tempülates.<br>Hier findet ihr Tools die euch unterstützen.", | ||
"enum_options": "Dies ist eine Methode um aus einem Enum eine Datenquelle für ein Dropdown zu machen und dabei die Werte auch noch zu übersetzen.", | ||
"pipe": "Die Pipe gibt euch die Möglichkeit den Enum-Schlüssel in einer View zu nutzen. Dies ist vor allem dann wichtig, wenn das Enum nicht auf einem String basiert." | ||
}, | ||
"headline": { | ||
"first": "Bolzplatzarena Components", | ||
"examples": "Beispiele", | ||
"table": "Die Tabelle", | ||
"options": "Optionen", | ||
"enum": "Enum Helferlein", | ||
"enum_options": "Select Options mit Enumerationen", | ||
"pipe": "Pipe", | ||
"static_data": "Verwendung von statischen Daten", | ||
"observables": "Verwendung von Observables" | ||
} | ||
}, | ||
"bpa": { | ||
"components": { | ||
"table": { | ||
"items-per-page": "Einträge pro Seite", | ||
"page": "Seite {{ page }} von {{ amountPages }}", | ||
"next-page": "Nächste Seite", | ||
"last-page": "Letzte Seite", | ||
"first-page": "Erste Seite", | ||
"previous-page": "Vorherige Seite" | ||
} | ||
} | ||
}, | ||
"hero": { | ||
"components": { | ||
"hero-list": { | ||
"name": "Name", | ||
"level": "Level", | ||
"type": "Type", | ||
"type.hammer": "Hammer", | ||
"type.fighter": "Fighter", | ||
"type.spy": "Spion", | ||
"type.scientist": "Wissenschaftler", | ||
"health": "Health", | ||
"birthday": "Birthday", | ||
"actions": "Actions" | ||
} | ||
}, | ||
"types": { | ||
"fighter": "Fighter", | ||
"hammer": "Thor", | ||
"scientist": "Wissenschaftler", | ||
"spy": "Spion" | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters