feat: better template

This commit is contained in:
u80864958
2025-08-22 12:04:21 +02:00
parent 2e279c9b13
commit 11e7b6445c
4 changed files with 152 additions and 189 deletions

View File

@@ -6,36 +6,18 @@
<title>Rechnung vom 0001-01-01 00:00:00 &#43;0000 UTC</title> <title>Rechnung vom 0001-01-01 00:00:00 &#43;0000 UTC</title>
<style> <style>
/* body { */ body {
/* font-family: sans-serif; */
/* font-size: 14px; */
/* } */
/**/
/* table { */
/* width: 100%; */
/* border-collapse: collapse; */
/* } */
/**/
/* th, */
/* td { */
/* border: 1px solid #ddd; */
/* padding: 8px; */
/* text-align: left; */
/* } */
/**/
/* th { */
/* background-color: #f4f4f4; */
/* font-weight: bold; */
/* } */
/**/
/* tr:nth-child(even) { */
/* background-color: #f9f9f9; */
/* } */
body {
font-family: sans-serif; font-family: sans-serif;
margin: 40px; margin: 40px;
color: #333; color: #333;
} }
section {
margin-bottom: 3em;
}
p {
margin-top: 0.25em;
margin-bottom: 0.5em;
}
header { header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -85,10 +67,11 @@ footer {
.totals { .totals {
float: right; float: right;
width: 300px; width: 300px;
margin-top: 20px; margin-top: -15px;
} }
.totals table { .totals table {
border: none; border: none;
margin: 0;
} }
.totals td { .totals td {
border: none; border: none;
@@ -101,76 +84,75 @@ footer {
<body> <body>
<header> <header>
<div class="company"> <div class="company">
<h2>.CompanyName <h2> <h2>.CompanyName</h2>
<p>.CompanyAddress <p> <p>
<p>.CompanyContact <p> .CompanyAddress <br />
.CompanyContact
</p>
<p></p>
</div> </div>
<div class="invoice-info"> <div class="invoice-info">
<p><strong>Rechnung:</strong> .InvoiceNumber </p> <p>
<p><strong>Datum:</strong> .Date </p> <strong>Rechnung:</strong> .InvoiceNumber <br />
<p><strong>Fällig am:</strong> .DueDate </p> <strong>Datum:</strong> .Date <br />
<strong>Fällig am:</strong> .DueDate
</p>
</div> </div>
</header> </header>
<section class="client"> <section class="client">
<h2>Rechnung an:</h2> <h2>Rechnung an:</h2>
<p> .ClientName </p> <p>
<p> .ClientAddress </p> .ClientName <br />
<p> .ClientContact </p> .ClientAddress <br />
.ClientContact
</p>
</section> </section>
<table>
<thead>
<tr>
<th>FID</th>
<th>Name</th>
<th>Zeitaufwand</th>
<th>Stundensatz</th>
<th>Preis CHF</th>
<th>Fertiggestellt</th>
</tr>
</thead>
<tbody>
<tr>
<td>6</td>
<td>Multilingual</td>
<td>2.50 h</td>
<td>16 CHF/h</td>
<td>40.00 CHF</td>
<td>21.08.2025 18:05</td> <section>
</tr>
<tr>
<td>1</td>
<td>asdf</td>
<td>1.72 h</td>
<td>16 CHF/h</td>
<td>27.47 CHF</td>
<td>01.08.2025 14:04</td>
</tr>
</tbody>
</table>
<div class="totals">
<table> <table>
<tr> <thead>
<td>Gesamtbetrag:</td> <tr>
<td> CHF</td> <th>FID</th>
</tr> <th>Name</th>
<th>Zeitaufwand</th>
<th>Stundensatz</th>
<th>Preis CHF</th>
<th>Fertiggestellt</th>
</tr>
</thead>
<tbody>
<tr>
<td>6</td>
<td>Multilingual</td>
<td>2.50 h</td>
<td>16 CHF/h</td>
<td>40.00 CHF</td>
<td>21.08.2025 18:05</td>
</tr>
</tbody>
</table> </table>
</div>
<section> <div class="totals">
<table>
<tr>
<td>Gesamtbetrag:</td>
<td> CHF</td>
</tr>
</table>
</div>
</section>
<hr />
<section>
<h2>Details zu den Features</h2>
<h2>Details zu den Features</h2>
<article>
<h3>6: Multilingual</h3>
<article> <pre><code class="language-info">duration: 2h 30min
<h3>6: Multilingual</h3>
<pre><code class="language-info">duration: 2h 30min
</code></pre> </code></pre>
<p>The application must support English and German.</p> <p>The application must support English and German.</p>
@@ -182,28 +164,15 @@ footer {
<li><input type="checkbox" checked disabled> Add multiple languages to Events</li> <li><input type="checkbox" checked disabled> Add multiple languages to Events</li>
</ul> </ul>
</article> </article>
<article> </section>
<h3>1: asdf</h3> <footer>
<p>Hello</p> <p>
Bitte überweisen Sie den Gesamtbetrag bis zum Fälligkeitsdatum auf
<pre><code class="language-info">duration: 1h 43min folgendes Konto:
</code></pre> </p>
<p>.BankDetails</p>
<h4 id="adökfjaösldkjflaa">adökfjaösldkjflaa</h4>
<h5 id="asdfads">ASDFADS</h5>
<h6 id="adllglggl">adllglggl</h6>
</article>
</section>
<footer>
<p>Bitte überweisen Sie den Gesamtbetrag bis zum Fälligkeitsdatum auf folgendes Konto:</p>
<p> .BankDetails </p>
<p>Vielen Dank für Ihr Vertrauen!</p> <p>Vielen Dank für Ihr Vertrauen!</p>
</footer> </footer>
</body> </body>

View File

@@ -27,7 +27,7 @@ func main() {
for _, repo := range []Repo{ for _, repo := range []Repo{
{"lou-taylor", "lou-taylor-web"}, {"lou-taylor", "lou-taylor-web"},
{"lou-taylor", "lou-taylor-api"}, {"lou-taylor", "lou-taylor-api"},
{"lou-taylor", "accounting"}, // {"lou-taylor", "accounting"},
} { } {
iss, _, err := client.ListRepoIssues( iss, _, err := client.ListRepoIssues(
repo.owner, repo.owner,

View File

@@ -1,33 +1,15 @@
/* body { */
/* font-family: sans-serif; */
/* font-size: 14px; */
/* } */
/**/
/* table { */
/* width: 100%; */
/* border-collapse: collapse; */
/* } */
/**/
/* th, */
/* td { */
/* border: 1px solid #ddd; */
/* padding: 8px; */
/* text-align: left; */
/* } */
/**/
/* th { */
/* background-color: #f4f4f4; */
/* font-weight: bold; */
/* } */
/**/
/* tr:nth-child(even) { */
/* background-color: #f9f9f9; */
/* } */
body { body {
font-family: sans-serif; font-family: sans-serif;
margin: 40px; margin: 40px;
color: #333; color: #333;
} }
section {
margin-bottom: 3em;
}
p {
margin-top: 0.25em;
margin-bottom: 0.5em;
}
header { header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -77,10 +59,11 @@ footer {
.totals { .totals {
float: right; float: right;
width: 300px; width: 300px;
margin-top: 20px; margin-top: -15px;
} }
.totals table { .totals table {
border: none; border: none;
margin: 0;
} }
.totals td { .totals td {
border: none; border: none;

View File

@@ -12,73 +12,84 @@
<body> <body>
<header> <header>
<div class="company"> <div class="company">
<h2>.CompanyName <h2> <h2>.CompanyName</h2>
<p>.CompanyAddress <p> <p>
<p>.CompanyContact <p> .CompanyAddress <br />
.CompanyContact
</p>
<p></p>
</div> </div>
<div class="invoice-info"> <div class="invoice-info">
<p><strong>Rechnung:</strong> .InvoiceNumber </p> <p>
<p><strong>Datum:</strong> .Date </p> <strong>Rechnung:</strong> .InvoiceNumber <br />
<p><strong>Fällig am:</strong> .DueDate </p> <strong>Datum:</strong> .Date <br />
<strong>Fällig am:</strong> .DueDate
</p>
</div> </div>
</header> </header>
<section class="client"> <section class="client">
<h2>Rechnung an:</h2> <h2>Rechnung an:</h2>
<p> .ClientName </p> <p>
<p> .ClientAddress </p> .ClientName <br />
<p> .ClientContact </p> .ClientAddress <br />
.ClientContact
</p>
</section> </section>
<table>
<thead>
<tr>
<th>FID</th>
<th>Name</th>
<th>Zeitaufwand</th>
<th>Stundensatz</th>
<th>Preis CHF</th>
<th>Fertiggestellt</th>
</tr>
</thead>
<tbody>
{{ range .Issues }}
<tr>
<td>{{ .Index }}</td>
<td>{{ .Title }}</td>
<td>{{ .Duration | duration }}</td>
<td>16 CHF/h</td>
<td>{{ .Duration | price }} CHF</td>
<td>{{ .Closed | time }}</td> <section>
</tr>
{{ end }}
</tbody>
</table>
<div class="totals">
<table> <table>
<tr> <thead>
<td>Gesamtbetrag:</td> <tr>
<td>{{ .Total }} CHF</td> <th>FID</th>
</tr> <th>Name</th>
<th>Zeitaufwand</th>
<th>Stundensatz</th>
<th>Preis CHF</th>
<th>Fertiggestellt</th>
</tr>
</thead>
<tbody>
{{ range .Issues }}
<tr>
<td>{{ .Index }}</td>
<td>{{ .Title }}</td>
<td>{{ .Duration | duration }}</td>
<td>16 CHF/h</td>
<td>{{ .Duration | price }} CHF</td>
<td>{{ .Closed | time }}</td>
</tr>
{{ end }}
</tbody>
</table> </table>
</div>
<section> <div class="totals">
<table>
<tr>
<td>Gesamtbetrag:</td>
<td>{{ .Total }} CHF</td>
</tr>
</table>
</div>
</section>
<hr />
<section>
<h2>Details zu den Features</h2>
<h2>Details zu den Features</h2> {{ range .Issues }}
<article>
{{ range .Issues }} <h3>{{ .Index }}: {{ .Title }}</h3>
<article> {{ .Body | md | oh 3 }}
<h3>{{ .Index }}: {{ .Title }}</h3> </article>
{{ .Body | md | oh 3 }} {{ end }}
</article> </section>
{{ end }} <footer>
<p>
</section> Bitte überweisen Sie den Gesamtbetrag bis zum Fälligkeitsdatum auf
<footer> folgendes Konto:
<p>Bitte überweisen Sie den Gesamtbetrag bis zum Fälligkeitsdatum auf folgendes Konto:</p> </p>
<p> .BankDetails </p> <p>.BankDetails</p>
<p>Vielen Dank für Ihr Vertrauen!</p> <p>Vielen Dank für Ihr Vertrauen!</p>
</footer> </footer>
</body> </body>