Administrator / maps_core_ng

Commit d3423f8e5b00286149afdf734b5619c7c223c668

Authored by Yarik
1 parent 05b0b5d8

Table change

Showing 16 changed files with 1468 additions and 9 deletions   Show diff stats
Inline Side-by-side
config/head-config.common.js
  Show/Hide comments   View file @d3423f8
@@ -32,8 +32,7 @@ module.exports = { @@ -32,8 +32,7 @@ module.exports = {
32 /** <link> tags for favicons **/ 32 /** <link> tags for favicons **/
33 { rel: 'icon', type: 'image/png', sizes: '32x32', href: 'assets/icon/favicon-32x32.png' }, 33 { rel: 'icon', type: 'image/png', sizes: '32x32', href: 'assets/icon/favicon-32x32.png' },
34 { rel: 'icon', type: 'image/png', sizes: '96x96', href: 'assets/icon/favicon-96x96.png' }, 34 { rel: 'icon', type: 'image/png', sizes: '96x96', href: 'assets/icon/favicon-96x96.png' },
35 - { rel: 'icon', type: 'image/png', sizes: '16x16', href: 'assets/icon/favicon-16x16.png' }  
36 - 35 + { rel: 'icon', type: 'image/png', sizes: '16x16', href: 'assets/icon/favicon-16x16.png' },
37 ], 36 ],
38 meta: [ 37 meta: [
39 { name: 'msapplication-TileColor', content: '#ffffff' }, 38 { name: 'msapplication-TileColor', content: '#ffffff' },
config/webpack.common.js
  Show/Hide comments   View file @d3423f8
@@ -31,7 +31,6 @@ const METADATA = { @@ -31,7 +31,6 @@ const METADATA = {
31 baseUrl: '/', 31 baseUrl: '/',
32 isDevServer: helpers.isWebpackDevServer() 32 isDevServer: helpers.isWebpackDevServer()
33 }; 33 };
34 -  
35 /* 34 /*
36 * Webpack configuration 35 * Webpack configuration
37 * 36 *
@@ -49,7 +49,10 @@ @@ -49,7 +49,10 @@
49 "reflect-metadata": "^0.1.9", 49 "reflect-metadata": "^0.1.9",
50 "rxjs": "~5.0.2", 50 "rxjs": "~5.0.2",
51 "tether": "^1.2.4", 51 "tether": "^1.2.4",
52 - "zone.js": "~0.7.4" 52 + "zone.js": "~0.7.4",
  53 + "ag-grid": "7.2.x",
  54 + "ag-grid-enterprise": "7.2.x",
  55 + "ag-grid-ng2": "7.2.x"
53 }, 56 },
54 "devDependencies": { 57 "devDependencies": {
55 "@angular/compiler-cli": "2.4.4", 58 "@angular/compiler-cli": "2.4.4",
src/app/app.module.ts
  Show/Hide comments   View file @d3423f8
@@ -46,7 +46,7 @@ export type StoreType = { @@ -46,7 +46,7 @@ export type StoreType = {
46 ReactiveFormsModule, 46 ReactiveFormsModule,
47 NgaModule.forRoot(), 47 NgaModule.forRoot(),
48 PagesModule, 48 PagesModule,
49 - routing 49 + routing,
50 ], 50 ],
51 providers: [ // expose our Services and Providers into Angular's dependency injection 51 providers: [ // expose our Services and Providers into Angular's dependency injection
52 ENV_PROVIDERS, 52 ENV_PROVIDERS,
src/app/pages/statements/ag-grid.css 0 → 100644
  Show/Hide comments   View file @d3423f8
  1 +ag-grid-ng2 {
  2 + display: inline-block;
  3 +}
  4 +.ag-rtl {
  5 + direction: rtl;
  6 +}
  7 +.ag-ltr {
  8 + direction: ltr;
  9 +}
  10 +.ag-select-agg-func-popup {
  11 + position: absolute;
  12 +}
  13 +.ag-body-no-select {
  14 + -webkit-user-select: none;
  15 + -moz-user-select: none;
  16 + -ms-user-select: none;
  17 + user-select: none;
  18 +}
  19 +.ag-root {
  20 +/* set to relative, so absolute popups appear relative to this */
  21 + position: relative;
  22 + -webkit-box-sizing: border-box;
  23 + -moz-box-sizing: border-box;
  24 + box-sizing: border-box;
  25 +/* was getting some 'should be there' scrolls, this sorts it out */
  26 + overflow: hidden;
  27 +}
  28 +.ag-font-style {
  29 + cursor: default;
  30 +/* disable user mouse selection */
  31 + -webkit-user-select: none;
  32 + -moz-user-select: none;
  33 + -ms-user-select: none;
  34 + user-select: none;
  35 +}
  36 +.ag-no-scrolls {
  37 + white-space: nowrap;
  38 + display: inline-block;
  39 +}
  40 +.ag-scrolls {
  41 + height: 100%;
  42 +}
  43 +.ag-popup-backdrop {
  44 + position: fixed;
  45 + left: 0px;
  46 + top: 0px;
  47 + width: 100%;
  48 + height: 100%;
  49 +}
  50 +.ag-header {
  51 + position: absolute;
  52 + top: 0px;
  53 + left: 0px;
  54 + white-space: nowrap;
  55 + -webkit-box-sizing: border-box;
  56 + -moz-box-sizing: border-box;
  57 + box-sizing: border-box;
  58 + overflow: hidden;
  59 + width: 100%;
  60 +}
  61 +.ag-pinned-left-header {
  62 + float: left;
  63 + -webkit-box-sizing: border-box;
  64 + -moz-box-sizing: border-box;
  65 + box-sizing: border-box;
  66 + display: inline-block;
  67 + overflow: hidden;
  68 + height: 100%;
  69 +}
  70 +.ag-pinned-right-header {
  71 + float: right;
  72 + -webkit-box-sizing: border-box;
  73 + -moz-box-sizing: border-box;
  74 + box-sizing: border-box;
  75 + display: inline-block;
  76 + overflow: hidden;
  77 + height: 100%;
  78 +}
  79 +.ag-header-viewport {
  80 + -webkit-box-sizing: border-box;
  81 + -moz-box-sizing: border-box;
  82 + box-sizing: border-box;
  83 + overflow: hidden;
  84 + height: 100%;
  85 +}
  86 +.ag-scrolls .ag-header-row {
  87 + position: absolute;
  88 +}
  89 +.ag-scrolls .ag-header-container {
  90 + -webkit-box-sizing: border-box;
  91 + -moz-box-sizing: border-box;
  92 + box-sizing: border-box;
  93 + position: relative;
  94 + white-space: nowrap;
  95 + height: 100%;
  96 +}
  97 +.ag-no-scrolls .ag-header-container {
  98 + white-space: nowrap;
  99 +}
  100 +.ag-header-overlay {
  101 + display: block;
  102 + position: absolute;
  103 +}
  104 +.ag-header-cell {
  105 + -webkit-box-sizing: border-box;
  106 + -moz-box-sizing: border-box;
  107 + box-sizing: border-box;
  108 + vertical-align: bottom;
  109 + text-align: center;
  110 + display: inline-block;
  111 + height: 100%;
  112 + position: absolute;
  113 +}
  114 +.ag-dnd-ghost {
  115 + font-size: 14px;
  116 + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  117 + position: absolute;
  118 + background: #e5e5e5;
  119 + border: 1px solid #000;
  120 + cursor: move;
  121 + -webkit-user-select: none;
  122 + -moz-user-select: none;
  123 + -ms-user-select: none;
  124 + user-select: none;
  125 + -webkit-box-sizing: border-box;
  126 + -moz-box-sizing: border-box;
  127 + box-sizing: border-box;
  128 + overflow: hidden;
  129 + -o-text-overflow: ellipsis;
  130 + text-overflow: ellipsis;
  131 + padding: 3px;
  132 + line-height: 1.4;
  133 +}
  134 +.ag-dnd-ghost-icon {
  135 + display: inline-block;
  136 + float: left;
  137 + padding-left: 2px;
  138 + padding-right: 2px;
  139 +}
  140 +.ag-dnd-ghost-label {
  141 + display: inline-block;
  142 +}
  143 +.ag-header-group-cell {
  144 + height: 100%;
  145 + display: inline-block;
  146 + -webkit-box-sizing: border-box;
  147 + -moz-box-sizing: border-box;
  148 + box-sizing: border-box;
  149 + -o-text-overflow: ellipsis;
  150 + text-overflow: ellipsis;
  151 + overflow: hidden;
  152 + position: absolute;
  153 +}
  154 +.ag-header-group-cell-label {
  155 + -o-text-overflow: ellipsis;
  156 + text-overflow: ellipsis;
  157 + overflow: hidden;
  158 +}
  159 +.ag-header-cell-label {
  160 + -o-text-overflow: ellipsis;
  161 + text-overflow: ellipsis;
  162 + overflow: hidden;
  163 +}
  164 +.ag-header-cell-resize {
  165 + height: 100%;
  166 + width: 4px;
  167 + cursor: col-resize;
  168 +}
  169 +.ag-ltr .ag-header-cell-resize {
  170 + float: right;
  171 +}
  172 +.ag-ltr .ag-pinned-right-header .ag-header-cell-resize {
  173 + float: left;
  174 +}
  175 +.ag-rtl .ag-header-cell-resize {
  176 + float: left;
  177 +}
  178 +.ag-rtl .ag-pinned-left-header .ag-header-cell-resize {
  179 + float: right;
  180 +}
  181 +.ag-header-expand-icon {
  182 + padding-left: 4px;
  183 +}
  184 +.ag-header-cell-menu-button {
  185 + float: right;
  186 +}
  187 +.ag-overlay-panel {
  188 + display: table;
  189 + width: 100%;
  190 + height: 100%;
  191 + pointer-events: none;
  192 +}
  193 +.ag-overlay-wrapper {
  194 + display: table-cell;
  195 + vertical-align: middle;
  196 + text-align: center;
  197 +}
  198 +.ag-bl-overlay {
  199 + pointer-events: none;
  200 + position: absolute;
  201 + height: 100%;
  202 + width: 100%;
  203 + top: 0px;
  204 + left: 0px;
  205 +}
  206 +.ag-bl-full-height {
  207 + height: 100%;
  208 + overflow: auto;
  209 + position: relative;
  210 +}
  211 +.ag-bl-full-height-west {
  212 + height: 100%;
  213 + float: left;
  214 +}
  215 +.ag-bl-full-height-east {
  216 + height: 100%;
  217 + float: right;
  218 +}
  219 +.ag-bl-full-height-center {
  220 + height: 100%;
  221 +}
  222 +.ag-bl-normal {
  223 + height: 100%;
  224 + position: relative;
  225 +}
  226 +.ag-bl-normal-center-row {
  227 + height: 100%;
  228 + overflow: hidden;
  229 +}
  230 +.ag-bl-normal-west {
  231 + height: 100%;
  232 + float: left;
  233 +}
  234 +.ag-bl-normal-east {
  235 + height: 100%;
  236 + float: right;
  237 +}
  238 +.ag-bl-normal-center {
  239 + height: 100%;
  240 +}
  241 +.ag-bl-dont-fill {
  242 + position: relative;
  243 +}
  244 +.ag-body {
  245 + height: 100%;
  246 + width: 100%;
  247 + -webkit-box-sizing: border-box;
  248 + -moz-box-sizing: border-box;
  249 + box-sizing: border-box;
  250 + position: absolute;
  251 +}
  252 +.ag-floating-top {
  253 + position: absolute;
  254 + left: 0px;
  255 + width: 100%;
  256 + white-space: nowrap;
  257 + -webkit-box-sizing: border-box;
  258 + -moz-box-sizing: border-box;
  259 + box-sizing: border-box;
  260 + overflow: hidden;
  261 +}
  262 +.ag-pinned-left-floating-top {
  263 + float: left;
  264 + -webkit-box-sizing: border-box;
  265 + -moz-box-sizing: border-box;
  266 + box-sizing: border-box;
  267 + display: inline-block;
  268 + overflow: hidden;
  269 + height: 100%;
  270 + position: relative;
  271 +}
  272 +.ag-pinned-right-floating-top {
  273 + float: right;
  274 + -webkit-box-sizing: border-box;
  275 + -moz-box-sizing: border-box;
  276 + box-sizing: border-box;
  277 + display: inline-block;
  278 + overflow: hidden;
  279 + height: 100%;
  280 + position: relative;
  281 +}
  282 +.ag-floating-top-viewport {
  283 + -webkit-box-sizing: border-box;
  284 + -moz-box-sizing: border-box;
  285 + box-sizing: border-box;
  286 + overflow: hidden;
  287 + height: 100%;
  288 +}
  289 +.ag-floating-top-container {
  290 + -webkit-box-sizing: border-box;
  291 + -moz-box-sizing: border-box;
  292 + box-sizing: border-box;
  293 + position: relative;
  294 + white-space: nowrap;
  295 +}
  296 +.ag-floating-bottom {
  297 + position: absolute;
  298 + left: 0px;
  299 + width: 100%;
  300 + white-space: nowrap;
  301 + -webkit-box-sizing: border-box;
  302 + -moz-box-sizing: border-box;
  303 + box-sizing: border-box;
  304 + overflow: hidden;
  305 +}
  306 +.ag-pinned-left-floating-bottom {
  307 + float: left;
  308 + -webkit-box-sizing: border-box;
  309 + -moz-box-sizing: border-box;
  310 + box-sizing: border-box;
  311 + display: inline-block;
  312 + overflow: hidden;
  313 + height: 100%;
  314 + position: relative;
  315 +}
  316 +.ag-pinned-right-floating-bottom {
  317 + float: right;
  318 + -webkit-box-sizing: border-box;
  319 + -moz-box-sizing: border-box;
  320 + box-sizing: border-box;
  321 + display: inline-block;
  322 + overflow: hidden;
  323 + height: 100%;
  324 + position: relative;
  325 +}
  326 +.ag-floating-bottom-viewport {
  327 + -webkit-box-sizing: border-box;
  328 + -moz-box-sizing: border-box;
  329 + box-sizing: border-box;
  330 + overflow: hidden;
  331 + height: 100%;
  332 +}
  333 +.ag-floating-bottom-container {
  334 + -webkit-box-sizing: border-box;
  335 + -moz-box-sizing: border-box;
  336 + box-sizing: border-box;
  337 + position: relative;
  338 + white-space: nowrap;
  339 +}
  340 +.ag-pinned-left-cols-viewport {
  341 + float: left;
  342 +}
  343 +.ag-pinned-left-cols-container {
  344 + display: inline-block;
  345 + position: relative;
  346 +}
  347 +.ag-pinned-right-cols-viewport {
  348 + float: right;
  349 +}
  350 +.ag-ltr .ag-pinned-right-cols-viewport {
  351 + overflow-x: hidden;
  352 + overflow-y: auto;
  353 +}
  354 +.ag-ltr .ag-pinned-left-cols-viewport {
  355 + overflow: hidden;
  356 +}
  357 +.ag-rtl .ag-pinned-right-cols-viewport {
  358 + overflow: hidden;
  359 +}
  360 +.ag-rtl .ag-pinned-left-cols-viewport {
  361 + overflow-x: hidden;
  362 + overflow-y: auto;
  363 +}
  364 +.ag-pinned-right-cols-container {
  365 + display: inline-block;
  366 + position: relative;
  367 +}
  368 +.ag-body-viewport-wrapper {
  369 + height: 100%;
  370 +}
  371 +.ag-body-viewport {
  372 + overflow-x: auto;
  373 + overflow-y: auto;
  374 + height: 100%;
  375 +}
  376 +.ag-full-width-viewport {
  377 + height: 100%;
  378 + width: 100%;
  379 + position: absolute;
  380 + top: 0px;
  381 + left: 0px;
  382 + display: inline;
  383 + pointer-events: none;
  384 + -webkit-box-sizing: border-box;
  385 + -moz-box-sizing: border-box;
  386 + box-sizing: border-box;
  387 + overflow: hidden;
  388 +}
  389 +.ag-full-width-container {
  390 + overflow: hidden;
  391 + position: relative;
  392 + width: 100%;
  393 +}
  394 +.ag-floating-bottom-full-width-container {
  395 + height: 100%;
  396 + width: 100%;
  397 + position: absolute;
  398 + top: 0px;
  399 + left: 0px;
  400 + pointer-events: none;
  401 + overflow: hidden;
  402 + display: inline;
  403 +}
  404 +.ag-floating-top-full-width-container {
  405 + height: 100%;
  406 + width: 100%;
  407 + position: absolute;
  408 + top: 0px;
  409 + left: 0px;
  410 + pointer-events: none;
  411 + overflow: hidden;
  412 + display: inline;
  413 +}
  414 +.ag-full-width-row {
  415 + pointer-events: all;
  416 + overflow: hidden;
  417 +}
  418 +.ag-scrolls .ag-body-container {
  419 + position: relative;
  420 + display: inline-block;
  421 +}
  422 +.ag-row-animation {
  423 + -webkit-transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
  424 + -moz-transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
  425 + -o-transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
  426 + -ms-transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
  427 + transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
  428 +}
  429 +.ag-row-no-animation {
  430 + -webkit-transition: background-color 0.1s;
  431 + -moz-transition: background-color 0.1s;
  432 + -o-transition: background-color 0.1s;
  433 + -ms-transition: background-color 0.1s;
  434 + transition: background-color 0.1s;
  435 +}
  436 +.ag-row {
  437 + -webkit-box-sizing: border-box;
  438 + -moz-box-sizing: border-box;
  439 + box-sizing: border-box;
  440 +}
  441 +.ag-scrolls .ag-row {
  442 + white-space: nowrap;
  443 + position: absolute;
  444 + width: 100%;
  445 +}
  446 +.ag-no-scrolls .ag-row {
  447 + position: relative;
  448 +}
  449 +.ag-column-drop {
  450 + width: 100%;
  451 + -webkit-box-sizing: border-box;
  452 + -moz-box-sizing: border-box;
  453 + box-sizing: border-box;
  454 +}
  455 +.ag-column-drop-vertical .ag-column-drop-cell {
  456 + display: block;
  457 +}
  458 +.ag-column-drop-vertical .ag-column-drop-empty-message {
  459 + display: block;
  460 +}
  461 +.ag-column-drop-vertical .ag-column-drop-cell-button {
  462 + line-height: 16px;
  463 +}
  464 +.ag-ltr .ag-column-drop-vertical .ag-column-drop-cell-button {
  465 + float: right;
  466 +}
  467 +.ag-rtl .ag-column-drop-vertical .ag-column-drop-cell-button {
  468 + float: left;
  469 +}
  470 +.ag-column-drop-horizontal {
  471 + white-space: nowrap;
  472 +}
  473 +.ag-column-drop-horizontal .ag-column-drop-cell {
  474 + display: inline-block;
  475 +}
  476 +.ag-column-drop-horizontal .ag-column-drop-empty-message {
  477 + display: inline-block;
  478 +}
  479 +.ag-cell {
  480 + display: inline-block;
  481 + white-space: nowrap;
  482 + height: 100%;
  483 + -webkit-box-sizing: border-box;
  484 + -moz-box-sizing: border-box;
  485 + box-sizing: border-box;
  486 + -o-text-overflow: ellipsis;
  487 + text-overflow: ellipsis;
  488 + overflow: hidden;
  489 + position: absolute;
  490 +}
  491 +.ag-value-slide-out {
  492 + opacity: 1;
  493 + -ms-filter: none;
  494 + filter: none;
  495 + margin-right: 5px;
  496 + -webkit-transition: opacity 3s, margin-right 3s;
  497 + -moz-transition: opacity 3s, margin-right 3s;
  498 + -o-transition: opacity 3s, margin-right 3s;
  499 + -ms-transition: opacity 3s, margin-right 3s;
  500 + transition: opacity 3s, margin-right 3s;
  501 + -webkit-transition-timing-function: linear;
  502 + -moz-transition-timing-function: linear;
  503 + -o-transition-timing-function: linear;
  504 + -ms-transition-timing-function: linear;
  505 + transition-timing-function: linear;
  506 +}
  507 +.ag-value-slide-out-end {
  508 + opacity: 0;
  509 + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  510 + filter: alpha(opacity=0);
  511 + margin-right: 10px;
  512 +}
  513 +.ag-opacity-zero {
  514 + opacity: 0;
  515 + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  516 + filter: alpha(opacity=0);
  517 +}
  518 +.ag-cell-edit-input {
  519 + width: 100%;
  520 + height: 100%;
  521 +}
  522 +.ag-group-cell-entire-row {
  523 + width: 100%;
  524 + display: inline-block;
  525 + white-space: nowrap;
  526 + height: 100%;
  527 + -webkit-box-sizing: border-box;
  528 + -moz-box-sizing: border-box;
  529 + box-sizing: border-box;
  530 + -o-text-overflow: ellipsis;
  531 + text-overflow: ellipsis;
  532 + overflow: hidden;
  533 +}
  534 +.ag-footer-cell-entire-row {
  535 + width: 100%;
  536 + display: inline-block;
  537 + white-space: nowrap;
  538 + height: 100%;
  539 + -webkit-box-sizing: border-box;
  540 + -moz-box-sizing: border-box;
  541 + box-sizing: border-box;
  542 + -o-text-overflow: ellipsis;
  543 + text-overflow: ellipsis;
  544 + overflow: hidden;
  545 +}
  546 +.ag-large .ag-root {
  547 + font-size: 20px;
  548 +}
  549 +.ag-popup-editor {
  550 + position: absolute;
  551 + -webkit-user-select: none;
  552 + -moz-user-select: none;
  553 + -ms-user-select: none;
  554 + user-select: none;
  555 +}
  556 +.ag-menu {
  557 + position: absolute;
  558 + -webkit-user-select: none;
  559 + -moz-user-select: none;
  560 + -ms-user-select: none;
  561 + user-select: none;
  562 +}
  563 +.ag-menu-column-select-wrapper {
  564 + width: 200px;
  565 + height: 300px;
  566 + overflow: auto;
  567 +}
  568 +.ag-menu-list {
  569 + display: table;
  570 + border-collapse: collapse;
  571 +}
  572 +.ag-menu-option {
  573 + display: table-row;
  574 +}
  575 +.ag-menu-option-text {
  576 + display: table-cell;
  577 +}
  578 +.ag-menu-option-shortcut {
  579 + display: table-cell;
  580 +}
  581 +.ag-menu-option-icon {
  582 + display: table-cell;
  583 +}
  584 +.ag-menu-option-popup-pointer {
  585 + display: table-cell;
  586 +}
  587 +.ag-menu-separator {
  588 + display: table-row;
  589 +}
  590 +.ag-menu-separator-cell {
  591 + display: table-cell;
  592 +}
  593 +.ag-virtual-list-viewport {
  594 + overflow-x: auto;
  595 + height: 100%;
  596 + width: 100%;
  597 +}
  598 +.ag-virtual-list-container {
  599 + position: relative;
  600 + overflow: hidden;
  601 +}
  602 +.ag-rich-select {
  603 + outline: none;
  604 +}
  605 +.ag-rich-select-list {
  606 + width: 200px;
  607 + height: 200px;
  608 +}
  609 +.ag-set-filter-list {
  610 + width: 200px;
  611 + height: 200px;
  612 +}
  613 +.ag-set-filter-item {
  614 + -o-text-overflow: ellipsis;
  615 + text-overflow: ellipsis;
  616 + overflow: hidden;
  617 + white-space: nowrap;
  618 +}
  619 +.ag-virtual-list-item {
  620 + position: absolute;
  621 + width: 100%;
  622 +}
  623 +.ag-filter-filter {
  624 + width: 170px;
  625 + margin: 4px;
  626 +}
  627 +.ag-filter-select {
  628 + width: 110px;
  629 + margin: 4px 4px 0px 4px;
  630 +}
  631 +.ag-no-vertical-scroll .ag-scrolls {
  632 + height: unset;
  633 +}
  634 +.ag-no-vertical-scroll .ag-body {
  635 + height: unset;
  636 +}
  637 +.ag-no-vertical-scroll .ag-body-viewport-wrapper {
  638 + height: unset;
  639 +}
  640 +.ag-no-vertical-scroll .ag-body-viewport {
  641 + height: unset;
  642 +}
  643 +.ag-list-selection {
  644 + -webkit-user-select: none;
  645 + -moz-user-select: none;
  646 + -ms-user-select: none;
  647 + user-select: none;
  648 + cursor: default;
  649 +}
  650 +.ag-tool-panel {
  651 + width: 200px;
  652 + -webkit-user-select: none;
  653 + -moz-user-select: none;
  654 + -ms-user-select: none;
  655 + user-select: none;
  656 + cursor: default;
  657 + height: 100%;
  658 + -webkit-box-sizing: border-box;
  659 + -moz-box-sizing: border-box;
  660 + box-sizing: border-box;
  661 + overflow: auto;
  662 +}
  663 +.ag-column-select-indent {
  664 + display: inline-block;
  665 +}
  666 +.ag-column-select-column {
  667 + white-space: nowrap;
  668 +}
  669 +.ag-ltr .ag-column-select-column {
  670 + margin-left: 14px;
  671 +}
  672 +.ag-rtl .ag-column-select-column {
  673 + margin-right: 14px;
  674 +}
  675 +.ag-column-select-column-group {
  676 + white-space: nowrap;
  677 +}
  678 +.ag-hidden {
  679 + display: none !important;
  680 +}
  681 +.ag-faded {
  682 + opacity: 0.3;
  683 + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  684 + filter: alpha(opacity=30);
  685 +}
  686 +.ag-width-half {
  687 + width: 50%;
  688 + display: inline-block;
  689 +}
  690 +.ag-shake-left-to-right {
  691 + -webkit-animation-name: ag-shake-left-to-right;
  692 + -moz-animation-name: ag-shake-left-to-right;
  693 + -o-animation-name: ag-shake-left-to-right;
  694 + -ms-animation-name: ag-shake-left-to-right;
  695 + animation-name: ag-shake-left-to-right;
  696 + -webkit-animation-duration: 0.2s;
  697 + -moz-animation-duration: 0.2s;
  698 + -o-animation-duration: 0.2s;
  699 + -ms-animation-duration: 0.2s;
  700 + animation-duration: 0.2s;
  701 + -webkit-animation-iteration-count: infinite;
  702 + -moz-animation-iteration-count: infinite;
  703 + -o-animation-iteration-count: infinite;
  704 + -ms-animation-iteration-count: infinite;
  705 + animation-iteration-count: infinite;
  706 + -webkit-animation-direction: alternate;
  707 + -moz-animation-direction: alternate;
  708 + -o-animation-direction: alternate;
  709 + -ms-animation-direction: alternate;
  710 + animation-direction: alternate;
  711 +}
  712 +@-moz-keyframes ag-shake-left-to-right {
  713 + from {
  714 + padding-left: 6px;
  715 + padding-right: 2px;
  716 + }
  717 + to {
  718 + padding-left: 2px;
  719 + padding-right: 6px;
  720 + }
  721 +}
  722 +@-webkit-keyframes ag-shake-left-to-right {
  723 + from {
  724 + padding-left: 6px;
  725 + padding-right: 2px;
  726 + }
  727 + to {
  728 + padding-left: 2px;
  729 + padding-right: 6px;
  730 + }
  731 +}
  732 +@-o-keyframes ag-shake-left-to-right {
  733 + from {
  734 + padding-left: 6px;
  735 + padding-right: 2px;
  736 + }
  737 + to {
  738 + padding-left: 2px;
  739 + padding-right: 6px;
  740 + }
  741 +}
  742 +@keyframes ag-shake-left-to-right {
  743 + from {
  744 + padding-left: 6px;
  745 + padding-right: 2px;
  746 + }
  747 + to {
  748 + padding-left: 2px;
  749 + padding-right: 6px;
  750 + }
  751 +}
src/app/pages/statements/components/busStop2/busStop2.component.ts 0 → 100644
  Show/Hide comments   View file @d3423f8
  1 +import { Component, ViewEncapsulation } from '@angular/core';
  2 +
  3 +import { BusStop2Service } from './busStop2.service';
  4 +
  5 +import { LocalDataSource } from 'ng2-smart-table';
  6 +import { GridOptions } from 'ag-grid/main';
  7 +
  8 +@Component({
  9 + selector: 'statement-table',
  10 + encapsulation: ViewEncapsulation.None,
  11 + styleUrls: ['./busStop2.scss'],
  12 + templateUrl: './busStop2.html',
  13 +})
  14 +export class BusStop2 {
  15 + source: LocalDataSource = new LocalDataSource();
  16 +
  17 + public showGrid: boolean;
  18 + public rowData: any[];
  19 + public rowCount: string;
  20 + private gridOptions: GridOptions;
  21 + private columnDefs: any[];
  22 +
  23 +
  24 + constructor(protected service: BusStop2Service) {
  25 + this.gridOptions = <GridOptions>{};
  26 + // this.gridOptions.rowModelType = 'virtual';
  27 + this.service.getData().then((data) => {
  28 + this.source.load(data);
  29 + this.rowData = data;
  30 + });
  31 + this.createColumnDefs();
  32 + this.showGrid = true;
  33 + }
  34 +
  35 + onDeleteConfirm(event): void {
  36 + if (window.confirm('Вы уверены что хотите удалить??')) {
  37 + event.confirm.resolve();
  38 + } else {
  39 + event.confirm.reject();
  40 + }
  41 + }
  42 +
  43 + private createColumnDefs() {
  44 + this.columnDefs = [
  45 + {
  46 + headerName: '#',
  47 + width: 30,
  48 + checkboxSelection: true,
  49 + suppressSorting: true,
  50 + suppressMenu: true,
  51 + pinned: true
  52 + },
  53 + {
  54 + headerName: 'ID',
  55 + field: 'id',
  56 + editable: true,
  57 + width: 150
  58 + },
  59 + {
  60 + headerName: 'Назва дороги',
  61 + field: 'road',
  62 + editable: true,
  63 + width: 150
  64 + },
  65 + {
  66 + headerName: 'Область',
  67 + field: 'region',
  68 + editable: true,
  69 + width: 150
  70 + },
  71 + {
  72 + headerName: 'Місцезнаходження, км+ справа',
  73 + field: 'locationRight',
  74 + editable: true,
  75 + width: 150
  76 + },
  77 + {
  78 + headerName: 'Місцезнаходження, км+ зліва',
  79 + field: 'locationLeft',
  80 + editable: true,
  81 + width: 150
  82 + },
  83 + {
  84 + headerName: 'Технічний стан',
  85 + field: 'state',
  86 + editable: true,
  87 + width: 150
  88 + }
  89 + ];
  90 + }
  91 +}
src/app/pages/statements/components/busStop2/busStop2.html 0 → 100644
  Show/Hide comments   View file @d3423f8
  1 +<div class="widgets">
  2 +
  3 + <div class="row">
  4 + <ba-card title="Автобусні зупинки" baCardClass="with-scroll">
  5 + <ag-grid-ng2 #agGrid style="width: 100%; height: 350px;" class="ag-bootstrap"
  6 + [gridOptions]="gridOptions"
  7 + [columnDefs]="columnDefs"
  8 + [rowData]="rowData"
  9 +
  10 + enableColResize
  11 + enableSorting
  12 + enableFilter
  13 + groupHeaders
  14 + suppressRowClickSelection
  15 + toolPanelSuppressGroups
  16 + toolPanelSuppressValues
  17 + debug
  18 + rowHeight="22"
  19 + rowSelection="multiple"
  20 + >
  21 + </ag-grid-ng2>
  22 + </ba-card>
  23 + </div>
  24 +
  25 +</div>
src/app/pages/statements/components/busStop2/busStop2.scss 0 → 100644
  Show/Hide comments   View file @d3423f8
  1 +@import "../../../../theme/sass/conf/conf";
  2 +
  3 +.ng2-smart-table-container table.ng2-smart-table {
  4 + th, td {
  5 + border: 1px solid $border-light !important;
  6 + line-height: 35px;
  7 + vertical-align: middle;
  8 + }
  9 +
  10 + color: $default-text;
  11 +
  12 + input {
  13 + line-height: 1.5 !important;
  14 + }
  15 +
  16 + tbody {
  17 + tr:hover {
  18 + background: rgba(0, 0, 0, 0.03);
  19 + }
  20 + }
  21 +
  22 + a.ng2-smart-sort-link {
  23 + font-size: 14px !important;
  24 + color: $default-text;
  25 + font-weight: $font-bolder;
  26 + &.sort {
  27 + font-weight: $font-bolder !important;
  28 +
  29 + &::after {
  30 + border-bottom-color: $default-text !important;
  31 + }
  32 + }
  33 + }
  34 +
  35 + .ng2-smart-actions {
  36 + width: 70px;
  37 + text-align: center;
  38 + .actions {
  39 + float: none;
  40 + text-align: center;
  41 + }
  42 + }
  43 +
  44 + a.ng2-smart-action {
  45 + font-size: 14px !important;
  46 + color: $default-text;
  47 + padding: 0 5px;
  48 + display: inline-block;
  49 +
  50 + &.ng2-smart-action-add-add {
  51 + font-size: 25px !important;
  52 + }
  53 + }
  54 +}
  55 +
  56 +nav.ng2-smart-pagination-nav {
  57 + display: flex;
  58 + justify-content: center;
  59 +}
src/app/pages/statements/components/busStop2/busStop2.service.ts 0 → 100644
  Show/Hide comments   View file @d3423f8
  1 +import { Injectable } from '@angular/core';
  2 +import { Headers, Http } from '@angular/http';
  3 +
  4 +import 'rxjs/add/operator/toPromise';
  5 +
  6 +import { BusStop2 } from './busStop2';
  7 +
  8 +@Injectable()
  9 +export class BusStop2Service {
  10 + private url = 'http://localhost:5000/busstop';
  11 + private headers = new Headers({'Content-Type': 'application/json'});
  12 + constructor(private http: Http) { }
  13 + getData(): Promise<BusStop2[]> {
  14 + let busStops: BusStop2[] = [{
  15 + id: 1,
  16 + road: 'Test',
  17 + region: 'Test',
  18 + locationLeft: '1',
  19 + locationRight: '1',
  20 + state: 'Test'
  21 + }];
  22 + return Promise.resolve(busStops);
  23 + // return this.http.get(this.url)
  24 + // .toPromise()
  25 + // .then(response => response.json().busStopListDsM as BusStop2[])
  26 + // .catch(this.handleError);
  27 + }
  28 + private handleError(error: any): Promise<any> {
  29 + console.error('An error occured', error);
  30 + return Promise.reject(error.message || error);
  31 + }
  32 +}
src/app/pages/statements/components/busStop2/busStop2.ts 0 → 100644
  Show/Hide comments   View file @d3423f8
  1 +export class BusStop2 {
  2 + id: number;
  3 + road: string;
  4 + region: string;
  5 + locationRight: string;
  6 + locationLeft: string;
  7 + state: string;
  8 +}
src/app/pages/statements/components/busStop2/index.ts 0 → 100644
  Show/Hide comments   View file @d3423f8
  1 +export * from './busStop2.component';
src/app/pages/statements/statements.component.ts
  Show/Hide comments   View file @d3423f8
1 -import {Component} from '@angular/core'; 1 +import { Component } from '@angular/core';
2 2
3 @Component({ 3 @Component({
4 selector: 'statements', 4 selector: 'statements',
5 - styles: [], 5 + styles: [ ],
6 template: `<router-outlet></router-outlet>` 6 template: `<router-outlet></router-outlet>`
7 }) 7 })
8 export class Statements { 8 export class Statements {
src/app/pages/statements/statements.module.ts
  Show/Hide comments   View file @d3423f8
@@ -3,11 +3,14 @@ import { CommonModule } from &#39;@angular/common&#39;; @@ -3,11 +3,14 @@ import { CommonModule } from &#39;@angular/common&#39;;
3 import { FormsModule } from '@angular/forms'; 3 import { FormsModule } from '@angular/forms';
4 import { NgaModule } from '../../theme/nga.module'; 4 import { NgaModule } from '../../theme/nga.module';
5 import { Ng2SmartTableModule } from 'ng2-smart-table'; 5 import { Ng2SmartTableModule } from 'ng2-smart-table';
  6 +import { AgGridModule } from 'ag-grid-ng2/main';
6 7
7 import { routing } from './statements.routing'; 8 import { routing } from './statements.routing';
8 import { Statements } from './statements.component'; 9 import { Statements } from './statements.component';
9 import { BusStop } from './components/busStop/busStop.component'; 10 import { BusStop } from './components/busStop/busStop.component';
  11 +import { BusStop2 } from './components/busStop2/busStop2.component';
10 import { BusStopService } from './components/busStop/busStop.service'; 12 import { BusStopService } from './components/busStop/busStop.service';
  13 +import { BusStop2Service } from './components/busStop2/busStop2.service';
11 14
12 @NgModule({ 15 @NgModule({
13 imports: [ 16 imports: [
@@ -16,13 +19,18 @@ import { BusStopService } from &#39;./components/busStop/busStop.service&#39;; @@ -16,13 +19,18 @@ import { BusStopService } from &#39;./components/busStop/busStop.service&#39;;
16 NgaModule, 19 NgaModule,
17 routing, 20 routing,
18 Ng2SmartTableModule, 21 Ng2SmartTableModule,
  22 + AgGridModule.withComponents([
  23 + BusStop2
  24 + ]),
19 ], 25 ],
20 declarations: [ 26 declarations: [
21 Statements, 27 Statements,
22 BusStop, 28 BusStop,
  29 + BusStop2
23 ], 30 ],
24 providers: [ 31 providers: [
25 BusStopService, 32 BusStopService,
  33 + BusStop2Service
26 ] 34 ]
27 }) 35 })
28 export class StatementsModule { 36 export class StatementsModule {
src/app/pages/statements/statements.routing.ts
  Show/Hide comments   View file @d3423f8
@@ -2,6 +2,7 @@ import { Routes, RouterModule } from &#39;@angular/router&#39;; @@ -2,6 +2,7 @@ import { Routes, RouterModule } from &#39;@angular/router&#39;;
2 2
3 import { Statements } from './statements.component'; 3 import { Statements } from './statements.component';
4 import { BusStop } from './components/busStop/busStop.component'; 4 import { BusStop } from './components/busStop/busStop.component';
  5 +import { BusStop2 } from './components/busStop2/busStop2.component';
5 6
6 // noinspection TypeScriptValidateTypes 7 // noinspection TypeScriptValidateTypes
7 const routes: Routes = [ 8 const routes: Routes = [
@@ -9,7 +10,8 @@ const routes: Routes = [ @@ -9,7 +10,8 @@ const routes: Routes = [
9 path: '', 10 path: '',
10 component: Statements, 11 component: Statements,
11 children: [ 12 children: [
12 - { path: 'bus-stop', component: BusStop } 13 + { path: 'bus-stop', component: BusStop },
  14 + { path: 'bus-stop-2', component: BusStop2 }
13 ] 15 ]
14 } 16 }
15 ]; 17 ];
src/app/pages/statements/theme-bootstrap.css 0 → 100644
  Show/Hide comments   View file @d3423f8
  1 +.ag-bootstrap {
  2 + line-height: 1.4;
  3 + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  4 + font-size: 14px;
  5 + color: #000;
  6 +/* this is for the rowGroupPanel, that appears along the top of the grid */
  7 +/* this is for the column drops that appear in the toolPanel */
  8 +}
  9 +.ag-bootstrap img {
  10 + vertical-align: middle;
  11 + border: 0;
  12 +}
  13 +.ag-bootstrap .ag-root {
  14 + border: none;
  15 +}
  16 +.ag-bootstrap .ag-cell-not-inline-editing {
  17 + padding: 4px;
  18 +}
  19 +.ag-bootstrap .ag-cell-range-selected-1:not(.ag-cell-focus) {
  20 + background-color: rgba(120,120,120,0.4);
  21 +}
  22 +.ag-bootstrap .ag-cell-range-selected-2:not(.ag-cell-focus) {
  23 + background-color: rgba(80,80,80,0.4);
  24 +}
  25 +.ag-bootstrap .ag-cell-range-selected-3:not(.ag-cell-focus) {
  26 + background-color: rgba(40,40,40,0.4);
  27 +}
  28 +.ag-bootstrap .ag-cell-range-selected-4:not(.ag-cell-focus) {
  29 + background-color: rgba(0,0,0,0.4);
  30 +}
  31 +.ag-bootstrap .ag-column-moving .ag-cell {
  32 + -webkit-transition: left 0.2s;
  33 + -moz-transition: left 0.2s;
  34 + -o-transition: left 0.2s;
  35 + -ms-transition: left 0.2s;
  36 + transition: left 0.2s;
  37 +}
  38 +.ag-bootstrap .ag-column-moving .ag-header-cell {
  39 + -webkit-transition: left 0.2s;
  40 + -moz-transition: left 0.2s;
  41 + -o-transition: left 0.2s;
  42 + -ms-transition: left 0.2s;
  43 + transition: left 0.2s;
  44 +}
  45 +.ag-bootstrap .ag-column-moving .ag-header-group-cell {
  46 + -webkit-transition: left 0.2s;
  47 + -moz-transition: left 0.2s;
  48 + -o-transition: left 0.2s;
  49 + -ms-transition: left 0.2s;
  50 + transition: left 0.2s;
  51 +}
  52 +.ag-bootstrap .ag-cell-focus {
  53 + border: 2px solid #217346;
  54 +}
  55 +.ag-bootstrap .ag-cell-no-focus {
  56 + border-top: 1px solid transparent;
  57 + border-bottom: 1px solid transparent;
  58 +}
  59 +.ag-bootstrap .ag-ltr .ag-cell-no-focus {
  60 + border-right: none;
  61 + border-left: 1px solid transparent;
  62 +}
  63 +.ag-bootstrap .ag-rtl .ag-cell-no-focus {
  64 + border-right: 1px solid transparent;
  65 + border-left: none;
  66 +}
  67 +.ag-bootstrap .ag-rtl .ag-cell-first-right-pinned {
  68 + border-left: none;
  69 +}
  70 +.ag-bootstrap .ag-ltr .ag-cell-first-right-pinned {
  71 + border-left: none;
  72 +}
  73 +.ag-bootstrap .ag-rtl .ag-cell-last-left-pinned {
  74 + border-right: none;
  75 +}
  76 +.ag-bootstrap .ag-ltr .ag-cell-last-left-pinned {
  77 + border-right: none;
  78 +}
  79 +.ag-bootstrap .ag-cell-highlight {
  80 + border: 1px solid #006400;
  81 +}
  82 +.ag-bootstrap .ag-cell-highlight-animation {
  83 + -webkit-transition: border 1s;
  84 + -moz-transition: border 1s;
  85 + -o-transition: border 1s;
  86 + -ms-transition: border 1s;
  87 + transition: border 1s;
  88 +}
  89 +.ag-bootstrap .ag-value-change-delta {
  90 + padding-right: 2px;
  91 +}
  92 +.ag-bootstrap .ag-value-change-delta-up {
  93 + color: #006400;
  94 +}
  95 +.ag-bootstrap .ag-value-change-delta-down {
  96 + color: #8b0000;
  97 +}
  98 +.ag-bootstrap .ag-value-change-value {
  99 + background-color: transparent;
  100 + border-radius: 1px;
  101 + padding-left: 1px;
  102 + padding-right: 1px;
  103 + -webkit-transition: background-color 1s;
  104 + -moz-transition: background-color 1s;
  105 + -o-transition: background-color 1s;
  106 + -ms-transition: background-color 1s;
  107 + transition: background-color 1s;
  108 +}
  109 +.ag-bootstrap .ag-value-change-value-highlight {
  110 + background-color: #cec;
  111 + -webkit-transition: background-color 0.1s;
  112 + -moz-transition: background-color 0.1s;
  113 + -o-transition: background-color 0.1s;
  114 + -ms-transition: background-color 0.1s;
  115 + transition: background-color 0.1s;
  116 +}
  117 +.ag-bootstrap .ag-rich-select {
  118 + font-size: 14px;
  119 + border: none;
  120 + background-color: #fff;
  121 +}
  122 +.ag-bootstrap .ag-rich-select-value {
  123 + padding: 2px;
  124 +}
  125 +.ag-bootstrap .ag-rich-select-list {
  126 + border-top: 1px solid #d3d3d3;
  127 +}
  128 +.ag-bootstrap .ag-rich-select-row {
  129 + padding: 2px;
  130 +}
  131 +.ag-bootstrap .ag-rich-select-row-selected {
  132 + background-color: #bde2e5;
  133 +}
  134 +.ag-bootstrap .ag-large-text {
  135 + border: none;
  136 +}
  137 +.ag-bootstrap .ag-header {
  138 + color: #000;
  139 + background: none;
  140 + border-bottom: none;
  141 + font-weight: 600;
  142 +}
  143 +.ag-bootstrap .ag-header-icon {
  144 + color: #000;
  145 + stroke: none;
  146 + fill: #000;
  147 +}
  148 +.ag-bootstrap .ag-no-scrolls .ag-header-container {
  149 + background: none;
  150 + border-bottom: none;
  151 +}
  152 +.ag-bootstrap .ag-ltr .ag-header-cell {
  153 + border-right: none;
  154 +}
  155 +.ag-bootstrap .ag-rtl .ag-header-cell {
  156 + border-left: none;
  157 +}
  158 +.ag-bootstrap .ag-header-cell-moving .ag-header-cell-label {
  159 + opacity: 0.5;
  160 + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  161 + filter: alpha(opacity=50);
  162 +}
  163 +.ag-bootstrap .ag-header-cell-moving {
  164 + background-color: #bebebe;
  165 +}
  166 +.ag-bootstrap .ag-ltr .ag-header-group-cell {
  167 + border-right: none;
  168 +}
  169 +.ag-bootstrap .ag-rtl .ag-header-group-cell {
  170 + border-left: none;
  171 +}
  172 +.ag-bootstrap .ag-header-group-cell-with-group {
  173 + border-bottom: none;
  174 +}
  175 +.ag-bootstrap .ag-header-cell-label {
  176 + padding: 4px 2px 4px 2px;
  177 +}
  178 +.ag-bootstrap .ag-header-cell-text {
  179 + padding-left: 2px;
  180 +}
  181 +.ag-bootstrap .ag-header-group-cell-label {
  182 + padding: 4px;
  183 +}
  184 +.ag-bootstrap .ag-ltr .ag-header-group-cell-label {
  185 + padding-left: 10px;
  186 +}
  187 +.ag-bootstrap .ag-rtl .ag-header-group-cell-label {
  188 + padding-right: 10px;
  189 +}
  190 +.ag-bootstrap .ag-rtl .ag-header-group-text {
  191 + margin-left: 2px;
  192 +}
  193 +.ag-bootstrap .ag-ltr .ag-header-group-text {
  194 + margin-right: 2px;
  195 +}
  196 +.ag-bootstrap .ag-header-cell-menu-button {
  197 + padding: 2px;
  198 + margin-top: 4px;
  199 + margin-left: 1px;
  200 + margin-right: 1px;
  201 + border: 1px solid transparent;
  202 + border-radius: 3px;
  203 + -webkit-box-sizing: content-box /* When using bootstrap, box-sizing was set to 'border-box' */;
  204 + -moz-box-sizing: content-box /* When using bootstrap, box-sizing was set to 'border-box' */;
  205 + box-sizing: content-box /* When using bootstrap, box-sizing was set to 'border-box' */;
  206 + line-height: 0px /* normal line height, a space was appearing below the menu button */;
  207 +}
  208 +.ag-bootstrap .ag-ltr .ag-pinned-right-header {
  209 + border-left: none;
  210 +}
  211 +.ag-bootstrap .ag-rtl .ag-pinned-left-header {
  212 + border-right: none;
  213 +}
  214 +.ag-bootstrap .ag-header-cell-menu-button:hover {
  215 + border: none;
  216 +}
  217 +.ag-bootstrap .ag-body {
  218 + background-color: #f6f6f6;
  219 +}
  220 +.ag-bootstrap .ag-row-odd {
  221 + background-color: #f6f6f6;
  222 +}
  223 +.ag-bootstrap .ag-row-even {
  224 + background-color: #fff;
  225 +}
  226 +.ag-bootstrap .ag-row-selected {
  227 + background-color: #b0e0e6;
  228 +}
  229 +.ag-bootstrap .ag-floating-top .ag-row {
  230 + background-color: #f0f0f0;
  231 +}
  232 +.ag-bootstrap .ag-floating-bottom .ag-row {
  233 + background-color: #f0f0f0;
  234 +}
  235 +.ag-bootstrap .ag-overlay-loading-wrapper {
  236 + background-color: rgba(255,255,255,0.5);
  237 +}
  238 +.ag-bootstrap .ag-overlay-loading-center {
  239 + background-color: #fff;
  240 + border: none;
  241 + border-radius: 10px;
  242 + padding: 10px;
  243 + color: #000;
  244 +}
  245 +.ag-bootstrap .ag-overlay-no-rows-center {
  246 + background-color: #fff;
  247 + border: none;
  248 + border-radius: 10px;
  249 + padding: 10px;
  250 +}
  251 +.ag-bootstrap .ag-group-cell-entire-row {
  252 + background-color: #f6f6f6;
  253 + padding: 4px;
  254 +}
  255 +.ag-bootstrap .ag-footer-cell-entire-row {
  256 + background-color: #f6f6f6;
  257 + padding: 4px;
  258 +}
  259 +.ag-bootstrap .ag-group-cell {
  260 + font-style: italic;
  261 +}
  262 +.ag-bootstrap .ag-ltr .ag-group-expanded {
  263 + padding-right: 4px;
  264 +}
  265 +.ag-bootstrap .ag-rtl .ag-group-expanded {
  266 + padding-left: 4px;
  267 +}
  268 +.ag-bootstrap .ag-ltr .ag-group-contracted {
  269 + padding-right: 4px;
  270 +}
  271 +.ag-bootstrap .ag-rtl .ag-group-contracted {
  272 + padding-left: 4px;
  273 +}
  274 +.ag-bootstrap .ag-ltr .ag-group-value {
  275 + padding-right: 2px;
  276 +}
  277 +.ag-bootstrap .ag-rtl .ag-group-value {
  278 + padding-left: 2px;
  279 +}
  280 +.ag-bootstrap .ag-ltr .ag-group-checkbox {
  281 + padding-right: 2px;
  282 +}
  283 +.ag-bootstrap .ag-rtl .ag-group-checkbox {
  284 + padding-left: 2px;
  285 +}
  286 +.ag-bootstrap .ag-group-child-count {
  287 + display: inline-block;
  288 +}
  289 +.ag-bootstrap .ag-footer-cell {
  290 + font-style: italic;
  291 +}
  292 +.ag-bootstrap .ag-menu {
  293 + border: 1px solid #808080;
  294 + background-color: #f6f6f6;
  295 + cursor: default;
  296 + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  297 + font-size: 14px;
  298 +}
  299 +.ag-bootstrap .ag-menu .ag-tab-header {
  300 + background-color: #e6e6e6;
  301 +}
  302 +.ag-bootstrap .ag-menu .ag-tab {
  303 + padding: 6px 8px 6px 8px;
  304 + margin: 2px 2px 0px 2px;
  305 + display: inline-block;
  306 + border-right: 1px solid transparent;
  307 + border-left: 1px solid transparent;
  308 + border-top: 1px solid transparent;
  309 + border-top-right-radius: 2px;
  310 + border-top-left-radius: 2px;
  311 +}
  312 +.ag-bootstrap .ag-menu .ag-tab-selected {
  313 + background-color: #f6f6f6;
  314 + border-right: 1px solid #d3d3d3;
  315 + border-left: 1px solid #d3d3d3;
  316 + border-top: 1px solid #d3d3d3;
  317 +}
  318 +.ag-bootstrap .ag-menu-separator {
  319 + border-top: 1px solid #d3d3d3;
  320 +}
  321 +.ag-bootstrap .ag-menu-option-active {
  322 + background-color: #bde2e5;
  323 +}
  324 +.ag-bootstrap .ag-menu-option-icon {
  325 + padding: 2px 4px 2px 4px;
  326 + vertical-align: middle;
  327 +}
  328 +.ag-bootstrap .ag-menu-option-text {
  329 + padding: 2px 4px 2px 4px;
  330 + vertical-align: middle;
  331 +}
  332 +.ag-bootstrap .ag-menu-option-shortcut {
  333 + padding: 2px 2px 2px 2px;
  334 + vertical-align: middle;
  335 +}
  336 +.ag-bootstrap .ag-menu-option-popup-pointer {
  337 + padding: 2px 4px 2px 4px;
  338 + vertical-align: middle;
  339 +}
  340 +.ag-bootstrap .ag-menu-option-disabled {
  341 + opacity: 0.5;
  342 + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  343 + filter: alpha(opacity=50);
  344 +}
  345 +.ag-bootstrap .ag-menu-column-select-wrapper {
  346 + margin: 2px;
  347 +}
  348 +.ag-bootstrap .ag-filter-checkbox {
  349 + position: relative;
  350 + top: 2px;
  351 + left: 2px;
  352 +}
  353 +.ag-bootstrap .ag-filter-header-container {
  354 + border-bottom: 1px solid #d3d3d3;
  355 +}
  356 +.ag-bootstrap .ag-filter-apply-panel {
  357 + border-top: 1px solid #d3d3d3;
  358 + padding: 2px;
  359 +}
  360 +.ag-bootstrap .ag-filter-value {
  361 + margin-left: 4px;
  362 +}
  363 +.ag-bootstrap .ag-ltr .ag-selection-checkbox {
  364 + padding-right: 4px;
  365 +}
  366 +.ag-bootstrap .ag-rtl .ag-selection-checkbox {
  367 + padding-left: 4px;
  368 +}
  369 +.ag-bootstrap .ag-paging-panel {
  370 + padding: 4px;
  371 +}
  372 +.ag-bootstrap .ag-paging-button {
  373 + margin-left: 4px;
  374 + margin-right: 4px;
  375 +}
  376 +.ag-bootstrap .ag-paging-row-summary-panel {
  377 + display: inline-block;
  378 + width: 300px;
  379 +}
  380 +.ag-bootstrap .ag-tool-panel {
  381 + background-color: #f6f6f6;
  382 + border-bottom: none;
  383 + border-top: none;
  384 + color: #000;
  385 +}
  386 +.ag-bootstrap .ltr .ag-tool-panel {
  387 + border-right: none;
  388 +}
  389 +.ag-bootstrap .rtl .ag-tool-panel {
  390 + border-left: none;
  391 +}
  392 +.ag-bootstrap .ag-status-bar {
  393 + color: #000;
  394 + background-color: #f6f6f6;
  395 + font-size: 14px;
  396 + height: 22px;
  397 + border-bottom: none;
  398 + border-left: none;
  399 + border-right: none;
  400 + padding: 2px;
  401 +}
  402 +.ag-bootstrap .ag-status-bar-aggregations {
  403 + float: right;
  404 +}
  405 +.ag-bootstrap .ag-status-bar-item {
  406 + padding-left: 10px;
  407 +}
  408 +.ag-bootstrap .ag-column-drop-cell {
  409 + background: none;
  410 + color: #000;
  411 + border: 1px solid #808080;
  412 +}
  413 +.ag-bootstrap .ag-column-drop-cell-ghost {
  414 + opacity: 0.5;
  415 + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  416 + filter: alpha(opacity=50);
  417 +}
  418 +.ag-bootstrap .ag-column-drop-cell-text {
  419 + padding-left: 2px;
  420 + padding-right: 2px;
  421 +}
  422 +.ag-bootstrap .ag-column-drop-cell-button {
  423 + border: 1px solid transparent;
  424 + padding-left: 2px;
  425 + padding-right: 2px;
  426 + border-radius: 3px;
  427 +}
  428 +.ag-bootstrap .ag-column-drop-cell-button:hover {
  429 + border: none;
  430 +}
  431 +.ag-bootstrap .ag-column-drop-empty-message {
  432 + padding-left: 2px;
  433 + padding-right: 2px;
  434 + color: #808080;
  435 +}
  436 +.ag-bootstrap .ag-column-drop-icon {
  437 + margin: 3px;
  438 +}
  439 +.ag-bootstrap .ag-column-drop {
  440 + background-color: #f6f6f6;
  441 +}
  442 +.ag-bootstrap .ag-column-drop-horizontal {
  443 + padding: 2px;
  444 + border-top: none;
  445 + border-left: none;
  446 + border-right: none;
  447 +}
  448 +.ag-bootstrap .ag-column-drop-vertical {
  449 + padding: 4px 4px 10px 4px;
  450 + border-bottom: none;
  451 +}
  452 +.ag-bootstrap .ag-column-drop-vertical .ag-column-drop-cell {
  453 + margin-top: 2px;
  454 +}
  455 +.ag-bootstrap .ag-column-drop-vertical .ag-column-drop-empty-message {
  456 + text-align: center;
  457 + padding: 5px;
  458 +}
  459 +.ag-bootstrap .ag-pivot-mode {
  460 + border-bottom: none;
  461 + padding: 4px;
  462 + background-color: #f6f6f6;
  463 +}
  464 +.ag-bootstrap .ag-tool-panel .ag-column-select-panel {
  465 + border-bottom: none;
  466 +}
  467 +.ag-bootstrap .ag-select-agg-func-popup {
  468 + cursor: default;
  469 + position: absolute;
  470 + font-size: 14px;
  471 + background-color: #fff;
  472 + border: none;
  473 +}
  474 +.ag-bootstrap .ag-select-agg-func-item {
  475 + padding-left: 2px;
  476 + padding-right: 2px;
  477 +}
  478 +.ag-bootstrap .ag-select-agg-func-item:hover {
  479 + background-color: #bde2e5;
  480 +}
@@ -7,8 +7,9 @@ @@ -7,8 +7,9 @@
7 7
8 <title><%= htmlWebpackPlugin.options.title %></title> 8 <title><%= htmlWebpackPlugin.options.title %></title>
9 9
  10 + <link rel="stylesheet" href="/app/pages/statements/ag-grid.css">
  11 + <link rel="stylesheet" href="/app/pages/statements/theme-bootstrap.css">
10 <meta name="description" content="<%= htmlWebpackPlugin.options.metadata.description %>"> 12 <meta name="description" content="<%= htmlWebpackPlugin.options.metadata.description %>">
11 -  
12 <% if (webpackConfig.htmlElements.headTags) { %> 13 <% if (webpackConfig.htmlElements.headTags) { %>
13 <!-- Configured Head Tags --> 14 <!-- Configured Head Tags -->
14 <%= webpackConfig.htmlElements.headTags %> 15 <%= webpackConfig.htmlElements.headTags %>