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: 200px;"><h1>Samael</h1><h6>some<br>email</h6></div>
<div class="nomargin nopadding sidebyside" style="width: 200px;"> <form action="." class="pageform" method="get">
<div class="sidebyside">
<button onclick="pageUpOrDown(this);"><</button>
<span>Page {{ .Page }} of {{ .TotalPages }}</span>
<button onclick="pageUpOrDown(this);">></button>
</div>
<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>
<div class="nomargin nopadding" style="width: calc(100% - 400px);">
<center><input autocomplete="off" style="width: 100%; max-width: 800px;" id="q" name="q" type="text" onchange="SearchInbox()" placeholder="Search Mail"></center>
</div>
<div class="nomargin nopadding sidebyside rightdiv" style="width: 200px;">
<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 }}