itdominator
/
WebFM
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added to program button on vids.

This commit is contained in:
Maxim Stewart 2019-06-01 01:29:15 -05:00
parent cb32ab5dd8
commit 8c5a6cc8b5
4 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -71,7 +71,8 @@
</div> </div>
</template> </template>
<template id="vidTemplate"> <template id="vidTemplate">
<span id="movieID" class="movieStyle" tabindex="1"> <span id="movieID" class="movieStyle" tabindex="1" style="background-image: url('')">
<div class="popOutBttnInner" title="Open In Local Program">&#8765;</div>
<input id="titleID" class="movieTitle" type="text" value="" readonly="true" /> <input id="titleID" class="movieTitle" type="text" value="" readonly="true" />
</span> </span>
</template> </template>

22
resources/css/main.css
View File

@ -175,8 +175,8 @@
width: 100%; width: 100%;
bottom: 0.64em; bottom: 0.64em;
left: 0em; left: 0em;
background-color: rgba(0, 0, 0, 0.64); background-color: rgba(0, 0, 0, 0.64);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
text-align: center; text-align: center;
border-top: 1px solid rgb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255);
border-bottom: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255);
@ -246,6 +246,19 @@
border-color: rgb(255,255,255); border-color: rgb(255,255,255);
} }
.popOutBttnInner {
float: right;
z-index: 2;
width: 2em;
height: 2em;
text-align: center;
background-color: rgba(0,0,0, 0.85);
color: rgb(255,255,255);
border-style:solid;
border-color: rgb(255,255,255);
}
.completionBar { .completionBar {
float:left; float:left;
clear:left; clear:left;
@ -257,11 +270,14 @@
.dirTitle:hover, .dirTitle:hover,
.iconImg:hover, .iconImg:hover,
.closeBttn:hover, .closeBttn:hover,
.popOutBttnInner:hover,
.popOutBttn:hover { .popOutBttn:hover {
cursor: pointer; cursor: pointer;
} }
.closeBttn:hover, .popOutBttn:hover { .popOutBttnInner:hover,
.popOutBttn:hover,
.closeBttn:hover {
background-color: rgba(255,255,255, 0.85); background-color: rgba(255,255,255, 0.85);
color: #000000; color: #000000;
border-color: #000000; border-color: #000000;

4
resources/js/uiActions.js
View File

@ -11,7 +11,7 @@ const tgglElmView = (id) => {
const searchPage = (elm) => { const searchPage = (elm) => {
let query = elm.value.toLowerCase(); let query = elm.value.toLowerCase();
let list = document.getElementById("dynDiv").childNodes; let list = document.getElementById("dynDiv").querySelectorAll("[title]");
let size = list.length; let size = list.length;
for (var i = 0; i < size; i++) { for (var i = 0; i < size; i++) {
@ -24,7 +24,7 @@ const searchPage = (elm) => {
} }
const clearSearch = () => { const clearSearch = () => {
let list = document.getElementById("dynDiv").childNodes; let list = document.getElementById("dynDiv").querySelectorAll("[title]");
let size = list.length; let size = list.length;
for (var i = 0; i < size; i++) { for (var i = 0; i < size; i++) {

5
resources/js/xmlParser.js
View File

@ -149,6 +149,11 @@ const createElmBlock = (elm, imgSrc, fileName, isVideo = null) => {
if (isVideo) { if (isVideo) {
contnrTag.style = "background-image: url('" + imgSrc + "')"; contnrTag.style = "background-image: url('" + imgSrc + "')";
inputTag.className = "videoInputField"; inputTag.className = "videoInputField";
let path = document.getElementById("path").innerHTML;
let fullMedia = path + fileName;
elm.querySelector("div").addEventListener("click", function (eve) {
openInLocalProg(fullMedia);
});
} else { } else {
imgTag = elm.querySelector("img"); imgTag = elm.querySelector("img");
imgTag.src = imgSrc; imgTag.src = imgSrc;