KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-12-08 12:38:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added button for searching in channel

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2019-02-24 22:14:54 +01:00
parent 903532b2fd
commit 991b8f9ef2
3 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
server/public/assets/css/style.css
View File

@@ -372,6 +372,14 @@ li.disabled span {
width: 215px; width: 215px;
} }
.playlist-search-button {
display: flex;
justify-content: center;
align-items: center;
color: white;
cursor: pointer;
}
.extra-button{ .extra-button{
margin: 0 4px !important; margin: 0 4px !important;
padding: 0px !important; padding: 0px !important;
@@ -1152,7 +1160,7 @@ margin:-1px;
position: absolute; position: absolute;
background: #282828; background: #282828;
z-index: 2; z-index: 2;
width: calc(100% - 22px); width: calc(100% - 18px);
padding: 0 15px; padding: 0 15px;
top: 0; top: 0;
color: white; color: white;

11
server/public/assets/js/listeners.js
View File

@@ -678,6 +678,17 @@ function addDynamicListeners() {
document.getElementsByClassName("context-menu-root")[0].setAttribute("data-id", ""); document.getElementsByClassName("context-menu-root")[0].setAttribute("data-id", "");
}); });
addListener("click", ".playlist-search-button", function(e) {
this.preventDefault();
Helper.toggleClass("#find_div", "hide");
document.getElementById("find_input").value = "";
document.getElementById("find_input").blur();
Helper.removeClass(".highlight", "highlight");
found_array = [];
found_array_index = 0;
find_word = "";
});
addListener("click", ".delete-context-menu", function(e) { addListener("click", ".delete-context-menu", function(e) {
var that = e; var that = e;
if(that.classList.contains("context-menu-disabled")) { if(that.classList.contains("context-menu-disabled")) {

5
server/public/partials/channel/tabs.handlebars
View File

@@ -4,6 +4,11 @@
<li class="tab col s3"><a class="playlist-tab-links playlist-link active truncate" href="#wrapper">Playlist</a></li> <li class="tab col s3"><a class="playlist-tab-links playlist-link active truncate" href="#wrapper">Playlist</a></li>
<li class="tab col s3"><a class="playlist-tab-links suggested-link truncate" href="#suggestions">Suggested<span class="new badge white hide suggested-badge"></span></a></li> <li class="tab col s3"><a class="playlist-tab-links suggested-link truncate" href="#suggestions">Suggested<span class="new badge white hide suggested-badge"></span></a></li>
<li class="tab col s3"><a class="playlist-tab-links chat-link truncate" href="#chat-container">Chat<span class="new badge white hide"></span></a></li> <li class="tab col s3"><a class="playlist-tab-links chat-link truncate" href="#chat-container">Chat<span class="new badge white hide"></span></a></li>
<a href="#" class="playlist-search-button">
<li class="">
<i class="material-icons">search</i>
</li>
</a>
</ul> </ul>
{{/unless}} {{/unless}}
<div id="find_div" class="hide"> <div id="find_div" class="hide">