Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

show available categories

Browse Source
This commit is contained in:
Jonas Heinrich 2019-01-25 13:56:02 +01:00
parent 5f99de0571
commit 9284be874b
3 changed files with 65 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/main.css
View File

@ -500,3 +500,13 @@ table td {
#preload-02 { background: url('../img/sound_silent.png') no-repeat -9999px -9999px; } #preload-02 { background: url('../img/sound_silent.png') no-repeat -9999px -9999px; }
#preload-03 { background: url('../img/pause.png') no-repeat -9999px -9999px; } #preload-03 { background: url('../img/pause.png') no-repeat -9999px -9999px; }
#preload-04 { background: url('../img/wheel.png') no-repeat -9999px -9999px; } #preload-04 { background: url('../img/wheel.png') no-repeat -9999px -9999px; }
.icon-stationfav-disabled {
width: 16px;
height: 16px;
line-height: 100%;
display: inline-block;
vertical-align: middle;
background-size: 16px 16px;
opacity: 0;
}

55
js/main.js
View File

@ -275,19 +275,66 @@ var MODULE = (function (radio) {
$('tbody').append('<tr>\ $('tbody').append('<tr>\
<td class="favcolumn">\ <td class="favcolumn">\
<a href="#" class="favorite">\ <a href="#" class="favorite">\
<span class="icon-stationfav"></span>\ <span class="icon-stationfav-disabled"></span>\
<span class="hidden-visually">Favorite</span>\ <span class="hidden-visually">Favorite</span>\
</a>\ </a>\
</td>\ </td>\
<td class="filename">\ <td class="filename">\
<label for="select-files-3">\ <label for="select-files-3">\
<div class="thumbnail" style="background-image:url(); background-size: 32px;"></div>\ <div class="thumbnail icon-filetype-folder" background-size: 32px;"></div>\
</label>\ </label>\
<a class="name" href="#">\ <a class="name" href="#">\
<span class="nametext"><span class="innernametext">Languages</span></span>\ <span class="nametext"><span class="innernametext">Countries</span></span>\
</a>\ </a>\
</td>\ </td>\
</tr>'); </tr>\
<tr>\
<td class="favcolumn">\
<a href="#" class="favorite">\
<span class="icon-stationfav-disabled"></span>\
<span class="hidden-visually">Favorite</span>\
</a>\
</td>\
<td class="filename">\
<label for="select-files-3">\
<div class="thumbnail icon-filetype-folder"); background-size: 32px;"></div>\
</label>\
<a class="name" href="#">\
<span class="nametext"><span class="innernametext">States</span></span>\
</a>\
</td>\
</tr>\
<tr>\
<td class="favcolumn">\
<a href="#" class="favorite">\
<span class="icon-stationfav-disabled"></span>\
<span class="hidden-visually">Favorite</span>\
</a>\
</td>\
<td class="filename">\
<label for="select-files-3">\
<div class="thumbnail icon-filetype-folder"); background-size: 32px;"></div>\
</label>\
<a class="name" href="#">\
<span class="nametext"><span class="innernametext">Languages</span></span>\
</a>\
</td>\
</tr>\
<td class="favcolumn">\
<a href="#" class="favorite">\
<span class="icon-stationfav-disabled"></span>\
<span class="hidden-visually">Favorite</span>\
</a>\
</td>\
<td class="filename">\
<label for="select-files-3">\
<div class="thumbnail icon-filetype-folder"); background-size: 32px;"></div>\
</label>\
<a class="name" href="#">\
<span class="nametext"><span class="innernametext">Tags</span></span>\
</a>\
</td>\
</tr>');
}; };
return radio; return radio;

5
js/navigation.js
View File

@ -78,7 +78,7 @@ var MODULE = (function (radio) {
$('li.nav-favorites').addClass('active'); $('li.nav-favorites').addClass('active');
radio.action_load_favorites(); radio.action_load_favorites();
break; break;
case 2: case 3:
history.pushState("", "", "#categories"); history.pushState("", "", "#categories");
$('li.nav-categories').addClass('active'); $('li.nav-categories').addClass('active');
radio.action_load_categories(); radio.action_load_categories();
@ -100,6 +100,9 @@ var MODULE = (function (radio) {
case "favorites": case "favorites":
radio.switch_menu(2); radio.switch_menu(2);
break; break;
case "categories":
radio.switch_menu(3);
break;
default: default:
radio.switch_menu(0); radio.switch_menu(0);
break; break;