openlp/web-remote
1
0
Fork 0
mirror of https://gitlab.com/openlp/web-remote.git synced 2024-12-22 11:32:47 +00:00
Code Issues Projects Releases Wiki Activity

Style some pages

Browse Source
This commit is contained in:
Simon Hanna 2018-08-22 22:15:45 +02:00
parent 61031a8726
commit 0ea24dd23c
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/components/search/search.component.html
View File

@ -1,8 +1,7 @@
<h3>Search</h3> <h3>Search</h3>
<form> <form>
<label>Search for:</label>
<mat-form-field> <mat-form-field>
<mat-select [(ngModel)]="selectedPlugin" name="selectedPlugin"> <mat-select [(ngModel)]="selectedPlugin" name="selectedPlugin" placeholder="Search for:">
<mat-option *ngFor="let plugin of searchPlugins" name="searchPlugins" [value]="plugin.key"> <mat-option *ngFor="let plugin of searchPlugins" name="searchPlugins" [value]="plugin.key">
{{plugin.name}} {{plugin.name}}
</mat-option> </mat-option>
@ -13,11 +12,14 @@
<input matInput [(ngModel)]="searchText" name="searchText" placeholder="Search Text"> <input matInput [(ngModel)]="searchText" name="searchText" placeholder="Search Text">
</mat-form-field> </mat-form-field>
<br> <br>
<button mat-raised-button color="warn" (click)="onSubmit()">Search</button> <button mat-raised-button id="searchButton" color="primary" (click)="onSubmit()">Search</button>
</form> </form>
<div *ngIf="searchResults"> <div *ngIf="searchResults">
<h3>Search Results:</h3> <h3>Search Results:</h3>
<table> <div *ngIf="!searchResults.length">
No Results matching your search were found...
</div>
<table *ngIf="searchResults.length">
<tr *ngFor="let item of searchResults"> <tr *ngFor="let item of searchResults">
<td>{{item[1]}}</td> <td>{{item[1]}}</td>
<td><button mat-button color="primary" (click)="addToService(item[0])">Add</button></td> <td><button mat-button color="primary" (click)="addToService(item[0])">Add</button></td>

7
src/app/components/search/search.component.scss
View File

@ -0,0 +1,7 @@
mat-form-field {
width: 100%;
}
#searchButton {
width: 100%;
}

3
src/app/components/slides/slides.component.scss
View File

@ -0,0 +1,3 @@
.selected {
font-weight: 700;
}