54 lines
2.1 KiB
HTML
54 lines
2.1 KiB
HTML
|
<div class="ui main container">
|
||
|
|
<h1 class="ui dividing header">Team editor</h1>
|
||
|
|
|
||
|
|
<form class="ui form" #teamEditorForm (ngSubmit)="saveTeam()">
|
||
|
|
<div class="six wide field">
|
||
|
|
<label for="team_name">Team name</label>
|
||
|
|
<input id="team_name" type="text" name="team_name" [(ngModel)]="team.name">
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="ui positive button">Save changes</button>
|
||
|
|
|
||
|
|
<h4 class="ui dividing header">Team members</h4>
|
||
|
|
<div class="three inline fields">
|
||
|
|
<div class="two wide field">
|
||
|
|
<button type="button" class="ui fluid button"
|
||
|
|
[class.positive]="canAddMember"
|
||
|
|
[class.disabled]="!canAddMember"
|
||
|
|
(click)="addMember()">Add
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div class="five wide field">
|
||
|
|
<input type="text"
|
||
|
|
name="member_signum"
|
||
|
|
placeholder="Signum"
|
||
|
|
[(ngModel)]="member.signum">
|
||
|
|
</div>
|
||
|
|
<div class="nine wide field">
|
||
|
|
<input type="text"
|
||
|
|
name="member_name"
|
||
|
|
placeholder="Display name"
|
||
|
|
[(ngModel)]="member.name">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<h4 class="ui dividing header"></h4>
|
||
|
|
<table class="ui celled definition table">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th class="collapsing"></th>
|
||
|
|
<th class="collapsing"><i class="large user outline icon"></i>Signum</th>
|
||
|
|
<th><i class="large id card outline icon"></i>Display name</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr *ngFor="let member of team.members">
|
||
|
|
<td class="collapsing"><a title="Remove" (click)="removeMember(member.signum)"><i
|
||
|
|
class="large fitted red trash alternate outline icon"></i></a></td>
|
||
|
|
<td class="collapsing">{{member.signum}}</td>
|
||
|
|
<td>{{member.name}}</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
</div>
|