Skip to content
Snippets Groups Projects
index.html 5.01 KiB
Newer Older
clairezed's avatar
clairezed committed
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <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">
clairezed's avatar
clairezed committed
  <!-- Scripts-->
  <!-- <script src="/lib/webcomponentsjs/webcomponents-loader.js"></script> -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.2.7/webcomponents-loader.js"></script>
clairezed's avatar
clairezed committed
  <!-- Web components-->
  <script type="module" src="https://cdn.happy-dev.fr/sib-core/sib-display.js"></script>
  <script type="module" src="https://cdn.happy-dev.fr/sib-router/sib-router.js"></script>
clairezed's avatar
clairezed committed
</head>
clairezed's avatar
clairezed committed
<body>
  <main>
    <section id="clients-invoices" class="invoices_list invoices_list--clients">
      <header>
        <h2>Factures pour le client</h2>
clairezed's avatar
clairezed committed
        <sib-router default-route="invoice-list" use-hash>
          <sib-route name="invoice-list"></sib-route>
          <sib-route name="add-invoice">Créer une nouvelle facture</sib-route>
clairezed's avatar
clairezed committed
          <sib-route name="show-invoice" id-prefix="http://invoicing-module.happy-dev.fr/invoices/client-invoices/"></sib-route>
        </sib-router>
      </header>
      <sib-form id="add-invoice" 
        data-src="http://invoicing-module.happy-dev.fr/invoices/client-invoices/" 
clairezed's avatar
clairezed committed
        data-fields="title, identifier, creationDate, htAmount, tvaRate" 
        next="invoice-list"
      ></sib-form>
      <!-- <sib-form 
                id="edit-invoice" 
                data-fields="title, identifier, creationDate, htAmount, tvaRate"
                next="invoice-list"
                bind-resources
              ></sib-form> -->
      <sib-display 
        id="invoice-list"
        data-src="http://invoicing-module.happy-dev.fr/invoices/client-invoices/"
        template-htAmount="money-template"
        template-batches="batch-list-template" 
        data-fields="invoice-section, batches" 
        set-invoice-section="invoice-main, invoice-aside"
        set-invoice-main="invoice-header, invoice-footer" 
        set-invoice-aside="state" 
        set-invoice-header="title, identifier"
        set-invoice-footer="creationDate, htAmount"
      ></sib-display>

      <template id="money-template">
        <div name="htAmount-template">${value} € HT</div>
      </template>

      <template id="batch-list-template">
        <sib-router class="invoice-detail-menu" default-route="invoice-list">
          <sib-route name="edit-invoice">
            <sib-link data-src="${value['@id']}" next="show-invoice">Editer</sib-link>
          </sib-route>
          <sib-route name="show-invoice">
            <div>Aperçu client</div>
          </sib-route>
          <sib-route name="download-invoice">
            <div>Télécharger</div>
          </sib-route>
          <sib-route name="duplicate-invoice">
            <div>Dupliquer</div>
          </sib-route>
        </sib-router>

        <sib-display 
          class="batches-list" 
          data-src="${value['@id']}" 
          template-tasks="task-list-template" 
          data-fields="batch-section-header, batch-section-body, batch-section-footer"
          value-amount="Montants" 
          value-ht-total="Total HT" 
          set-batch-section-header="title, amount"
          set-batch-section-body="tasks" 
          set-batch-section-footer="ht-total, htAmount"
        ></sib-display>
      </template>

      <template id="task-list-template">
        <p>test affichage</p>
        <sib-display 
          class="tasks-list" 
          data-src="${value['@id']}" 
          data-fields="title, htAmount"
        ></sib-display>
      </template>

      <sib-display 
        id="show-invoice" 
        data-fields="title, htAmount" 
        bind-resources
      ></sib-display>
    </section>
clairezed's avatar
clairezed committed

    <section id="freelances-invoices" class="invoices_list invoices_list--freelances">
      <header>
        <h2>Factures des indépendants</h2>
        <sib-router default-route="freelance-invoice-list" use-hash>
          <sib-route name="freelance-invoice-list"></sib-route>
          <sib-route name="add-freelance-invoice">Importer une facture</sib-route>
        </sib-router>
      </header>
      <sib-form 
        id="add-freelance-invoice" 
        data-src="http://invoicing-module.happy-dev.fr/invoices/freelance-invoices/" 
clairezed's avatar
clairezed committed
        data-fields="freelanceFullname, identifier, invoicingDate, htAmount, tvaRate, uploadUrl" 
        next="freelance-invoice-list"
      ></sib-form>
clairezed's avatar
clairezed committed
      <sib-display 
        id="freelance-invoice-list" 
        data-src="http://invoicing-module.happy-dev.fr/invoices/freelance-invoices/" 
        data-fields="freelance-invoice-body, freelance-invoice-aside"
        set-freelance-invoice-body="freelance-invoice-header, freelance-invoice-footer"
        set-freelance-invoice-aside="state" 
        set-freelance-invoice-header="freelanceFullname, identifier"
        set-freelance-invoice-footer="invoicingDate, htAmount" 
        template-htAmount="money-template"
clairezed's avatar
clairezed committed
      ></sib-display>
    </section>
  </main>
clairezed's avatar
clairezed committed
</body>
clairezed's avatar
clairezed committed
</html>