maxenceg2m/iTunes
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Use Signal icons for Bit Rate

Browse Source
This commit is contained in:
Maxence G. de Montauzan
2017-10-18 00:50:58 +02:00
parent 8b59396e2c
commit fcceb69aa4
3 changed files with 60 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
dashboard/src/app/artist/artist.component.css
View File

File diff suppressed because one or more lines are too long

31
dashboard/src/app/artist/artist.component.html
View File

@@ -1,33 +1,6 @@
<div class="container"> <div class="container">
<h1>{{artistName}}</h1> <h1>{{artistName}}</h1>
<img src="./assets/icons_signal/rounded-little/0.svg" height="64" alt="Nice green circle"/>
<br />
<object type="image/svg+xml" data="./assets/icons_signal/rounded-little/0.svg"
width="64" height="64" border="1"></object>
<br />
<iframe src="./assets/icons_signal/rounded-little/0.svg"
width="64" height="64" style="border:1;"></iframe>
<br />
<iframe src="./assets/icons_signal/rounded-little/0.svg" style="float:left;margin-right:1cm;"
width="64" height="64" style="border:1;"></iframe>
<br />
<svg id="test" height="64" width="64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
<image x="0" y="0" height="60" width="60" xlink:href="./assets/icons_signal/rounded-little/0.svg" />
</svg>
<br />
css
<div class="headline1"></div>
<div class="headline2"></div>
<div class="headline3">test</div>
<div class="alert alert-warning"> <div class="alert alert-warning">
<h3>Debug Zone</h3> <h3>Debug Zone</h3>
Returned song: {{songs.length}}<br /> Returned song: {{songs.length}}<br />
@@ -137,7 +110,9 @@
<td>{{song['Album Artist'] ? song['Album Artist'] : "-" }}</td> <td>{{song['Album Artist'] ? song['Album Artist'] : "-" }}</td>
<td>{{song['Play Count']}}</td> <td>{{song['Play Count']}}</td>
<td><a [routerLink]="['/genre', song.Genre]">{{song.Genre}}</a></td> <td><a [routerLink]="['/genre', song.Genre]">{{song.Genre}}</a></td>
<td>{{song['Bit Rate']}}</td> <td [title]="song['Bit Rate']">
<span [class]="'signal-' + Math.round(song['Bit Rate']/64)"></span>
</td>
<td *ngIf="!song['Rating Computed']" [title]="'Rating: ' + song.Rating" class="star"> <td *ngIf="!song['Rating Computed']" [title]="'Rating: ' + song.Rating" class="star">
<span *ngIf="song.Rating >= 20" class="glyphicon glyphicon-star"></span> <span *ngIf="song.Rating >= 20" class="glyphicon glyphicon-star"></span>
<span *ngIf="song.Rating >= 40" class="glyphicon glyphicon-star"></span> <span *ngIf="song.Rating >= 40" class="glyphicon glyphicon-star"></span>

5
dashboard/src/app/artist/artist.component.ts
View File

@@ -15,6 +15,7 @@ import { SortByPipe } from './../sort-by.pipe';
}) })
export class ArtistComponent implements OnInit { export class ArtistComponent implements OnInit {
Math: any;
artistName = ''; artistName = '';
songs: Array<Song> = []; songs: Array<Song> = [];
artist: Artist = new Artist(); artist: Artist = new Artist();
@@ -29,7 +30,9 @@ export class ArtistComponent implements OnInit {
private elsService: ElsService, private elsService: ElsService,
private route: ActivatedRoute, private route: ActivatedRoute,
private location: Location private location: Location
) { } ) {
this.Math = Math;
}
ngOnInit(): void { ngOnInit(): void {
this.route.params.subscribe((params: Params) => this.artistName = params['name']); this.route.params.subscribe((params: Params) => this.artistName = params['name']);