122 lines
4.4 KiB
HTML
122 lines
4.4 KiB
HTML
{% extends "layouts/base.html" %}
|
|
|
|
{% block title %} Blank Page {% endblock title %}
|
|
|
|
<!-- Specific CSS goes HERE -->
|
|
{% block stylesheets %}{% endblock stylesheets %}
|
|
|
|
{% block content %}
|
|
|
|
<!-- ### $App Screen Content ### -->
|
|
<main class="main-content bg-body-tertiary">
|
|
<div id="mainContent">
|
|
|
|
<div class="row gap-20 masonry pos-r">
|
|
<div class="masonry-sizer col-md-6"></div>
|
|
|
|
<div class="masonry-item col-12">
|
|
<h3 class="lh-1 pX-5 pY-20">Subscriptions</h3>
|
|
</div>
|
|
|
|
|
|
<div class="masonry-item col-12">
|
|
<div class="row gap-20">
|
|
|
|
<!-- Total Subscriptions -->
|
|
<div class="col-md-3">
|
|
<div class="layers bd bg-body p-20">
|
|
<div class="layer w-100 mB-10">
|
|
<h6 class="lh-1">Total Subscriptions</h6>
|
|
</div>
|
|
<div class="layer w-100">
|
|
<div class="peers ai-sb fxw-nw">
|
|
<div class="peer peer-greed">
|
|
<span id="sparklinedash"></span>
|
|
</div>
|
|
<div class="peer">
|
|
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-green-50 c-green-500">15</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Subscription Activity (24hrs) -->
|
|
<div class="col-md-3">
|
|
<div class="layers bd bg-body p-20">
|
|
<div class="layer w-100 mB-10">
|
|
<h6 class="lh-1">Subscription Activity (24hrs)</h6>
|
|
</div>
|
|
<div class="layer w-100">
|
|
<div class="peers ai-sb fxw-nw">
|
|
<div class="peer peer-greed">
|
|
<span id="sparklinedash2"></span>
|
|
</div>
|
|
<div class="peer">
|
|
<span class="d-ib lh-0 va-m fw-600 bdrs-10em pX-15 pY-15 bgc-deep-purple-50 c-deep-purple-500">47</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="masonry-item col-12">
|
|
<hr>
|
|
</div>
|
|
|
|
<div class="masonry-item col-12">
|
|
<div id="subscriptionContainer" class="row gap-20">
|
|
|
|
<!-- Subscriptions Here! -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
{% endblock content %}
|
|
|
|
<!-- Specific Page JS goes HERE -->
|
|
{% block javascripts %}
|
|
<script id="subItemTemplate" type="text/template">
|
|
<div class="col-md-3">
|
|
<div class="layers bd bg-body p-20">
|
|
<div class="layer w-100 mB-10">
|
|
<h5 class="lh-1 sub-name"></h5>
|
|
</div>
|
|
<div class="layer w-100 mB-10">
|
|
<h6 class="lh-1">UUID</h6>
|
|
<span class=sub-uuid></span>
|
|
</div>
|
|
<div class="layer w-100 mB-5">
|
|
<h6 class="lh-1">RSS URL</h6>
|
|
<a class="sub-rss"></a>
|
|
</div>
|
|
<div class="layer d-flex flex-wrap w-100">
|
|
<div class="me-auto">
|
|
<button class="btn btn-sm btn-primary mR-5 mT-10">Link to Channel</button>
|
|
</div>
|
|
<div>
|
|
<button class="btn btn-sm btn-secondary mT-10">Edit</button>
|
|
<button class="btn btn-sm btn-danger mL-5 mT-10">Delete</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
<script type="text/javascript">
|
|
function createSubscriptionItem(data) {
|
|
var template = $($("#subItemTemplate").html());
|
|
template.find(".sub-name").text(data.name);
|
|
template.find(".sub-uuid").text(data.uuid);
|
|
template.find(".sub-rss").text(data.rss_url);
|
|
return template
|
|
}
|
|
</script>
|
|
{% endblock javascripts %}
|