tesses-cms/Tesses.CMS/Assets/ShowPage.html

77 lines
2.9 KiB
HTML
Raw Normal View History

2024-01-04 02:53:13 +00:00
<br>
<div class="container">
<ul class="nav nav-underline" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="about-tab" data-bs-toggle="tab" data-bs-target="#about-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">About</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="season-tab" data-bs-toggle="tab" data-bs-target="#season-tab-pane" type="button" role="tab" aria-controls="season-tab-pane" aria-selected="false">Seasons</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="about-tab-pane" role="tabpanel" aria-labelledby="about-tab" tabindex="0">
<br>
<img src="{{showthumbnail}}" alt="{{showproper}}" width="120" height="214">
<h1>{{showproper}}</h1>
<h2>{{userproper}}</h2>
<hr>
{{if editable}}
<a class="btn btn-primary" href="./edit">Edit</a>
{{end}}
{{if extrasexists}}
<a class="btn btn-primary" href="./extras">Extras</a>
{{end}}
{{if torrentexists}}
<a class="btn btn-primary" href="{{torrent}}">Torrent</a>
{{end}}
{{if torrentwextraexists}}
<a class="btn btn-primary" href="{{torrentwextra}}">Torrent With Extras</a>
{{end}}
<br>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Description
</button>
</h2>
<br>
<div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>{{showdescription}}</p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="season-tab-pane" role="tabpanel" aria-labelledby="season-tab" tabindex="0">
<div class="container-fluid">
<!--thanks to https://stackoverflow.com/a/21678797-->
<style>
ul {
text-decoration: none;
}
li {
display: inline-block;
vertical-align: top;
}
</style>
<br>
<ul>
{{for season in seasons}}
<li>
<img src="{{season.thumbnail}}" width="120" height="214"><br><a href="./season/{{season.number}}/">{{season.proper}}</a>
</li>
{{ end }}
</ul>
</div>
</div>
</div>
</div>