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

86 lines
3.3 KiB
HTML

<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}}
{{if editable}}
<form action="./sendupdate?csrf={{csrf}}" method="post">
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label">Message To Subscribers (optional)</label>
<textarea name="body" class="form-control" id="exampleFormControlTextarea1" rows="5"></textarea>
</div>
<input type="submit" value="Send Update" class="btn btn-success">
</form>
{{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>