tilman/radioanton
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
Tilman
2023-06-30 13:35:01 +02:00
parent 633eee2c2d
commit ee24a71e14
1 changed files with 22 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.twig
+22 -60
View File
@@ -91,63 +91,7 @@
<!-- Podcast --> <!-- Podcast -->
<div class="container col-xxl-8 px-4 py-5 my-5" id="podcast"> <div class="container col-xxl-8 px-4 py-5 my-5" id="podcast">
<h1 class="text-center mt-5">Als Podcast</h1> <h1 class="text-center mt-5">Als Podcast</h1>
<div class="row"> <div class="row" id="podcast-list">
<div class="col-sm-6">
<div class="card text-center" style="width: 18rem">
<div class="card-body">
<h5 class="card-title">Thema</h5>
<p class="card-text">Beschreibung vom tollen Podcast</p>
<a href="#" class="btn btn-primary">Download</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card text-center" style="width: 18rem">
<div class="card-body">
<h5 class="card-title">Thema</h5>
<p class="card-text">Beschreibung vom tollen Podcast</p>
<a href="#" class="btn btn-primary">Download</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card text-center" style="width: 18rem">
<div class="card-body">
<h5 class="card-title">Thema</h5>
<p class="card-text">Beschreibung vom tollen Podcast</p>
<a href="#" class="btn btn-primary">Download</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="card text-center" style="width: 18rem">
<div class="card-body">
<h5 class="card-title">Thema</h5>
<p class="card-text">Beschreibung vom tollen Podcast</p>
<a href="#" class="btn btn-primary">Download</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card text-center" style="width: 18rem">
<div class="card-body">
<h5 class="card-title">Thema</h5>
<p class="card-text">Beschreibung vom tollen Podcast</p>
<a href="#" class="btn btn-primary">Download</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="card text-center" style="width: 18rem">
<div class="card-body">
<h5 class="card-title">Thema</h5>
<p class="card-text">Beschreibung vom tollen Podcast</p>
<a href="#" class="btn btn-primary">Download</a>
</div>
</div>
</div>
</div> </div>
</div> </div>
@@ -250,18 +194,36 @@
return; return;
} }
/*<!--
<div class="col-sm-12 col-lg-6 col-xl-4 my-2">
<div class="card">
<div class="card-body">
<h5 class="card-title">Thema</h5>
<p class="card-text">Beschreibung vom tollen Podcast</p>
<div class="text-center">
<a href="#" class="btn btn-primary">Download</a>
</div>
</div>
</div>
</div>
-->*/
response.text().then(function(data) { response.text().then(function(data) {
//console.log(data); //console.log(data);
const podcastDiv = document.getElementById("podcast"); const podcastDiv = document.getElementById("podcast-list");
var lines = data.split('\n'); var lines = data.split('\n');
for(var i = 0;i < lines.length;i++){ for(var i = 0;i < lines.length;i++){
var podcastInfo = lines[i].split(';'); var podcastInfo = lines[i].split(';');
const podcastTitle = document.createTextNode(podcastInfo[0]); const podcastTitle = document.createTextNode(podcastInfo[0]);
const node = document.createElement("p"); const node = document.createElement('div');
node.appendChild(podcastTitle); node.classList.add('col-sm-12', 'col-lg-6', 'col-xl-4', 'my-2');
node.innerHtml = '<div class="card"><div class="card-body"><h5 class="card-title">Thema</h5><p class="card-text">Beschreibung vom tollen Podcast</p><div class="text-center"><a href="#" class="btn btn-primary">Download</a></div></div></div>';
//node.appendChild(podcastTitle);
podcastDiv.appendChild(node); podcastDiv.appendChild(node);
} }