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

added hash url and fix styling issue player area

Browse Source
This commit is contained in:
Jonas Heinrich 2018-08-13 17:01:24 +02:00
parent a3d0fd0a7d
commit 77562b1734
4 changed files with 24 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -1,5 +1,7 @@
## 0.6.2 – 2018-08-11 ## 0.6.2 – 2018-08-11
### Fixed ### Fixed
- Fix styling issue (overflow hidden) player area
[#65](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/65) @onny
- Fix styling issue colum width on Chrome browsers - Fix styling issue colum width on Chrome browsers
[#37](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/37) @onny [#37](https://git.project-insanity.org/onny/nextcloud-app-radio/issues/37) @onny
- Remember last menu state - Remember last menu state

5
css/main.css
View File

@ -467,3 +467,8 @@ table td {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
#app-settings {
overflow: hidden;
margin-bottom: 10px;
}

12
js/main.js
View File

@ -102,15 +102,18 @@ $(function(){
}); });
/* Click on menus */ /* Click on menus */
$('a.nav-icon-files').click(function() { $('a.nav-icon-files').click(function(e) {
e.preventDefault();
switch_menu(0); switch_menu(0);
}); });
$('a.nav-icon-recent').click(function() { $('a.nav-icon-recent').click(function(e) {
e.preventDefault();
switch_menu(1); switch_menu(1);
}); });
$('a.nav-icon-favorites').click(function() { $('a.nav-icon-favorites').click(function(e) {
e.preventDefault();
switch_menu(2); switch_menu(2);
}); });
@ -347,14 +350,17 @@ $(function(){
save_menu_state(state) save_menu_state(state)
switch (state) { switch (state) {
case 0: case 0:
history.pushState("", "", "#top");
$('li.nav-files').addClass('active'); $('li.nav-files').addClass('active');
radio_query(1); radio_query(1);
break; break;
case 1: case 1:
history.pushState("", "", "#recent");
$('li.nav-recent').addClass('active'); $('li.nav-recent').addClass('active');
radio_query(2); radio_query(2);
break; break;
case 2: case 2:
history.pushState("", "", "#favorites");
$('li.nav-favorites').addClass('active'); $('li.nav-favorites').addClass('active');
action_load_favorites(); action_load_favorites();
break; break;

15
templates/main.php
View File

@ -7,32 +7,33 @@
<div id="app-navigation"> <div id="app-navigation">
<ul class="with-icon"> <ul class="with-icon">
<li data-id="files" class="nav-files"> <li data-id="files" class="nav-files">
<a href="#" class="nav-icon-files svg"> <a href="#top" class="nav-icon-files svg">
Top </a> Top </a>
</li> </li>
<li data-id="recent" class="nav-recent"> <li data-id="recent" class="nav-recent">
<a href="#" class="nav-icon-recent svg"> <a href="#recent" class="nav-icon-recent svg">
Recent </a> Recent </a>
</li> </li>
<li data-id="favorites" class="nav-favorites"> <li data-id="favorites" class="nav-favorites">
<a href="#" class="nav-icon-favorites svg"> <a href="#favorites" class="nav-icon-favorites svg">
Favorites </a> Favorites </a>
</li> </li>
<li data-id="sharingin" class="nav-sharingin"> <li data-id="categories" class="nav-categories">
<a href="#" class="nav-icon-sharingin svg"> <a href="#categories" class="nav-icon-sharingin svg">
Categories </a> Categories </a>
</li> </li>
</ul> </ul>
<div id="app-settings"> <div id="app-settings">
<audio id="player" src=""></audio> <audio id="player" src=""></audio>
<button id="playbutton" class="play"></button> <button id="playbutton" class="play"></button>
<div id="volumeslider"></div> <div id="volumeslider">
<!-- <img src="img/sound_full.png"> -->
</div>
<p id="station_metadata"></p> <p id="station_metadata"></p>
</div> </div>
</div> </div>
<div id="app-content"> <div id="app-content">
<div id="app-content-files" class="viewcontainer"> <div id="app-content-files" class="viewcontainer">
<!-- <div class="mask transparent icon-loading"></div> -->
<div class="nofilterresults emptycontent hidden"> <div class="nofilterresults emptycontent hidden">
<div class="icon-search"></div> <div class="icon-search"></div>