Commit bd3d924a authored by Samuel Schepp's avatar Samuel Schepp

Merge branch '87-make-add-edit-view-controls-smaller' into 'develop'

Resolve "Make add edit view controls smaller"

Closes #87

See merge request !79
parents 5c87a012 59ea0f8c
Pipeline #17534 passed with stages
in 7 minutes and 18 seconds
......@@ -3,35 +3,35 @@
<div class="modal-body">
<div class="form-container" *ngIf="category">
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">ID</label>
<label class="col-3 col-form-label col-form-label-sm">ID</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="category.id">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="category.id">
</div>
</div>
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">Revision</label>
<label class="col-3 col-form-label col-form-label-sm">Revision</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="category.revision">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="category.revision">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Name</label>
<label class="col-3 col-form-label col-form-label-sm">Name</label>
<div class="col-9">
<input class="form-control" appFocus type="text" [(ngModel)]="category.name">
<input class="form-control form-control-sm" appFocus type="text" [(ngModel)]="category.name">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Icon URL</label>
<label class="col-3 col-form-label col-form-label-sm">Icon URL</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="category.icon">
<input class="form-control form-control-sm" type="text" [(ngModel)]="category.icon">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Icon Preview</label>
<label class="col-3 col-form-label col-form-label-sm">Icon Preview</label>
<div class="col-9">
<img class="image-preview" [src]="category.icon">
</div>
......
......@@ -3,84 +3,84 @@
<div class="modal-body">
<div class="form-container" *ngIf="content">
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">ID</label>
<label class="col-3 col-form-label col-form-label-sm">ID</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="content.id">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="content.id">
</div>
</div>
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">Revision</label>
<label class="col-3 col-form-label col-form-label-sm">Revision</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="content.revision">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="content.revision">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Name</label>
<label class="col-3 col-form-label col-form-label-sm">Name</label>
<div class="col-9">
<input class="form-control" appFocus type="text" [(ngModel)]="content.name">
<input class="form-control form-control-sm" appFocus type="text" [(ngModel)]="content.name">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Active</label>
<label class="col-3 col-form-label col-form-label-sm">Active</label>
<div class="col-9">
<app-boolean-input [(active)]="content.active" falseLabel="Inactive" trueLabel="Active"></app-boolean-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label"><span class="align-middle">Publish Start</span></label>
<label class="col-3 col-form-label col-form-label-sm"><span class="align-middle">Publish Start</span></label>
<div class="col-9">
<app-date-input [(date)]="content.publishStart"></app-date-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Publish End</label>
<label class="col-3 col-form-label col-form-label-sm">Publish End</label>
<div class="col-9">
<app-date-input [(date)]="content.publishEnd"></app-date-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">MIME Type</label>
<label class="col-3 col-form-label col-form-label-sm">MIME Type</label>
<div class="col-9">
<app-single-enum-input [(model)]="content.mimeTypeUri"></app-single-enum-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">URI</label>
<label class="col-3 col-form-label col-form-label-sm">URI</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="content.uri">
<input class="form-control form-control-sm" type="text" [(ngModel)]="content.uri">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">MIME Type Data</label>
<label class="col-3 col-form-label col-form-label-sm">MIME Type Data</label>
<div class="col-9">
<app-single-enum-input [(model)]="content.mimeTypeData"></app-single-enum-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Locale</label>
<label class="col-3 col-form-label col-form-label-sm">Locale</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="content.locale">
<input class="form-control form-control-sm" type="text" [(ngModel)]="content.locale">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Header</label>
<label class="col-3 col-form-label col-form-label-sm">Header</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="content.header">
<input class="form-control form-control-sm" type="text" [(ngModel)]="content.header">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Description</label>
<label class="col-3 col-form-label col-form-label-sm">Description</label>
<div class="col-9">
<app-json-input [(model)]="content.data"></app-json-input>
</div>
......
......@@ -3,56 +3,56 @@
<div class="modal-body">
<div class="form-container" *ngIf="event">
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">ID</label>
<label class="col-3 col-form-label col-form-label-sm">ID</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="event.id">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="event.id">
</div>
</div>
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">Revision</label>
<label class="col-3 col-form-label col-form-label-sm">Revision</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="event.revision">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="event.revision">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Name</label>
<label class="col-3 col-form-label col-form-label-sm">Name</label>
<div class="col-9">
<input class="form-control" appFocus type="text" [(ngModel)]="event.name">
<input class="form-control form-control-sm" appFocus type="text" [(ngModel)]="event.name">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Description</label>
<label class="col-3 col-form-label col-form-label-sm">Description</label>
<div class="col-9">
<textarea class="form-control" rows="4" [(ngModel)]="event.description"></textarea>
<textarea class="form-control form-control-sm" rows="4" [(ngModel)]="event.description"></textarea>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Begin</label>
<label class="col-3 col-form-label col-form-label-sm">Begin</label>
<div class="col-9">
<app-date-input [(date)]="event.begin"></app-date-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">End</label>
<label class="col-3 col-form-label col-form-label-sm">End</label>
<div class="col-9">
<app-date-input [(date)]="event.end"></app-date-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Status</label>
<label class="col-3 col-form-label col-form-label-sm">Status</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="event.status">
<input class="form-control form-control-sm" type="text" [(ngModel)]="event.status">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Contents</label>
<label class="col-3 col-form-label col-form-label-sm">Contents</label>
<div class="col-9">
<app-multi-model-input [modelList]="event.contents"
[modelDefinition]="contentModelDefinition"></app-multi-model-input>
......@@ -60,7 +60,7 @@
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Members</label>
<label class="col-3 col-form-label col-form-label-sm">Members</label>
<div class="col-9">
<app-multi-model-input [modelList]="event.members"
[modelDefinition]="personModelDefinition"></app-multi-model-input>
......@@ -68,7 +68,7 @@
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Locations</label>
<label class="col-3 col-form-label col-form-label-sm">Locations</label>
<div class="col-9">
<app-multi-model-input [modelList]="event.locations"
[modelDefinition]="poiModelDefinition"></app-multi-model-input>
......@@ -76,7 +76,7 @@
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Tags</label>
<label class="col-3 col-form-label col-form-label-sm">Tags</label>
<div class="col-9">
<app-tag-input [modelList]="event.tags"></app-tag-input>
</div>
......
......@@ -3,56 +3,56 @@
<div class="modal-body">
<div class="form-container" *ngIf="person">
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">ID</label>
<label class="col-3 col-form-label col-form-label-sm">ID</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="person.id">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="person.id">
</div>
</div>
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">Revision</label>
<label class="col-3 col-form-label col-form-label-sm">Revision</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="person.revision">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="person.revision">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Title</label>
<label class="col-3 col-form-label col-form-label-sm">Title</label>
<div class="col-9">
<input class="form-control" appFocus type="text" [(ngModel)]="person.title">
<input class="form-control form-control-sm" appFocus type="text" [(ngModel)]="person.title">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Prefix</label>
<label class="col-3 col-form-label col-form-label-sm">Prefix</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="person.prefix">
<input class="form-control form-control-sm" type="text" [(ngModel)]="person.prefix">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Firstname</label>
<label class="col-3 col-form-label col-form-label-sm">Firstname</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="person.firstname">
<input class="form-control form-control-sm" type="text" [(ngModel)]="person.firstname">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Lastname</label>
<label class="col-3 col-form-label col-form-label-sm">Lastname</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="person.lastname">
<input class="form-control form-control-sm" type="text" [(ngModel)]="person.lastname">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Suffix</label>
<label class="col-3 col-form-label col-form-label-sm">Suffix</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="person.suffix">
<input class="form-control form-control-sm" type="text" [(ngModel)]="person.suffix">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Image</label>
<label class="col-3 col-form-label col-form-label-sm">Image</label>
<div class="col-8">
<app-single-model-input [modelDefinition]="contentModelDefinition" [(model)]="person.image"></app-single-model-input>
</div>
......@@ -62,35 +62,35 @@
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Position</label>
<label class="col-3 col-form-label col-form-label-sm">Position</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="person.position">
<input class="form-control form-control-sm" type="text" [(ngModel)]="person.position">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Unit</label>
<label class="col-3 col-form-label col-form-label-sm">Unit</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="person.unit">
<input class="form-control form-control-sm" type="text" [(ngModel)]="person.unit">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Description</label>
<label class="col-3 col-form-label col-form-label-sm">Description</label>
<div class="col-9">
<textarea class="form-control" rows="4" [(ngModel)]="person.description"></textarea>
<textarea class="form-control form-control-sm" rows="4" [(ngModel)]="person.description"></textarea>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Contacts</label>
<label class="col-3 col-form-label col-form-label-sm">Contacts</label>
<div class="col-9">
<app-contact-input [contacts]="person.contacts"></app-contact-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Tags</label>
<label class="col-3 col-form-label col-form-label-sm">Tags</label>
<div class="col-9">
<app-tag-input [modelList]="person.tags"></app-tag-input>
</div>
......
......@@ -3,35 +3,35 @@
<div class="modal-body">
<div class="form-container" *ngIf="poi">
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">ID</label>
<label class="col-3 col-form-label col-form-label-sm">ID</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="poi.id">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="poi.id">
</div>
</div>
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">Revision</label>
<label class="col-3 col-form-label col-form-label-sm">Revision</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="poi.revision">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="poi.revision">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Name</label>
<label class="col-3 col-form-label col-form-label-sm">Name</label>
<div class="col-9">
<input class="form-control" appFocus type="text" [(ngModel)]="poi.name">
<input class="form-control form-control-sm" appFocus type="text" [(ngModel)]="poi.name">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Category</label>
<label class="col-3 col-form-label col-form-label-sm">Category</label>
<div class="col-9">
<app-single-model-input [modelDefinition]="categoryModelDefinition" [(model)]="poi.category"></app-single-model-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Persons</label>
<label class="col-3 col-form-label col-form-label-sm">Persons</label>
<div class="col-9">
<app-multi-model-input [modelList]="poi.persons"
[modelDefinition]="personModelDefinition"></app-multi-model-input>
......@@ -39,23 +39,23 @@
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Coordinates</label>
<label class="col-3 col-form-label col-form-label-sm">Coordinates</label>
<div class="col-9">
<div class="row">
<label class="col-2 col-form-label">Latitude</label>
<label class="col-2 col-form-label col-form-label-sm">Latitude</label>
<div class="col-4">
<input class="form-control" type="text" [(ngModel)]="poi.latitude">
<input class="form-control form-control-sm" type="text" [(ngModel)]="poi.latitude">
</div>
<label class="col-2 col-form-label">Longitude</label>
<label class="col-2 col-form-label col-form-label-sm">Longitude</label>
<div class="col-4">
<input class="form-control" type="text" [(ngModel)]="poi.longitude">
<input class="form-control form-control-sm" type="text" [(ngModel)]="poi.longitude">
</div>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Contents</label>
<label class="col-3 col-form-label col-form-label-sm">Contents</label>
<div class="col-9">
<app-multi-model-input [modelList]="poi.contents"
[modelDefinition]="contentModelDefinition"></app-multi-model-input>
......@@ -63,9 +63,9 @@
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Levels</label>
<label class="col-3 col-form-label col-form-label-sm">Levels</label>
<div class="col-9">
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<div class="btn-group btn-group-sm btn-group-toggle" data-toggle="buttons">
<label *ngFor="let level of possibleLevels"
class="btn btn-outline-primary"
ngbButtonLabel>
......@@ -78,70 +78,70 @@
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Description</label>
<label class="col-3 col-form-label col-form-label-sm">Description</label>
<div class="col-9">
<textarea class="form-control" rows="4" [(ngModel)]="poi.description"></textarea>
<textarea class="form-control form-control-sm" rows="4" [(ngModel)]="poi.description"></textarea>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Active</label>
<label class="col-3 col-form-label col-form-label-sm">Active</label>
<div class="col-9">
<app-boolean-input [(active)]="poi.active" falseLabel="Inactive" trueLabel="Active"></app-boolean-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Building</label>
<label class="col-3 col-form-label col-form-label-sm">Building</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="poi.building">
<input class="form-control form-control-sm" type="text" [(ngModel)]="poi.building">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Street</label>
<label class="col-3 col-form-label col-form-label-sm">Street</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="poi.street">
<input class="form-control form-control-sm" type="text" [(ngModel)]="poi.street">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">ZIP</label>
<label class="col-3 col-form-label col-form-label-sm">ZIP</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="poi.zip">
<input class="form-control form-control-sm" type="text" [(ngModel)]="poi.zip">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">City</label>
<label class="col-3 col-form-label col-form-label-sm">City</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="poi.city">
<input class="form-control form-control-sm" type="text" [(ngModel)]="poi.city">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label"><span class="align-middle">Publish Start</span></label>
<label class="col-3 col-form-label col-form-label-sm"><span class="align-middle">Publish Start</span></label>
<div class="col-9">
<app-date-input [(date)]="poi.publishStart"></app-date-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Publish End</label>
<label class="col-3 col-form-label col-form-label-sm">Publish End</label>
<div class="col-9">
<app-date-input [(date)]="poi.publishEnd"></app-date-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Locale</label>
<label class="col-3 col-form-label col-form-label-sm">Locale</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="poi.locale">
<input class="form-control form-control-sm" type="text" [(ngModel)]="poi.locale">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Contacts</label>
<label class="col-3 col-form-label col-form-label-sm">Contacts</label>
<div class="col-9">
<app-contact-input [contacts]="poi.contacts"></app-contact-input>
</div>
......
......@@ -3,53 +3,53 @@
<div class="modal-body">
<div class="form-container" *ngIf="tag">
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">ID</label>
<label class="col-3 col-form-label col-form-label-sm">ID</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="tag.id">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="tag.id">
</div>
</div>
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">Revision</label>
<label class="col-3 col-form-label col-form-label-sm">Revision</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="tag.revision">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="tag.revision">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Name</label>
<label class="col-3 col-form-label col-form-label-sm">Name</label>
<div class="col-9">
<input class="form-control" appFocus type="text" [(ngModel)]="tag.name">
<input class="form-control form-control-sm" appFocus type="text" [(ngModel)]="tag.name">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Type</label>
<label class="col-3 col-form-label col-form-label-sm">Type</label>
<div class="col-9">
<app-single-enum-input [(model)]="tag.type"></app-single-enum-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Coordinates</label>
<label class="col-3 col-form-label col-form-label-sm">Coordinates</label>
<div class="col-9">
<div class="row">
<label class="col-2 col-form-label">Latitude</label>
<label class="col-2 col-form-label col-form-label-sm">Latitude</label>
<div class="col-4">
<input class="form-control" type="text" [(ngModel)]="tag.coordinates.lat">
<input class="form-control form-control-sm" type="text" [(ngModel)]="tag.coordinates.lat">
</div>
<label class="col-2 col-form-label">Longitude</label>
<label class="col-2 col-form-label col-form-label-sm">Longitude</label>
<div class="col-4">
<input class="form-control" type="text" [(ngModel)]="tag.coordinates.lng">
<input class="form-control form-control-sm" type="text" [(ngModel)]="tag.coordinates.lng">
</div>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Floor</label>
<label class="col-3 col-form-label col-form-label-sm">Floor</label>
<div class="col-9">
<input class="form-control" type="number" [(ngModel)]="tag.floor">
<input class="form-control form-control-sm" type="number" [(ngModel)]="tag.floor">
</div>
</div>
</div>
......
......@@ -3,42 +3,42 @@
<div class="modal-body">
<div class="form-container" *ngIf="user">
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">ID</label>
<label class="col-3 col-form-label col-form-label-sm">ID</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="user.id">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="user.id">
</div>
</div>
<div class="form-group row" *ngIf="commonAddEditService.isEditMode()">
<label class="col-3 col-form-label">Revision</label>
<label class="col-3 col-form-label col-form-label-sm">Revision</label>
<div class="col-9">
<input class="form-control" type="text" disabled [(ngModel)]="user.revision">
<input class="form-control form-control-sm" type="text" disabled [(ngModel)]="user.revision">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Username</label>
<label class="col-3 col-form-label col-form-label-sm">Username</label>
<div class="col-9">
<input class="form-control" appFocus type="text" [(ngModel)]="user.name">
<input class="form-control form-control-sm" appFocus type="text" [(ngModel)]="user.name">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Password</label>
<label class="col-3 col-form-label col-form-label-sm">Password</label>
<div class="col-9">
<input class="form-control" type="text" [(ngModel)]="user.password">
<input class="form-control form-control-sm" type="text" [(ngModel)]="user.password">
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Role</label>
<label class="col-3 col-form-label col-form-label-sm">Role</label>
<div class="col-9">
<app-single-enum-input [(model)]="user.role"></app-single-enum-input>
</div>
</div>
<div class="form-group row">
<label class="col-3 col-form-label">Favorites</label>
<label class="col-3 col-form-label col-form-label-sm">Favorites</label>
<div class="col-9">
<app-multi-model-input [modelList]="user.favorites"
[modelDefinition]="poiModelDefinition"></app-multi-model-input>
......
......@@ -9,10 +9,10 @@
<div class="modal-footer">
<button *ngIf="commonAddEditService.isEditMode() && !inlineConfirmationDialogVisible"
class="btn btn-outline-danger mr-auto" (click)="deleteButtonClicked()">
class="btn btn-outline-danger btn-sm mr-auto" (click)="deleteButtonClicked()">
<span class="fa fa-trash mr-2"></span>
Delete
</button>
<button type="button" class="btn btn-outline-dark" (click)="cancelButtonClicked()">Cancel</button>
<button (click)="saveButtonClicked()" type="submit" class="btn btn-success">Save</button>
<button type="button" class="btn btn-outline-dark btn-sm" (click)="cancelButtonClicked()">Cancel</button>
<button (click)="saveButtonClicked()" type="submit" class="btn btn-success btn-sm">Save</button>
</div>
<div class="btn-group btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-primary {{!active ? 'active' : ''}}">
<label class="btn btn-outline-primary btn-sm {{!active ? 'active' : ''}}">
<input type="radio" autocomplete="off" (click)="deactivate()">
{{falseLabel}}
</label>
<label class="btn btn-outline-primary {{active ? 'active' : ''}}">