-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Origin/blip 7260 tables reorgnisation (#290)
J'ai enlevé les style c-display du style de l'app (main.css) pour le mettre dans le style du site styleguide (prototype.css). Celui est uniquement utilisé pour le style du site design.smart.coop. Il ne doit donc jamais se retrouver dans les outils smart (Apps). Le small se retrouve donc dans `c-content.scss` --------- Co-authored-by: marcelpirnay <[email protected]>
- Loading branch information
1 parent
6274270
commit 5ff6f61
Showing
15 changed files
with
14,398 additions
and
74 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
File renamed without changes.
72 changes: 53 additions & 19 deletions
72
content/templates/_components/c-table/02-c-table-styled.pug
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,19 +1,53 @@ | ||
table.c-table.c-table--styled | ||
thead | ||
tr | ||
th Data | ||
th Data | ||
th Data | ||
tbody | ||
tr | ||
td Data | ||
td Data | ||
td Data | ||
tr | ||
td Data | ||
td Data | ||
td Data | ||
tr | ||
td Data | ||
td Data | ||
td Data | ||
div.bckg-gray-50.u-padding-l | ||
table.c-table.c-table--styled.c-table--bordered.js-data-table | ||
thead | ||
tr | ||
th(rowspan="2" class="disabled") Activité: ABC | ||
+c-badge({skin: 'help'})(data-tooltip="tooltip-1" data-tooltip-placement="right") | ||
.c-tooltip#tooltip-1(role="tooltip") | ||
| Informations sur l'activité en question | ||
.c-tooltip__arrow(data-popper-arrow) | ||
th(rowspan="2") Lorem | ||
th(rowspan="2").u-text-center Lorem Ipsum Dolor | ||
th(colspan="4").u-text-center.dotted-bottom Lorem Ipsum Dolor | ||
tr | ||
th.u-text-center.dotted Lorem Ipsum | ||
th.u-text-center Total | ||
|
||
tbody | ||
tr | ||
td(rowspan="3").border-top-left-r Lorem Ipsum | ||
td | ||
+c-status-pill({skin: 'success'}) Success | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 30% | ||
td.u-text-center 1000<small>,00 €</small> | ||
tr.bckg-gray | ||
td | ||
+c-status-pill({skin: 'pending'}) Pending | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 30% | ||
td.u-text-center 1000,<small>00 €</small> | ||
tr.bckg-yellow | ||
td Total | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 30% | ||
td.u-text-center 1000,<small>00 €</small> | ||
tr | ||
td(rowspan="3").border-bottom-left-r Lorem Ipsum | ||
td | ||
+c-status-pill({skin: 'success'}) Success | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 30% | ||
td.u-text-center 1000,<small>00 €</small> | ||
tr.bckg-gray | ||
td | ||
+c-status-pill({skin: 'pending'}) Pending | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 30% | ||
td.u-text-center 1000,<small>00 €</small> | ||
tr.bckg-yellow | ||
td Total | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 30% | ||
td.u-text-center 1000,<small>00 €</small> |
82 changes: 82 additions & 0 deletions
82
content/templates/examples/template-examples/recap-table.pug
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,82 @@ | ||
extends /templates/prototypes/_layouts/default | ||
|
||
block append pageVariables | ||
- var moduleTitle = "Récapitulatif des sommes des rémunérations" | ||
|
||
block content | ||
.c-app-layout-inner | ||
.c-app-layout-inner__sidebar.u-position-fixed | ||
include /templates/prototypes/partials/side-menu | ||
|
||
.c-app-layout-inner__content | ||
include /templates/prototypes/partials/main-title-concessions | ||
|
||
.o-container.c-content | ||
.o-container-vertical--padding-small.u-position-relative | ||
h3.c-h2.u-spacer-bottom-xl | ||
table.c-table.c-table--styled.c-table--bordered.js-data-table | ||
thead | ||
tr | ||
th(rowspan="2" class="disabled") Activité: ABC | ||
+c-badge({skin: 'help'})(data-tooltip="tooltip-1" data-tooltip-placement="right") | ||
.c-tooltip#tooltip-1(role="tooltip") | ||
| Informations sur l'activité en question | ||
.c-tooltip__arrow(data-popper-arrow) | ||
th(rowspan="2") Statut | ||
th(colspan="3").u-text-center.dotted-bottom Concession de droit d’auteur | ||
th(rowspan="2").u-text-center salaire brut <small>(b)</small> | ||
th(rowspan="2").u-text-center Ratio <small>(a/a+b)</small> | ||
tr | ||
th.u-text-center.dotted Total | ||
th.u-text-center.dotted Autre | ||
th.u-text-center.dotted Lié à une prestation <small>(a)</small> | ||
|
||
tbody | ||
tr | ||
td(rowspan="3").border-top-left-r Nom Prénom | ||
td | ||
+c-status-pill({skin: 'success'}) Validées | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 300,<small>00 €</small> | ||
td.u-text-center 500,<small>00 €</small> | ||
td.u-text-center 1000,<small>00 €</small> | ||
td.u-text-center 33% | ||
tr.bckg-gray | ||
td | ||
+c-status-pill({skin: 'pending'}) En attente | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 300,<small>00 €</small> | ||
td.u-text-center 500,<small>00 €</small> | ||
td.u-text-center 1000,<small>00 €</small> | ||
td.u-text-center 33% | ||
tr.bckg-yellow | ||
td Total | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 300,<small>00 €</small> | ||
td.u-text-center 500,<small>00 €</small> | ||
td.u-text-center 1000,<small>00 €</small> | ||
td.u-text-center 33% | ||
tr | ||
td(rowspan="3").border-bottom-left-r Nom Prénom | ||
td | ||
+c-status-pill({skin: 'success'}) Validées | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 300,<small>00 €</small> | ||
td.u-text-center 500,<small>00 €</small> | ||
td.u-text-center 1000,<small>00 €</small> | ||
td.u-text-center 33% | ||
tr.bckg-gray | ||
td | ||
+c-status-pill({skin: 'pending'}) En attente | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 300,<small>00 €</small> | ||
td.u-text-center 500,<small>00 €</small> | ||
td.u-text-center 1000,<small>00 €</small> | ||
td.u-text-center 33% | ||
tr.bckg-yellow | ||
td Total | ||
td.u-text-center 700,<small>00 €</small> | ||
td.u-text-center 300,<small>00 €</small> | ||
td.u-text-center 500,<small>00 €</small> | ||
td.u-text-center 1000,<small>00 €</small> | ||
td.u-text-center 33% |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
17 changes: 17 additions & 0 deletions
17
content/templates/prototypes/partials/main-title-concessions.pug
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
.c-navbar.u-position-fixed.main-title | ||
.c-toolbar | ||
.c-toolbar__left | ||
.c-toolbar__item | ||
h1.c-toolbar__title= moduleTitle | ||
.c-toolbar__right | ||
.c-toolbar__item | ||
.o-form-group.o-flex.o-flex--vertical-center | ||
label.o-form-group__label.u-spacer-right(for="selectId") Filtrer par année | ||
.o-form-group__controls | ||
.c-select-holder | ||
select.c-select(id="selectId") | ||
option 2020 | ||
option 2021 | ||
option 2022 | ||
option 2023 | ||
option 2024 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
.c-navbar.u-position-fixed.main-title | ||
.c-toolbar | ||
.c-toolbar__left | ||
.c-toolbar__item | ||
h1.c-toolbar__title= moduleTitle |
Oops, something went wrong.