path: root/templates/garage_website_inspect.html

{{define "title"}}Inspecter le site web |{{end}}

{{define "body"}}
<div class="d-flex">
	<!--<h4>Inspecter les sites webs</h4>-->
  <a class="ml-auto btn btn-link" href="/website/configure">Mes identifiants</a>
  <a class="ml-4 btn btn-info" href="/">Menu principal</a>
</div>

<div class="row">
	{{ if .Err }}
	<div class="col-md-12 mt-3">
		<div class="alert alert-danger">{{ .Err.Error }}</div>
	</div>
	{{ end }}

	<div class="col-md-3 mt-3">
                <a class="btn btn-primary btn-block" href="/website/new">
			<svg id="i-plus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="18" height="18" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6">
    				<path d="M16 2 L16 30 M2 16 L30 16" />
			</svg>
			<span class="ml-1">Nouveau site web</span>
		</a>

		<div class="list-group mt-3">
			{{ $view := .View }}
			{{ range $wid := .Describe.Websites }}
			{{ if eq $wid.Internal $view.Name.Internal }}
			<a href="/website/inspect/{{ $wid.Pretty }}" class="list-group-item list-group-item-action active">
				{{ $wid.Url }}
			</a>
			{{ else }}
			<a href="/website/inspect/{{ $wid.Pretty }}" class="list-group-item list-group-item-action">
				{{ $wid.Url }}
			</a>
			{{ end }}
			{{ end }}
		</div>

		<p class="text-center mt-2">
		{{ .Describe.AllowedWebsites.Current }} sites créés sur {{ .Describe.AllowedWebsites.Max }}<br/>
		Jusqu'à {{ .Describe.BurstBucketQuotaSize }} par site web
		</p>
	</div>
	<div class="col-md-9">
		<h2>{{ .View.Name.Url }}</h2>

		<h5 class="mt-3">Quotas</h5>
		<div class="progress mt-3">
			<div class="progress-bar" role="progressbar" aria-valuenow="{{ .View.Size.Current }}" aria-valuemin="0" aria-valuemax="{{ .View.Size.Max }}" style="width: {{ .View.Size.Percent }}%; min-width: 2em;">
				{{ .View.Size.Percent }}%
  			</div>
		</div>

		<p class="text-center">
		{{ .View.Size.PrettyCurrent }} utilisé sur un maximum de {{ .View.Size.PrettyMax }}
		{{ if gt .View.Files.Ratio 0.5 }}
		<br>{{ .View.Files.Current }} fichiers sur un maximum de {{ .View.Files.Max }}
		{{ end }}
		</p>

		<h5 class="mt-3">Informations de connexion</h5>
		<table class="table mt-4">
			<tbody>
				<tr>
					<th scope="row" class="col-md-2">Identifiant de clé</th>
					<td>{{ .View.AccessKeyId }}</td>
				</tr>
				<tr>
					<th scope="row">Clé secrète</th>
					<td>
						<a href="#" onclick="document.getElementById('secret_key').style.display='inline'; this.style.display='none'">Cliquer pour afficher la clé secrète</a>
						<span id="secret_key" style="display: none">{{ .View.SecretAccessKey }}</span>
					</td>
				</tr>
				<tr>
					<th scope="row">Région</th>
					<td>garage</td>
				</tr>
				<tr>
					<th scope="row">Endpoint URL</th>
					<td>https://garage.deuxfleurs.fr</td>
				</tr>
				<tr>
					<th scope="row">Type d'URL</th>
					<td>DNS et chemin (préférer chemin)</td>
				</tr>
				<tr>
					<th scope="row">Signature</th>
					<td>Version 4</td>
				</tr>
			</tbody>
		</table>

		<h5 class="mt-3">Actions</h5>
		<form action="" method="post">
			<div class="btn-group" role="group" aria-label="Actions sur le site web">
  				<button class="btn btn-secondary" name="action" value="increase_quota">Augmenter le quota</button>
  				<button class="btn btn-secondary" name="action" value="rotate_key">Rotation de la clé</button>
				<a class="btn btn-secondary" href="/website/vhost/{{ .View.Name.Pretty }}">Changer le nom de domaine</a>
  				<button class="btn btn-danger" name="action" value="delete_bucket">Supprimer</button>
			</div>
		</form>


		{{ if .View.Name.Expanded }}
		<h5 class="mt-5">Vous ne savez pas comment configurer votre nom de domaine ?</h5>
			<p> Le nom de domaine {{ .View.Name.Url }} n'est pas géré par Deuxfleurs, il vous revient donc de configurer la zone DNS. Vous devez ajouter une entrée <code>CNAME garage.deuxfleurs.fr</code> ou <code>ALIAS garage.deuxfleurs.fr</code> auprès de votre hébergeur DNS, qui est souvent aussi le bureau d'enregistrement (eg. Gandi, GoDaddy, BookMyName, etc.).</p>
		{{ end }}


	</div>
</div>
{{ end }}