diff options
| author | Austin Riddell <53499821+aus-tin@users.noreply.github.com> | 2020-05-19 10:37:35 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-05-19 18:37:35 +0300 |
| commit | d88e6d0f80211b2ace5595af9931b997eb4c6bc4 (patch) | |
| tree | 12d9a63b404c1af3e6cec9a6c19d91d55473c81f /src/client/Player.hx | |
| parent | 9168f9d5a8a6333e45309fdeabb2f71a368a5fce (diff) | |
Major frontend redesign (#5)
* Major frontend redesign
* Some improvements
Co-authored-by: RblSb <msrblsb@gmail.com>
Diffstat (limited to 'src/client/Player.hx')
| -rw-r--r-- | src/client/Player.hx | 35 |
1 files changed, 15 insertions, 20 deletions
diff --git a/src/client/Player.hx b/src/client/Player.hx index cdbccfd..7572673 100644 --- a/src/client/Player.hx +++ b/src/client/Player.hx @@ -186,24 +186,17 @@ class Player { public function addVideoItem(item:VideoItem, atEnd:Bool):Void { final url = item.url.htmlEscape(true); final itemEl = Utils.nodeFromString( - '<li class="queue_entry pluid-0" title="${Lang.get("addedBy")}: ${item.author}"> - <a class="qe_title" href="$url" target="_blank">${item.title.htmlEscape()}</a> - <span class="qe_time">${duration(item.duration)}</span> - <div class="qe_clear"></div> - <div class="btn-group"> - <button class="btn btn-xs btn-default qbtn-play"> - <span class="glyphicon glyphicon-play"></span>${Lang.get("play")} - </button> - <button class="btn btn-xs btn-default qbtn-next"> - <span class="glyphicon glyphicon-share-alt"></span>${Lang.get("setNext")} - </button> - <button class="btn btn-xs btn-default qbtn-tmp"> - <span class="glyphicon glyphicon-flag"></span> - </button> - <button class="btn btn-xs btn-default qbtn-delete"> - <span class="glyphicon glyphicon-trash"></span>${Lang.get("delete")} - </button> - </div> + '<li class="queue_entry info" title="${Lang.get("addedBy")}: ${item.author}"> + <header> + <span class="qe_time">${duration(item.duration)}</span> + <h4><a class="qe_title" href="$url" target="_blank">${item.title.htmlEscape()}</a></h4> + </header> + <span class="controls"> + <button class="qbtn-play" title="${Lang.get("play")}"><ion-icon name="play"></ion-icon></button> + <button class="qbtn-next" title="${Lang.get("setNext")}"><ion-icon name="arrow-up"></ion-icon></button> + <button class="qbtn-tmp"><ion-icon></ion-icon></button> + <button class="qbtn-delete" title="${Lang.get("delete")}"><ion-icon name="close"></ion-icon></button> + </span> </li>' ); items.addItem(item, atEnd, itemPos); @@ -214,8 +207,10 @@ class Player { } function setItemElementType(item:Element, isTemp:Bool):Void { - final text = isTemp ? Lang.get("makePermanent") : Lang.get("makeTemporary"); - item.querySelector(".qbtn-tmp").innerHTML = '<span class="glyphicon glyphicon-flag"></span>$text'; + final btn = item.querySelector(".qbtn-tmp"); + btn.title = isTemp ? Lang.get("makePermanent") : Lang.get("makeTemporary"); + final iconType = isTemp ? "lock-open" : "lock-closed"; + btn.firstElementChild.setAttribute("name", iconType); if (isTemp) item.classList.add("queue_temp"); else item.classList.remove("queue_temp"); } |