bootstrap 4: port index.html

[pbs.git] / src / templates / index.html

{% extends "base.html" %}

{% block title %}{{ _("Welcome to the Pakfire Build Service") }}{% end block %}

{% block body %}
	{% if current_user %}
		<div class="row">
			<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
				<h2 class="text-center" >{{ _("Welcome, %s!") % current_user.firstname }}</h2>
			</div>
		</div>


	{% else %}
		<div class="row" style="background-color: white">
			<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
				<br>
				<h1 class="text-center" >
					{{ _("Pakfire Build Service") }}
				</h1>

				<hr>
				<br>

				<h2 class="text-center">
					<small>{{ _("Development powered by community!") }}</small>
				</h2>
			</div>
		</div>

		<hr>
	{% end %}

	{% if updates %}
		<div class="row">
			<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
				<ul class="nav nav-tabs" role="tablist">
					{% for type, updts, active in updates %}
						<li class="nav-item">
							<a
								{% if active %}
									class="nav-link active"
								{% else %}
									class="nav-link"
								{% end %}
								href="#updates_{{ type }}" data-toggle="tab"
								role="tab">
									{% if type == "stable" %}
										{{ _("Latest stable updates") }}
									{% elif type == "unstable" %}
										{{ _("Unstable updates") }}
									{% elif type == "testing" %}
										{{ _("Testing updates") }}
									{% end %}
							</a>
						</li>
					{% end %}
				</ul>
				<div class="tab-content">
					{% for type, updts, active in updates %}
						<div class="tab-pane {% if active %}active{% end %}" id="updates_{{ type }}">
							{% module UpdatesTable(updts) %}
						</div>
					{% end %}
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
				<p class="float-right">
					<a href="/updates">{{ _("View more updates...") }}</a>
				</p>
				<br>
			</div>
		</div>
	{% end %}

	{% if jobs %}
		<hr>

		<h4>{{ _("Build jobs") }}</h4>
		{% module JobsList(jobs) %}
	{% end %}

	<ul class="nav nav-pills">
		<li>
			<a href="/queue">
				{{ _("Job Queue") }}

				<!-- should be a badge -->
				({{ len(backend.jobqueue) }})
			</a>
		</li>
	</ul>
{% end %}