maddy/matrix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Punching, Dedupe and CutOff Features Done

Browse Source
This commit is contained in:
Narayanan Madaswamy
2026-08-12 07:46:24 +05:30
parent b862a3f686
commit c835a9deb0
76 changed files with 4720 additions and 3695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

353
cygnus-onprem-app/build/WebContent/css/dedupe-workflows-v1.css
View File

@@ -7,6 +7,149 @@
margin-bottom: 10px;
}
.matrix-dedupe-workflow .matrix-tool-workspace__content .title > .matrix-title-icon {
display: block;
width: 17px !important;
height: 17px !important;
flex: 0 0 17px;
margin: 0 !important;
object-fit: contain;
vertical-align: middle;
}
.matrix-dedupe-workflow .matrix-tool-workspace__content .title > .matrix-title-text {
line-height: 17px;
}
.matrix-dedupe-workflow .matrix-dedupe-run__title {
display: flex !important;
min-height: 38px;
align-items: center;
gap: 7px;
padding: 5px 10px !important;
}
.matrix-dedupe-workflow .matrix-dedupe-run__title > .matrix-title-action {
width: 17px !important;
height: 17px !important;
margin-left: auto !important;
object-fit: contain;
}
.matrix-dedupe-worklist {
overflow: hidden;
border: 1px solid #aebfcd;
border-radius: 5px;
background: #f4f8fb;
box-shadow: 0 3px 10px rgba(31, 52, 72, .09);
}
.matrix-dedupe-worklist__header {
display: flex !important;
min-height: 38px;
align-items: center;
gap: 12px;
margin: 0 !important;
padding: 4px 8px !important;
flex-wrap: nowrap !important;
}
.matrix-dedupe-worklist__heading,
.matrix-dedupe-worklist__actions {
display: flex;
align-items: center;
}
.matrix-dedupe-worklist__heading {
flex: 0 0 auto;
gap: 7px;
}
.matrix-dedupe-workflow .matrix-dedupe-worklist__header > .matrix-dedupe-worklist__actions {
min-width: 0;
flex: 1 1 auto;
gap: 7px;
flex-wrap: nowrap !important;
width: auto !important;
margin: 0 !important;
}
.matrix-dedupe-worklist__portfolio {
min-width: 0;
flex: 1 1 auto;
height: 29px !important;
padding: 2px 28px 2px 8px !important;
font-size: 13px !important;
font-weight: 400 !important;
width: 100% !important;
}
.matrix-dedupe-worklist__refresh {
display: inline-flex;
width: 29px;
height: 29px;
flex: 0 0 29px;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 3px;
background: transparent;
}
.matrix-dedupe-worklist__refresh:hover,
.matrix-dedupe-worklist__refresh:focus-visible {
background: #e2ebf3;
outline: 1px solid #9fb5c7;
}
.matrix-dedupe-worklist__refresh img {
width: 16px;
height: 16px;
}
.matrix-dedupe-worklist__table-wrap {
margin: 8px;
border: 1px solid #c3d0da;
border-radius: 4px;
}
.matrix-dedupe-worklist__table-wrap thead th {
padding: 7px 9px;
color: #31475b;
background: #e8eef4;
border-color: #d3dce5;
font-size: 11px;
text-transform: uppercase;
white-space: nowrap;
}
.matrix-dedupe-worklist__table-wrap tbody td {
padding: 6px 9px;
border-color: #dce4eb;
background: #fff;
}
.matrix-dedupe-worklist__row {
cursor: pointer;
}
.matrix-dedupe-worklist__row:nth-child(even) td {
background: #edf3f7;
}
.matrix-dedupe-worklist__row:hover td,
.matrix-dedupe-worklist__row:focus td {
background: #dfedf8;
}
.matrix-dedupe-worklist__empty {
padding: 24px !important;
color: #637586;
text-align: center;
font-style: italic;
}
.matrix-dedupe-workflow .title > .divselect {
width: min(320px, 38vw) !important;
margin-left: auto !important;
@@ -70,14 +213,50 @@
.matrix-dedupe-workflow .tableContainer table table {
width: calc(100% - 18px) !important;
margin: 8px 0 8px auto;
border: 1px solid #c7d4df;
background: #f8fafc;
border: 1px solid #9fb2c3;
border-radius: 4px;
background: #fff !important;
box-shadow: 0 2px 6px rgba(31, 52, 72, .12);
}
.matrix-dedupe-workflow form > input.button {
/* Migration convention: nested data grids must remain visually distinct. */
.matrix-dedupe-workflow .tableContainer > table > tbody > tr:has(> td > table) > td {
padding: 6px 10px 8px !important;
background: #dfeaf3 !important;
}
.matrix-dedupe-workflow .tableContainer table table > tbody > tr > td {
background: #fff !important;
}
.matrix-dedupe-workflow .tableContainer table table > tbody > tr:nth-child(even) > td {
background: #f1f6fa !important;
}
.matrix-dedupe-workflow .matrix-workflow-actions {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
min-height: 46px;
padding: 8px 10px;
border-top: 1px solid #b8c9d8;
background: #f7fafd;
}
.matrix-dedupe-workflow .matrix-workflow-actions .button {
min-width: 108px;
margin: 10px 0 0 8px !important;
float: right !important;
margin: 0 !important;
float: none !important;
min-height: 30px;
padding: 5px 14px !important;
border: 1px solid #245a91 !important;
border-radius: 4px !important;
color: #fff !important;
background: #28639b !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 18px !important;
}
.matrix-dedupe-workflow form::after {
@@ -106,39 +285,187 @@
overflow: hidden;
}
.matrix-dedupe-match #dedupeDetails .title {
box-sizing: border-box;
display: flex;
min-height: 36px;
align-items: center;
gap: 7px;
margin: 0 !important;
padding: 6px 9px !important;
border-bottom: 1px solid #aebfcd !important;
background: #eef3f7 !important;
font-size: 13px;
line-height: 20px;
}
.matrix-dedupe-match #dedupeDetails .title > .matrix-title-icon {
display: block;
width: 17px !important;
height: 17px !important;
flex: 0 0 17px;
margin: 0 !important;
object-fit: contain;
}
.matrix-dedupe-match #dedupeDetails .title > .matrix-title-text {
min-width: 0;
line-height: 20px;
}
.matrix-dedupe-match #dedupeDetails .title > .nedtrem {
display: inline-flex;
align-items: center;
margin-left: auto;
}
.matrix-dedupe-match #dedupeDetails .title > .nedtrem img {
width: 17px;
height: 17px;
object-fit: contain;
cursor: pointer;
}
.matrix-dedupe-match .FormPanel {
padding: 10px 12px;
padding: 5px 10px;
border: 0 !important;
background: #f4f8fb !important;
}
.matrix-dedupe-match .matrix-form-controls {
width: 100% !important;
border-spacing: 7px 4px;
table-layout: fixed;
border-spacing: 8px 2px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.matrix-dedupe-match .matrix-form-controls td {
height: auto !important;
padding: 1px 8px !important;
color: #34495b;
font-size: 11px;
font-weight: 600;
line-height: 14px;
vertical-align: middle;
}
.matrix-dedupe-match .matrix-form-controls input:not([type="hidden"]),
.matrix-dedupe-match .matrix-form-controls textarea {
box-sizing: border-box;
width: 100% !important;
max-width: 100%;
min-height: 30px;
padding: 4px 7px !important;
border: 1px solid #b8c7d3 !important;
border-radius: 3px;
background: #fff !important;
color: #24313d;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 20px;
}
.matrix-dedupe-match .matrix-form-controls input:not([type="hidden"]) {
width: 100% !important;
height: 30px !important;
}
.matrix-dedupe-match .matrix-dedupe-match__comparison,
.matrix-dedupe-match .matrix-dedupe-match__remarks {
border: 1px solid #aebfcd !important;
background: #dfeaf3;
}
.matrix-dedupe-match .matrix-dedupe-match__comparison > table,
.matrix-dedupe-match .matrix-dedupe-match__remarks > table {
width: 100%;
table-layout: fixed;
}
.matrix-dedupe-match .matrix-dedupe-match__comparison > table > tbody > tr > td + td,
.matrix-dedupe-match .matrix-dedupe-match__remarks > table > tbody > tr > td + td {
border-left: 1px solid #b8c9d8;
}
.matrix-dedupe-match .matrix-record-navigation {
display: flex;
align-items: center;
gap: 5px;
padding-top: 5px;
}
.matrix-dedupe-match .matrix-phone-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
width: 100%;
}
.matrix-dedupe-match .matrix-phone-grid label {
display: flex;
min-width: 0;
flex-direction: column;
gap: 3px;
margin: 0;
color: #34495b;
font-size: 11px;
font-weight: 600;
}
.matrix-dedupe-match .matrix-phone-grid input {
width: 100% !important;
min-width: 0;
}
.matrix-dedupe-match .matrix-record-nav {
width: 32px;
height: 29px;
flex: 0 0 32px;
padding: 0;
border: 1px solid #9fb3c4;
border-radius: 4px;
background-color: #f7fafc;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.matrix-dedupe-match .matrix-record-nav:hover,
.matrix-dedupe-match .matrix-record-nav:focus-visible {
border-color: #28699d;
background-color: #e2edf6;
outline: none;
}
.matrix-dedupe-match .matrix-record-nav--first { background-image: url('/matrix/images/first.png'); }
.matrix-dedupe-match .matrix-record-nav--previous { background-image: url('/matrix/images/prev.png'); }
.matrix-dedupe-match .matrix-record-nav--next { background-image: url('/matrix/images/next.png'); }
.matrix-dedupe-match .matrix-record-nav--last { background-image: url('/matrix/images/last.png'); }
.matrix-dedupe-match .matrix-match-action {
width: auto !important;
min-width: 108px;
min-height: 29px;
margin: 0 0 0 auto !important;
padding: 4px 12px !important;
float: none !important;
background-image: none !important;
text-indent: 0 !important;
white-space: nowrap;
}
.matrix-dedupe-match .matrix-form-controls textarea {
resize: vertical;
}
.matrix-dedupe-match :is(#btnfirst, #btnprev, #btnnext, #btnlast) {
width: 30px !important;
min-width: 30px;
padding: 3px !important;
}
.matrix-dedupe-match :is(#btnear, #btnneg) {
color: #fff !important;
background-image: none !important;
background-color: #245a91 !important;
border-color: #245a91 !important;
text-indent: 0 !important;
white-space: nowrap;
}
@media (max-width: 760px) {