Skip to content

[#WEB-161] Add DGC section to public dashboard #360

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

[#WEB-161] Add DGC section to public dashboard #360

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
361 changes: 213 additions & 148 deletions _includes/dashboard.html
View file
Open in desktop

Large diffs are not rendered by default.

137 changes: 68 additions & 69 deletions _includes/dashboards/cashback.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,56 +2,56 @@
<!---->
<div id="__layout">
<div class="text-muted">
<section class="my-5 pt-5" data-v-06cbaaab>
<div class="container" data-v-06cbaaab>
<section data-v-87a33ce4 data-v-06cbaaab>
<div class="row no-gutters" data-v-87a33ce4>
<div class="col" data-v-87a33ce4>
<h2 class="primary-color mb-2 mb-md-4" data-v-87a33ce4>I numeri del Cashback</h2>
<div class="mb-3" data-v-87a33ce4>Dall'inizio del programma ad oggi</div>
<section class="my-5 pt-5" data-v-a1dc3d9a>
<div class="container" data-v-a1dc3d9a>
<section data-v-a93caaac data-v-a1dc3d9a>
<div class="row no-gutters" data-v-a93caaac>
<div class="col" data-v-a93caaac>
<h2 class="primary-color mb-2 mb-md-4" data-v-a93caaac>I numeri del Cashback</h2>
<div class="mb-3" data-v-a93caaac>Dall'inizio del programma ad oggi</div>
</div>
<div data-v-87a33ce4><img src="https://static-web.io.italia.it/assets/img/cashback/logo-cashback-hp.svg"
alt="Logo Cashback" class="heading-logo img-fluid" data-v-87a33ce4></div>
<div data-v-a93caaac><img src="/assets/img/cashback/logo-cashback-hp.svg" alt="Logo Cashback"
class="heading-logo img-fluid" data-v-a93caaac></div>
</div>
<div class="row" data-v-87a33ce4>
<div class="col-lg-4" data-v-87a33ce4>
<div class="card-wrapper card-space" data-v-87a33ce4>
<div class="row" data-v-a93caaac>
<div class="col-lg-4" data-v-a93caaac>
<div class="card-wrapper card-space" data-v-a93caaac>
<div class="card card-bg no-after bg-primary text-white">
<div class="card-body"><img src="https://static-web.io.italia.it/assets/img/icon-people.svg"
alt="Nuovi Bonus Cashback attivati" class="mt-3 mt-md-0" data-v-87a33ce4>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-87a33ce4><span data-v-87a33ce4>#</span></h2>
<div data-v-87a33ce4>Cittadini aderenti al cashback</div>
<div class="card-body"><img src="/assets/img/icon-people.svg" alt="Nuovi Bonus Cashback attivati"
class="mt-3 mt-md-0" data-v-a93caaac>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-a93caaac><span data-v-a93caaac>#</span></h2>
<div data-v-a93caaac>Cittadini aderenti al cashback</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4" data-v-87a33ce4>
<div class="card-wrapper card-space" data-v-87a33ce4>
<div class="col-lg-4" data-v-a93caaac>
<div class="card-wrapper card-space" data-v-a93caaac>
<div class="card card-bg no-after">
<div class="card-body"><img src="https://static-web.io.italia.it/assets/img/icon-transaction.svg"
alt="Bonus cashback attivati" class="mt-3 mt-md-0" data-v-87a33ce4>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-87a33ce4><span data-v-87a33ce4>#</span></h2>
<div data-v-87a33ce4>Totale transazioni elaborate</div>
<div class="card-body"><img src="/assets/img/icon-transaction.svg" alt="Bonus cashback attivati"
class="mt-3 mt-md-0" data-v-a93caaac>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-a93caaac><span data-v-a93caaac>#</span></h2>
<div data-v-a93caaac>Totale transazioni elaborate</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4" data-v-87a33ce4>
<div class="card-wrapper card-space" data-v-87a33ce4>
<div class="col-lg-4" data-v-a93caaac>
<div class="card-wrapper card-space" data-v-a93caaac>
<div class="card card-bg no-after">
<div class="card-body"><img src="https://static-web.io.italia.it/assets/img/icon-cards.svg"
alt="Bonus Vacanze generati" class="mt-3 mt-md-0" data-v-87a33ce4>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-87a33ce4><span data-v-87a33ce4>#</span></h2>
<div data-v-87a33ce4>Strumenti di pagamento attivati</div>
<div class="card-body"><img src="/assets/img/icon-cards.svg" alt="Bonus Vacanze generati"
class="mt-3 mt-md-0" data-v-a93caaac>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-a93caaac><span data-v-a93caaac>#</span></h2>
<div data-v-a93caaac>Strumenti di pagamento attivati</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="affix-top pt-3 bg-white" data-v-06cbaaab>
<nav class="container" data-v-35a3d89f data-v-06cbaaab>
<div class="affix-top pt-3 bg-white" data-v-a1dc3d9a>
<nav class="container" data-v-35a3d89f data-v-a1dc3d9a>
<ul class="nav nav-tabs mb-3" data-v-35a3d89f>
<li class="nav-item" data-v-35a3d89f><a role="tab" href="javascript:void(0)" class="nav-link"
data-v-35a3d89f>Extra Cashback di Natale</a></li>
Expand All @@ -60,93 +60,92 @@ <h2 class="mt-2 mb-0 font-weight-semibold" data-v-87a33ce4><span data-v-87a33ce4
</ul>
</nav>
</div>
<div class="container" data-v-06cbaaab>
<div class="row" data-v-06cbaaab>
<div class="col-lg-6" data-v-06cbaaab>
<div class="card-wrapper card-space" data-v-06cbaaab>
<div class="container" data-v-a1dc3d9a>
<div class="row" data-v-a1dc3d9a>
<div class="col-lg-6" data-v-a1dc3d9a>
<div class="card-wrapper card-space" data-v-a1dc3d9a>
<div class="card card-bg no-after">
<div class="card-body">
<div class="d-flex h-100 flex-column justify-content-end align-items-start" data-v-06cbaaab><img
src="https://static-web.io.italia.it/assets/img/icon-transaction.svg"
alt="Bonus Vacanze generati" class="mt-md-0" data-v-06cbaaab>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-06cbaaab><span data-v-06cbaaab>#</span></h2>
<div data-v-06cbaaab>Numero di transazioni elaborate</div>
<div class="d-flex h-100 flex-column justify-content-end align-items-start" data-v-a1dc3d9a><img
src="/assets/img/icon-transaction.svg" alt="Bonus Vacanze generati" class="mt-md-0"
data-v-a1dc3d9a>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-a1dc3d9a><span data-v-a1dc3d9a>#</span></h2>
<div data-v-a1dc3d9a>Numero di transazioni elaborate</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6" data-v-06cbaaab>
<div class="card-wrapper card-space" data-v-06cbaaab>
<div class="col-lg-6" data-v-a1dc3d9a>
<div class="card-wrapper card-space" data-v-a1dc3d9a>
<div class="card card-bg no-after bg-primary text-white">
<div class="card-body">
<div class="row h-100 align-items-end" data-v-06cbaaab>
<div class="col-7" data-v-06cbaaab><img
src="https://static-web.io.italia.it/assets/img/icon-bonusutilizzati.svg" width="55"
alt="Bonus cashback attivati" class="img-fluid my-3 my-md-0" data-v-06cbaaab>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-06cbaaab><span data-v-06cbaaab>#</span></h2>
<div data-v-06cbaaab>
<div class="row h-100 align-items-end" data-v-a1dc3d9a>
<div class="col-7" data-v-a1dc3d9a><img src="/assets/img/icon-bonusutilizzati.svg" width="55"
alt="Bonus cashback attivati" class="img-fluid my-3 my-md-0" data-v-a1dc3d9a>
<h2 class="mt-2 mb-0 font-weight-semibold" data-v-a1dc3d9a><span data-v-a1dc3d9a>#</span></h2>
<div data-v-a1dc3d9a>
Utenti con transazioni valide
<span tabindex="0" data-toggle="tooltip" data-placement="right"
data-original-title="Totale dei partecipanti che ha effettuato almeno una transazione durante il periodo"
data-v-06cbaaab><svg class="icon icon-xs icon-white" data-v-06cbaaab>
data-v-a1dc3d9a><svg class="icon icon-xs icon-white" data-v-a1dc3d9a>
<use href="/assets/js/dashboard/app/img/sprite.55c17b0.svg#it-info-circle"
data-v-06cbaaab></use>
data-v-a1dc3d9a></use>
</svg></span>
</div>
</div>
<div class="col-5 h-100" data-v-06cbaaab>
<div id="user-trx-threshold" class="w-100 h-100" data-v-06cbaaab></div>
<div class="col-5 h-100" data-v-a1dc3d9a>
<div id="user-trx-threshold" class="w-100 h-100" data-v-a1dc3d9a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-wrapper card-space" data-v-06cbaaab>
<div class="card-wrapper card-space" data-v-a1dc3d9a>
<div class="card card-bg no-after">
<div class="card-body">
<h4 data-v-06cbaaab>Utenti aderenti e strumenti registrati</h4>
<p data-v-06cbaaab>
<h4 data-v-a1dc3d9a>Utenti aderenti e strumenti registrati</h4>
<p data-v-a1dc3d9a>
Andamento giornaliero degli utenti che hanno aderito al cashback e
degli strumenti registrati
</p>
<div id="onboard" class="w-100" data-v-43a3acdc data-v-06cbaaab></div>
<div id="onboard" class="w-100" data-v-43a3acdc data-v-a1dc3d9a></div>
</div>
</div>
</div>
<div class="card-wrapper card-space" data-v-06cbaaab>
<div class="card-wrapper card-space" data-v-a1dc3d9a>
<div class="card card-bg no-after">
<div class="card-body">
<h4 data-v-06cbaaab>
<h4 data-v-a1dc3d9a>
Transazioni al giorno
<span tabindex="0" data-toggle="tooltip" data-placement="right"
data-original-title="La rendicontazione dei flussi può richiedere alcuni giorni lavorativi"
data-v-06cbaaab><svg class="icon icon-xs icon-muted" data-v-06cbaaab>
<use href="/assets/js/dashboard/app/img/sprite.55c17b0.svg#it-info-circle" data-v-06cbaaab></use>
data-v-a1dc3d9a><svg class="icon icon-xs icon-muted" data-v-a1dc3d9a>
<use href="/assets/js/dashboard/app/img/sprite.55c17b0.svg#it-info-circle" data-v-a1dc3d9a></use>
</svg></span>
</h4>
<p data-v-06cbaaab>Andamento delle transazioni gestite per il cashback</p>
<div id="trx-series" class="w-100" data-v-6d041b80 data-v-06cbaaab></div>
<p data-v-a1dc3d9a>Andamento delle transazioni gestite per il cashback</p>
<div id="trx-series" class="w-100" data-v-6d041b80 data-v-a1dc3d9a></div>
</div>
</div>
</div>
<div class="card-wrapper card-space" data-v-06cbaaab>
<div class="card-wrapper card-space" data-v-a1dc3d9a>
<div class="card card-bg no-after">
<div class="card-body">
<h4 data-v-06cbaaab>Transazioni per importo</h4>
<p data-v-06cbaaab>Distribuzione delle transazioni per importo delle stesse</p>
<div id="trx-amount" class="w-100" data-v-376f2ac8 data-v-06cbaaab></div>
<h4 data-v-a1dc3d9a>Transazioni per importo</h4>
<p data-v-a1dc3d9a>Distribuzione delle transazioni per importo delle stesse</p>
<div id="trx-amount" class="w-100" data-v-376f2ac8 data-v-a1dc3d9a></div>
</div>
</div>
</div>
<div class="card-wrapper card-space" data-v-06cbaaab>
<div class="card-wrapper card-space" data-v-a1dc3d9a>
<div class="card card-bg no-after">
<div class="card-body">
<h4 data-v-06cbaaab>Utenti per numero di transazioni</h4>
<p data-v-06cbaaab>Distribuzione degli utenti per numero di transazioni</p>
<div id="user-trx" class="w-100" data-v-080368a7 data-v-06cbaaab></div>
<h4 data-v-a1dc3d9a>Utenti per numero di transazioni</h4>
<p data-v-a1dc3d9a>Distribuzione degli utenti per numero di transazioni</p>
<div id="user-trx" class="w-100" data-v-080368a7 data-v-a1dc3d9a></div>
</div>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion assets/js/dashboard/app/app.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 3 additions & 0 deletions assets/js/dashboard/app/img/dgc-acquired.f54a1b8.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading