quoije/le-journal-d-un-podcast
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

a #4

Closed
quoije wants to merge 10 commits from nodejs into html
pull from: nodejs
merge into: :html
Conversation 0 Commits 10 Files Changed 6
+67 -8
4 changed files with 67 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9f36b512a8 - Show all commits
public/assets/css/oof.css
+4
View File
@@ -60,6 +60,10 @@ body {
font-style: normal;
}
#audioplayerdivstop {
margin-bottom: 160px;
}
#ws:link {
text-decoration: none;
color: inherit;
public/assets/img/stop-button-svgrepo-com.svg
+39
View File
@@ -0,0 +1,39 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 10.334 10.334" style="enable-background:new 0 0 10.334 10.334;" xml:space="preserve">
<g>
<path style="fill:#030104;" d="M10.333,9.816c0,0.285-0.231,0.518-0.517,0.518H0.517C0.233,10.334,0,10.102,0,9.816V0.517
C0,0.232,0.231,0,0.517,0h9.299c0.285,0,0.517,0.231,0.517,0.517V9.816z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 750 B

public/assets/js/site.js
+20 -7
View File
@@ -4,7 +4,6 @@ $(document).ready((function(){$("[data-bss-hover-animate]").mouseenter((function
/*! js-cookie v3.0.1 | MIT */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}return function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"})}));
jQuery(function($) {
$("#rss-feeds").rss("https://anchor.fm/s/af11b98/podcast/rss", {
limit: 1000,
@@ -55,6 +54,10 @@ jQuery(function($) {
var audio = document.getElementById('player');
console.log(audio.src);
// check if ep is in cache
checkepcache();
// cookie last playback
if (Cookies.get("lastep-title")) {
console.log("playback function")
@@ -71,8 +74,21 @@ jQuery(function($) {
},false);
});
function checkepcache(){
if (Cookies.get("lastep-src")){
console.log("yahh");
const epstab = document.getElementById("epstab");
epstab.innerHTML = "<img src='assets/img/spek.icon.svg' width='25px'></img>" + " épisodes";
};
}
// player things
function stopplayer(){
document.getElementById("lienep").innerHTML= title;
document.getElementById("sbody").innerHTML= body + "....";
document.getElementById("lienep").href= linkdec;
}
function play(src, title, date, body) {
var audio = document.getElementById('player');
console.log(src);
@@ -87,15 +103,12 @@ jQuery(function($) {
document.getElementById("player").setAttribute('src', linkdec);
document.getElementById("player").load();
document.getElementById("player").play();
Cookies.set("lastep-title", title, { expires: 365 })
Cookies.set("lastep-title", title, { expires: 365 });
Cookies.set("lastep-src", audio.src, { expires: 365 });
Cookies.set("lastep-body", body, { expires: 365 })
Cookies.set("lastep-body", body, { expires: 365 });
checkepcache();
}
function switchTab() {
$('[href="#ep"]').tab('show');
}
public/index.html
+4 -1
View File
@@ -72,7 +72,7 @@
<div class="text-center" style="border-style: none;">
<ul class="nav nav-pills d-inline-flex justify-content-center" role="tablist" style="margin: 9px;border-style: dashed;min-width: 350px; width: 75%;margin-top: 0px;margin-bottom: 14px;">
<li class="nav-item text-center" role="presentation" style="border-style: none;"><a class="nav-link active text-monospace text-uppercase text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#home" style="background: var(--success);color: var(--white);">accueil</a></li>
<li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#ep" style="background: var(--success);color: var(--white);">épisodes</a></li>
<li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a id="epstab" class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#ep" style="background: var(--success);color: var(--white);">épisodes</a></li>
<li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#faq" style="background: var(--success);color: var(--white);">foire aux questions</a></li>
<li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#baz" style="background: var(--success);color: var(--white);">$BAZOU</a></li>
</ul>
@@ -110,11 +110,14 @@
<div id="nomep" style="font-weight: bold;"><a id="lienep" target="_blank">Pas
d'épisode en cours</a></div>
<div id="sbody"></div>
<div id="audioplayerdiv">
<a class="m-auto" id="audioplayerdivstop" href="#" onclick="javascript:stopplayer()"><img src="assets/img/stop-button-svgrepo-com.svg" width="6%"></a>
<audio style="width: 90%;" controls id="player">
<source src="" type="audio/mpeg">
:)
</audio>
</div>
</div>
</div>
</div>
<div id="rss-feeds"></div>