Add mardown link (thumb + link to full)

This commit is contained in:
Knah Tsaeb 2020-10-12 15:16:05 +02:00
parent db9b1e0b06
commit ded0ccf041
1 changed files with 14 additions and 5 deletions

View File

@ -118,9 +118,12 @@
padding: .3em; padding: .3em;
} }
#modal01 span {
text-align: left;
}
.modal-content { .modal-content {
position: relative; position: relative;
height: 100%;
} }
#modal-content-img, #modal-content-img,
@ -131,13 +134,13 @@
#modal-content-img img, #modal-content-img img,
#video01 video { #video01 video {
max-width: 98%; max-width: 98%;
max-height: 85vh; max-height: 72vh;
padding: 4px; padding: 4px;
} }
#comment01 { #comment01 {
position: relative; position: relative;
margin: 0 auto; margin: 0 auto 12px;
padding: 4px; padding: 4px;
box-shadow: 0px 5px rgba(89, 0, 46, 0.5); box-shadow: 0px 5px rgba(89, 0, 46, 0.5);
text-align: left; text-align: left;
@ -200,8 +203,13 @@
<div id="video01"></div> <div id="video01"></div>
<div class="w3-theme-d3 w3-shadow"> <div class="w3-theme-d3 w3-shadow">
<p id="comment01"></p> <p id="comment01"></p>
<p id="thumburl"></p> <p>
<p id="fullurl"></p> <ul style="text-align: left;">
<li id="thumburl"></li>
<li id="fullurl"></li>
<li id="markdown"></li>
</ul>
</p>
</div> </div>
</div> </div>
</div> </div>
@ -230,6 +238,7 @@
document.getElementById("comment01").innerHTML = element.dataset.desc; document.getElementById("comment01").innerHTML = element.dataset.desc;
document.getElementById("thumburl").innerHTML = "Thumbnail : " + element.firstElementChild.currentSrc; document.getElementById("thumburl").innerHTML = "Thumbnail : " + element.firstElementChild.currentSrc;
document.getElementById("fullurl").innerHTML = "Full : " + element.href; document.getElementById("fullurl").innerHTML = "Full : " + element.href;
document.getElementById("markdown").innerHTML = "Markdown : [![](" + element.href + "](" + element.href + ")";
if (typeof element.dataset.video !== 'undefined') { if (typeof element.dataset.video !== 'undefined') {
document.getElementById("img01").style.display = "none"; document.getElementById("img01").style.display = "none";