70
{{ define "index" }}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Samael</title>
<link rel="stylesheet" href="/style.css">
<script src="/script.js"></script>
</head>
<body>
<div class="container">
<div class="header sidebyside">
<div class="nomargin nopadding sidebyside" style="width: fit-content;">
<h1>Samael</h1><h6>some<br>email</h6>
</div>
<form style="width: fit-content;display: flex;align-content: center;align-items: center;margin: 0 0 0 auto;" action="." method="get" class="sidebyside">
<button onclick="pageUpOrDown(this);"><</button>
<span style="text-wrap: nowrap;">Page {{ .Page }} of {{ .TotalPages }}</span>
<button onclick="pageUpOrDown(this);">></button>
<input type="hidden" id="pageform" name="page" value="{{ .Page }}" />
<input type="hidden" name="to" value="{{ .ToAddr }}" />
<input type="hidden" name="from" value="{{ .FromAddr }}" />
<input type="hidden" name="subject" value="{{ .Subject }}" />
<input type="hidden" name="date" value="{{ .Date }}"/>
</form>
<div style="width: calc(100% - 400px);display: flex;margin: 0 0 0 5%;max-width: 120ch;" class="nopadding">
<input autocomplete="off" style="width: 100%; " id="q" name="q" type="text" onchange="SearchInbox()" placeholder="Search Mail">
</div>
<div style="width: fit-content;margin: 0 0 0 auto;" class="nopadding sidebyside rightdiv">
<button onclick="ToggleSend()">Compose</button>
</div>
</div>
<div class="main sidebyside" style="width: 100%; height: 100%;">
<div id="inboxframe" class="divframe">
{{ range .HtmlMetas }}
<div class="inbox-entry" onClick="OpenMail('{{ .Id }}')">
<div class="sidebyside">
<p class="inbox-from" title="{{ .FromAddr }}">
{{ if .FromName }}
{{ .FromName }}
{{ else }}
{{ .FromAddr }}
{{ end }}
</p>
<p class="inbox-to" title="{{ .ToAddr }}">
{{ if .ToName }}
{{ .ToName }}
{{ else }}
{{ .ToAddr }}
{{ end }}
</p>
<p class="inbox-date">
{{ .Date }}
</p>
</div>
<p class="inbox-subject">
{{ .Subject }}
</p>
</div>
<hr>
{{ end }}
</div>
<iframe referrerpolicy="no-referrer" loading="lazy" sandbox id="contentframe" src="" style="visibility: hidden; width: 0;"></iframe>
</div>
<iframe id="sendframe" src="/send.html"></iframe>
</div>
</body>
</html>
{{ end }}