Skip to content
Snippets Groups Projects
Commit 3aaa44db authored by clairezed's avatar clairezed
Browse files

Add basic display of clients list

parent 2cda9baa
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
css/main.css 0 → 100644
+ 43
− 0
View file @ 3aaa44db
html {
font-family: Open Sans, sans-serif;
}
main {
max-width: 800px;
margin: 0 auto;
}
.invoices_list header {
display: flex;
justify-content: space-between;
}
.invoices_list header sib-router{
display: flex;
flex-direction: column;
justify-content: center;
}
.invoices_list header [name="add-invoice"]{
border-radius: 100em;
padding: 0.5em 1em;
background-color: #ffb700;
color: #fff;
cursor: pointer;
}
div > sib-display {
display: block;
margin: 0.5em 0;
padding: 0.3em 0.5em;
background: #ccc;
}
sib-display [name="invoice-header"], sib-display [name="invoice-footer"]{
display: flex;
justify-content: space-between;
}
sib-display [name="invoice-header"] {
font-weight: bold;
}
\ No newline at end of file
index.html
+ 22
− 1
View file @ 3aaa44db
......@@ -6,13 +6,34 @@
<title>SIB invoicing</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!-- Style -->
<link rel="stylesheet" href="css/main.css">
<!-- Scripts-->
<!-- <script src="/lib/webcomponentsjs/webcomponents-loader.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.2.0/webcomponents-loader.js"></script>
<!-- Web components-->
<link rel="import" href="https://cdn.happy-dev.fr/sib-core/sib-display.html" />
<link rel="import" href="https://cdn.happy-dev.fr/sib-router/sib-router.html" />
</head>
<body>
<sib-display data-src="http://127.0.0.1:8000/invoices/"></sib-display>
<main>
<section id="clients-invoices" class="invoices_list invoices_list--clients">
<header>
<h2>Factures pour le client</h2>
<sib-router default-route="list" use-hash>
<sib-route name="invoice-list"></sib-route>
<sib-route name="add-invoice">Créer une nouvelle facture</sib-route>
</sib-router>
</header>
<sib-form id="add-invoice" data-src="https://hd-ldp.happy-dev.fr/posts/" data-fields="text" next="invoice-list"></sib-form>
<sib-display
id="invoice-list"
data-src="http://127.0.0.1:8000/invoices/"
data-fields="invoice-header, invoice-footer"
set-invoice-header="title, identifier"
set-invoice-footer="creationDate, htAmount"
></sib-display>
</section>
</main>
</body>
</html>
\ No newline at end of file
sib-invoicing.js deleted 100644 → 0
+ 0
− 0
View file @ 2cda9baa
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment