use css selector for badges
This commit is contained in:
@@ -48,7 +48,7 @@ sub formatDuration($$$;$) {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return sprintf( qq{<div class="%s" title="%s">%s</div>}, $class, $title, $value );
|
return sprintf( qq{<div class="badge-%s" title="%s">%s</div>}, $class, $title, $value );
|
||||||
}
|
}
|
||||||
|
|
||||||
sub formatChannels($) {
|
sub formatChannels($) {
|
||||||
@@ -56,7 +56,7 @@ sub formatChannels($) {
|
|||||||
return '' unless $channels;
|
return '' unless $channels;
|
||||||
my $class = "ok";
|
my $class = "ok";
|
||||||
$class = "error" if $channels != 2;
|
$class = "error" if $channels != 2;
|
||||||
return sprintf( qq{<div class="%s">%d ch.</div>}, $class, $channels );
|
return sprintf( qq{<div class="badge-%s">%d ch.</div>}, $class, $channels );
|
||||||
}
|
}
|
||||||
|
|
||||||
sub formatSamplingRate($) {
|
sub formatSamplingRate($) {
|
||||||
@@ -64,7 +64,7 @@ sub formatSamplingRate($) {
|
|||||||
return '' unless $samplingRate;
|
return '' unless $samplingRate;
|
||||||
my $class = "ok";
|
my $class = "ok";
|
||||||
$class = "error" if $samplingRate != 44100;
|
$class = "error" if $samplingRate != 44100;
|
||||||
return sprintf( qq{<div class="%s">%s Hz</div>}, $class, $samplingRate );
|
return sprintf( qq{<div class="badge-%s">%s Hz</div>}, $class, $samplingRate );
|
||||||
}
|
}
|
||||||
|
|
||||||
sub formatBitrate($) {
|
sub formatBitrate($) {
|
||||||
@@ -73,7 +73,7 @@ sub formatBitrate($) {
|
|||||||
my $class = 'ok';
|
my $class = 'ok';
|
||||||
$class = 'warn' if $bitrate >= 200;
|
$class = 'warn' if $bitrate >= 200;
|
||||||
$class = 'error' if $bitrate < 192;
|
$class = 'error' if $bitrate < 192;
|
||||||
return sprintf( qq{<div class="%s">%s kBit/s</div>}, $class, $bitrate );
|
return sprintf( qq{<div class="badge-%s">%s kBit/s</div>}, $class, $bitrate );
|
||||||
}
|
}
|
||||||
|
|
||||||
sub formatBitrateMode($) {
|
sub formatBitrateMode($) {
|
||||||
@@ -81,7 +81,7 @@ sub formatBitrateMode($) {
|
|||||||
return '' unless $mode;
|
return '' unless $mode;
|
||||||
my $class = 'ok';
|
my $class = 'ok';
|
||||||
$class = 'error' if $mode ne 'CBR';
|
$class = 'error' if $mode ne 'CBR';
|
||||||
return sprintf( qq{<div class="%s">%s</div>}, $class, $mode );
|
return sprintf( qq{<div class="badge-%s">%s</div>}, $class, $mode );
|
||||||
}
|
}
|
||||||
|
|
||||||
sub formatLoudness {
|
sub formatLoudness {
|
||||||
@@ -97,7 +97,7 @@ sub formatLoudness {
|
|||||||
$class = 'warn' if $value < -24.0;
|
$class = 'warn' if $value < -24.0;
|
||||||
$class = 'error' if $value < -27.0;
|
$class = 'error' if $value < -27.0;
|
||||||
|
|
||||||
return qq{<div class="$class">$prefix$value dB</div>};
|
return qq{<div class="badge-$class">$prefix$value dB</div>};
|
||||||
}
|
}
|
||||||
|
|
||||||
# do not delete this line
|
# do not delete this line
|
||||||
|
|||||||
@@ -323,6 +323,30 @@ div.error{
|
|||||||
background:#d00;
|
background:#d00;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* badges */
|
||||||
|
div.badge-ok,
|
||||||
|
div.badge-warn,
|
||||||
|
div.badge-error{
|
||||||
|
border-radius:4px;
|
||||||
|
display:inline;
|
||||||
|
margin:3px;
|
||||||
|
padding:3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.badge-ok{
|
||||||
|
color:white;
|
||||||
|
background:#0c0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.badge-warn{
|
||||||
|
background:#ff0;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.badge-error{
|
||||||
|
color:white;
|
||||||
|
background:#d00;
|
||||||
|
}
|
||||||
|
|
||||||
#content button,
|
#content button,
|
||||||
#content select,
|
#content select,
|
||||||
#content input{
|
#content input{
|
||||||
|
|||||||
Reference in New Issue
Block a user