Added content to the tabs
This commit is contained in:
parent
0be04d2c6f
commit
9fa8f51b03
|
@ -31,13 +31,13 @@
|
||||||
<br/><br/>
|
<br/><br/>
|
||||||
<div class="tabs is-boxed">
|
<div class="tabs is-boxed">
|
||||||
<ul>
|
<ul>
|
||||||
<li class="is-active">
|
<li class="is-active" data-for-id="wifi-tab">
|
||||||
<a>
|
<a>
|
||||||
<span class="icon is-small"><i class="fa fa-wifi"></i></span>
|
<span class="icon is-small"><i class="fa fa-wifi"></i></span>
|
||||||
<span>Flashen per Wifi</span>
|
<span>Flashen per Wifi</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li data-for-id="manual-tab">
|
||||||
<a>
|
<a>
|
||||||
<span class="icon is-small"><i class="fa fa-usb"></i></span>
|
<span class="icon is-small"><i class="fa fa-usb"></i></span>
|
||||||
<span>Manuell flashen</span>
|
<span>Manuell flashen</span>
|
||||||
|
@ -45,8 +45,19 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="tab-body">
|
<div id="wifi-tab" class="tab-body">
|
||||||
Hier könnte eine Anleitung stehen.
|
<ol>
|
||||||
|
<li>Versetze das Badge in Bootloadermodus</li>
|
||||||
|
<li>
|
||||||
|
Wähle die Rom-ID:
|
||||||
|
<h3 class="title is-3">{{rom.id}}</h3>
|
||||||
|
</li>
|
||||||
|
<li>Wähle den Ziel-Slot</li>
|
||||||
|
<li>Warte auf den Neustart</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
<div id="manual-tab" class="tab-body">
|
||||||
|
Manuell: Hier könnte eine Anleitung stehen.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -58,4 +69,19 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function() {
|
||||||
|
$("#manual-tab").hide();
|
||||||
|
|
||||||
|
$(".tabs li").click(function() {
|
||||||
|
$(".tabs .is-active").removeClass("is-active");
|
||||||
|
$(this).addClass("is-active");
|
||||||
|
|
||||||
|
$(".tab-body").hide();
|
||||||
|
active_tab = $(this).attr("data-for-id");
|
||||||
|
$("#" + active_tab).show();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
|
@ -4288,6 +4288,9 @@ label.panel-block {
|
||||||
.tab-body {
|
.tab-body {
|
||||||
padding-left: 1vw;
|
padding-left: 1vw;
|
||||||
}
|
}
|
||||||
|
.tab-body li {
|
||||||
|
margin-left: 1.5vw;
|
||||||
|
}
|
||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue