diff options
21 files changed, 1 insertions, 33628 deletions
diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid-stable.css b/src/main/resources/META-INF/resources/designer/css/ui-grid-stable.css deleted file mode 100644 index 409817bc6..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid-stable.css +++ /dev/null @@ -1,1086 +0,0 @@ -.ui-grid { - border: 1px solid #d4d4d4; - box-sizing: content-box; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; - border-radius: 0px; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); -} -.ui-grid-vertical-bar { - position: absolute; - right: 0; - width: 0; -} -.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar, -.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { - width: 1px; -} -.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar { - background-color: #d4d4d4; -} -.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { - background-color: #d4d4d4; -} -.ui-grid-header-cell:last-child .ui-grid-vertical-bar { - right: -1px; - width: 1px; - background-color: #d4d4d4; -} -.ui-grid-clearfix:before, -.ui-grid-clearfix:after { - content: ""; - display: table; -} -.ui-grid-clearfix:after { - clear: both; -} -.ui-grid-invisible { - visibility: hidden; -} -.ui-grid-top-panel-background { - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); -} -.ui-grid-top-panel { - position: relative; - border-bottom: 1px solid #d4d4d4; - overflow: hidden; - font-weight: bold; - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - -webkit-border-top-right-radius: -1px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: -1px; - -moz-border-radius-topright: -1px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: -1px; - border-top-right-radius: -1px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: -1px; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.ui-grid-group-panel { - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - border-bottom: 1px solid #d4d4d4; - -webkit-border-top-right-radius: -1px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: -1px; - -moz-border-radius-topright: -1px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: -1px; - border-top-right-radius: -1px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: -1px; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - min-height: 30px; -} -.ui-grid-header-group-panel .hidden { - display: none; -} -.ui-grid-header-viewport { - overflow: hidden; -} -.ui-grid-header-canvas { - position: relative; -} -.ui-grid-header-canvas:before, -.ui-grid-header-canvas:after { - content: ""; - display: table; - line-height: 0; -} -.ui-grid-header-canvas:after { - clear: both; -} -.ui-grid-header-cell { - position: relative; - float: left; - top: 0; - bottom: 0; - background-color: inherit; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 0; -} -.ui-grid-header-cell .sortable { - cursor: pointer; -} -.ui-grid-header .ui-grid-vertical-bar { - top: 0; - bottom: 0; -} -.ui-grid-column-menu-button { - position: absolute; - right: 1px; - top: 0; -} -.ui-grid-column-menu-button .ui-grid-icon-angle-down { - vertical-align: sub; -} -.ui-grid-column-menu { - position: absolute; -} -/* Slide up/down animations */ -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add, -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove { - -webkit-transition: all 0.05s linear; - -moz-transition: all 0.05s linear; - -o-transition: all 0.05s linear; - transition: all 0.05s linear; - display: block !important; -} -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add.ng-hide-add-active, -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove { - -webkit-transform: translateY(-100%); - -moz-transform: translateY(-100%); - -o-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); -} -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add, -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove.ng-hide-remove-active { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); -} -.ui-grid-filter-container { - padding: 4px 10px; - position: relative; -} -.ui-grid-filter-container .ui-grid-filter-button { - position: absolute; - top: 0; - bottom: 0; - right: 0; -} -.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right { - position: absolute; - top: 50%; - line-height: 32px; - margin-top: -16px; - right: 10px; - opacity: 0.66; -} -.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right:hover { - opacity: 1; -} -input[type="text"].ui-grid-filter-input { - padding: 0; - margin: 0; - border: 0; - width: 100%; - border: 1px solid #d4d4d4; - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -input[type="text"].ui-grid-filter-input:hover { - border: 1px solid #d4d4d4; -} -.ui-grid-render-container { - position: relative; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.ui-grid-viewport { - min-height: 20px; - position: relative; - overflow: hidden; -} -.ui-grid-viewport :focus { - outline: none; -} -.ui-grid-canvas { - position: relative; -} -.ui-grid-row:nth-child(odd) .ui-grid-cell { - background-color: #fdfdfd; -} -.ui-grid-row:nth-child(even) .ui-grid-cell { - background-color: #f3f3f3; -} -.ui-grid-row:last-child .ui-grid-cell { - border-bottom-color: #d4d4d4; - border-bottom-style: solid; -} -.ui-grid-no-row-overlay { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - margin: 10%; - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #d4d4d4; - font-size: 2em; - text-align: center; -} -.ui-grid-no-row-overlay > * { - position: absolute; - display: table; - margin: auto 0; - width: 100%; - top: 0; - bottom: 0; - left: 0; - right: 0; - opacity: 0.66; -} -.ui-grid-cell { - overflow: hidden; - float: left; - background-color: inherit; - border-right: 1px solid; - border-color: #d4d4d4; - box-sizing: border-box; -} -.ui-grid-cell:last-child { - border-right: 0; -} -.ui-grid-cell-contents { - padding: 5px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - white-space: nowrap; - -ms-text-overflow: ellipsis; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - overflow: hidden; - height: 100%; -} -.ui-grid-cell-contents-hidden { - visibility: hidden; - width: 0; - height: 0; - display: none; -} -.ui-grid-row-header-cell { - background-color: #F0F0EE !important; - border-bottom: solid 1px #d4d4d4; -} -.ui-grid-native-scrollbar { - position: absolute; - overflow: scroll; -} -.ui-grid-native-scrollbar.vertical { - top: 0; - right: 0; - height: 100%; - overflow-x: hidden; - width: 17px; -} -.ui-grid-native-scrollbar.horizontal { - bottom: 0; - left: 0; - width: 100%; - overflow-y: hidden; - height: 17px; -} -.ui-grid-footer-panel-background { - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); -} -.ui-grid-footer-panel { - position: relative; - border-bottom: 1px solid #d4d4d4; - border-top: 1px solid #d4d4d4; - overflow: hidden; - font-weight: bold; - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - -webkit-border-top-right-radius: -1px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: -1px; - -moz-border-radius-topright: -1px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: -1px; - border-top-right-radius: -1px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: -1px; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.ui-grid-group-panel { - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - border-bottom: 1px solid #d4d4d4; - border-top: 1px solid #d4d4d4; - -webkit-border-top-right-radius: -1px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: -1px; - -moz-border-radius-topright: -1px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: -1px; - border-top-right-radius: -1px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: -1px; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - min-height: 30px; -} -.ui-grid-footer-group-panel .hidden { - display: none; -} -.ui-grid-footer-viewport { - overflow: hidden; -} -.ui-grid-footer-canvas { - position: relative; -} -.ui-grid-footer-canvas:before, -.ui-grid-footer-canvas:after { - content: ""; - display: table; - line-height: 0; -} -.ui-grid-footer-canvas:after { - clear: both; -} -.ui-grid-footer-cell { - overflow: hidden; - float: left; - background-color: inherit; - border-right: 1px solid; - border-color: #d4d4d4; - box-sizing: border-box; -} -.ui-grid-footer-cell:last-child { - border-right: 0; -} -.ui-grid-footer .ui-grid-vertical-bar { - top: 0; - bottom: 0; -} -input[type="text"].ui-grid-filter-input { - padding: 0; - margin: 0; - border: 0; - width: 100%; - border: 1px solid #d4d4d4; - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -input[type="text"].ui-grid-filter-input:hover { - border: 1px solid #d4d4d4; -} -.ui-grid-menu { - z-index: 2; - position: absolute; - overflow: hidden; - padding: 0 10px 20px 10px; - cursor: default; -} -.ui-grid-menu .ui-grid-menu-inner { - background: #f3f3f3; - border: 1px solid #d4d4d4; - position: relative; - white-space: nowrap; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; - border-radius: 0px; - -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2); -} -.ui-grid-menu .ui-grid-menu-inner ul { - margin: 0; - padding: 0; - list-style-type: none; -} -.ui-grid-menu .ui-grid-menu-inner ul li { - padding: 8px; - cursor: pointer; -} -.ui-grid-menu .ui-grid-menu-inner ul li:hover { - -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); -} -.ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active { - -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - background-color: #cecece; -} -.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) { - border-bottom: 1px solid #d4d4d4; -} -.ui-grid-sortarrow { - right: 5px; - position: absolute; - width: 20px; - top: 0; - bottom: 0; - background-position: center; -} -.ui-grid-sortarrow.down { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -@font-face { - font-family: 'ui-grid'; - src: url('ui-grid.eot'); - src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf?') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg'); - font-weight: normal; - font-style: normal; -} -/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ -/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ -/* -@media screen and (-webkit-min-device-pixel-ratio:0) { - @font-face { - font-family: 'ui-grid'; - src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg'); - } -} -*/ -[class^="ui-grid-icon"]:before, -[class*=" ui-grid-icon"]:before { - font-family: "ui-grid"; - font-style: normal; - font-weight: normal; - speak: none; - display: inline-block; - text-decoration: inherit; - width: 1em; - margin-right: .2em; - text-align: center; - /* opacity: .8; */ - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - /* fix buttons height, for twitter bootstrap */ - line-height: 1em; - /* Animation center compensation - margins should be symmetric */ - /* remove if not needed */ - margin-left: .2em; - /* you can be more comfortable with increased icons size */ - /* font-size: 120%; */ - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ -} -.ui-grid-icon-blank::before { - width: 1em; - content: ' '; -} -/* -* RTL Styles -*/ -.ui-grid[dir=rtl] .ui-grid-header-cell, -.ui-grid[dir=rtl] .ui-grid-footer-cell, -.ui-grid[dir=rtl] .ui-grid-cell { - float: right !important; -} -.ui-grid[dir=rtl] .ui-grid-scrollbar-horizontal { - left: inherit; - right: 0; -} -.ui-grid[dir=rtl] .ui-grid-native-scrollbar.vertical { - left: 0; - right: inherit; -} -.ui-grid[dir=rtl] .ui-grid-column-menu-button { - position: absolute; - left: 1px; - top: 0; - right: inherit; -} -.ui-grid[dir=rtl] .ui-grid-cell:first-child, -.ui-grid[dir=rtl] .ui-grid-header-cell:first-child, -.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child { - border-right: 0; -} -.ui-grid[dir=rtl] .ui-grid-cell:last-child { - border-right: 1px solid; - border-color: #d4d4d4; -} -.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar, -.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar, -.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar { - width: 0; -} -/* - Animation example, for spinners -*/ -.ui-grid-animate-spin { - -moz-animation: ui-grid-spin 2s infinite linear; - -o-animation: ui-grid-spin 2s infinite linear; - -webkit-animation: ui-grid-spin 2s infinite linear; - animation: ui-grid-spin 2s infinite linear; - display: inline-block; -} -@-moz-keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@-webkit-keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@-o-keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@-ms-keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -/*--------------------------------------------------- - LESS Elements 0.9 - --------------------------------------------------- - A set of useful LESS mixins - More info at: http://lesselements.com - ---------------------------------------------------*/ -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-cell-contents:focus { - outline: 0; - background-color: #b3c4c7; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -div.ui-grid-cell input { - border-radius: inherit; - padding: 0; - width: 100%; - color: inherit; - height: auto; - font: inherit; - outline: none; -} -div.ui-grid-cell input:focus { - color: inherit; - outline: none; -} -div.ui-grid-cell input[type="checkbox"] { - margin: 9px 0 0 6px; - width: auto; -} -div.ui-grid-cell input.ng-invalid { - border: 1px solid #fc8f8f; -} -div.ui-grid-cell input.ng-valid { - border: 1px solid #d4d4d4; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell { - background-color: #fdfdfd; -} -.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell { - background-color: #f3f3f3; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-pinned-container { - float: left; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child { - box-sizing: border-box; - border-right: 1px solid; - border-width: 1px; - border-color: #aeaeae; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child { - box-sizing: border-box; - border-right: 1px solid; - border-width: 1px; - border-color: #aeaeae; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar, -.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { - width: 1px; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar { - background-color: #d4d4d4; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { - background-color: #aeaeae; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar { - right: -1px; - width: 1px; - background-color: #aeaeae; -} -.ui-grid-render-container-body { - float: left; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-column-resizer { - top: 0; - bottom: 0; - width: 5px; - position: absolute; - cursor: col-resize; -} -.ui-grid-column-resizer.left { - left: 0; -} -.ui-grid-column-resizer.right { - right: 0; -} -.ui-grid.column-resizing { - cursor: col-resize; -} -.ui-grid.column-resizing .ui-grid-resize-overlay { - position: absolute; - top: 0; - height: 100%; - width: 1px; - background-color: #aeaeae; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-row-saving .ui-grid-cell { - color: #848484 !important; -} -.ui-grid-row-error .ui-grid-cell { - color: #ff0000 !important; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-row-selected .ui-grid-cell { - background-color: #c9dde1 !important; -} -.ui-grid-disable-selection { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; -} -.ui-grid-selection-row-header-buttons { - cursor: pointer; - opacity: 0.1; -} -.ui-grid-selection-row-header-buttons.ui-grid-row-selected { - opacity: 1; -} -.ui-grid-selection-row-header-cell { - border-bottom: solid 1px #d4d4d4; -} - -.ui-grid-icon-plus-squared:before { - content: '\c350'; -} -/* '썐' */ -.ui-grid-icon-minus-squared:before { - content: '\c351'; -} -/* '썑' */ -.ui-grid-icon-search:before { - content: '\c352'; -} -/* '썒' */ -.ui-grid-icon-cancel:before { - content: '\c353'; -} -/* '썓' */ -.ui-grid-icon-info-circled:before { - content: '\c354'; -} -/* '썔' */ -.ui-grid-icon-lock:before { - content: '\c355'; -} -/* '썕' */ -.ui-grid-icon-lock-open:before { - content: '\c356'; -} -/* '썖' */ -.ui-grid-icon-pencil:before { - content: '\c357'; -} -/* '썗' */ -.ui-grid-icon-down-dir:before { - content: '\c358'; -} -/* '썘' */ -.ui-grid-icon-up-dir:before { - content: '\c359'; -} -/* '썙' */ -.ui-grid-icon-left-dir:before { - content: '\c35a'; -} -/* '썚' */ -.ui-grid-icon-right-dir:before { - content: '\c35b'; -} -/* '썛' */ -.ui-grid-icon-left-open:before { - content: '\c35c'; -} -/* '썜' */ -.ui-grid-icon-right-open:before { - content: '\c35d'; -} -/* '썝' */ -.ui-grid-icon-angle-down:before { - content: '\c35e'; -} -/* '썞' */ -.ui-grid-icon-filter:before { - content: '\c35f'; -} -/* '썟' */ -.ui-grid-icon-sort-alt-up:before { - content: '\c360'; -} -/* '썠' */ -.ui-grid-icon-sort-alt-down:before { - content: '\c361'; -} -/* '썡' */ -.ui-grid-icon-ok:before { - content: '\e800'; -} -/* '' */ -.ui-grid-icon-spin5:before { - content: '\ea61'; -} -/* '' */ diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid-stable.min.css b/src/main/resources/META-INF/resources/designer/css/ui-grid-stable.min.css deleted file mode 100644 index f4074831c..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid-stable.min.css +++ /dev/null @@ -1,10 +0,0 @@ -.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-top-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-top-panel{position:relative;border-bottom:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-group-panel{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);border-bottom:1px solid #d4d4d4;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;min-height:30px}.ui-grid-header-group-panel .hidden{display:none}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas{position:relative}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:table;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell{position:relative;float:left;top:0;bottom:0;background-color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:0.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"].right:hover{opacity:1}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}.ui-grid-render-container{position:relative;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-viewport{min-height:20px;position:relative;overflow:hidden}.ui-grid-viewport :focus{outline:none}.ui-grid-canvas{position:relative}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:0.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row-header-cell{background-color:#F0F0EE !important;border-bottom:solid 1px #d4d4d4}.ui-grid-native-scrollbar{position:absolute;overflow:scroll}.ui-grid-native-scrollbar.vertical{top:0;right:0;height:100%;overflow-x:hidden;width:17px}.ui-grid-native-scrollbar.horizontal{bottom:0;left:0;width:100%;overflow-y:hidden;height:17px}.ui-grid-footer-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-group-panel{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;min-height:30px}.ui-grid-footer-group-panel .hidden{display:none}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-footer-cell:last-child{border-right:0}.ui-grid-footer .ui-grid-vertical-bar{top:0;bottom:0}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}.ui-grid-menu{z-index:2;position:absolute;overflow:hidden;padding:0 10px 20px 10px;cursor:default}.ui-grid-menu .ui-grid-menu-inner{background:#f3f3f3;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2)}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:8px;cursor:pointer}.ui-grid-menu .ui-grid-menu-inner ul li:hover{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2);background-color:#cecece}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child){border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url('ui-grid.eot');src:url('ui-grid.eot#iefix') format('embedded-opentype'),url('ui-grid.woff') format('woff'),url('ui-grid.ttf?') format('truetype'),url('ui-grid.svg?#ui-grid') format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-scrollbar-horizontal{left:inherit;right:0}.ui-grid[dir=rtl] .ui-grid-native-scrollbar.vertical{left:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child{border-right:1px solid;border-color:#d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}} -.ui-grid-cell-contents:focus{outline:0;background-color:#b3c4c7} -div.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}div.ui-grid-cell input:focus{color:inherit;outline:none}div.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}div.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}div.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4} -.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3} - -.ui-grid-pinned-container{float:left}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-render-container-body{float:left} -.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid.column-resizing{cursor:col-resize}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae} -.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-error .ui-grid-cell{color:#f00 !important} -.ui-grid-row-selected .ui-grid-cell{background-color:#c9dde1 !important}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{cursor:pointer;opacity:0.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected{opacity:1}.ui-grid-selection-row-header-cell{border-bottom:solid 1px #d4d4d4} -.ui-grid-icon-plus-squared:before{content:'\c350'}.ui-grid-icon-minus-squared:before{content:'\c351'}.ui-grid-icon-search:before{content:'\c352'}.ui-grid-icon-cancel:before{content:'\c353'}.ui-grid-icon-info-circled:before{content:'\c354'}.ui-grid-icon-lock:before{content:'\c355'}.ui-grid-icon-lock-open:before{content:'\c356'}.ui-grid-icon-pencil:before{content:'\c357'}.ui-grid-icon-down-dir:before{content:'\c358'}.ui-grid-icon-up-dir:before{content:'\c359'}.ui-grid-icon-left-dir:before{content:'\c35a'}.ui-grid-icon-right-dir:before{content:'\c35b'}.ui-grid-icon-left-open:before{content:'\c35c'}.ui-grid-icon-right-open:before{content:'\c35d'}.ui-grid-icon-angle-down:before{content:'\c35e'}.ui-grid-icon-filter:before{content:'\c35f'}.ui-grid-icon-sort-alt-up:before{content:'\c360'}.ui-grid-icon-sort-alt-down:before{content:'\c361'}.ui-grid-icon-ok:before{content:'\e800'}.ui-grid-icon-spin5:before{content:'\ea61'} diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.css b/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.css deleted file mode 100644 index acb27beac..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.css +++ /dev/null @@ -1,1330 +0,0 @@ -.ui-grid { - border: 1px solid #d4d4d4; - box-sizing: content-box; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; - border-radius: 0px; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -o-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); -} -.ui-grid-vertical-bar { - position: absolute; - right: 0; - width: 0; -} -.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar, -.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { - width: 1px; -} -.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar { - background-color: #d4d4d4; -} -.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { - background-color: #d4d4d4; -} -.ui-grid-header-cell:last-child .ui-grid-vertical-bar { - right: -1px; - width: 1px; - background-color: #d4d4d4; -} -.ui-grid-clearfix:before, -.ui-grid-clearfix:after { - content: ""; - display: table; -} -.ui-grid-clearfix:after { - clear: both; -} -.ui-grid-invisible { - visibility: hidden; -} -.ui-grid-top-panel-background { - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); -} -.ui-grid-header { - border-bottom: 1px solid #d4d4d4; - box-sizing: content-box; -} -.ui-grid-top-panel { - position: relative; - overflow: hidden; - font-weight: bold; - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - -webkit-border-top-right-radius: -1px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: -1px; - -moz-border-radius-topright: -1px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: -1px; - border-top-right-radius: -1px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: -1px; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.ui-grid-group-panel { - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - border-bottom: 1px solid #d4d4d4; - -webkit-border-top-right-radius: -1px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: -1px; - -moz-border-radius-topright: -1px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: -1px; - border-top-right-radius: -1px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: -1px; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - min-height: 30px; -} -.ui-grid-header-group-panel .hidden { - display: none; -} -.ui-grid-header-viewport { - overflow: hidden; -} -.ui-grid-header-canvas { - position: relative; -} -.ui-grid-header-canvas:before, -.ui-grid-header-canvas:after { - content: ""; - display: table; - line-height: 0; -} -.ui-grid-header-canvas:after { - clear: both; -} -.ui-grid-header-cell { - position: relative; - float: left; - top: 0; - bottom: 0; - background-color: inherit; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - width: 0; -} -.ui-grid-header-cell .sortable { - cursor: pointer; -} -.ui-grid-header .ui-grid-vertical-bar { - top: 0; - bottom: 0; -} -.ui-grid-column-menu-button { - position: absolute; - right: 1px; - top: 0; -} -.ui-grid-column-menu-button .ui-grid-icon-angle-down { - vertical-align: sub; -} -.ui-grid-column-menu { - position: absolute; -} -/* Slide up/down animations */ -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add, -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove { - -webkit-transition: all 0.05s linear; - -moz-transition: all 0.05s linear; - -o-transition: all 0.05s linear; - transition: all 0.05s linear; - display: block !important; -} -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active, -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove { - -webkit-transform: translateY(-100%); - -moz-transform: translateY(-100%); - -o-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); -} -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add, -.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); -} -/* Slide up/down animations */ -.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add, -.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove { - -webkit-transition: all 0.05s linear; - -moz-transition: all 0.05s linear; - -o-transition: all 0.05s linear; - transition: all 0.05s linear; - display: block !important; -} -.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active, -.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove { - -webkit-transform: translateY(-100%); - -moz-transform: translateY(-100%); - -o-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); -} -.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add, -.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active { - -webkit-transform: translateY(0); - -moz-transform: translateY(0); - -o-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); -} -.ui-grid-filter-container { - padding: 4px 10px; - position: relative; -} -.ui-grid-filter-container .ui-grid-filter-button { - position: absolute; - top: 0; - bottom: 0; - right: 0; -} -.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] { - position: absolute; - top: 50%; - line-height: 32px; - margin-top: -16px; - right: 10px; - opacity: 0.66; -} -.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover { - opacity: 1; -} -input[type="text"].ui-grid-filter-input { - padding: 0; - margin: 0; - border: 0; - width: 100%; - border: 1px solid #d4d4d4; - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -input[type="text"].ui-grid-filter-input:hover { - border: 1px solid #d4d4d4; -} -.ui-grid-render-container { - position: inherit; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0px; - -webkit-border-bottom-left-radius: 0px; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-bottomright: 0px; - -moz-border-radius-bottomleft: 0px; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 0px; - border-bottom-left-radius: 0px; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.ui-grid-render-container:focus { - outline: none; -} -.ui-grid-viewport { - min-height: 20px; - position: relative; - overflow: hidden; -} -.ui-grid-viewport :focus { - outline: none; -} -.ui-grid-canvas { - position: relative; -} -.ui-grid-row:nth-child(odd) .ui-grid-cell { - background-color: #fdfdfd; -} -.ui-grid-row:nth-child(even) .ui-grid-cell { - background-color: #f3f3f3; -} -.ui-grid-row:last-child .ui-grid-cell { - border-bottom-color: #d4d4d4; - border-bottom-style: solid; -} -.ui-grid-no-row-overlay { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - margin: 10%; - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #d4d4d4; - font-size: 2em; - text-align: center; -} -.ui-grid-no-row-overlay > * { - position: absolute; - display: table; - margin: auto 0; - width: 100%; - top: 0; - bottom: 0; - left: 0; - right: 0; - opacity: 0.66; -} -.ui-grid-cell { - overflow: hidden; - float: left; - background-color: inherit; - border-right: 1px solid; - border-color: #d4d4d4; - box-sizing: border-box; -} -.ui-grid-cell:last-child { - border-right: 0; -} -.ui-grid-cell-contents { - padding: 5px; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - white-space: nowrap; - -ms-text-overflow: ellipsis; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - overflow: hidden; - height: 100%; -} -.ui-grid-cell-contents-hidden { - visibility: hidden; - width: 0; - height: 0; - display: none; -} -.ui-grid-row-header-cell { - background-color: #F0F0EE !important; - border-bottom: solid 1px #d4d4d4; -} -.ui-grid-native-scrollbar { - position: absolute; - overflow: scroll; -} -.ui-grid-native-scrollbar.vertical { - top: 0; - right: 0; - height: 100%; - overflow-x: hidden; - width: 17px; -} -.ui-grid-native-scrollbar.horizontal { - bottom: 0; - left: 0; - width: 100%; - overflow-y: hidden; - height: 17px; -} -.ui-grid-footer-panel-background { - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); -} -.ui-grid-footer-panel { - position: relative; - border-bottom: 1px solid #d4d4d4; - border-top: 1px solid #d4d4d4; - overflow: hidden; - font-weight: bold; - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - -webkit-border-top-right-radius: -1px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: -1px; - -moz-border-radius-topright: -1px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: -1px; - border-top-right-radius: -1px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: -1px; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.ui-grid-group-panel { - background: #f3f3f3; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)); - background: -ms-linear-gradient(bottom, #eeeeee, #ffffff); - background: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%); - background: -o-linear-gradient(#ffffff, #eeeeee); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - border-bottom: 1px solid #d4d4d4; - border-top: 1px solid #d4d4d4; - -webkit-border-top-right-radius: -1px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: -1px; - -moz-border-radius-topright: -1px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: -1px; - border-top-right-radius: -1px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: -1px; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; - min-height: 30px; -} -.ui-grid-footer-group-panel .hidden { - display: none; -} -.ui-grid-footer-viewport { - overflow: hidden; -} -.ui-grid-footer-canvas { - position: relative; -} -.ui-grid-footer-canvas:before, -.ui-grid-footer-canvas:after { - content: ""; - display: table; - line-height: 0; -} -.ui-grid-footer-canvas:after { - clear: both; -} -.ui-grid-footer-cell { - overflow: hidden; - float: left; - background-color: inherit; - border-right: 1px solid; - border-color: #d4d4d4; - box-sizing: border-box; -} -.ui-grid-footer-cell:last-child { - border-right: 0; -} -.ui-grid-footer .ui-grid-vertical-bar { - top: 0; - bottom: 0; -} -input[type="text"].ui-grid-filter-input { - padding: 0; - margin: 0; - border: 0; - width: 100%; - border: 1px solid #d4d4d4; - -webkit-border-top-right-radius: 0px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-radius-topright: 0px; - -moz-border-radius-bottomright: 0; - -moz-border-radius-bottomleft: 0; - -moz-border-radius-topleft: 0; - border-top-right-radius: 0px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; - -moz-background-clip: padding-box; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -input[type="text"].ui-grid-filter-input:hover { - border: 1px solid #d4d4d4; -} -.ui-grid-menu-button { - z-index: 2; - position: absolute; - right: 0; - background: #f3f3f3; - border: 1px solid #d4d4d4; - cursor: pointer; - min-height: 27px; - font-weight: normal; -} -.ui-grid-menu-button .ui-grid-icon-container { - margin-top: 3px; -} -.ui-grid-menu-button .ui-grid-menu { - right: 0; -} -.ui-grid-menu { - z-index: 2; - position: fixed; - overflow: hidden; - padding: 0 10px 20px 10px; - cursor: pointer; - box-sizing: content-box; -} -.ui-grid-menu .ui-grid-menu-inner { - background: #f3f3f3; - border: 1px solid #d4d4d4; - position: relative; - white-space: nowrap; - -webkit-border-radius: 0px; - -moz-border-radius: 0px; - border-radius: 0px; - -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2); -} -.ui-grid-menu .ui-grid-menu-inner ul { - margin: 0; - padding: 0; - list-style-type: none; -} -.ui-grid-menu .ui-grid-menu-inner ul li { - padding: 8px; - cursor: pointer; -} -.ui-grid-menu .ui-grid-menu-inner ul li:hover { - -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); -} -.ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active { - -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); - background-color: #cecece; -} -.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) { - border-bottom: 1px solid #d4d4d4; -} -.ui-grid-sortarrow { - right: 5px; - position: absolute; - width: 20px; - top: 0; - bottom: 0; - background-position: center; -} -.ui-grid-sortarrow.down { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -@font-face { - font-family: 'ui-grid'; - src: url('ui-grid.eot'); - src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf?') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg'); - font-weight: normal; - font-style: normal; -} -/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ -/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ -/* -@media screen and (-webkit-min-device-pixel-ratio:0) { - @font-face { - font-family: 'ui-grid'; - src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg'); - } -} -*/ -[class^="ui-grid-icon"]:before, -[class*=" ui-grid-icon"]:before { - font-family: "ui-grid"; - font-style: normal; - font-weight: normal; - speak: none; - display: inline-block; - text-decoration: inherit; - width: 1em; - margin-right: .2em; - text-align: center; - /* opacity: .8; */ - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - /* fix buttons height, for twitter bootstrap */ - line-height: 1em; - /* Animation center compensation - margins should be symmetric */ - /* remove if not needed */ - margin-left: .2em; - /* you can be more comfortable with increased icons size */ - /* font-size: 120%; */ - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ -} -.ui-grid-icon-blank::before { - width: 1em; - content: ' '; -} -/* -* RTL Styles -*/ -.ui-grid[dir=rtl] .ui-grid-header-cell, -.ui-grid[dir=rtl] .ui-grid-footer-cell, -.ui-grid[dir=rtl] .ui-grid-cell { - float: right !important; -} -.ui-grid[dir=rtl] .ui-grid-scrollbar-horizontal { - left: inherit; - right: 0; -} -.ui-grid[dir=rtl] .ui-grid-native-scrollbar.vertical { - left: 0; - right: inherit; -} -.ui-grid[dir=rtl] .ui-grid-column-menu-button { - position: absolute; - left: 1px; - top: 0; - right: inherit; -} -.ui-grid[dir=rtl] .ui-grid-cell:first-child, -.ui-grid[dir=rtl] .ui-grid-header-cell:first-child, -.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child { - border-right: 0; -} -.ui-grid[dir=rtl] .ui-grid-cell:last-child { - border-right: 1px solid; - border-color: #d4d4d4; -} -.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar, -.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar, -.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar { - width: 0; -} -.ui-grid[dir=rtl] .ui-grid-menu-button { - z-index: 2; - position: absolute; - left: 0; - right: auto; - background: #f3f3f3; - border: 1px solid #d4d4d4; - cursor: pointer; - min-height: 27px; - font-weight: normal; -} -.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu { - left: 0; - right: auto; -} -.ui-grid[dir="rtl"] .ui-grid-filter-container .ui-grid-filter-button { - right: initial; - left: 0; -} -.ui-grid[dir="rtl"] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] { - right: initial; - left: 10px; -} -/* - Animation example, for spinners -*/ -.ui-grid-animate-spin { - -moz-animation: ui-grid-spin 2s infinite linear; - -o-animation: ui-grid-spin 2s infinite linear; - -webkit-animation: ui-grid-spin 2s infinite linear; - animation: ui-grid-spin 2s infinite linear; - display: inline-block; -} -@-moz-keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@-webkit-keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@-o-keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@-ms-keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -@keyframes ui-grid-spin { - 0% { - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - -o-transform: rotate(359deg); - -webkit-transform: rotate(359deg); - transform: rotate(359deg); - } -} -/*--------------------------------------------------- - LESS Elements 0.9 - --------------------------------------------------- - A set of useful LESS mixins - More info at: http://lesselements.com - ---------------------------------------------------*/ -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-cell-focus { - outline: 0; - background-color: #b3c4c7; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -div.ui-grid-cell input { - border-radius: inherit; - padding: 0; - width: 100%; - color: inherit; - height: auto; - font: inherit; - outline: none; -} -div.ui-grid-cell input:focus { - color: inherit; - outline: none; -} -div.ui-grid-cell input[type="checkbox"] { - margin: 9px 0 0 6px; - width: auto; -} -div.ui-grid-cell input.ng-invalid { - border: 1px solid #fc8f8f; -} -div.ui-grid-cell input.ng-valid { - border: 1px solid #d4d4d4; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell { - background-color: #fdfdfd; -} -.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell { - background-color: #f3f3f3; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.movingColumn { - position: fixed; - border: 1px solid #d4d4d4; - box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); -} -.movingColumn .ui-grid-icon-angle-down { - display: none; -} - -.ui-grid-pager-panel { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - padding-top: 3px; - padding-bottom: 3px; -} -.ui-grid-pager-container { - float: left; -} -.ui-grid-pager-control { - margin-right: 10px; - margin-left: 10px; - min-width: 135px; - float: left; -} -.ui-grid-pager-control button { - height: 25px; - min-width: 26px; -} -.ui-grid-pager-control input { - height: 26px; - width: 50px; - vertical-align: top; -} -.ui-grid-pager-control .first-bar { - width: 10px; - border-left: 2px solid #4d4d4d; - margin-top: -6px; - height: 12px; - margin-left: -3px; -} -.ui-grid-pager-control .first-triangle { - width: 0; - height: 0; - border-style: solid; - border-width: 5px 8.7px 5px 0; - border-color: transparent #4d4d4d transparent transparent; - margin-left: 2px; -} -.ui-grid-pager-control .next-triangle { - margin-left: 1px; -} -.ui-grid-pager-control .prev-triangle { - margin-left: 0; -} -.ui-grid-pager-control .last-triangle { - width: 0; - height: 0; - border-style: solid; - border-width: 5px 0 5px 8.7px; - border-color: transparent transparent transparent #4d4d4d; - margin-left: -1px; -} -.ui-grid-pager-control .last-bar { - width: 10px; - border-left: 2px solid #4d4d4d; - margin-top: -6px; - height: 12px; - margin-left: 1px; -} -.ui-grid-pager-row-count-picker { - float: left; -} -.ui-grid-pager-row-count-picker select { - height: 26px; - width: 60px; -} -.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label { - margin-top: 3px; -} -.ui-grid-pager-count-container { - float: right; - margin-top: 4px; - min-width: 50px; -} -.ui-grid-pager-count-container .ui-grid-pager-count { - margin-right: 10px; - margin-left: 10px; - float: right; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-pinned-container { - float: left; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child { - box-sizing: border-box; - border-right: 1px solid; - border-width: 1px; - border-color: #aeaeae; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child { - box-sizing: border-box; - border-right: 1px solid; - border-width: 1px; - border-color: #aeaeae; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar, -.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { - width: 1px; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar { - background-color: #d4d4d4; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar { - background-color: #aeaeae; -} -.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar { - right: -1px; - width: 1px; - background-color: #aeaeae; -} -.ui-grid-render-container-body { - float: left; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-column-resizer { - top: 0; - bottom: 0; - width: 5px; - position: absolute; - cursor: col-resize; -} -.ui-grid-column-resizer.left { - left: 0; -} -.ui-grid-column-resizer.right { - right: 0; -} -.ui-grid.column-resizing { - cursor: col-resize; -} -.ui-grid.column-resizing .ui-grid-resize-overlay { - position: absolute; - top: 0; - height: 100%; - width: 1px; - background-color: #aeaeae; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-row-saving .ui-grid-cell { - color: #848484 !important; -} -.ui-grid-row-dirty .ui-grid-cell { - color: #610b38; -} -.ui-grid-row-error .ui-grid-cell { - color: #ff0000 !important; -} - -/* This file contains variable declarations (do not remove this line) */ -/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -/** -* @section Grid styles -*/ -/** -* @section Header styles -*/ -/** @description Colors for header gradient */ -/** -* @section Grid body styles -*/ -/** @description Colors used for row alternation */ -/** -* @section Sort arrow colors -*/ -/** -* @section Scrollbar styles -*/ -/** -* @section font library path -*/ -/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/ -.ui-grid-row-selected .ui-grid-cell { - background-color: #c9dde1 !important; -} -.ui-grid-disable-selection { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; -} -.ui-grid-selection-row-header-buttons { - cursor: pointer; - opacity: 0.1; -} -.ui-grid-selection-row-header-buttons.ui-grid-row-selected { - opacity: 1; -} -.ui-grid-selection-row-header-buttons.ui-grid-all-selected { - opacity: 1; -} - -.ui-grid-icon-plus-squared:before { - content: '\c350'; -} -/* '썐' */ -.ui-grid-icon-minus-squared:before { - content: '\c351'; -} -/* '썑' */ -.ui-grid-icon-search:before { - content: '\c352'; -} -/* '썒' */ -.ui-grid-icon-cancel:before { - content: '\c353'; -} -/* '썓' */ -.ui-grid-icon-info-circled:before { - content: '\c354'; -} -/* '썔' */ -.ui-grid-icon-lock:before { - content: '\c355'; -} -/* '썕' */ -.ui-grid-icon-lock-open:before { - content: '\c356'; -} -/* '썖' */ -.ui-grid-icon-pencil:before { - content: '\c357'; -} -/* '썗' */ -.ui-grid-icon-down-dir:before { - content: '\c358'; -} -/* '썘' */ -.ui-grid-icon-up-dir:before { - content: '\c359'; -} -/* '썙' */ -.ui-grid-icon-left-dir:before { - content: '\c35a'; -} -/* '썚' */ -.ui-grid-icon-right-dir:before { - content: '\c35b'; -} -/* '썛' */ -.ui-grid-icon-left-open:before { - content: '\c35c'; -} -/* '썜' */ -.ui-grid-icon-right-open:before { - content: '\c35d'; -} -/* '썝' */ -.ui-grid-icon-angle-down:before { - content: '\c35e'; -} -/* '썞' */ -.ui-grid-icon-filter:before { - content: '\c35f'; -} -/* '썟' */ -.ui-grid-icon-sort-alt-up:before { - content: '\c360'; -} -/* '썠' */ -.ui-grid-icon-sort-alt-down:before { - content: '\c361'; -} -/* '썡' */ -.ui-grid-icon-ok:before { - content: '\c362'; -} -/* '썢' */ -.ui-grid-icon-menu:before { - content: '\c363'; -} -/* '썣' */ -.ui-grid-icon-spin5:before { - content: '\ea61'; -} -/* '' */ diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.eot b/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.eot Binary files differdeleted file mode 100644 index 88b133b63..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.eot +++ /dev/null diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.min.css b/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.min.css deleted file mode 100644 index cc065e900..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.min.css +++ /dev/null @@ -1,13 +0,0 @@ -.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-top-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-header{border-bottom:1px solid #d4d4d4;box-sizing:content-box}.ui-grid-top-panel{position:relative;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-group-panel{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);border-bottom:1px solid #d4d4d4;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;min-height:30px}.ui-grid-header-group-panel .hidden{display:none}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas{position:relative}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:table;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell{position:relative;float:left;top:0;bottom:0;background-color:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .05s linear;-moz-transition:all .05s linear;-o-transition:all .05s linear;transition:all .05s linear;display:block !important}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:0.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover{opacity:1}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}.ui-grid-render-container{position:inherit;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-render-container:focus{outline:none}.ui-grid-viewport{min-height:20px;position:relative;overflow:hidden}.ui-grid-viewport :focus{outline:none}.ui-grid-canvas{position:relative}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:0.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row-header-cell{background-color:#F0F0EE !important;border-bottom:solid 1px #d4d4d4}.ui-grid-native-scrollbar{position:absolute;overflow:scroll}.ui-grid-native-scrollbar.vertical{top:0;right:0;height:100%;overflow-x:hidden;width:17px}.ui-grid-native-scrollbar.horizontal{bottom:0;left:0;width:100%;overflow-y:hidden;height:17px}.ui-grid-footer-panel-background{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-group-panel{background:#f3f3f3;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff));background:-ms-linear-gradient(bottom, #eee, #fff);background:-moz-linear-gradient(center bottom, #eee 0, #fff 100%);background:-o-linear-gradient(#fff, #eee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;min-height:30px}.ui-grid-footer-group-panel .hidden{display:none}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-footer-cell:last-child{border-right:0}.ui-grid-footer .ui-grid-vertical-bar{top:0;bottom:0}input[type="text"].ui-grid-filter-input{padding:0;margin:0;border:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}.ui-grid-menu-button{z-index:2;position:absolute;right:0;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid-menu-button .ui-grid-icon-container{margin-top:3px}.ui-grid-menu-button .ui-grid-menu{right:0}.ui-grid-menu{z-index:2;position:fixed;overflow:hidden;padding:0 10px 20px 10px;cursor:pointer;box-sizing:content-box}.ui-grid-menu .ui-grid-menu-inner{background:#f3f3f3;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2)}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:8px;cursor:pointer}.ui-grid-menu .ui-grid-menu-inner ul li:hover{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active{-webkit-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 14px rgba(0,0,0,0.2);box-shadow:inset 0 0 14px rgba(0,0,0,0.2);background-color:#cecece}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child){border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url('ui-grid.eot');src:url('ui-grid.eot#iefix') format('embedded-opentype'),url('ui-grid.woff') format('woff'),url('ui-grid.ttf?') format('truetype'),url('ui-grid.svg?#ui-grid') format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-scrollbar-horizontal{left:inherit;right:0}.ui-grid[dir=rtl] .ui-grid-native-scrollbar.vertical{left:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child{border-right:1px solid;border-color:#d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid[dir=rtl] .ui-grid-menu-button{z-index:2;position:absolute;left:0;right:auto;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu{left:0;right:auto}.ui-grid[dir="rtl"] .ui-grid-filter-container .ui-grid-filter-button{right:initial;left:0}.ui-grid[dir="rtl"] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{right:initial;left:10px}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}} -.ui-grid-cell-focus{outline:0;background-color:#b3c4c7} -div.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}div.ui-grid-cell input:focus{color:inherit;outline:none}div.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}div.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}div.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4} -.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3} - - -.movingColumn{position:fixed;border:1px solid #d4d4d4;box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.movingColumn .ui-grid-icon-angle-down{display:none} -.ui-grid-pager-panel{position:absolute;left:0;bottom:0;width:100%;padding-top:3px;padding-bottom:3px}.ui-grid-pager-container{float:left}.ui-grid-pager-control{margin-right:10px;margin-left:10px;min-width:135px;float:left}.ui-grid-pager-control button{height:25px;min-width:26px}.ui-grid-pager-control input{height:26px;width:50px;vertical-align:top}.ui-grid-pager-control .first-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ui-grid-pager-control .first-triangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ui-grid-pager-control .next-triangle{margin-left:1px}.ui-grid-pager-control .prev-triangle{margin-left:0}.ui-grid-pager-control .last-triangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ui-grid-pager-control .last-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ui-grid-pager-row-count-picker{float:left}.ui-grid-pager-row-count-picker select{height:26px;width:60px}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-top:3px}.ui-grid-pager-count-container{float:right;margin-top:4px;min-width:50px}.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:10px;margin-left:10px;float:right} -.ui-grid-pinned-container{float:left}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-render-container-body{float:left} -.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid.column-resizing{cursor:col-resize}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae} -.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-dirty .ui-grid-cell{color:#610b38}.ui-grid-row-error .ui-grid-cell{color:#f00 !important} -.ui-grid-row-selected .ui-grid-cell{background-color:#c9dde1 !important}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{cursor:pointer;opacity:0.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected{opacity:1}.ui-grid-selection-row-header-buttons.ui-grid-all-selected{opacity:1} -.ui-grid-icon-plus-squared:before{content:'\c350'}.ui-grid-icon-minus-squared:before{content:'\c351'}.ui-grid-icon-search:before{content:'\c352'}.ui-grid-icon-cancel:before{content:'\c353'}.ui-grid-icon-info-circled:before{content:'\c354'}.ui-grid-icon-lock:before{content:'\c355'}.ui-grid-icon-lock-open:before{content:'\c356'}.ui-grid-icon-pencil:before{content:'\c357'}.ui-grid-icon-down-dir:before{content:'\c358'}.ui-grid-icon-up-dir:before{content:'\c359'}.ui-grid-icon-left-dir:before{content:'\c35a'}.ui-grid-icon-right-dir:before{content:'\c35b'}.ui-grid-icon-left-open:before{content:'\c35c'}.ui-grid-icon-right-open:before{content:'\c35d'}.ui-grid-icon-angle-down:before{content:'\c35e'}.ui-grid-icon-filter:before{content:'\c35f'}.ui-grid-icon-sort-alt-up:before{content:'\c360'}.ui-grid-icon-sort-alt-down:before{content:'\c361'}.ui-grid-icon-ok:before{content:'\c362'}.ui-grid-icon-menu:before{content:'\c363'}.ui-grid-icon-spin5:before{content:'\ea61'} diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.svg b/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.svg deleted file mode 100644 index ad8cdc634..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.svg +++ /dev/null @@ -1,31 +0,0 @@ -<?xml version="1.0" standalone="no"?> -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> -<svg xmlns="http://www.w3.org/2000/svg"> -<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata> -<defs> -<font id="ui-grid" horiz-adv-x="1000" > -<font-face font-family="ui-grid" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" /> -<missing-glyph horiz-adv-x="1000" /> -<glyph glyph-name="plus-squared" unicode="썐" d="m0 82v536q0 66 47 113t114 48h535q67 0 114-48t47-113v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113z m143 232q0-14 11-25t25-10h178v-179q0-14 11-25t25-11h71q15 0 25 11t11 25v179h179q14 0 25 10t10 25v72q0 14-10 25t-25 10h-179v179q0 15-11 25t-25 11h-71q-15 0-25-11t-11-25v-179h-178q-15 0-26-10t-10-25v-72z" horiz-adv-x="857.1" /> -<glyph glyph-name="minus-squared" unicode="썑" d="m0 82v536q0 66 47 113t114 48h535q67 0 114-48t47-113v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113z m143 232q0-14 11-25t25-10h500q14 0 25 10t10 25v72q0 14-10 25t-25 10h-500q-15 0-26-10t-10-25v-72z" horiz-adv-x="857.1" /> -<glyph glyph-name="search" unicode="썒" d="m0 386q0 80 31 152t84 126 125 84 153 31 152-31 126-84 84-126 31-152q0-123-69-223l191-191q21-21 21-51 0-29-22-50t-50-21q-30 0-50 21l-191 191q-100-69-223-69-80 0-153 31t-125 83-84 126-31 153z m143 0q0-103 73-177t177-73 176 73 74 177-74 176-176 74-177-74-73-176z" horiz-adv-x="928.6" /> -<glyph glyph-name="cancel" unicode="썓" d="m61 112q0 23 16 38l164 164-164 164q-16 16-16 38t16 38l76 76q16 16 38 16t38-16l164-164 164 164q16 16 38 16t38-16l76-76q15-15 15-38t-15-38l-164-164 164-164q15-15 15-38t-15-38l-76-76q-16-15-38-15t-38 15l-164 164-164-164q-16-15-38-15t-38 15l-76 76q-16 16-16 38z" horiz-adv-x="785.7" /> -<glyph glyph-name="info-circled" unicode="썔" d="m0 350q0 117 58 215t155 156 216 58 215-58 156-156 57-215-57-215-156-156-215-58-216 58-155 156-58 215z m286-268q0-8 5-13t13-5h250q7 0 12 5t5 13v89q0 8-5 13t-12 5h-54v286q0 8-5 13t-13 5h-178q-8 0-13-5t-5-13v-89q0-8 5-13t13-5h53v-179h-53q-8 0-13-5t-5-13v-89z m71 500q0-8 5-13t13-5h107q8 0 13 5t5 13v89q0 8-5 13t-13 5h-107q-8 0-13-5t-5-13v-89z" horiz-adv-x="857.1" /> -<glyph glyph-name="lock" unicode="썕" d="m0 46v322q0 22 16 38t38 15h17v108q0 102 74 176t176 74 177-74 73-176v-108h18q23 0 38-15t16-38v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37z m179 375h285v108q0 59-42 101t-101 41-101-41-41-101v-108z" horiz-adv-x="642.9" /> -<glyph glyph-name="lock-open" unicode="썖" d="m0 46v322q0 22 16 38t38 15h375v108q0 103 73 176t177 74 176-74 74-176v-143q0-15-11-25t-25-11h-36q-14 0-25 11t-11 25v143q0 59-41 101t-101 41-101-41-42-101v-108h53q23 0 38-15t16-38v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37z" horiz-adv-x="928.6" /> -<glyph glyph-name="pencil" unicode="썗" d="m0-79v233l464 464 232-232-464-465h-232z m71 143h72v-71h60l50 51-131 131-51-51v-60z m95 143q0-12 13-12 5 0 9 4l303 302q3 4 3 10 0 12-12 12-5 0-9-4l-303-302q-4-4-4-10z m334 447l93 92q20 21 50 21 29 0 51-21l131-131q20-22 20-51 0-29-20-50l-93-93z" horiz-adv-x="857.1" /> -<glyph glyph-name="down-dir" unicode="썘" d="m0 457q0 15 11 25t25 11h500q14 0 25-11t10-25-10-25l-250-250q-11-11-25-11t-25 11l-250 250q-11 11-11 25z" horiz-adv-x="571.4" /> -<glyph glyph-name="up-dir" unicode="썙" d="m0 171q0 15 11 26l250 250q10 10 25 10t25-10l250-250q10-11 10-26t-10-25-25-10h-500q-15 0-25 10t-11 25z" horiz-adv-x="571.4" /> -<glyph glyph-name="left-dir" unicode="썚" d="m36 350q0 15 10 25l250 250q11 11 25 11t26-11 10-25v-500q0-14-10-25t-26-11-25 11l-250 250q-10 11-10 25z" horiz-adv-x="357.1" /> -<glyph glyph-name="right-dir" unicode="썛" d="m0 100v500q0 15 11 25t25 11 25-11l250-250q10-10 10-25t-10-25l-250-250q-11-11-25-11t-25 11-11 25z" horiz-adv-x="357.1" /> -<glyph glyph-name="left-open" unicode="썜" d="m86 386q0 14 11 25l414 414q10 10 25 10t25-10l92-93q11-10 11-25t-11-25l-296-296 296-297q11-10 11-25t-11-25l-92-93q-11-10-25-10t-25 10l-414 415q-11 10-11 25z" horiz-adv-x="714.3" /> -<glyph glyph-name="right-open" unicode="썝" d="m50 64q0 15 11 25l296 297-296 296q-11 11-11 25t11 25l92 93q11 10 26 10t25-10l414-414q10-11 10-25t-10-25l-414-414q-11-11-25-11t-26 11l-92 92q-11 11-11 25z" horiz-adv-x="714.3" /> -<glyph glyph-name="angle-down" unicode="썞" d="m43 439q0 8 6 13l27 28q6 6 13 6t13-6l219-219 220 219q5 6 13 6t12-6l28-28q6-5 6-13t-6-13l-260-260q-5-5-13-5t-12 5l-260 260q-6 6-6 13z" horiz-adv-x="642.9" /> -<glyph glyph-name="filter" unicode="썟" d="m3 685q9 22 33 22h714q23 0 33-22 9-23-8-39l-275-275v-414q0-23-22-33-7-3-14-3-15 0-25 11l-143 143q-10 10-10 25v271l-275 275q-18 16-8 39z" horiz-adv-x="785.7" /> -<glyph glyph-name="sort-alt-up" unicode="썠" d="m19 53q4 11 17 11h107v768q0 8 5 13t13 5h107q8 0 13-5t5-13v-768h107q8 0 13-5t5-13q0-6-6-13l-178-178q-5-5-13-5-6 0-13 5l-178 179q-8 9-4 19z m481-78q0 8 5 13t13 5h464q8 0 13-5t5-13v-107q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v107z m0 179v107q0 8 5 13t13 5h357q8 0 13-5t5-13v-107q0-8-5-13t-13-5h-357q-8 0-13 5t-5 13z m0 285v107q0 8 5 13t13 5h250q8 0 13-5t5-13v-107q0-8-5-13t-13-5h-250q-8 0-13 5t-5 13z m0 286v107q0 8 5 13t13 5h143q8 0 13-5t5-13v-107q0-8-5-13t-13-5h-143q-8 0-13 5t-5 13z" horiz-adv-x="1000" /> -<glyph glyph-name="sort-alt-down" unicode="썡" d="m19 53q4 11 17 11h107v768q0 8 5 13t13 5h107q8 0 13-5t5-13v-768h107q8 0 13-5t5-13q0-6-6-13l-178-178q-5-5-13-5-6 0-13 5l-178 179q-8 9-4 19z m481-78q0 8 5 13t13 5h143q8 0 13-5t5-13v-107q0-8-5-13t-13-5h-143q-8 0-13 5t-5 13v107z m0 179v107q0 8 5 13t13 5h250q8 0 13-5t5-13v-107q0-8-5-13t-13-5h-250q-8 0-13 5t-5 13z m0 285v107q0 8 5 13t13 5h357q8 0 13-5t5-13v-107q0-8-5-13t-13-5h-357q-8 0-13 5t-5 13z m0 286v107q0 8 5 13t13 5h464q8 0 13-5t5-13v-107q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13z" horiz-adv-x="1000" /> -<glyph glyph-name="ok" unicode="" d="m68 332q0 22 15 38l76 76q16 16 38 16t38-16l164-165 366 367q16 16 38 16t38-16l76-76q15-16 15-38t-15-38l-404-404-76-76q-16-15-38-15t-38 15l-76 76-202 202q-15 16-15 38z" horiz-adv-x="1000" /> -<glyph glyph-name="spin5" unicode="" d="m462 850c-6 0-11-5-11-11l0-183 0 0c0-6 5-11 11-11l69 0c1 0 1 0 1 0 7 0 12 5 12 11l0 183 0 0c0 6-5 11-12 11l-69 0c0 0 0 0-1 0z m250-47c-4 1-8-2-10-5l-91-158 0 0c-4-6-2-13 4-16l60-35c0 0 0 0 0 0 6-3 13-1 16 4l91 158c3 6 2 13-4 16l-61 35c-1 1-3 1-5 1z m-428-2c-2 0-4-1-6-2l-61-35c-5-3-7-10-4-16l91-157c0 0 0 0 0 0 3-6 10-8 16-5l61 35c5 4 7 11 4 16l-91 157c0 1 0 1 0 1-2 4-6 6-10 6z m620-163c-2 0-4 0-6-1l-157-91c0 0 0 0 0 0-6-3-8-10-5-16l35-61c4-5 11-7 16-4l157 91c1 0 1 0 1 0 6 3 7 10 4 16l-35 61c-2 3-6 5-10 5z m-810-4c-5 0-9-2-11-6l-35-61c-3-5-1-12 4-15l158-92 0 0c6-3 13-1 16 5l35 60c0 0 0 0 0 0 3 6 1 13-4 16l-158 91c-2 1-4 2-5 2z m712-235l0 0c-6 0-11-5-11-11l0-69c0-1 0-1 0-1 0-7 5-12 11-12l183 0 0 0c6 0 11 5 11 12l0 69c0 0 0 0 0 1 0 6-5 11-11 11l-183 0z m-794-5l0 0c-7 0-12-5-12-12l0-69c0 0 0 0 0-1 0-6 5-11 12-11l182 0 0 0c6 0 11 5 11 11l0 69c0 1 0 1 0 1 0 7-5 12-11 12l-182 0z m772-153c-4 0-8-2-10-6l-34-60c-1 0-1 0-1 0-3-6-1-13 4-16l158-91c6-3 13-2 16 4l35 61c3 5 1 12-4 15l-158 91 0 0c-2 1-4 2-6 2z m-566-5c-1 0-3 0-5-1l-157-91c0 0-1 0-1 0-5-3-7-11-4-16l35-61c3-5 10-7 16-4l157 91c0 0 0 0 0 0 6 3 8 10 5 16l-35 61c-3 3-7 5-11 5z m468-121c-2 0-4 0-6-1l-61-35c-5-4-7-11-4-16l91-157c0-1 0-1 0-1 3-6 11-7 16-4l61 35c5 3 7 10 4 16l-91 157c0 0 0 0 0 0-2 4-6 6-10 6z m-367-3c-4 1-8-2-10-5l-91-158c-3-6-1-13 4-16l61-35c5-3 12-1 15 4l92 158 0 0c3 6 1 13-5 16l-60 34c0 1 0 1 0 1-2 1-4 1-6 1z m149-57c-7 0-12-5-12-11l0-183 0 0c0-6 5-11 12-11l69 0c0 0 0 0 1 0 6 0 11 5 11 11l0 183 0 0c0 6-5 11-11 11l-69 0c-1 0-1 0-1 0z" horiz-adv-x="1000" /> -</font> -</defs> -</svg> diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.ttf b/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.ttf Binary files differdeleted file mode 100644 index d2dc304da..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.ttf +++ /dev/null diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.woff b/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.woff Binary files differdeleted file mode 100644 index e11bc6564..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid-unstable.woff +++ /dev/null diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid.css b/src/main/resources/META-INF/resources/designer/css/ui-grid.css deleted file mode 100644 index b31f2f54d..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid.css +++ /dev/null @@ -1,14 +0,0 @@ -.ui-grid-header-table { - margin-bottom: 0; -} -.ui-grid-pinned.left { - float: left; -} -.ui-grid-pinned.right { - float: right; -} -.ui-grid-viewport tbody, -.ui-grid-viewport table tr:first-child, -.ui-grid-viewport table tr:first-child > td { - border-top: none; -} diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid.eot b/src/main/resources/META-INF/resources/designer/css/ui-grid.eot Binary files differdeleted file mode 100644 index 4d98e71c3..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid.eot +++ /dev/null diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid.min.css b/src/main/resources/META-INF/resources/designer/css/ui-grid.min.css deleted file mode 100644 index 0506679b5..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid.min.css +++ /dev/null @@ -1 +0,0 @@ -.ui-grid-header-table{margin-bottom:0}.ui-grid-pinned.left{float:left}.ui-grid-pinned.right{float:right}.ui-grid-viewport tbody,.ui-grid-viewport table tr:first-child,.ui-grid-viewport table tr:first-child>td{border-top:none} diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid.svg b/src/main/resources/META-INF/resources/designer/css/ui-grid.svg deleted file mode 100644 index e3138a364..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid.svg +++ /dev/null @@ -1,32 +0,0 @@ -<?xml version="1.0" standalone="no"?> -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> -<svg xmlns="http://www.w3.org/2000/svg"> -<metadata>Copyright (C) 2014 by original authors @ fontello.com</metadata> -<defs> -<font id="ui-grid" horiz-adv-x="1000" > -<font-face font-family="ui-grid" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" /> -<missing-glyph horiz-adv-x="1000" /> -<glyph glyph-name="plus-squared" unicode="썐" d="m714 314v72q0 14-10 25t-25 10h-179v179q0 15-11 25t-25 11h-71q-15 0-25-11t-11-25v-179h-178q-15 0-26-10t-10-25v-72q0-14 10-25t26-10h178v-179q0-14 11-25t25-11h71q15 0 25 11t11 25v179h179q14 0 25 10t10 25z m143 304v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" /> -<glyph glyph-name="minus-squared" unicode="썑" d="m714 314v72q0 14-10 25t-25 10h-500q-15 0-26-10t-10-25v-72q0-14 10-25t26-10h500q14 0 25 10t10 25z m143 304v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" /> -<glyph glyph-name="search" unicode="썒" d="m643 386q0 103-74 176t-176 74-177-74-73-176 73-177 177-73 176 73 74 177z m286-465q0-29-22-50t-50-21q-30 0-50 21l-191 191q-100-69-223-69-80 0-153 31t-125 84-84 125-31 153 31 152 84 126 125 84 153 31 152-31 126-84 84-126 31-152q0-123-69-223l191-191q21-21 21-51z" horiz-adv-x="928.6" /> -<glyph glyph-name="cancel" unicode="썓" d="m724 112q0-22-15-38l-76-76q-16-15-38-15t-38 15l-164 165-164-165q-16-15-38-15t-38 15l-76 76q-16 16-16 38t16 38l164 164-164 164q-16 16-16 38t16 38l76 76q16 16 38 16t38-16l164-164 164 164q16 16 38 16t38-16l76-76q15-15 15-38t-15-38l-164-164 164-164q15-15 15-38z" horiz-adv-x="785.7" /> -<glyph glyph-name="info-circled" unicode="썔" d="m571 82v89q0 8-5 13t-12 5h-54v286q0 8-5 13t-13 5h-178q-8 0-13-5t-5-13v-89q0-8 5-13t13-5h53v-179h-53q-8 0-13-5t-5-13v-89q0-8 5-13t13-5h250q7 0 12 5t5 13z m-71 500v89q0 8-5 13t-13 5h-107q-8 0-13-5t-5-13v-89q0-8 5-13t13-5h107q8 0 13 5t5 13z m357-232q0-117-57-215t-156-156-215-58-216 58-155 156-58 215 58 215 155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" /> -<glyph glyph-name="lock" unicode="썕" d="m179 421h285v108q0 59-42 101t-101 41-101-41-41-101v-108z m464-53v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37v322q0 22 16 38t38 15h17v108q0 102 74 176t176 74 177-74 73-176v-108h18q23 0 38-15t16-38z" horiz-adv-x="642.9" /> -<glyph glyph-name="lock-open" unicode="썖" d="m929 529v-143q0-15-11-25t-25-11h-36q-14 0-25 11t-11 25v143q0 59-41 101t-101 41-101-41-42-101v-108h53q23 0 38-15t16-38v-322q0-22-16-37t-38-16h-535q-23 0-38 16t-16 37v322q0 22 16 38t38 15h375v108q0 103 73 176t177 74 176-74 74-176z" horiz-adv-x="928.6" /> -<glyph glyph-name="pencil" unicode="썗" d="m203-7l50 51-131 131-51-51v-60h72v-71h60z m291 518q0 12-12 12-5 0-9-4l-303-302q-4-4-4-10 0-12 13-12 5 0 9 4l303 302q3 4 3 10z m-30 107l232-232-464-465h-232v233z m381-54q0-29-20-50l-93-93-232 233 93 92q20 21 50 21 29 0 51-21l131-131q20-22 20-51z" horiz-adv-x="857.1" /> -<glyph glyph-name="down-dir" unicode="썘" d="m571 457q0-14-10-25l-250-250q-11-11-25-11t-25 11l-250 250q-11 11-11 25t11 25 25 11h500q14 0 25-11t10-25z" horiz-adv-x="571.4" /> -<glyph glyph-name="up-dir" unicode="썙" d="m571 171q0-14-10-25t-25-10h-500q-15 0-25 10t-11 25 11 26l250 250q10 10 25 10t25-10l250-250q10-11 10-26z" horiz-adv-x="571.4" /> -<glyph glyph-name="left-dir" unicode="썚" d="m357 600v-500q0-14-10-25t-26-11-25 11l-250 250q-10 11-10 25t10 25l250 250q11 11 25 11t26-11 10-25z" horiz-adv-x="357.1" /> -<glyph glyph-name="right-dir" unicode="썛" d="m321 350q0-14-10-25l-250-250q-11-11-25-11t-25 11-11 25v500q0 15 11 25t25 11 25-11l250-250q10-10 10-25z" horiz-adv-x="357.1" /> -<glyph glyph-name="left-open" unicode="썜" d="m653 682l-296-296 296-297q11-10 11-25t-11-25l-92-93q-11-10-25-10t-25 10l-414 415q-11 10-11 25t11 25l414 414q10 10 25 10t25-10l92-93q11-10 11-25t-11-25z" horiz-adv-x="714.3" /> -<glyph glyph-name="right-open" unicode="썝" d="m618 361l-414-415q-11-10-25-10t-26 10l-92 93q-11 11-11 25t11 25l296 297-296 296q-11 11-11 25t11 25l92 93q11 10 26 10t25-10l414-414q10-11 10-25t-10-25z" horiz-adv-x="714.3" /> -<glyph glyph-name="angle-down" unicode="썞" d="m600 439q0-7-6-13l-260-260q-5-5-13-5t-12 5l-260 260q-6 6-6 13t6 13l27 28q6 6 13 6t13-6l219-219 220 219q5 6 13 6t12-6l28-28q6-5 6-13z" horiz-adv-x="642.9" /> -<glyph glyph-name="filter" unicode="썟" d="m783 685q9-23-8-39l-275-275v-414q0-23-22-33-7-3-14-3-15 0-25 11l-143 143q-10 10-10 25v271l-275 275q-18 16-8 39 9 22 33 22h714q23 0 33-22z" horiz-adv-x="785.7" /> -<glyph glyph-name="sort-alt-up" unicode="썠" d="m411 46q0-6-6-13l-178-178q-5-5-13-5-6 0-13 5l-178 179q-8 9-4 19 4 11 17 11h107v768q0 8 5 13t13 5h107q8 0 13-5t5-13v-768h107q8 0 13-5t5-13z m589-71v-107q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v107q0 8 5 13t13 5h464q8 0 13-5t5-13z m-107 286v-107q0-8-5-13t-13-5h-357q-8 0-13 5t-5 13v107q0 8 5 13t13 5h357q8 0 13-5t5-13z m-107 285v-107q0-8-5-13t-13-5h-250q-8 0-13 5t-5 13v107q0 8 5 13t13 5h250q8 0 13-5t5-13z m-107 286v-107q0-8-5-13t-13-5h-143q-8 0-13 5t-5 13v107q0 8 5 13t13 5h143q8 0 13-5t5-13z" horiz-adv-x="1000" /> -<glyph glyph-name="sort-alt-down" unicode="썡" d="m679-25v-107q0-8-5-13t-13-5h-143q-8 0-13 5t-5 13v107q0 8 5 13t13 5h143q8 0 13-5t5-13z m-268 71q0-6-6-13l-178-178q-5-5-13-5-6 0-13 5l-178 179q-8 9-4 19 4 11 17 11h107v768q0 8 5 13t13 5h107q8 0 13-5t5-13v-768h107q8 0 13-5t5-13z m375 215v-107q0-8-5-13t-13-5h-250q-8 0-13 5t-5 13v107q0 8 5 13t13 5h250q8 0 13-5t5-13z m107 285v-107q0-8-5-13t-13-5h-357q-8 0-13 5t-5 13v107q0 8 5 13t13 5h357q8 0 13-5t5-13z m107 286v-107q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v107q0 8 5 13t13 5h464q8 0 13-5t5-13z" horiz-adv-x="1000" /> -<glyph glyph-name="ok" unicode="썢" d="m932 534q0-22-15-38l-404-404-76-76q-16-15-38-15t-38 15l-76 76-202 202q-15 16-15 38t15 38l76 76q16 16 38 16t38-16l164-165 366 367q16 16 38 16t38-16l76-76q15-16 15-38z" horiz-adv-x="1000" /> -<glyph glyph-name="menu" unicode="썣" d="m857 100v-71q0-15-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 25t25 11h785q15 0 26-11t10-25z m0 286v-72q0-14-10-25t-26-10h-785q-15 0-25 10t-11 25v72q0 14 11 25t25 10h785q15 0 26-10t10-25z m0 285v-71q0-15-10-25t-26-11h-785q-15 0-25 11t-11 25v71q0 15 11 26t25 10h785q15 0 26-10t10-26z" horiz-adv-x="857.1" /> -<glyph glyph-name="spin5" unicode="" d="m462 850c-6 0-11-5-11-11l0-183 0 0c0-6 5-11 11-11l69 0c1 0 1 0 1 0 7 0 12 5 12 11l0 183 0 0c0 6-5 11-12 11l-69 0c0 0 0 0-1 0z m250-47c-4 1-8-2-10-5l-91-158 0 0c-4-6-2-13 4-16l60-35c0 0 0 0 0 0 6-3 13-1 16 4l91 158c3 6 2 13-4 16l-61 35c-1 1-3 1-5 1z m-428-2c-2 0-4-1-6-2l-61-35c-5-3-7-10-4-16l91-157c0 0 0 0 0 0 3-6 10-8 16-5l61 35c5 4 7 11 4 16l-91 157c0 1 0 1 0 1-2 4-6 6-10 6z m620-163c-2 0-4 0-6-1l-157-91c0 0 0 0 0 0-6-3-8-10-5-16l35-61c4-5 11-7 16-4l157 91c1 0 1 0 1 0 6 3 7 10 4 16l-35 61c-2 3-6 5-10 5z m-810-4c-5 0-9-2-11-6l-35-61c-3-5-1-12 4-15l158-92 0 0c6-3 13-1 16 5l35 60c0 0 0 0 0 0 3 6 1 13-4 16l-158 91c-2 1-4 2-5 2z m712-235l0 0c-6 0-11-5-11-11l0-69c0-1 0-1 0-1 0-7 5-12 11-12l183 0 0 0c6 0 11 5 11 12l0 69c0 0 0 0 0 1 0 6-5 11-11 11l-183 0z m-794-5l0 0c-7 0-12-5-12-12l0-69c0 0 0 0 0-1 0-6 5-11 12-11l182 0 0 0c6 0 11 5 11 11l0 69c0 1 0 1 0 1 0 7-5 12-11 12l-182 0z m772-153c-4 0-8-2-10-6l-34-60c-1 0-1 0-1 0-3-6-1-13 4-16l158-91c6-3 13-2 16 4l35 61c3 5 1 12-4 15l-158 91 0 0c-2 1-4 2-6 2z m-566-5c-1 0-3 0-5-1l-157-91c0 0-1 0-1 0-5-3-7-11-4-16l35-61c3-5 10-7 16-4l157 91c0 0 0 0 0 0 6 3 8 10 5 16l-35 61c-3 3-7 5-11 5z m468-121c-2 0-4 0-6-1l-61-35c-5-4-7-11-4-16l91-157c0-1 0-1 0-1 3-6 11-7 16-4l61 35c5 3 7 10 4 16l-91 157c0 0 0 0 0 0-2 4-6 6-10 6z m-367-3c-4 1-8-2-10-5l-91-158c-3-6-1-13 4-16l61-35c5-3 12-1 15 4l92 158 0 0c3 6 1 13-5 16l-60 34c0 1 0 1 0 1-2 1-4 1-6 1z m149-57c-7 0-12-5-12-11l0-183 0 0c0-6 5-11 12-11l69 0c0 0 0 0 1 0 6 0 11 5 11 11l0 183 0 0c0 6-5 11-11 11l-69 0c-1 0-1 0-1 0z" horiz-adv-x="1000" /> -</font> -</defs> -</svg> diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid.ttf b/src/main/resources/META-INF/resources/designer/css/ui-grid.ttf Binary files differdeleted file mode 100644 index 838611afb..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid.ttf +++ /dev/null diff --git a/src/main/resources/META-INF/resources/designer/css/ui-grid.woff b/src/main/resources/META-INF/resources/designer/css/ui-grid.woff Binary files differdeleted file mode 100644 index ca1a9c6e0..000000000 --- a/src/main/resources/META-INF/resources/designer/css/ui-grid.woff +++ /dev/null diff --git a/src/main/resources/META-INF/resources/designer/index.html b/src/main/resources/META-INF/resources/designer/index.html index 85fff4314..82d3d7bb3 100644 --- a/src/main/resources/META-INF/resources/designer/index.html +++ b/src/main/resources/META-INF/resources/designer/index.html @@ -65,9 +65,6 @@ <link href="css/utm_custom_style.css" rel="stylesheet"> <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" /> -<link href="css/ui-grid.css" rel="stylesheet"> -<link href="css/ui-grid-stable.css" rel="stylesheet"> -<link href="css/ui-grid-unstable.css" rel="stylesheet"> <link href="css/multi-select.css" rel="stylesheet"> </head> @@ -120,8 +117,6 @@ <script src="lib/loading-bar.js"></script> <script src="lib/dialogs.js"></script> - <script src="lib/ui-grid-stable.js"></script> - <script src="lib/ui-grid-unstable.js"></script> <script src="lib/multiselect.js"></script> <!-- Start Up Files --> diff --git a/src/main/resources/META-INF/resources/designer/lib/ui-grid-stable.js b/src/main/resources/META-INF/resources/designer/lib/ui-grid-stable.js deleted file mode 100644 index c3c3dcd78..000000000 --- a/src/main/resources/META-INF/resources/designer/lib/ui-grid-stable.js +++ /dev/null @@ -1,13034 +0,0 @@ -/*! ui-grid - v3.0.0-rc.3 - 2014-09-25 -* Copyright (c) 2014 ; License: MIT */ -(function () { - 'use strict'; - angular.module('ui.grid.i18n', []); - angular.module('ui.grid', ['ui.grid.i18n']); -})(); -(function () { - 'use strict'; - angular.module('ui.grid').constant('uiGridConstants', { - CUSTOM_FILTERS: /CUSTOM_FILTERS/g, - COL_FIELD: /COL_FIELD/g, - DISPLAY_CELL_TEMPLATE: /DISPLAY_CELL_TEMPLATE/g, - TEMPLATE_REGEXP: /<.+>/, - FUNC_REGEXP: /(\([^)]*\))?$/, - DOT_REGEXP: /\./g, - APOS_REGEXP: /'/g, - BRACKET_REGEXP: /^(.*)((?:\s*\[\s*\d+\s*\]\s*)|(?:\s*\[\s*"(?:[^"\\]|\\.)*"\s*\]\s*)|(?:\s*\[\s*'(?:[^'\\]|\\.)*'\s*\]\s*))(.*)$/, - COL_CLASS_PREFIX: 'ui-grid-col', - events: { - GRID_SCROLL: 'uiGridScroll', - COLUMN_MENU_SHOWN: 'uiGridColMenuShown', - ITEM_DRAGGING: 'uiGridItemDragStart' // For any item being dragged - }, - // copied from http://www.lsauer.com/2011/08/javascript-keymap-keycodes-in-json.html - keymap: { - TAB: 9, - STRG: 17, - CTRL: 17, - CTRLRIGHT: 18, - CTRLR: 18, - SHIFT: 16, - RETURN: 13, - ENTER: 13, - BACKSPACE: 8, - BCKSP: 8, - ALT: 18, - ALTR: 17, - ALTRIGHT: 17, - SPACE: 32, - WIN: 91, - MAC: 91, - FN: null, - UP: 38, - DOWN: 40, - LEFT: 37, - RIGHT: 39, - ESC: 27, - DEL: 46, - F1: 112, - F2: 113, - F3: 114, - F4: 115, - F5: 116, - F6: 117, - F7: 118, - F8: 119, - F9: 120, - F10: 121, - F11: 122, - F12: 123 - }, - ASC: 'asc', - DESC: 'desc', - filter: { - STARTS_WITH: 2, - ENDS_WITH: 4, - EXACT: 8, - CONTAINS: 16, - GREATER_THAN: 32, - GREATER_THAN_OR_EQUAL: 64, - LESS_THAN: 128, - LESS_THAN_OR_EQUAL: 256, - NOT_EQUAL: 512 - }, - - aggregationTypes: { - sum: 2, - count: 4, - avg: 8, - min: 16, - max: 32 - }, - - // TODO(c0bra): Create full list of these somehow. NOTE: do any allow a space before or after them? - CURRENCY_SYMBOLS: ['ƒ', '$', '£', '$', '¤', '¥', '៛', '₩', '₱', '฿', '₫'] - }); - -})(); -angular.module('ui.grid').directive('uiGridCell', ['$compile', '$log', '$parse', 'gridUtil', 'uiGridConstants', function ($compile, $log, $parse, gridUtil, uiGridConstants) { - var uiGridCell = { - priority: 0, - scope: false, - require: '?^uiGrid', - compile: function() { - return { - pre: function($scope, $elm, $attrs, uiGridCtrl) { - function compileTemplate() { - var compiledElementFn = $scope.col.compiledElementFn; - - compiledElementFn($scope, function(clonedElement, scope) { - $elm.append(clonedElement); - }); - } - - // If the grid controller is present, use it to get the compiled cell template function - if (uiGridCtrl) { - compileTemplate(); - } - // No controller, compile the element manually (for unit tests) - else { - var html = $scope.col.cellTemplate - .replace(uiGridConstants.COL_FIELD, 'grid.getCellValue(row, col)'); - var cellElement = $compile(html)($scope); - $elm.append(cellElement); - } - }, - post: function($scope, $elm, $attrs, uiGridCtrl) { - $elm.addClass($scope.col.getColClass(false)); - if ($scope.col.cellClass) { - //var contents = angular.element($elm[0].getElementsByClassName('ui-grid-cell-contents')); - var contents = $elm; - if (angular.isFunction($scope.col.cellClass)) { - contents.addClass($scope.col.cellClass($scope.grid, $scope.row, $scope.col, $scope.rowRenderIndex, $scope.colRenderIndex)); - } - else { - contents.addClass($scope.col.cellClass); - } - } - } - }; - } - }; - - return uiGridCell; -}]); - - -(function(){ - -angular.module('ui.grid').directive('uiGridColumnMenu', ['$log', '$timeout', '$window', '$document', '$injector', 'gridUtil', 'uiGridConstants', 'i18nService', function ($log, $timeout, $window, $document, $injector, gridUtil, uiGridConstants, i18nService) { - - var uiGridColumnMenu = { - priority: 0, - scope: true, - require: '?^uiGrid', - templateUrl: 'ui-grid/uiGridColumnMenu', - replace: true, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - gridUtil.enableAnimations($elm); - - $scope.grid = uiGridCtrl.grid; - - var self = this; - - // Store a reference to this link/controller in the main uiGrid controller - // to allow showMenu later - uiGridCtrl.columnMenuScope = $scope; - - // Save whether we're shown or not so the columns can check - self.shown = $scope.menuShown = false; - - // Put asc and desc sort directions in scope - $scope.asc = uiGridConstants.ASC; - $scope.desc = uiGridConstants.DESC; - - // $scope.i18n = i18nService; - - // Get the grid menu element. We'll use it to calculate positioning - $scope.menu = $elm[0].querySelectorAll('.ui-grid-menu'); - - // Get the inner menu part. It's what slides up/down - $scope.inner = $elm[0].querySelectorAll('.ui-grid-menu-inner'); - - /** - * @ngdoc boolean - * @name enableSorting - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description (optional) True by default. When enabled, this setting adds sort - * widgets to the column header, allowing sorting of the data in the individual column. - */ - $scope.sortable = function() { - if (uiGridCtrl.grid.options.enableSorting && typeof($scope.col) !== 'undefined' && $scope.col && $scope.col.enableSorting) { - return true; - } - else { - return false; - } - }; - - /** - * @ngdoc boolean - * @name enableFiltering - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description (optional) True by default. When enabled, this setting adds filter - * widgets to the column header, allowing filtering of the data in the individual column. - */ - $scope.filterable = function() { - if (uiGridCtrl.grid.options.enableFiltering && typeof($scope.col) !== 'undefined' && $scope.col && $scope.col.enableFiltering) { - return true; - } - else { - return false; - } - }; - - var defaultMenuItems = [ - // NOTE: disabling this in favor of a little filter text box - // Column filter input - // { - // templateUrl: 'ui-grid/uiGridColumnFilter', - // action: function($event) { - // $event.stopPropagation(); - // $scope.filterColumn($event); - // }, - // cancel: function ($event) { - // $event.stopPropagation(); - - // $scope.col.filter = {}; - // }, - // shown: function () { - // return filterable(); - // } - // }, - { - title: i18nService.getSafeText('sort.ascending'), - icon: 'ui-grid-icon-sort-alt-up', - action: function($event) { - $event.stopPropagation(); - $scope.sortColumn($event, uiGridConstants.ASC); - }, - shown: function () { - return $scope.sortable(); - }, - active: function() { - return (typeof($scope.col) !== 'undefined' && typeof($scope.col.sort) !== 'undefined' && typeof($scope.col.sort.direction) !== 'undefined' && $scope.col.sort.direction === uiGridConstants.ASC); - } - }, - { - title: i18nService.getSafeText('sort.descending'), - icon: 'ui-grid-icon-sort-alt-down', - action: function($event) { - $event.stopPropagation(); - $scope.sortColumn($event, uiGridConstants.DESC); - }, - shown: function() { - return $scope.sortable(); - }, - active: function() { - return (typeof($scope.col) !== 'undefined' && typeof($scope.col.sort) !== 'undefined' && typeof($scope.col.sort.direction) !== 'undefined' && $scope.col.sort.direction === uiGridConstants.DESC); - } - }, - { - title: i18nService.getSafeText('sort.remove'), - icon: 'ui-grid-icon-cancel', - action: function ($event) { - $event.stopPropagation(); - $scope.unsortColumn(); - }, - shown: function() { - return ($scope.sortable() && typeof($scope.col) !== 'undefined' && (typeof($scope.col.sort) !== 'undefined' && typeof($scope.col.sort.direction) !== 'undefined') && $scope.col.sort.direction !== null); - } - }, - { - title: i18nService.getSafeText('column.hide'), - icon: 'ui-grid-icon-cancel', - action: function ($event) { - $event.stopPropagation(); - $scope.hideColumn(); - } - } - ]; - - // Set the menu items for use with the column menu. Let's the user specify extra menu items per column if they want. - $scope.menuItems = defaultMenuItems; - $scope.$watch('col.menuItems', function (n, o) { - if (typeof(n) !== 'undefined' && n && angular.isArray(n)) { - n.forEach(function (item) { - if (typeof(item.context) === 'undefined' || !item.context) { - item.context = {}; - } - item.context.col = $scope.col; - }); - - $scope.menuItems = defaultMenuItems.concat(n); - } - else { - $scope.menuItems = defaultMenuItems; - } - }); - - var $animate; - try { - $animate = $injector.get('$animate'); - } - catch (e) { - $log.info('$animate service not found (ngAnimate not add as a dependency?), menu animations will not occur'); - } - - // Show the menu - $scope.showMenu = function(column, $columnElement) { - // Swap to this column - // note - store a reference to this column in 'self' so the columns can check whether they're the shown column or not - self.col = $scope.col = column; - - // Remove an existing document click handler - $document.off('click', documentClick); - - /* Reposition the menu below this column's element */ - var left = $columnElement[0].offsetLeft; - var top = $columnElement[0].offsetTop; - - // Get the grid scrollLeft - var offset = 0; - if (column.grid.options.offsetLeft) { - offset = column.grid.options.offsetLeft; - } - - var height = gridUtil.elementHeight($columnElement, true); - var width = gridUtil.elementWidth($columnElement, true); - - // Flag for whether we're hidden for showing via $animate - var hidden = false; - - // Re-position the menu AFTER it's been shown, so we can calculate the width correctly. - function reposition() { - $timeout(function() { - if (hidden && $animate) { - $animate.removeClass($scope.inner, 'ng-hide'); - self.shown = $scope.menuShown = true; - $scope.$broadcast('show-menu'); - } - else if (angular.element($scope.inner).hasClass('ng-hide')) { - angular.element($scope.inner).removeClass('ng-hide'); - } - - // var containerScrollLeft = $columnelement - var containerId = column.renderContainer ? column.renderContainer : 'body'; - var renderContainer = column.grid.renderContainers[containerId]; - // var containerScrolLeft = renderContainer.prevScrollLeft; - - // It's possible that the render container of the column we're attaching to is offset from the grid (i.e. pinned containers), we - // need to get the different in the offsetLeft between the render container and the grid - var renderContainerElm = gridUtil.closestElm($columnElement, '.ui-grid-render-container'); - var renderContainerOffset = renderContainerElm.offsetLeft - $scope.grid.element[0].offsetLeft; - - var containerScrolLeft = renderContainerElm.querySelectorAll('.ui-grid-viewport')[0].scrollLeft; - - var myWidth = gridUtil.elementWidth($scope.menu, true); - - // TODO(c0bra): use padding-left/padding-right based on document direction (ltr/rtl), place menu on proper side - // Get the column menu right padding - var paddingRight = parseInt(angular.element($scope.menu).css('padding-right'), 10); - - // $log.debug('position', left + ' + ' + width + ' - ' + myWidth + ' + ' + paddingRight); - - $elm.css('left', (left + renderContainerOffset - containerScrolLeft + width - myWidth + paddingRight) + 'px'); - $elm.css('top', (top + height) + 'px'); - - // Hide the menu on a click on the document - $document.on('click', documentClick); - }); - } - - if ($scope.menuShown && $animate) { - // Animate closing the menu on the current column, then animate it opening on the other column - $animate.addClass($scope.inner, 'ng-hide', reposition); - hidden = true; - } - else { - self.shown = $scope.menuShown = true; - $scope.$broadcast('show-menu'); - reposition(); - } - }; - - // Hide the menu - $scope.hideMenu = function() { - delete self.col; - delete $scope.col; - self.shown = $scope.menuShown = false; - $scope.$broadcast('hide-menu'); - }; - - // Prevent clicks on the menu from bubbling up to the document and making it hide prematurely - // $elm.on('click', function (event) { - // event.stopPropagation(); - // }); - - function documentClick() { - $scope.$apply($scope.hideMenu); - $document.off('click', documentClick); - } - - function resizeHandler() { - $scope.$apply($scope.hideMenu); - } - angular.element($window).bind('resize', resizeHandler); - - $scope.$on('$destroy', $scope.$on(uiGridConstants.events.GRID_SCROLL, function(evt, args) { - $scope.hideMenu(); - // if (!$scope.$$phase) { $scope.$apply(); } - })); - - $scope.$on('$destroy', $scope.$on(uiGridConstants.events.ITEM_DRAGGING, function(evt, args) { - $scope.hideMenu(); - // if (!$scope.$$phase) { $scope.$apply(); } - })); - - $scope.$on('$destroy', function() { - angular.element($window).off('resize', resizeHandler); - $document.off('click', documentClick); - }); - - /* Column methods */ - $scope.sortColumn = function (event, dir) { - event.stopPropagation(); - - uiGridCtrl.grid.sortColumn($scope.col, dir, true) - .then(function () { - uiGridCtrl.grid.refresh(); - $scope.hideMenu(); - }); - }; - - $scope.unsortColumn = function () { - $scope.col.unsort(); - - uiGridCtrl.grid.refresh(); - $scope.hideMenu(); - }; - - $scope.hideColumn = function () { - $scope.col.colDef.visible = false; - - uiGridCtrl.grid.refresh(); - $scope.hideMenu(); - }; - }, - controller: ['$scope', function ($scope) { - var self = this; - - $scope.$watch('menuItems', function (n, o) { - self.menuItems = n; - }); - }] - }; - - return uiGridColumnMenu; - -}]); - -})(); -(function () { - 'use strict'; - - angular.module('ui.grid').directive('uiGridFooterCell', ['$log', '$timeout', 'gridUtil', '$compile', function ($log, $timeout, gridUtil, $compile) { - var uiGridFooterCell = { - priority: 0, - scope: { - col: '=', - row: '=', - renderIndex: '=' - }, - replace: true, - require: '^uiGrid', - compile: function compile(tElement, tAttrs, transclude) { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - function compileTemplate(template) { - gridUtil.getTemplate(template).then(function (contents) { - var linkFunction = $compile(contents); - var html = linkFunction($scope); - $elm.append(html); - }); - } - - //compile the footer template - if ($scope.col.footerCellTemplate) { - //compile the custom template - compileTemplate($scope.col.footerCellTemplate); - } - else { - //use default template - compileTemplate('ui-grid/uiGridFooterCell'); - } - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - //$elm.addClass($scope.col.getColClass(false)); - $scope.grid = uiGridCtrl.grid; - - $elm.addClass($scope.col.getColClass(false)); - } - }; - } - }; - - return uiGridFooterCell; - }]); - -})(); - -(function () { - 'use strict'; - - angular.module('ui.grid').directive('uiGridFooter', ['$log', '$templateCache', '$compile', 'uiGridConstants', 'gridUtil', '$timeout', function ($log, $templateCache, $compile, uiGridConstants, gridUtil, $timeout) { - var defaultTemplate = 'ui-grid/ui-grid-footer'; - - return { - restrict: 'EA', - replace: true, - // priority: 1000, - require: ['^uiGrid', '^uiGridRenderContainer'], - scope: true, - compile: function ($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - $scope.grid = uiGridCtrl.grid; - $scope.colContainer = containerCtrl.colContainer; - - containerCtrl.footer = $elm; - - var footerTemplate = ($scope.grid.options.footerTemplate) ? $scope.grid.options.footerTemplate : defaultTemplate; - gridUtil.getTemplate(footerTemplate) - .then(function (contents) { - var template = angular.element(contents); - - var newElm = $compile(template)($scope); - $elm.append(newElm); - - if (containerCtrl) { - // Inject a reference to the footer viewport (if it exists) into the grid controller for use in the horizontal scroll handler below - var footerViewport = $elm[0].getElementsByClassName('ui-grid-footer-viewport')[0]; - - if (footerViewport) { - containerCtrl.footerViewport = footerViewport; - } - } - }); - }, - - post: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - $log.debug('ui-grid-footer link'); - - var grid = uiGridCtrl.grid; - - // Don't animate footer cells - gridUtil.disableAnimations($elm); - - containerCtrl.footer = $elm; - - var footerViewport = $elm[0].getElementsByClassName('ui-grid-footer-viewport')[0]; - if (footerViewport) { - containerCtrl.footerViewport = footerViewport; - } - } - }; - } - }; - }]); - -})(); -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridGroupPanel', ["$compile", "uiGridConstants", "gridUtil", function($compile, uiGridConstants, gridUtil) { - var defaultTemplate = 'ui-grid/ui-grid-group-panel'; - - return { - restrict: 'EA', - replace: true, - require: '?^uiGrid', - scope: false, - compile: function($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - var groupPanelTemplate = $scope.grid.options.groupPanelTemplate || defaultTemplate; - - gridUtil.getTemplate(groupPanelTemplate) - .then(function (contents) { - var template = angular.element(contents); - - var newElm = $compile(template)($scope); - $elm.append(newElm); - }); - }, - - post: function ($scope, $elm, $attrs, uiGridCtrl) { - $elm.bind('$destroy', function() { - // scrollUnbinder(); - }); - } - }; - } - }; - }]); - -})(); -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridHeaderCell', ['$log', '$compile', '$timeout', '$window', '$document', 'gridUtil', 'uiGridConstants', - function ($log, $compile, $timeout, $window, $document, gridUtil, uiGridConstants) { - // Do stuff after mouse has been down this many ms on the header cell - var mousedownTimeout = 500; - - var uiGridHeaderCell = { - priority: 0, - scope: { - col: '=', - row: '=', - renderIndex: '=' - }, - require: '?^uiGrid', - replace: true, - compile: function() { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - var cellHeader = $compile($scope.col.headerCellTemplate)($scope); - $elm.append(cellHeader); - }, - - post: function ($scope, $elm, $attrs, uiGridCtrl) { - $scope.grid = uiGridCtrl.grid; - - /** - * @ngdoc event - * @name filterChanged - * @eventOf ui.grid.core.api:PublicApi - * @description is raised after the filter is changed. The nature - * of the watch expression doesn't allow notification of what changed, - * so the receiver of this event will need to re-extract the filter - * conditions from the columns. - * - */ - if (!$scope.grid.api.core.raise.filterChanged){ - $scope.grid.api.registerEvent( 'core', 'filterChanged' ); - } - - - $elm.addClass($scope.col.getColClass(false)); - // shane - No need for watch now that we trackby col name - // $scope.$watch('col.index', function (newValue, oldValue) { - // if (newValue === oldValue) { return; } - // var className = $elm.attr('class'); - // className = className.replace(uiGridConstants.COL_CLASS_PREFIX + oldValue, uiGridConstants.COL_CLASS_PREFIX + newValue); - // $elm.attr('class', className); - // }); - - // Hide the menu by default - $scope.menuShown = false; - - // Put asc and desc sort directions in scope - $scope.asc = uiGridConstants.ASC; - $scope.desc = uiGridConstants.DESC; - - // Store a reference to menu element - var $colMenu = angular.element( $elm[0].querySelectorAll('.ui-grid-header-cell-menu') ); - - var $contentsElm = angular.element( $elm[0].querySelectorAll('.ui-grid-cell-contents') ); - - // Figure out whether this column is sortable or not - if (uiGridCtrl.grid.options.enableSorting && $scope.col.enableSorting) { - $scope.sortable = true; - } - else { - $scope.sortable = false; - } - - if (uiGridCtrl.grid.options.enableFiltering && $scope.col.enableFiltering) { - $scope.filterable = true; - } - else { - $scope.filterable = false; - } - - function handleClick(evt) { - // If the shift key is being held down, add this column to the sort - var add = false; - if (evt.shiftKey) { - add = true; - } - - // Sort this column then rebuild the grid's rows - uiGridCtrl.grid.sortColumn($scope.col, add) - .then(function () { - if (uiGridCtrl.columnMenuScope) { uiGridCtrl.columnMenuScope.hideMenu(); } - uiGridCtrl.grid.refresh(); - }); - } - - // Long-click (for mobile) - var cancelMousedownTimeout; - var mousedownStartTime = 0; - $contentsElm.on('mousedown', function(event) { - if (typeof(event.originalEvent) !== 'undefined' && event.originalEvent !== undefined) { - event = event.originalEvent; - } - - // Don't show the menu if it's not the left button - if (event.button && event.button !== 0) { - return; - } - - mousedownStartTime = (new Date()).getTime(); - - cancelMousedownTimeout = $timeout(function() { }, mousedownTimeout); - - cancelMousedownTimeout.then(function () { - uiGridCtrl.columnMenuScope.showMenu($scope.col, $elm); - }); - }); - - $contentsElm.on('mouseup', function () { - $timeout.cancel(cancelMousedownTimeout); - }); - - $scope.toggleMenu = function($event) { - $event.stopPropagation(); - - // If the menu is already showing... - if (uiGridCtrl.columnMenuScope.menuShown) { - // ... and we're the column the menu is on... - if (uiGridCtrl.columnMenuScope.col === $scope.col) { - // ... hide it - uiGridCtrl.columnMenuScope.hideMenu(); - } - // ... and we're NOT the column the menu is on - else { - // ... move the menu to our column - uiGridCtrl.columnMenuScope.showMenu($scope.col, $elm); - } - } - // If the menu is NOT showing - else { - // ... show it on our column - uiGridCtrl.columnMenuScope.showMenu($scope.col, $elm); - } - }; - - // If this column is sortable, add a click event handler - if ($scope.sortable) { - $contentsElm.on('click', function(evt) { - evt.stopPropagation(); - - $timeout.cancel(cancelMousedownTimeout); - - var mousedownEndTime = (new Date()).getTime(); - var mousedownTime = mousedownEndTime - mousedownStartTime; - - if (mousedownTime > mousedownTimeout) { - // long click, handled above with mousedown - } - else { - // short click - handleClick(evt); - } - }); - - $scope.$on('$destroy', function () { - // Cancel any pending long-click timeout - $timeout.cancel(cancelMousedownTimeout); - }); - } - - if ($scope.filterable) { - var filterDeregisters = []; - angular.forEach($scope.col.filters, function(filter, i) { - filterDeregisters.push($scope.$watch('col.filters[' + i + '].term', function(n, o) { - uiGridCtrl.grid.api.core.raise.filterChanged(); - uiGridCtrl.grid.refresh() - .then(function () { - if (uiGridCtrl.prevScrollArgs && uiGridCtrl.prevScrollArgs.y && uiGridCtrl.prevScrollArgs.y.percentage) { - uiGridCtrl.fireScrollingEvent({ y: { percentage: uiGridCtrl.prevScrollArgs.y.percentage } }); - } - // uiGridCtrl.fireEvent('force-vertical-scroll'); - }); - })); - }); - $scope.$on('$destroy', function() { - angular.forEach(filterDeregisters, function(filterDeregister) { - filterDeregister(); - }); - }); - } - } - }; - } - }; - - return uiGridHeaderCell; - }]); - -})(); - -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridHeader', ['$log', '$templateCache', '$compile', 'uiGridConstants', 'gridUtil', '$timeout', function($log, $templateCache, $compile, uiGridConstants, gridUtil, $timeout) { - var defaultTemplate = 'ui-grid/ui-grid-header'; - var emptyTemplate = 'ui-grid/ui-grid-no-header'; - - return { - restrict: 'EA', - // templateUrl: 'ui-grid/ui-grid-header', - replace: true, - // priority: 1000, - require: ['^uiGrid', '^uiGridRenderContainer'], - scope: true, - compile: function($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - $scope.grid = uiGridCtrl.grid; - $scope.colContainer = containerCtrl.colContainer; - - containerCtrl.header = $elm; - containerCtrl.colContainer.header = $elm; - - /** - * @ngdoc property - * @name hideHeader - * @propertyOf ui.grid.class:GridOptions - * @description Null by default. When set to true, this setting will replace the - * standard header template with '<div></div>', resulting in no header being shown. - */ - - var headerTemplate; - if ($scope.grid.options.hideHeader){ - headerTemplate = emptyTemplate; - } else { - headerTemplate = ($scope.grid.options.headerTemplate) ? $scope.grid.options.headerTemplate : defaultTemplate; - } - - gridUtil.getTemplate(headerTemplate) - .then(function (contents) { - var template = angular.element(contents); - - var newElm = $compile(template)($scope); - $elm.append(newElm); - - if (containerCtrl) { - // Inject a reference to the header viewport (if it exists) into the grid controller for use in the horizontal scroll handler below - var headerViewport = $elm[0].getElementsByClassName('ui-grid-header-viewport')[0]; - - if (headerViewport) { - containerCtrl.headerViewport = headerViewport; - } - } - }); - }, - - post: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - $log.debug('ui-grid-header link'); - - var grid = uiGridCtrl.grid; - - // Don't animate header cells - gridUtil.disableAnimations($elm); - - function updateColumnWidths() { - var asterisksArray = [], - percentArray = [], - manualArray = [], - asteriskNum = 0, - totalWidth = 0; - - // Get the width of the viewport - var availableWidth = containerCtrl.colContainer.getViewportWidth(); - - if (typeof(uiGridCtrl.grid.verticalScrollbarWidth) !== 'undefined' && uiGridCtrl.grid.verticalScrollbarWidth !== undefined && uiGridCtrl.grid.verticalScrollbarWidth > 0) { - availableWidth = availableWidth + uiGridCtrl.grid.verticalScrollbarWidth; - } - - // The total number of columns - // var equalWidthColumnCount = columnCount = uiGridCtrl.grid.options.columnDefs.length; - // var equalWidth = availableWidth / equalWidthColumnCount; - - // The last column we processed - var lastColumn; - - var manualWidthSum = 0; - - var canvasWidth = 0; - - var ret = ''; - - - // uiGridCtrl.grid.columns.forEach(function(column, i) { - - var columnCache = containerCtrl.colContainer.visibleColumnCache; - - columnCache.forEach(function(column, i) { - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + i + ' { width: ' + equalWidth + 'px; left: ' + left + 'px; }'; - //var colWidth = (typeof(c.width) !== 'undefined' && c.width !== undefined) ? c.width : equalWidth; - - // Skip hidden columns - if (!column.visible) { return; } - - var colWidth, - isPercent = false; - - if (!angular.isNumber(column.width)) { - isPercent = isNaN(column.width) ? gridUtil.endsWith(column.width, "%") : false; - } - - if (angular.isString(column.width) && column.width.indexOf('*') !== -1) { // we need to save it until the end to do the calulations on the remaining width. - asteriskNum = parseInt(asteriskNum + column.width.length, 10); - - asterisksArray.push(column); - } - else if (isPercent) { // If the width is a percentage, save it until the very last. - percentArray.push(column); - } - else if (angular.isNumber(column.width)) { - manualWidthSum = parseInt(manualWidthSum + column.width, 10); - - canvasWidth = parseInt(canvasWidth, 10) + parseInt(column.width, 10); - - column.drawnWidth = column.width; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + column.width + 'px; }'; - } - }); - - // Get the remaining width (available width subtracted by the manual widths sum) - var remainingWidth = availableWidth - manualWidthSum; - - var i, column, colWidth; - - if (percentArray.length > 0) { - // Pre-process to make sure they're all within any min/max values - for (i = 0; i < percentArray.length; i++) { - column = percentArray[i]; - - var percent = parseInt(column.width.replace(/%/g, ''), 10) / 100; - - colWidth = parseInt(percent * remainingWidth, 10); - - if (column.colDef.minWidth && colWidth < column.colDef.minWidth) { - colWidth = column.colDef.minWidth; - - remainingWidth = remainingWidth - colWidth; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - - // Remove this element from the percent array so it's not processed below - percentArray.splice(i, 1); - } - else if (column.colDef.maxWidth && colWidth > column.colDef.maxWidth) { - colWidth = column.colDef.maxWidth; - - remainingWidth = remainingWidth - colWidth; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - - // Remove this element from the percent array so it's not processed below - percentArray.splice(i, 1); - } - } - - percentArray.forEach(function(column) { - var percent = parseInt(column.width.replace(/%/g, ''), 10) / 100; - var colWidth = parseInt(percent * remainingWidth, 10); - - canvasWidth += colWidth; - - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - }); - } - - if (asterisksArray.length > 0) { - var asteriskVal = parseInt(remainingWidth / asteriskNum, 10); - - // Pre-process to make sure they're all within any min/max values - for (i = 0; i < asterisksArray.length; i++) { - column = asterisksArray[i]; - - colWidth = parseInt(asteriskVal * column.width.length, 10); - - if (column.colDef.minWidth && colWidth < column.colDef.minWidth) { - colWidth = column.colDef.minWidth; - - remainingWidth = remainingWidth - colWidth; - asteriskNum--; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - - lastColumn = column; - - // Remove this element from the percent array so it's not processed below - asterisksArray.splice(i, 1); - } - else if (column.colDef.maxWidth && colWidth > column.colDef.maxWidth) { - colWidth = column.colDef.maxWidth; - - remainingWidth = remainingWidth - colWidth; - asteriskNum--; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - - // Remove this element from the percent array so it's not processed below - asterisksArray.splice(i, 1); - } - } - - // Redo the asterisk value, as we may have removed columns due to width constraints - asteriskVal = parseInt(remainingWidth / asteriskNum, 10); - - asterisksArray.forEach(function(column) { - var colWidth = parseInt(asteriskVal * column.width.length, 10); - - canvasWidth += colWidth; - - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - }); - } - - // If the grid width didn't divide evenly into the column widths and we have pixels left over, dole them out to the columns one by one to make everything fit - var leftoverWidth = availableWidth - parseInt(canvasWidth, 10); - - if (leftoverWidth > 0 && canvasWidth > 0 && canvasWidth < availableWidth) { - var variableColumn = false; - // uiGridCtrl.grid.columns.forEach(function(col) { - columnCache.forEach(function(col) { - if (col.width && !angular.isNumber(col.width)) { - variableColumn = true; - } - }); - - if (variableColumn) { - var remFn = function (column) { - if (leftoverWidth > 0) { - column.drawnWidth = column.drawnWidth + 1; - canvasWidth = canvasWidth + 1; - leftoverWidth--; - } - }; - while (leftoverWidth > 0) { - columnCache.forEach(remFn); - } - } - } - - if (canvasWidth < availableWidth) { - canvasWidth = availableWidth; - } - - // Build the CSS - // uiGridCtrl.grid.columns.forEach(function (column) { - columnCache.forEach(function (column) { - ret = ret + column.getColClassDefinition(); - }); - - // Add the vertical scrollbar width back in to the canvas width, it's taken out in getCanvasWidth - if (grid.verticalScrollbarWidth) { - canvasWidth = canvasWidth + grid.verticalScrollbarWidth; - } - // canvasWidth = canvasWidth + 1; - - containerCtrl.colContainer.canvasWidth = parseInt(canvasWidth, 10); - - // Return the styles back to buildStyles which pops them into the `customStyles` scope variable - return ret; - } - - containerCtrl.header = $elm; - - var headerViewport = $elm[0].getElementsByClassName('ui-grid-header-viewport')[0]; - if (headerViewport) { - containerCtrl.headerViewport = headerViewport; - } - - //todo: remove this if by injecting gridCtrl into unit tests - if (uiGridCtrl) { - uiGridCtrl.grid.registerStyleComputation({ - priority: 5, - func: updateColumnWidths - }); - } - } - }; - } - }; - }]); - -})(); -(function(){ - -/** - * @ngdoc directive - * @name ui.grid.directive:uiGridColumnMenu - * @element style - * @restrict A - * - * @description - * Allows us to interpolate expressions in `<style>` elements. Angular doesn't do this by default as it can/will/might? break in IE8. - * - * @example - <doc:example module="app"> - <doc:source> - <script> - var app = angular.module('app', ['ui.grid']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - - }]); - </script> - - <div ng-controller="MainCtrl"> - <div ui-grid-menu shown="true" ></div> - </div> - </doc:source> - <doc:scenario> - </doc:scenario> - </doc:example> - */ -angular.module('ui.grid') - -.directive('uiGridMenu', ['$log', '$compile', '$timeout', '$window', '$document', 'gridUtil', function ($log, $compile, $timeout, $window, $document, gridUtil) { - var uiGridMenu = { - priority: 0, - scope: { - // shown: '&', - menuItems: '=', - autoHide: '=?' - }, - require: '?^uiGrid', - templateUrl: 'ui-grid/uiGridMenu', - replace: false, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - gridUtil.enableAnimations($elm); - - if (typeof($scope.autoHide) === 'undefined' || $scope.autoHide === undefined) { - $scope.autoHide = true; - } - - if ($scope.autoHide) { - angular.element($window).on('resize', $scope.hideMenu); - } - - $scope.$on('hide-menu', function () { - $scope.shown = false; - }); - - $scope.$on('show-menu', function () { - $scope.shown = true; - }); - - $scope.$on('$destroy', function() { - angular.element($window).off('resize', $scope.hideMenu); - }); - }, - controller: ['$scope', '$element', '$attrs', function ($scope, $element, $attrs) { - var self = this; - - self.hideMenu = $scope.hideMenu = function() { - $scope.shown = false; - }; - - function documentClick() { - $scope.$apply(function () { - self.hideMenu(); - angular.element(document).off('click', documentClick); - }); - } - - self.showMenu = $scope.showMenu = function() { - $scope.shown = true; - - // Turn off an existing dpcument click handler - angular.element(document).off('click', documentClick); - - // Turn on the document click handler, but in a timeout so it doesn't apply to THIS click if there is one - $timeout(function() { - angular.element(document).on('click', documentClick); - }); - }; - - $scope.$on('$destroy', function () { - angular.element(document).off('click', documentClick); - }); - }] - }; - - return uiGridMenu; -}]) - -.directive('uiGridMenuItem', ['$log', 'gridUtil', '$compile', 'i18nService', function ($log, gridUtil, $compile, i18nService) { - var uiGridMenuItem = { - priority: 0, - scope: { - title: '=', - active: '=', - action: '=', - icon: '=', - shown: '=', - context: '=', - templateUrl: '=' - }, - require: ['?^uiGrid', '^uiGridMenu'], - templateUrl: 'ui-grid/uiGridMenuItem', - replace: true, - compile: function($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0], - uiGridMenuCtrl = controllers[1]; - - if ($scope.templateUrl) { - gridUtil.getTemplate($scope.templateUrl) - .then(function (contents) { - var template = angular.element(contents); - - var newElm = $compile(template)($scope); - $elm.replaceWith(newElm); - }); - } - }, - post: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0], - uiGridMenuCtrl = controllers[1]; - - // TODO(c0bra): validate that shown and active are functions if they're defined. An exception is already thrown above this though - // if (typeof($scope.shown) !== 'undefined' && $scope.shown && typeof($scope.shown) !== 'function') { - // throw new TypeError("$scope.shown is defined but not a function"); - // } - if (typeof($scope.shown) === 'undefined' || $scope.shown === null) { - $scope.shown = function() { return true; }; - } - - $scope.itemShown = function () { - var context = {}; - if ($scope.context) { - context.context = $scope.context; - } - - if (typeof(uiGridCtrl) !== 'undefined' && uiGridCtrl) { - context.grid = uiGridCtrl.grid; - } - - return $scope.shown.call(context); - }; - - $scope.itemAction = function($event,title) { - $log.debug('itemAction'); - $event.stopPropagation(); - - if (typeof($scope.action) === 'function') { - var context = {}; - - if ($scope.context) { - context.context = $scope.context; - } - - // Add the grid to the function call context if the uiGrid controller is present - if (typeof(uiGridCtrl) !== 'undefined' && uiGridCtrl) { - context.grid = uiGridCtrl.grid; - } - - $scope.action.call(context, $event, title); - - uiGridMenuCtrl.hideMenu(); - } - }; - - $scope.i18n = i18nService.get(); - } - }; - } - }; - - return uiGridMenuItem; -}]); - -})(); -(function () { -// 'use strict'; - - angular.module('ui.grid').directive('uiGridNativeScrollbar', ['$log', '$timeout', '$document', 'uiGridConstants', 'gridUtil', - function ($log, $timeout, $document, uiGridConstants, gridUtil) { - var scrollBarWidth = gridUtil.getScrollbarWidth(); - scrollBarWidth = scrollBarWidth > 0 ? scrollBarWidth : 17; - - // If the browser is IE, add 1px to the scrollbar container, otherwise scroll events won't work right (in IE11 at least) - var browser = gridUtil.detectBrowser(); - if (browser === 'ie') { - scrollBarWidth = scrollBarWidth + 1; - } - - return { - scope: { - type: '@' - }, - require: ['^uiGrid', '^uiGridRenderContainer'], - link: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - var rowContainer = containerCtrl.rowContainer; - var colContainer = containerCtrl.colContainer; - var grid = uiGridCtrl.grid; - - var contents = angular.element('<div class="contents"> </div>'); - - $elm.addClass('ui-grid-native-scrollbar'); - - var previousScrollPosition; - - var elmMaxScroll = 0; - - if ($scope.type === 'vertical') { - // Update the width based on native scrollbar width - $elm.css('width', scrollBarWidth + 'px'); - - $elm.addClass('vertical'); - - grid.verticalScrollbarWidth = scrollBarWidth; - colContainer.verticalScrollbarWidth = scrollBarWidth; - - // Save the initial scroll position for use in scroll events - previousScrollPosition = $elm[0].scrollTop; - } - else if ($scope.type === 'horizontal') { - // Update the height based on native scrollbar height - $elm.css('height', scrollBarWidth + 'px'); - - $elm.addClass('horizontal'); - - // Save this scrollbar's dimension in the grid properties - grid.horizontalScrollbarHeight = scrollBarWidth; - rowContainer.horizontalScrollbarHeight = scrollBarWidth; - - // Save the initial scroll position for use in scroll events - previousScrollPosition = gridUtil.normalizeScrollLeft($elm); - } - - // Save the contents elm inside the scrollbar elm so it sizes correctly - $elm.append(contents); - - // Get the relevant element dimension now that the contents are in it - if ($scope.type === 'vertical') { - elmMaxScroll = gridUtil.elementHeight($elm); - } - else if ($scope.type === 'horizontal') { - elmMaxScroll = gridUtil.elementWidth($elm); - } - - function updateNativeVerticalScrollbar() { - // Get the height that the scrollbar should have - var height = rowContainer.getViewportHeight(); - - // Update the vertical scrollbar's content height so it's the same as the canvas - var contentHeight = rowContainer.getCanvasHeight(); - - // TODO(c0bra): set scrollbar `top` by height of header row - // var headerHeight = gridUtil.outerElementHeight(containerCtrl.header); - var headerHeight = colContainer.headerHeight ? colContainer.headerHeight : grid.headerHeight; - - // $log.debug('headerHeight in scrollbar', headerHeight); - - // var ret = '.grid' + uiGridCtrl.grid.id + ' .ui-grid-native-scrollbar.vertical .contents { height: ' + h + 'px; }'; - var ret = '.grid' + grid.id + ' .ui-grid-render-container-' + containerCtrl.containerId + ' .ui-grid-native-scrollbar.vertical .contents { height: ' + contentHeight + 'px; }'; - ret += '\n .grid' + grid.id + ' .ui-grid-render-container-' + containerCtrl.containerId + ' .ui-grid-native-scrollbar.vertical { height: ' + height + 'px; top: ' + headerHeight + 'px}'; - - elmMaxScroll = contentHeight; - - return ret; - } - - // Get the grid's bottom border height (TODO(c0bra): need to account for footer here!) - var gridElm = gridUtil.closestElm($elm, '.ui-grid'); - var gridBottomBorder = gridUtil.getBorderSize(gridElm, 'bottom'); - - function updateNativeHorizontalScrollbar() { - var w = colContainer.getCanvasWidth(); - - // Scrollbar needs to be negatively positioned beyond the bottom of the relatively-positioned render container - var bottom = (scrollBarWidth * -1) + gridBottomBorder; - if (grid.options.showFooter) { - bottom -= 1; - } - var ret = '.grid' + grid.id + ' .ui-grid-render-container-' + containerCtrl.containerId + ' .ui-grid-native-scrollbar.horizontal { bottom: ' + bottom + 'px; }'; - ret += '.grid' + grid.id + ' .ui-grid-render-container-' + containerCtrl.containerId + ' .ui-grid-native-scrollbar.horizontal .contents { width: ' + w + 'px; }'; - - elmMaxScroll = w; - - return ret; - } - - // NOTE: priority 6 so they run after the column widths update, which in turn update the canvas width - if ($scope.type === 'vertical') { - grid.registerStyleComputation({ - priority: 6, - func: updateNativeVerticalScrollbar - }); - } - else if ($scope.type === 'horizontal') { - grid.registerStyleComputation({ - priority: 6, - func: updateNativeHorizontalScrollbar - }); - } - - - $scope.scrollSource = null; - - function scrollEvent(evt) { - if ($scope.type === 'vertical') { - grid.flagScrollingVertically(); - var newScrollTop = $elm[0].scrollTop; - - var yDiff = previousScrollPosition - newScrollTop; - - var vertScrollLength = (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - // Subtract the h. scrollbar height from the vertical length if it's present - if (grid.horizontalScrollbarHeight && grid.horizontalScrollbarHeight > 0) { - vertScrollLength = vertScrollLength - uiGridCtrl.grid.horizontalScrollbarHeight; - } - - var vertScrollPercentage = newScrollTop / vertScrollLength; - - if (vertScrollPercentage > 1) { - vertScrollPercentage = 1; - } - if (vertScrollPercentage < 0) { - vertScrollPercentage = 0; - } - - var yArgs = { - target: $elm, - y: { - percentage: vertScrollPercentage - } - }; - - // If the source of this scroll is defined (i.e., not us, then don't fire the scroll event because we'll be re-triggering) - if (!$scope.scrollSource) { - uiGridCtrl.fireScrollingEvent(yArgs); - } - else { - // Reset the scroll source for the next scroll event - $scope.scrollSource = null; - } - - previousScrollPosition = newScrollTop; - } - else if ($scope.type === 'horizontal') { - grid.flagScrollingHorizontally(); - // var newScrollLeft = $elm[0].scrollLeft; - var newScrollLeft = gridUtil.normalizeScrollLeft($elm); - - var xDiff = previousScrollPosition - newScrollLeft; - - var horizScrollLength = (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - var horizScrollPercentage = newScrollLeft / horizScrollLength; - - var xArgs = { - target: $elm, - x: { - percentage: horizScrollPercentage - } - }; - - // If the source of this scroll is defined (i.e., not us, then don't fire the scroll event because we'll be re-triggering) - if (!$scope.scrollSource) { - uiGridCtrl.fireScrollingEvent(xArgs); - } - else { - // Reset the scroll source for the next scroll event - $scope.scrollSource = null; - } - - previousScrollPosition = newScrollLeft; - } - } - - $elm.on('scroll', scrollEvent); - - $elm.on('$destroy', function () { - $elm.off('scroll'); - }); - - function gridScroll(evt, args) { - // Don't listen to our own scroll event! - if (args.target && (args.target === $elm || angular.element(args.target).hasClass('ui-grid-native-scrollbar'))) { - return; - } - - // Set the source of the scroll event in our scope so it's available in our 'scroll' event handler - $scope.scrollSource = args.target; - - if ($scope.type === 'vertical') { - if (args.y && typeof(args.y.percentage) !== 'undefined' && args.y.percentage !== undefined) { - grid.flagScrollingVertically(); - var vertScrollLength = (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - var newScrollTop = Math.max(0, args.y.percentage * vertScrollLength); - - $elm[0].scrollTop = newScrollTop; - - - } - } - else if ($scope.type === 'horizontal') { - if (args.x && typeof(args.x.percentage) !== 'undefined' && args.x.percentage !== undefined) { - grid.flagScrollingHorizontally(); - var horizScrollLength = (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - - var newScrollLeft = Math.max(0, args.x.percentage * horizScrollLength); - - // $elm[0].scrollLeft = newScrollLeft; - $elm[0].scrollLeft = gridUtil.denormalizeScrollLeft($elm, newScrollLeft); - } - } - } - - var gridScrollDereg = $scope.$on(uiGridConstants.events.GRID_SCROLL, gridScroll); - $scope.$on('$destroy', gridScrollDereg); - - - - } - }; - }]); -})(); -(function () { - 'use strict'; - - var module = angular.module('ui.grid'); - - module.directive('uiGridRenderContainer', ['$log', '$timeout', '$document', 'uiGridConstants', 'gridUtil', - function($log, $timeout, $document, uiGridConstants, GridUtil) { - return { - replace: true, - transclude: true, - templateUrl: 'ui-grid/uiGridRenderContainer', - require: ['^uiGrid', 'uiGridRenderContainer'], - scope: { - containerId: '=', - rowContainerName: '=', - colContainerName: '=', - bindScrollHorizontal: '=', - bindScrollVertical: '=', - enableScrollbars: '=' - }, - controller: 'uiGridRenderContainer as RenderContainer', - compile: function () { - return { - pre: function prelink($scope, $elm, $attrs, controllers) { - $log.debug('render container ' + $scope.containerId + ' pre-link'); - - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - var grid = $scope.grid = uiGridCtrl.grid; - - // Verify that the render container for this element exists - if (!$scope.rowContainerName) { - throw "No row render container name specified"; - } - if (!$scope.colContainerName) { - throw "No column render container name specified"; - } - - if (!grid.renderContainers[$scope.rowContainerName]) { - throw "Row render container '" + $scope.rowContainerName + "' is not registered."; - } - if (!grid.renderContainers[$scope.colContainerName]) { - throw "Column render container '" + $scope.colContainerName + "' is not registered."; - } - - var rowContainer = $scope.rowContainer = grid.renderContainers[$scope.rowContainerName]; - var colContainer = $scope.colContainer = grid.renderContainers[$scope.colContainerName]; - - containerCtrl.containerId = $scope.containerId; - containerCtrl.rowContainer = rowContainer; - containerCtrl.colContainer = colContainer; - }, - post: function postlink($scope, $elm, $attrs, controllers) { - $log.debug('render container ' + $scope.containerId + ' post-link'); - - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - var grid = uiGridCtrl.grid; - var rowContainer = containerCtrl.rowContainer; - var colContainer = containerCtrl.colContainer; - - // Put the container name on this element as a class - $elm.addClass('ui-grid-render-container-' + $scope.containerId); - - // Bind to left/right-scroll events - var scrollUnbinder; - if ($scope.bindScrollHorizontal || $scope.bindScrollVertical) { - scrollUnbinder = $scope.$on(uiGridConstants.events.GRID_SCROLL, scrollHandler); - } - - function scrollHandler (evt, args) { - // Vertical scroll - if (args.y && $scope.bindScrollVertical) { - containerCtrl.prevScrollArgs = args; - - var scrollLength = (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - // Add the height of the native horizontal scrollbar, if it's there. Otherwise it will mask over the final row - if (grid.horizontalScrollbarHeight && grid.horizontalScrollbarHeight > 0) { - scrollLength = scrollLength + grid.horizontalScrollbarHeight; - } - - var oldScrollTop = containerCtrl.viewport[0].scrollTop; - - var scrollYPercentage; - if (typeof(args.y.percentage) !== 'undefined' && args.y.percentage !== undefined) { - scrollYPercentage = args.y.percentage; - } - else if (typeof(args.y.pixels) !== 'undefined' && args.y.pixels !== undefined) { - scrollYPercentage = args.y.percentage = (oldScrollTop + args.y.pixels) / scrollLength; - // $log.debug('y.percentage', args.y.percentage); - } - else { - throw new Error("No percentage or pixel value provided for scroll event Y axis"); - } - - var newScrollTop = Math.max(0, scrollYPercentage * scrollLength); - - containerCtrl.viewport[0].scrollTop = newScrollTop; - - // TOOD(c0bra): what's this for? - // grid.options.offsetTop = newScrollTop; - - containerCtrl.prevScrollArgs.y.pixels = newScrollTop - oldScrollTop; - } - - // Horizontal scroll - if (args.x && $scope.bindScrollHorizontal) { - containerCtrl.prevScrollArgs = args; - - var scrollWidth = (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - - // var oldScrollLeft = containerCtrl.viewport[0].scrollLeft; - var oldScrollLeft = GridUtil.normalizeScrollLeft(containerCtrl.viewport); - - var scrollXPercentage; - if (typeof(args.x.percentage) !== 'undefined' && args.x.percentage !== undefined) { - scrollXPercentage = args.x.percentage; - } - else if (typeof(args.x.pixels) !== 'undefined' && args.x.pixels !== undefined) { - scrollXPercentage = args.x.percentage = (oldScrollLeft + args.x.pixels) / scrollWidth; - } - else { - throw new Error("No percentage or pixel value provided for scroll event X axis"); - } - - var newScrollLeft = Math.max(0, scrollXPercentage * scrollWidth); - - // uiGridCtrl.adjustScrollHorizontal(newScrollLeft, scrollXPercentage); - - // containerCtrl.viewport[0].scrollLeft = newScrollLeft; - containerCtrl.viewport[0].scrollLeft = GridUtil.denormalizeScrollLeft(containerCtrl.viewport, newScrollLeft); - - containerCtrl.prevScrollLeft = newScrollLeft; - - if (containerCtrl.headerViewport) { - // containerCtrl.headerViewport.scrollLeft = newScrollLeft; - containerCtrl.headerViewport.scrollLeft = GridUtil.denormalizeScrollLeft(containerCtrl.headerViewport, newScrollLeft); - } - - if (containerCtrl.footerViewport) { - // containerCtrl.footerViewport.scrollLeft = newScrollLeft; - containerCtrl.footerViewport.scrollLeft = GridUtil.denormalizeScrollLeft(containerCtrl.footerViewport, newScrollLeft); - } - - // uiGridCtrl.grid.options.offsetLeft = newScrollLeft; - - containerCtrl.prevScrollArgs.x.pixels = newScrollLeft - oldScrollLeft; - } - } - - // Scroll the render container viewport when the mousewheel is used - $elm.bind('wheel mousewheel DomMouseScroll MozMousePixelScroll', function(evt) { - // use wheelDeltaY - evt.preventDefault(); - - var newEvent = GridUtil.normalizeWheelEvent(evt); - - var args = { target: $elm }; - if (newEvent.deltaY !== 0) { - var scrollYAmount = newEvent.deltaY * -120; - - // Get the scroll percentage - var scrollYPercentage = (containerCtrl.viewport[0].scrollTop + scrollYAmount) / (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - // Keep scrollPercentage within the range 0-1. - if (scrollYPercentage < 0) { scrollYPercentage = 0; } - else if (scrollYPercentage > 1) { scrollYPercentage = 1; } - - args.y = { percentage: scrollYPercentage, pixels: scrollYAmount }; - } - if (newEvent.deltaX !== 0) { - var scrollXAmount = newEvent.deltaX * -120; - - // Get the scroll percentage - var scrollLeft = GridUtil.normalizeScrollLeft(containerCtrl.viewport); - var scrollXPercentage = (scrollLeft + scrollXAmount) / (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - - // Keep scrollPercentage within the range 0-1. - if (scrollXPercentage < 0) { scrollXPercentage = 0; } - else if (scrollXPercentage > 1) { scrollXPercentage = 1; } - - args.x = { percentage: scrollXPercentage, pixels: scrollXAmount }; - } - - uiGridCtrl.fireScrollingEvent(args); - }); - - - var startY = 0, - startX = 0, - scrollTopStart = 0, - scrollLeftStart = 0, - directionY = 1, - directionX = 1, - moveStart; - - function touchmove(event) { - if (event.originalEvent) { - event = event.originalEvent; - } - - event.preventDefault(); - - var deltaX, deltaY, newX, newY; - newX = event.targetTouches[0].screenX; - newY = event.targetTouches[0].screenY; - deltaX = -(newX - startX); - deltaY = -(newY - startY); - - directionY = (deltaY < 1) ? -1 : 1; - directionX = (deltaX < 1) ? -1 : 1; - - deltaY *= 2; - deltaX *= 2; - - var args = { target: event.target }; - - if (deltaY !== 0) { - var scrollYPercentage = (scrollTopStart + deltaY) / (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - if (scrollYPercentage > 1) { scrollYPercentage = 1; } - else if (scrollYPercentage < 0) { scrollYPercentage = 0; } - - args.y = { percentage: scrollYPercentage, pixels: deltaY }; - } - if (deltaX !== 0) { - var scrollXPercentage = (scrollLeftStart + deltaX) / (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - - if (scrollXPercentage > 1) { scrollXPercentage = 1; } - else if (scrollXPercentage < 0) { scrollXPercentage = 0; } - - args.x = { percentage: scrollXPercentage, pixels: deltaX }; - } - - uiGridCtrl.fireScrollingEvent(args); - } - - function touchend(event) { - if (event.originalEvent) { - event = event.originalEvent; - } - - event.preventDefault(); - - $document.unbind('touchmove', touchmove); - $document.unbind('touchend', touchend); - $document.unbind('touchcancel', touchend); - - // Get the distance we moved on the Y axis - var scrollTopEnd = containerCtrl.viewport[0].scrollTop; - var scrollLeftEnd = containerCtrl.viewport[0].scrollTop; - var deltaY = Math.abs(scrollTopEnd - scrollTopStart); - var deltaX = Math.abs(scrollLeftEnd - scrollLeftStart); - - // Get the duration it took to move this far - var moveDuration = (new Date()) - moveStart; - - // Scale the amount moved by the time it took to move it (i.e. quicker, longer moves == more scrolling after the move is over) - var moveYScale = deltaY / moveDuration; - var moveXScale = deltaX / moveDuration; - - var decelerateInterval = 63; // 1/16th second - var decelerateCount = 8; // == 1/2 second - var scrollYLength = 120 * directionY * moveYScale; - var scrollXLength = 120 * directionX * moveXScale; - - function decelerate() { - $timeout(function() { - var args = { target: event.target }; - - if (scrollYLength !== 0) { - var scrollYPercentage = (containerCtrl.viewport[0].scrollTop + scrollYLength) / (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - args.y = { percentage: scrollYPercentage, pixels: scrollYLength }; - } - - if (scrollXLength !== 0) { - var scrollXPercentage = (containerCtrl.viewport[0].scrollLeft + scrollXLength) / (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - args.x = { percentage: scrollXPercentage, pixels: scrollXLength }; - } - - uiGridCtrl.fireScrollingEvent(args); - - decelerateCount = decelerateCount -1; - scrollYLength = scrollYLength / 2; - scrollXLength = scrollXLength / 2; - - if (decelerateCount > 0) { - decelerate(); - } - else { - uiGridCtrl.scrollbars.forEach(function (sbar) { - sbar.removeClass('ui-grid-scrollbar-visible'); - sbar.removeClass('ui-grid-scrolling'); - }); - } - }, decelerateInterval); - } - - // decelerate(); - } - - if (GridUtil.isTouchEnabled()) { - $elm.bind('touchstart', function (event) { - if (event.originalEvent) { - event = event.originalEvent; - } - - event.preventDefault(); - - uiGridCtrl.scrollbars.forEach(function (sbar) { - sbar.addClass('ui-grid-scrollbar-visible'); - sbar.addClass('ui-grid-scrolling'); - }); - - moveStart = new Date(); - startY = event.targetTouches[0].screenY; - startX = event.targetTouches[0].screenX; - scrollTopStart = containerCtrl.viewport[0].scrollTop; - scrollLeftStart = containerCtrl.viewport[0].scrollLeft; - - $document.on('touchmove', touchmove); - $document.on('touchend touchcancel', touchend); - }); - } - - $elm.bind('$destroy', function() { - scrollUnbinder(); - $elm.unbind('keydown'); - - ['touchstart', 'touchmove', 'touchend','keydown', 'wheel', 'mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'].forEach(function (eventName) { - $elm.unbind(eventName); - }); - }); - - // TODO(c0bra): Handle resizing the inner canvas based on the number of elements - function update() { - var ret = ''; - - var canvasWidth = colContainer.getCanvasWidth(); - var viewportWidth = colContainer.getViewportWidth(); - - var canvasHeight = rowContainer.getCanvasHeight(); - var viewportHeight = rowContainer.getViewportHeight(); - - var headerViewportWidth = colContainer.getHeaderViewportWidth(); - var footerViewportWidth = colContainer.getHeaderViewportWidth(); - - // Set canvas dimensions - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-canvas { width: ' + canvasWidth + 'px; height: ' + canvasHeight + 'px; }'; - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-header-canvas { width: ' + canvasWidth + 'px; }'; - - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-viewport { width: ' + viewportWidth + 'px; height: ' + viewportHeight + 'px; }'; - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-header-viewport { width: ' + headerViewportWidth + 'px; }'; - - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-footer-canvas { width: ' + canvasWidth + 'px; }'; - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-footer-viewport { width: ' + footerViewportWidth + 'px; }'; - // Update - - return ret; - } - - uiGridCtrl.grid.registerStyleComputation({ - priority: 6, - func: update - }); - } - }; - } - }; - - }]); - - module.controller('uiGridRenderContainer', ['$scope', '$log', function ($scope, $log) { - var self = this; - - self.rowStyle = function (index) { - var renderContainer = $scope.grid.renderContainers[$scope.containerId]; - - var styles = {}; - - if (!renderContainer.disableRowOffset) { - if (index === 0 && self.currentTopRow !== 0) { - // The row offset-top is just the height of the rows above the current top-most row, which are no longer rendered - var hiddenRowWidth = ($scope.rowContainer.currentTopRow) * - $scope.rowContainer.visibleRowCache[$scope.rowContainer.currentTopRow].height; - - // return { 'margin-top': hiddenRowWidth + 'px' }; - styles['margin-top'] = hiddenRowWidth + 'px'; - } - } - - if (!renderContainer.disableColumnOffset && $scope.colContainer.currentFirstColumn !== 0) { - if ($scope.grid.isRTL()) { - styles['margin-right'] = $scope.colContainer.columnOffset + 'px'; - } - else { - styles['margin-left'] = $scope.colContainer.columnOffset + 'px'; - } - } - - return styles; - }; - - self.columnStyle = function (index) { - var renderContainer = $scope.grid.renderContainers[$scope.containerId]; - - var self = this; - - if (!renderContainer.disableColumnOffset) { - if (index === 0 && $scope.colContainer.currentFirstColumn !== 0) { - var offset = $scope.colContainer.columnOffset; - - if ($scope.grid.isRTL()) { - return { 'margin-right': offset + 'px' }; - } - else { - return { 'margin-left': offset + 'px' }; - } - } - } - - return null; - }; - }]); - -})(); -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridRow', ['$log', function($log) { - return { - replace: true, - // priority: 2001, - // templateUrl: 'ui-grid/ui-grid-row', - require: ['^uiGrid', '^uiGridRenderContainer'], - scope: { - row: '=uiGridRow', - //rowRenderIndex is added to scope to give the true visual index of the row to any directives that need it - rowRenderIndex: '=' - }, - compile: function() { - return { - pre: function($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - var grid = uiGridCtrl.grid; - - $scope.grid = uiGridCtrl.grid; - $scope.colContainer = containerCtrl.colContainer; - - grid.getRowTemplateFn.then(function (templateFn) { - templateFn($scope, function(clonedElement, scope) { - $elm.replaceWith(clonedElement); - }); - }); - }, - post: function($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - //add optional reference to externalScopes function to scope - //so it can be retrieved in lower elements - $scope.getExternalScopes = uiGridCtrl.getExternalScopes; - } - }; - } - }; - }]); - -})(); -(function(){ -// 'use strict'; - - /** - * @ngdoc directive - * @name ui.grid.directive:uiGridStyle - * @element style - * @restrict A - * - * @description - * Allows us to interpolate expressions in `<style>` elements. Angular doesn't do this by default as it can/will/might? break in IE8. - * - * @example - <doc:example module="app"> - <doc:source> - <script> - var app = angular.module('app', ['ui.grid']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.myStyle = '.blah { border: 1px solid }'; - }]); - </script> - - <div ng-controller="MainCtrl"> - <style ui-grid-style>{{ myStyle }}</style> - <span class="blah">I am in a box.</span> - </div> - </doc:source> - <doc:scenario> - it('should apply the right class to the element', function () { - element(by.css('.blah')).getCssValue('border') - .then(function(c) { - expect(c).toContain('1px solid'); - }); - }); - </doc:scenario> - </doc:example> - */ - - - angular.module('ui.grid').directive('uiGridStyle', ['$log', '$interpolate', function($log, $interpolate) { - return { - // restrict: 'A', - // priority: 1000, - // require: '?^uiGrid', - link: function($scope, $elm, $attrs, uiGridCtrl) { - $log.debug('ui-grid-style link'); - // if (uiGridCtrl === undefined) { - // $log.warn('[ui-grid-style link] uiGridCtrl is undefined!'); - // } - - var interpolateFn = $interpolate($elm.text(), true); - - if (interpolateFn) { - $scope.$watch(interpolateFn, function(value) { - $elm.text(value); - }); - } - - // uiGridCtrl.recalcRowStyles = function() { - // var offset = (scope.options.offsetTop || 0) - (scope.options.excessRows * scope.options.rowHeight); - // var rowHeight = scope.options.rowHeight; - - // var ret = ''; - // var rowStyleCount = uiGridCtrl.minRowsToRender() + (scope.options.excessRows * 2); - // for (var i = 1; i <= rowStyleCount; i++) { - // ret = ret + ' .grid' + scope.gridId + ' .ui-grid-row:nth-child(' + i + ') { top: ' + offset + 'px; }'; - // offset = offset + rowHeight; - // } - - // scope.rowStyles = ret; - // }; - - // uiGridCtrl.styleComputions.push(uiGridCtrl.recalcRowStyles); - - } - }; - }]); - -})(); -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridViewport', ['$log', 'gridUtil', - function($log, gridUtil) { - return { - replace: true, - scope: {}, - templateUrl: 'ui-grid/uiGridViewport', - require: ['^uiGrid', '^uiGridRenderContainer'], - link: function($scope, $elm, $attrs, controllers) { - $log.debug('viewport post-link'); - - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - $scope.containerCtrl = containerCtrl; - - var rowContainer = containerCtrl.rowContainer; - var colContainer = containerCtrl.colContainer; - - var grid = uiGridCtrl.grid; - - $scope.grid = uiGridCtrl.grid; - - // Put the containers in scope so we can get rows and columns from them - $scope.rowContainer = containerCtrl.rowContainer; - $scope.colContainer = containerCtrl.colContainer; - - // Register this viewport with its container - containerCtrl.viewport = $elm; - - $elm.on('scroll', function (evt) { - var newScrollTop = $elm[0].scrollTop; - // var newScrollLeft = $elm[0].scrollLeft; - var newScrollLeft = gridUtil.normalizeScrollLeft($elm); - - // Handle RTL here - - if (newScrollLeft !== colContainer.prevScrollLeft) { - var xDiff = newScrollLeft - colContainer.prevScrollLeft; - - var horizScrollLength = (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - var horizScrollPercentage = newScrollLeft / horizScrollLength; - - colContainer.adjustScrollHorizontal(newScrollLeft, horizScrollPercentage); - } - - if (newScrollTop !== rowContainer.prevScrollTop) { - var yDiff = newScrollTop - rowContainer.prevScrollTop; - - // uiGridCtrl.fireScrollingEvent({ y: { pixels: diff } }); - var vertScrollLength = (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - // var vertScrollPercentage = (uiGridCtrl.prevScrollTop + yDiff) / vertScrollLength; - var vertScrollPercentage = newScrollTop / vertScrollLength; - - if (vertScrollPercentage > 1) { vertScrollPercentage = 1; } - if (vertScrollPercentage < 0) { vertScrollPercentage = 0; } - - rowContainer.adjustScrollVertical(newScrollTop, vertScrollPercentage); - } - }); - } - }; - } - ]); - -})(); -(function() { - -angular.module('ui.grid') -.directive('uiGridVisible', function uiGridVisibleAction() { - return function ($scope, $elm, $attr) { - $scope.$watch($attr.uiGridVisible, function (visible) { - // $elm.css('visibility', visible ? 'visible' : 'hidden'); - $elm[visible ? 'removeClass' : 'addClass']('ui-grid-invisible'); - }); - }; -}); - -})(); -(function () { - 'use strict'; - - angular.module('ui.grid').controller('uiGridController', ['$scope', '$element', '$attrs', '$log', 'gridUtil', '$q', 'uiGridConstants', - '$templateCache', 'gridClassFactory', '$timeout', '$parse', '$compile', - function ($scope, $elm, $attrs, $log, gridUtil, $q, uiGridConstants, - $templateCache, gridClassFactory, $timeout, $parse, $compile) { - $log.debug('ui-grid controller'); - - var self = this; - - // Extend options with ui-grid attribute reference - self.grid = gridClassFactory.createGrid($scope.uiGrid); - $elm.addClass('grid' + self.grid.id); - self.grid.rtl = $elm.css('direction') === 'rtl'; - - - //add optional reference to externalScopes function to controller - //so it can be retrieved in lower elements that have isolate scope - self.getExternalScopes = $scope.getExternalScopes; - - // angular.extend(self.grid.options, ); - - //all properties of grid are available on scope - $scope.grid = self.grid; - - if ($attrs.uiGridColumns) { - $attrs.$observe('uiGridColumns', function(value) { - self.grid.options.columnDefs = value; - self.grid.buildColumns() - .then(function(){ - self.grid.preCompileCellTemplates(); - - self.grid.refreshCanvas(true); - }); - }); - } - - - var dataWatchCollectionDereg; - if (angular.isString($scope.uiGrid.data)) { - dataWatchCollectionDereg = $scope.$parent.$watchCollection($scope.uiGrid.data, dataWatchFunction); - } - else { - dataWatchCollectionDereg = $scope.$parent.$watchCollection(function() { return $scope.uiGrid.data; }, dataWatchFunction); - } - - var columnDefWatchCollectionDereg = $scope.$parent.$watchCollection(function() { return $scope.uiGrid.columnDefs; }, columnDefsWatchFunction); - - function columnDefsWatchFunction(n, o) { - if (n && n !== o) { - self.grid.options.columnDefs = n; - self.grid.buildColumns() - .then(function(){ - - self.grid.preCompileCellTemplates(); - - self.grid.refreshCanvas(true); - }); - } - } - - function dataWatchFunction(n) { - // $log.debug('dataWatch fired'); - var promises = []; - - if (n) { - if (self.grid.columns.length === 0) { - $log.debug('loading cols in dataWatchFunction'); - if (!$attrs.uiGridColumns && self.grid.options.columnDefs.length === 0) { - self.grid.buildColumnDefsFromData(n); - } - promises.push(self.grid.buildColumns() - .then(function() { - self.grid.preCompileCellTemplates();} - )); - } - $q.all(promises).then(function() { - self.grid.modifyRows(n) - .then(function () { - // if (self.viewport) { - self.grid.redrawInPlace(); - // } - - $scope.$evalAsync(function() { - self.grid.refreshCanvas(true); - }); - }); - }); - } - } - - - $scope.$on('$destroy', function() { - dataWatchCollectionDereg(); - columnDefWatchCollectionDereg(); - }); - - $scope.$watch(function () { return self.grid.styleComputations; }, function() { - self.grid.refreshCanvas(true); - }); - - - /* Event Methods */ - - //todo: throttle this event? - self.fireScrollingEvent = function(args) { - $scope.$broadcast(uiGridConstants.events.GRID_SCROLL, args); - }; - - self.fireEvent = function(eventName, args) { - // Add the grid to the event arguments if it's not there - if (typeof(args) === 'undefined' || args === undefined) { - args = {}; - } - - if (typeof(args.grid) === 'undefined' || args.grid === undefined) { - args.grid = self.grid; - } - - $scope.$broadcast(eventName, args); - }; - - self.innerCompile = function innerCompile(elm) { - $compile(elm)($scope); - }; - - }]); - -/** - * @ngdoc directive - * @name ui.grid.directive:uiGrid - * @element div - * @restrict EA - * @param {Object} uiGrid Options for the grid to use - * @param {Object=} external-scopes Add external-scopes='someScopeObjectYouNeed' attribute so you can access - * your scopes from within any custom templatedirective. You access by $scope.getExternalScopes() function - * - * @description Create a very basic grid. - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data }"></div> - </div> - </file> - </example> - */ -angular.module('ui.grid').directive('uiGrid', - [ - '$log', - '$compile', - '$templateCache', - 'gridUtil', - '$window', - function( - $log, - $compile, - $templateCache, - gridUtil, - $window - ) { - return { - templateUrl: 'ui-grid/ui-grid', - scope: { - uiGrid: '=', - getExternalScopes: '&?externalScopes' //optional functionwrapper around any needed external scope instances - }, - replace: true, - transclude: true, - controller: 'uiGridController', - compile: function () { - return { - post: function ($scope, $elm, $attrs, uiGridCtrl) { - $log.debug('ui-grid postlink'); - - var grid = uiGridCtrl.grid; - - // Initialize scrollbars (TODO: move to controller??) - uiGridCtrl.scrollbars = []; - - //todo: assume it is ok to communicate that rendering is complete?? - grid.renderingComplete(); - - grid.element = $elm; - - grid.gridWidth = $scope.gridWidth = gridUtil.elementWidth($elm); - - // Default canvasWidth to the grid width, in case we don't get any column definitions to calculate it from - grid.canvasWidth = uiGridCtrl.grid.gridWidth; - - grid.gridHeight = $scope.gridHeight = gridUtil.elementHeight($elm); - - // If the grid isn't tall enough to fit a single row, it's kind of useless. Resize it to fit a minimum number of rows - if (grid.gridHeight < grid.options.rowHeight) { - // Figure out the new height - var newHeight = grid.options.minRowsToShow * grid.options.rowHeight; - - $elm.css('height', newHeight + 'px'); - - grid.gridHeight = $scope.gridHeight = gridUtil.elementHeight($elm); - } - - // Run initial canvas refresh - grid.refreshCanvas(); - - //add pinned containers for row headers support - //moved from pinning feature - var left = angular.element('<div ng-if="grid.hasLeftContainer()" style="width: 0" ui-grid-pinned-container="\'left\'"></div>'); - $elm.prepend(left); - uiGridCtrl.innerCompile(left); - - var right = angular.element('<div ng-if="grid.hasRightContainer()" style="width: 0" ui-grid-pinned-container="\'right\'"></div>'); - $elm.append(right); - uiGridCtrl.innerCompile(right); - - - //if we add a left container after render, we need to watch and react - $scope.$watch(function () { return grid.hasLeftContainer();}, function (newValue, oldValue) { - if (newValue === oldValue) { - return; - } - - //todo: remove this code. it was commented out after moving from pinning because body is already float:left -// var bodyContainer = angular.element($elm[0].querySelectorAll('[container-id="body"]')); -// if (newValue){ -// bodyContainer.attr('style', 'float: left; position: inherit'); -// } -// else { -// bodyContainer.attr('style', 'float: left; position: relative'); -// } - - grid.refreshCanvas(true); - }); - - //if we add a right container after render, we need to watch and react - $scope.$watch(function () { return grid.hasRightContainer();}, function (newValue, oldValue) { - if (newValue === oldValue) { - return; - } - grid.refreshCanvas(true); - }); - - - // Resize the grid on window resize events - function gridResize($event) { - grid.gridWidth = $scope.gridWidth = gridUtil.elementWidth($elm); - grid.gridHeight = $scope.gridHeight = gridUtil.elementHeight($elm); - - grid.queueRefresh(); - } - - angular.element($window).on('resize', gridResize); - - // Unbind from window resize events when the grid is destroyed - $elm.on('$destroy', function () { - angular.element($window).off('resize', gridResize); - }); - } - }; - } - }; - } - ]); - -})(); - -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridPinnedContainer', ['$log', function ($log) { - return { - restrict: 'EA', - replace: true, - template: '<div class="ui-grid-pinned-container"><div ui-grid-render-container container-id="side" row-container-name="\'body\'" col-container-name="side" bind-scroll-vertical="true" class="{{ side }} ui-grid-render-container-{{ side }}"></div></div>', - scope: { - side: '=uiGridPinnedContainer' - }, - require: '^uiGrid', - compile: function compile() { - return { - post: function ($scope, $elm, $attrs, uiGridCtrl) { - $log.debug('ui-grid-pinned-container ' + $scope.side + ' link'); - - var grid = uiGridCtrl.grid; - - var myWidth = 0; - - $elm.addClass('ui-grid-pinned-container-' + $scope.side); - - function updateContainerDimensions() { - // $log.debug('update ' + $scope.side + ' dimensions'); - - var ret = ''; - - // Column containers - if ($scope.side === 'left' || $scope.side === 'right') { - var cols = grid.renderContainers[$scope.side].visibleColumnCache; - var width = 0; - for (var i = 0; i < cols.length; i++) { - var col = cols[i]; - width += col.drawnWidth; - } - - myWidth = width; - - // $log.debug('myWidth', myWidth); - - // TODO(c0bra): Subtract sum of col widths from grid viewport width and update it - $elm.attr('style', null); - - var myHeight = grid.renderContainers.body.getViewportHeight(); // + grid.horizontalScrollbarHeight; - - ret += '.grid' + grid.id + ' .ui-grid-pinned-container-' + $scope.side + ', .grid' + grid.id + ' .ui-grid-pinned-container-' + $scope.side + ' .ui-grid-render-container-' + $scope.side + ' .ui-grid-viewport { width: ' + myWidth + 'px; height: ' + myHeight + 'px; } '; - } - - return ret; - } - - grid.renderContainers.body.registerViewportAdjuster(function (adjustment) { - // Subtract our own width - adjustment.width -= myWidth; - - return adjustment; - }); - - // Register style computation to adjust for columns in `side`'s render container - grid.registerStyleComputation({ - priority: 15, - func: updateContainerDimensions - }); - } - }; - } - }; - }]); -})(); -(function(){ - -angular.module('ui.grid') -.factory('Grid', ['$log', '$q', '$compile', '$parse', 'gridUtil', 'uiGridConstants', 'GridOptions', 'GridColumn', 'GridRow', 'GridApi', 'rowSorter', 'rowSearcher', 'GridRenderContainer', '$timeout', - function($log, $q, $compile, $parse, gridUtil, uiGridConstants, GridOptions, GridColumn, GridRow, GridApi, rowSorter, rowSearcher, GridRenderContainer, $timeout) { - -/** - * @ngdoc object - * @name ui.grid.core.api:PublicApi - * @description Public Api for the core grid features - * - */ - - -/** - * @ngdoc function - * @name ui.grid.class:Grid - * @description Grid is the main viewModel. Any properties or methods needed to maintain state are defined in - * * this prototype. One instance of Grid is created per Grid directive instance. - * @param {object} options Object map of options to pass into the grid. An 'id' property is expected. - */ - var Grid = function Grid(options) { - var self = this; - // Get the id out of the options, then remove it - if (options !== undefined && typeof(options.id) !== 'undefined' && options.id) { - if (!/^[_a-zA-Z0-9-]+$/.test(options.id)) { - throw new Error("Grid id '" + options.id + '" is invalid. It must follow CSS selector syntax rules.'); - } - } - else { - throw new Error('No ID provided. An ID must be given when creating a grid.'); - } - - self.id = options.id; - delete options.id; - - // Get default options - self.options = new GridOptions(); - - // Extend the default options with what we were passed in - angular.extend(self.options, options); - - self.headerHeight = self.options.headerRowHeight; - self.footerHeight = self.options.showFooter === true ? self.options.footerRowHeight : 0; - - self.rtl = false; - self.gridHeight = 0; - self.gridWidth = 0; - self.columnBuilders = []; - self.rowBuilders = []; - self.rowsProcessors = []; - self.columnsProcessors = []; - self.styleComputations = []; - self.viewportAdjusters = []; - self.rowHeaderColumns = []; - - // self.visibleRowCache = []; - - // Set of 'render' containers for self grid, which can render sets of rows - self.renderContainers = {}; - - // Create a - self.renderContainers.body = new GridRenderContainer('body', self); - - self.cellValueGetterCache = {}; - - // Cached function to use with custom row templates - self.getRowTemplateFn = null; - - - //representation of the rows on the grid. - //these are wrapped references to the actual data rows (options.data) - self.rows = []; - - //represents the columns on the grid - self.columns = []; - - /** - * @ngdoc boolean - * @name isScrollingVertically - * @propertyOf ui.grid.class:Grid - * @description set to true when Grid is scrolling vertically. Set to false via debounced method - */ - self.isScrollingVertically = false; - - /** - * @ngdoc boolean - * @name isScrollingHorizontally - * @propertyOf ui.grid.class:Grid - * @description set to true when Grid is scrolling horizontally. Set to false via debounced method - */ - self.isScrollingHorizontally = false; - - var debouncedVertical = gridUtil.debounce(function () { - self.isScrollingVertically = false; - }, 300); - - var debouncedHorizontal = gridUtil.debounce(function () { - self.isScrollingHorizontally = false; - }, 300); - - - /** - * @ngdoc function - * @name flagScrollingVertically - * @methodOf ui.grid.class:Grid - * @description sets isScrollingVertically to true and sets it to false in a debounced function - */ - self.flagScrollingVertically = function() { - self.isScrollingVertically = true; - debouncedVertical(); - }; - - /** - * @ngdoc function - * @name flagScrollingHorizontally - * @methodOf ui.grid.class:Grid - * @description sets isScrollingHorizontally to true and sets it to false in a debounced function - */ - self.flagScrollingHorizontally = function() { - self.isScrollingHorizontally = true; - debouncedHorizontal(); - }; - - - - self.api = new GridApi(self); - - /** - * @ngdoc function - * @name refresh - * @methodOf ui.grid.core.api:PublicApi - * @description Refresh the rendered grid on screen. - * - */ - self.api.registerMethod( 'core', 'refresh', this.refresh ); - - /** - * @ngdoc function - * @name refreshRows - * @methodOf ui.grid.core.api:PublicApi - * @description Refresh the rendered grid on screen? Note: not functional at present - * @returns {promise} promise that is resolved when render completes? - * - */ - self.api.registerMethod( 'core', 'refreshRows', this.refreshRows ); - - - /** - * @ngdoc function - * @name sortChanged - * @methodOf ui.grid.core.api:PublicApi - * @description The sort criteria on one or more columns has - * changed. Provides as parameters the grid and the output of - * getColumnSorting, which is an array of gridColumns - * that have sorting on them, sorted in priority order. - * - * @param {Grid} grid the grid - * @param {array} sortColumns an array of columns with - * sorts on them, in priority order - * - * @example - * <pre> - * gridApi.core.on.sortChanged( grid, sortColumns ); - * </pre> - */ - self.api.registerEvent( 'core', 'sortChanged' ); -}; - - /** - * @ngdoc function - * @name isRTL - * @methodOf ui.grid.class:Grid - * @description Returns true if grid is RightToLeft - */ - Grid.prototype.isRTL = function () { - return this.rtl; - }; - - - /** - * @ngdoc function - * @name registerColumnBuilder - * @methodOf ui.grid.class:Grid - * @description When the build creates columns from column definitions, the columnbuilders will be called to add - * additional properties to the column. - * @param {function(colDef, col, gridOptions)} columnsProcessor function to be called - */ - Grid.prototype.registerColumnBuilder = function registerColumnBuilder(columnBuilder) { - this.columnBuilders.push(columnBuilder); - }; - - /** - * @ngdoc function - * @name buildColumnDefsFromData - * @methodOf ui.grid.class:Grid - * @description Populates columnDefs from the provided data - * @param {function(colDef, col, gridOptions)} rowBuilder function to be called - */ - Grid.prototype.buildColumnDefsFromData = function (dataRows){ - this.options.columnDefs = gridUtil.getColumnsFromData(dataRows, this.options.excludeProperties); - }; - - /** - * @ngdoc function - * @name registerRowBuilder - * @methodOf ui.grid.class:Grid - * @description When the build creates rows from gridOptions.data, the rowBuilders will be called to add - * additional properties to the row. - * @param {function(colDef, col, gridOptions)} rowBuilder function to be called - */ - Grid.prototype.registerRowBuilder = function registerRowBuilder(rowBuilder) { - this.rowBuilders.push(rowBuilder); - }; - - /** - * @ngdoc function - * @name getColumn - * @methodOf ui.grid.class:Grid - * @description returns a grid column for the column name - * @param {string} name column name - */ - Grid.prototype.getColumn = function getColumn(name) { - var columns = this.columns.filter(function (column) { - return column.colDef.name === name; - }); - return columns.length > 0 ? columns[0] : null; - }; - - /** - * @ngdoc function - * @name getColDef - * @methodOf ui.grid.class:Grid - * @description returns a grid colDef for the column name - * @param {string} name column.field - */ - Grid.prototype.getColDef = function getColDef(name) { - var colDefs = this.options.columnDefs.filter(function (colDef) { - return colDef.name === name; - }); - return colDefs.length > 0 ? colDefs[0] : null; - }; - - /** - * @ngdoc function - * @name assignTypes - * @methodOf ui.grid.class:Grid - * @description uses the first row of data to assign colDef.type for any types not defined. - */ - /** - * @ngdoc property - * @name type - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description the type of the column, used in sorting. If not provided then the - * grid will guess the type. Add this only if the grid guessing is not to your - * satisfaction. Refer to {@link ui.grid.service:GridUtil.guessType gridUtil.guessType} for - * a list of values the grid knows about. - * - */ - Grid.prototype.assignTypes = function(){ - var self = this; - self.options.columnDefs.forEach(function (colDef, index) { - - //Assign colDef type if not specified - if (!colDef.type) { - var col = new GridColumn(colDef, index, self); - var firstRow = self.rows.length > 0 ? self.rows[0] : null; - if (firstRow) { - colDef.type = gridUtil.guessType(self.getCellValue(firstRow, col)); - } - else { - $log.log('Unable to assign type from data, so defaulting to string'); - colDef.type = 'string'; - } - } - }); - }; - - /** - * @ngdoc function - * @name addRowHeaderColumn - * @methodOf ui.grid.class:Grid - * @description adds a row header column to the grid - * @param {object} column def - */ - Grid.prototype.addRowHeaderColumn = function addRowHeaderColumn(colDef) { - var self = this; - //self.createLeftContainer(); - var rowHeaderCol = new GridColumn(colDef, self.rowHeaderColumns.length + 1, self); - rowHeaderCol.isRowHeader = true; - if (self.isRTL()) { - self.createRightContainer(); - rowHeaderCol.renderContainer = 'right'; - } - else { - self.createLeftContainer(); - rowHeaderCol.renderContainer = 'left'; - } - - self.columnBuilders[0](colDef,rowHeaderCol,self.gridOptions) - .then(function(){ - rowHeaderCol.enableFiltering = false; - rowHeaderCol.enableSorting = false; - self.rowHeaderColumns.push(rowHeaderCol); - }); - }; - - /** - * @ngdoc function - * @name buildColumns - * @methodOf ui.grid.class:Grid - * @description creates GridColumn objects from the columnDefinition. Calls each registered - * columnBuilder to further process the column - * @returns {Promise} a promise to load any needed column resources - */ - Grid.prototype.buildColumns = function buildColumns() { - $log.debug('buildColumns'); - var self = this; - var builderPromises = []; - var offset = self.rowHeaderColumns.length; - - //add row header columns to the grid columns array - angular.forEach(self.rowHeaderColumns, function (rowHeaderColumn) { - offset++; - self.columns.push(rowHeaderColumn); - }); - - // Synchronize self.columns with self.options.columnDefs so that columns can also be removed. - if (self.columns.length > self.options.columnDefs.length) { - self.columns.forEach(function (column, index) { - if (!self.getColDef(column.name)) { - self.columns.splice(index, 1); - } - }); - } - - self.options.columnDefs.forEach(function (colDef, index) { - self.preprocessColDef(colDef); - var col = self.getColumn(colDef.name); - - if (!col) { - col = new GridColumn(colDef, index + offset, self); - self.columns.push(col); - } - else { - col.updateColumnDef(colDef, col.index); - } - - self.columnBuilders.forEach(function (builder) { - builderPromises.push(builder.call(self, colDef, col, self.options)); - }); - }); - - return $q.all(builderPromises); - }; - -/** - * @ngdoc function - * @name preCompileCellTemplates - * @methodOf ui.grid.class:Grid - * @description precompiles all cell templates - */ - Grid.prototype.preCompileCellTemplates = function() { - this.columns.forEach(function (col) { - var html = col.cellTemplate.replace(uiGridConstants.COL_FIELD, 'grid.getCellValue(row, col)'); - - var compiledElementFn = $compile(html); - col.compiledElementFn = compiledElementFn; - }); - }; - - /** - * @ngdoc function - * @name createLeftContainer - * @methodOf ui.grid.class:Grid - * @description creates the left render container if it doesn't already exist - */ - Grid.prototype.createLeftContainer = function() { - if (!this.hasLeftContainer()) { - this.renderContainers.left = new GridRenderContainer('left', this, { disableColumnOffset: true }); - } - }; - - /** - * @ngdoc function - * @name createRightContainer - * @methodOf ui.grid.class:Grid - * @description creates the right render container if it doesn't already exist - */ - Grid.prototype.createRightContainer = function() { - if (!this.hasRightContainer()) { - this.renderContainers.right = new GridRenderContainer('right', this, { disableColumnOffset: true }); - } - }; - - /** - * @ngdoc function - * @name hasLeftContainer - * @methodOf ui.grid.class:Grid - * @description returns true if leftContainer exists - */ - Grid.prototype.hasLeftContainer = function() { - return this.renderContainers.left !== undefined; - }; - - /** - * @ngdoc function - * @name hasLeftContainer - * @methodOf ui.grid.class:Grid - * @description returns true if rightContainer exists - */ - Grid.prototype.hasRightContainer = function() { - return this.renderContainers.right !== undefined; - }; - - - /** - * undocumented function - * @name preprocessColDef - * @methodOf ui.grid.class:Grid - * @description defaults the name property from field to maintain backwards compatibility with 2.x - * validates that name or field is present - */ - Grid.prototype.preprocessColDef = function preprocessColDef(colDef) { - if (!colDef.field && !colDef.name) { - throw new Error('colDef.name or colDef.field property is required'); - } - - //maintain backwards compatibility with 2.x - //field was required in 2.x. now name is required - if (colDef.name === undefined && colDef.field !== undefined) { - colDef.name = colDef.field; - } - - }; - - // Return a list of items that exist in the `n` array but not the `o` array. Uses optional property accessors passed as third & fourth parameters - Grid.prototype.newInN = function newInN(o, n, oAccessor, nAccessor) { - var self = this; - - var t = []; - for (var i=0; i<n.length; i++) { - var nV = nAccessor ? n[i][nAccessor] : n[i]; - - var found = false; - for (var j=0; j<o.length; j++) { - var oV = oAccessor ? o[j][oAccessor] : o[j]; - if (self.options.rowEquality(nV, oV)) { - found = true; - break; - } - } - if (!found) { - t.push(nV); - } - } - - return t; - }; - - /** - * @ngdoc function - * @name getRow - * @methodOf ui.grid.class:Grid - * @description returns the GridRow that contains the rowEntity - * @param {object} rowEntity the gridOptions.data array element instance - */ - Grid.prototype.getRow = function getRow(rowEntity) { - var rows = this.rows.filter(function (row) { - return row.entity === rowEntity; - }); - return rows.length > 0 ? rows[0] : null; - }; - - - /** - * @ngdoc function - * @name modifyRows - * @methodOf ui.grid.class:Grid - * @description creates or removes GridRow objects from the newRawData array. Calls each registered - * rowBuilder to further process the row - * - * Rows are identified using the gridOptions.rowEquality function - */ - Grid.prototype.modifyRows = function modifyRows(newRawData) { - var self = this, - i, - newRow; - - if (self.rows.length === 0 && newRawData.length > 0) { - if (self.options.enableRowHashing) { - if (!self.rowHashMap) { - self.createRowHashMap(); - } - - for (i=0; i<newRawData.length; i++) { - newRow = newRawData[i]; - - self.rowHashMap.put(newRow, { - i: i, - entity: newRow - }); - } - } - - self.addRows(newRawData); - //now that we have data, it is save to assign types to colDefs - self.assignTypes(); - } - else if (newRawData.length > 0) { - var unfoundNewRows, unfoundOldRows, unfoundNewRowsToFind; - - // If row hashing is turned on - if (self.options.enableRowHashing) { - // Array of new rows that haven't been found in the old rowset - unfoundNewRows = []; - // Array of new rows that we explicitly HAVE to search for manually in the old row set. They cannot be looked up by their identity (because it doesn't exist). - unfoundNewRowsToFind = []; - // Map of rows that have been found in the new rowset - var foundOldRows = {}; - // Array of old rows that have NOT been found in the new rowset - unfoundOldRows = []; - - // Create the row HashMap if it doesn't exist already - if (!self.rowHashMap) { - self.createRowHashMap(); - } - var rowhash = self.rowHashMap; - - // Make sure every new row has a hash - for (i = 0; i < newRawData.length; i++) { - newRow = newRawData[i]; - - // Flag this row as needing to be manually found if it didn't come in with a $$hashKey - var mustFind = false; - if (!self.options.getRowIdentity(newRow)) { - mustFind = true; - } - - // See if the new row is already in the rowhash - var found = rowhash.get(newRow); - // If so... - if (found) { - // See if it's already being used by as GridRow - if (found.row) { - // If so, mark this new row as being found - foundOldRows[self.options.rowIdentity(newRow)] = true; - } - } - else { - // Put the row in the hashmap with the index it corresponds to - rowhash.put(newRow, { - i: i, - entity: newRow - }); - - // This row has to be searched for manually in the old row set - if (mustFind) { - unfoundNewRowsToFind.push(newRow); - } - else { - unfoundNewRows.push(newRow); - } - } - } - - // Build the list of unfound old rows - for (i = 0; i < self.rows.length; i++) { - var row = self.rows[i]; - var hash = self.options.rowIdentity(row.entity); - if (!foundOldRows[hash]) { - unfoundOldRows.push(row); - } - } - } - - // Look for new rows - var newRows = unfoundNewRows || []; - - // The unfound new rows is either `unfoundNewRowsToFind`, if row hashing is turned on, or straight `newRawData` if it isn't - var unfoundNew = (unfoundNewRowsToFind || newRawData); - - // Search for real new rows in `unfoundNew` and concat them onto `newRows` - newRows = newRows.concat(self.newInN(self.rows, unfoundNew, 'entity')); - - self.addRows(newRows); - - var deletedRows = self.getDeletedRows((unfoundOldRows || self.rows), newRawData); - - for (i = 0; i < deletedRows.length; i++) { - if (self.options.enableRowHashing) { - self.rowHashMap.remove(deletedRows[i].entity); - } - - self.rows.splice( self.rows.indexOf(deletedRows[i]), 1 ); - } - } - // Empty data set - else { - // Reset the row HashMap - self.createRowHashMap(); - - // Reset the rows length! - self.rows.length = 0; - } - - var p1 = $q.when(self.processRowsProcessors(self.rows)) - .then(function (renderableRows) { - return self.setVisibleRows(renderableRows); - }); - - var p2 = $q.when(self.processColumnsProcessors(self.columns)) - .then(function (renderableColumns) { - return self.setVisibleColumns(renderableColumns); - }); - - return $q.all([p1, p2]); - }; - - Grid.prototype.getDeletedRows = function(oldRows, newRows) { - var self = this; - - var olds = oldRows.filter(function (oldRow) { - return !newRows.some(function (newItem) { - return self.options.rowEquality(newItem, oldRow.entity); - }); - }); - // var olds = self.newInN(newRows, oldRows, null, 'entity'); - // dump('olds', olds); - return olds; - }; - - /** - * Private Undocumented Method - * @name addRows - * @methodOf ui.grid.class:Grid - * @description adds the newRawData array of rows to the grid and calls all registered - * rowBuilders. this keyword will reference the grid - */ - Grid.prototype.addRows = function addRows(newRawData) { - var self = this; - - var existingRowCount = self.rows.length; - for (var i=0; i < newRawData.length; i++) { - var newRow = self.processRowBuilders(new GridRow(newRawData[i], i + existingRowCount, self)); - - if (self.options.enableRowHashing) { - var found = self.rowHashMap.get(newRow.entity); - if (found) { - found.row = newRow; - } - } - - self.rows.push(newRow); - } - }; - - /** - * @ngdoc function - * @name processRowBuilders - * @methodOf ui.grid.class:Grid - * @description processes all RowBuilders for the gridRow - * @param {GridRow} gridRow reference to gridRow - * @returns {GridRow} the gridRow with all additional behavior added - */ - Grid.prototype.processRowBuilders = function processRowBuilders(gridRow) { - var self = this; - - self.rowBuilders.forEach(function (builder) { - builder.call(self, gridRow, self.gridOptions); - }); - - return gridRow; - }; - - /** - * @ngdoc function - * @name registerStyleComputation - * @methodOf ui.grid.class:Grid - * @description registered a styleComputation function - * - * If the function returns a value it will be appended into the grid's `<style>` block - * @param {function($scope)} styleComputation function - */ - Grid.prototype.registerStyleComputation = function registerStyleComputation(styleComputationInfo) { - this.styleComputations.push(styleComputationInfo); - }; - - - // NOTE (c0bra): We already have rowBuilders. I think these do exactly the same thing... - // Grid.prototype.registerRowFilter = function(filter) { - // // TODO(c0bra): validate filter? - - // this.rowFilters.push(filter); - // }; - - // Grid.prototype.removeRowFilter = function(filter) { - // var idx = this.rowFilters.indexOf(filter); - - // if (typeof(idx) !== 'undefined' && idx !== undefined) { - // this.rowFilters.slice(idx, 1); - // } - // }; - - // Grid.prototype.processRowFilters = function(rows) { - // var self = this; - // self.rowFilters.forEach(function (filter) { - // filter.call(self, rows); - // }); - // }; - - - /** - * @ngdoc function - * @name registerRowsProcessor - * @methodOf ui.grid.class:Grid - * @param {function(renderableRows)} rows processor function - * @returns {Array[GridRow]} Updated renderable rows - * @description - - Register a "rows processor" function. When the rows are updated, - the grid calls each registered "rows processor", which has a chance - to alter the set of rows (sorting, etc) as long as the count is not - modified. - */ - Grid.prototype.registerRowsProcessor = function registerRowsProcessor(processor) { - if (!angular.isFunction(processor)) { - throw 'Attempt to register non-function rows processor: ' + processor; - } - - this.rowsProcessors.push(processor); - }; - - /** - * @ngdoc function - * @name removeRowsProcessor - * @methodOf ui.grid.class:Grid - * @param {function(renderableRows)} rows processor function - * @description Remove a registered rows processor - */ - Grid.prototype.removeRowsProcessor = function removeRowsProcessor(processor) { - var idx = this.rowsProcessors.indexOf(processor); - - if (typeof(idx) !== 'undefined' && idx !== undefined) { - this.rowsProcessors.splice(idx, 1); - } - }; - - /** - * Private Undocumented Method - * @name processRowsProcessors - * @methodOf ui.grid.class:Grid - * @param {Array[GridRow]} The array of "renderable" rows - * @param {Array[GridColumn]} The array of columns - * @description Run all the registered rows processors on the array of renderable rows - */ - Grid.prototype.processRowsProcessors = function processRowsProcessors(renderableRows) { - var self = this; - - // Create a shallow copy of the rows so that we can safely sort them without altering the original grid.rows sort order - var myRenderableRows = renderableRows.slice(0); - - // self.rowsProcessors.forEach(function (processor) { - // myRenderableRows = processor.call(self, myRenderableRows, self.columns); - - // if (!renderableRows) { - // throw "Processor at index " + i + " did not return a set of renderable rows"; - // } - - // if (!angular.isArray(renderableRows)) { - // throw "Processor at index " + i + " did not return an array"; - // } - - // i++; - // }); - - // Return myRenderableRows with no processing if we have no rows processors - if (self.rowsProcessors.length === 0) { - return $q.when(myRenderableRows); - } - - // Counter for iterating through rows processors - var i = 0; - - // Promise for when we're done with all the processors - var finished = $q.defer(); - - // This function will call the processor in self.rowsProcessors at index 'i', and then - // when done will call the next processor in the list, using the output from the processor - // at i as the argument for 'renderedRowsToProcess' on the next iteration. - // - // If we're at the end of the list of processors, we resolve our 'finished' callback with - // the result. - function startProcessor(i, renderedRowsToProcess) { - // Get the processor at 'i' - var processor = self.rowsProcessors[i]; - - // Call the processor, passing in the rows to process and the current columns - // (note: it's wrapped in $q.when() in case the processor does not return a promise) - return $q.when( processor.call(self, renderedRowsToProcess, self.columns) ) - .then(function handleProcessedRows(processedRows) { - // Check for errors - if (!processedRows) { - throw "Processor at index " + i + " did not return a set of renderable rows"; - } - - if (!angular.isArray(processedRows)) { - throw "Processor at index " + i + " did not return an array"; - } - - // Processor is done, increment the counter - i++; - - // If we're not done with the processors, call the next one - if (i <= self.rowsProcessors.length - 1) { - return startProcessor(i, processedRows); - } - // We're done! Resolve the 'finished' promise - else { - finished.resolve(processedRows); - } - }); - } - - // Start on the first processor - startProcessor(0, myRenderableRows); - - return finished.promise; - }; - - Grid.prototype.setVisibleRows = function setVisibleRows(rows) { - // $log.debug('setVisibleRows'); - - var self = this; - - //var newVisibleRowCache = []; - - // Reset all the render container row caches - for (var i in self.renderContainers) { - var container = self.renderContainers[i]; - - container.visibleRowCache.length = 0; - } - - // rows.forEach(function (row) { - for (var ri = 0; ri < rows.length; ri++) { - var row = rows[ri]; - - // If the row is visible - if (row.visible) { - // newVisibleRowCache.push(row); - - // If the row has a container specified - if (typeof(row.renderContainer) !== 'undefined' && row.renderContainer) { - self.renderContainers[row.renderContainer].visibleRowCache.push(row); - } - // If not, put it into the body container - else { - self.renderContainers.body.visibleRowCache.push(row); - } - } - } - }; - - /** - * @ngdoc function - * @name registerColumnsProcessor - * @methodOf ui.grid.class:Grid - * @param {function(renderableColumns)} rows processor function - * @returns {Array[GridColumn]} Updated renderable columns - * @description - - Register a "columns processor" function. When the columns are updated, - the grid calls each registered "columns processor", which has a chance - to alter the set of columns, as long as the count is not modified. - */ - Grid.prototype.registerColumnsProcessor = function registerColumnsProcessor(processor) { - if (!angular.isFunction(processor)) { - throw 'Attempt to register non-function rows processor: ' + processor; - } - - this.columnsProcessors.push(processor); - }; - - Grid.prototype.removeColumnsProcessor = function removeColumnsProcessor(processor) { - var idx = this.columnsProcessors.indexOf(processor); - - if (typeof(idx) !== 'undefined' && idx !== undefined) { - this.columnsProcessors.splice(idx, 1); - } - }; - - Grid.prototype.processColumnsProcessors = function processColumnsProcessors(renderableColumns) { - var self = this; - - // Create a shallow copy of the rows so that we can safely sort them without altering the original grid.rows sort order - var myRenderableColumns = renderableColumns.slice(0); - - // Return myRenderableRows with no processing if we have no rows processors - if (self.columnsProcessors.length === 0) { - return $q.when(myRenderableColumns); - } - - // Counter for iterating through rows processors - var i = 0; - - // Promise for when we're done with all the processors - var finished = $q.defer(); - - // This function will call the processor in self.rowsProcessors at index 'i', and then - // when done will call the next processor in the list, using the output from the processor - // at i as the argument for 'renderedRowsToProcess' on the next iteration. - // - // If we're at the end of the list of processors, we resolve our 'finished' callback with - // the result. - function startProcessor(i, renderedColumnsToProcess) { - // Get the processor at 'i' - var processor = self.columnsProcessors[i]; - - // Call the processor, passing in the rows to process and the current columns - // (note: it's wrapped in $q.when() in case the processor does not return a promise) - return $q.when( processor.call(self, renderedColumnsToProcess, self.rows) ) - .then(function handleProcessedRows(processedColumns) { - // Check for errors - if (!processedColumns) { - throw "Processor at index " + i + " did not return a set of renderable rows"; - } - - if (!angular.isArray(processedColumns)) { - throw "Processor at index " + i + " did not return an array"; - } - - // Processor is done, increment the counter - i++; - - // If we're not done with the processors, call the next one - if (i <= self.columnsProcessors.length - 1) { - return startProcessor(i, myRenderableColumns); - } - // We're done! Resolve the 'finished' promise - else { - finished.resolve(myRenderableColumns); - } - }); - } - - // Start on the first processor - startProcessor(0, myRenderableColumns); - - return finished.promise; - }; - - Grid.prototype.setVisibleColumns = function setVisibleColumns(columns) { - // $log.debug('setVisibleColumns'); - - var self = this; - - // Reset all the render container row caches - for (var i in self.renderContainers) { - var container = self.renderContainers[i]; - - container.visibleColumnCache.length = 0; - } - - for (var ci = 0; ci < columns.length; ci++) { - var column = columns[ci]; - - // If the column is visible - if (column.visible) { - // If the column has a container specified - if (typeof(column.renderContainer) !== 'undefined' && column.renderContainer) { - self.renderContainers[column.renderContainer].visibleColumnCache.push(column); - } - // If not, put it into the body container - else { - self.renderContainers.body.visibleColumnCache.push(column); - } - } - } - }; - - /** - * @ngdoc function - * @name handleWindowResize - * @methodOf ui.grid.class:Grid - * @description Triggered when the browser window resizes; automatically resizes the grid - */ - Grid.prototype.handleWindowResize = function handleWindowResize($event) { - var self = this; - - self.gridWidth = gridUtil.elementWidth(self.element); - self.gridHeight = gridUtil.elementHeight(self.element); - - self.queueRefresh(); - }; - - /** - * @ngdoc function - * @name queueRefresh - * @methodOf ui.grid.class:Grid - * @description todo: @c0bra can you document this method? - */ - Grid.prototype.queueRefresh = function queueRefresh() { - var self = this; - if (self.refreshCanceller) { - $timeout.cancel(self.refreshCanceller); - } - - self.refreshCanceller = $timeout(function () { - self.refreshCanvas(true); - }); - - self.refreshCanceller.then(function () { - self.refreshCanceller = null; - }); - - return self.refreshCanceller; - }; - - /** - * @ngdoc function - * @name buildStyles - * @methodOf ui.grid.class:Grid - * @description calls each styleComputation function - */ - // TODO: this used to take $scope, but couldn't see that it was used - Grid.prototype.buildStyles = function buildStyles() { - // $log.debug('buildStyles'); - - var self = this; - - self.customStyles = ''; - - self.styleComputations - .sort(function(a, b) { - if (a.priority === null) { return 1; } - if (b.priority === null) { return -1; } - if (a.priority === null && b.priority === null) { return 0; } - return a.priority - b.priority; - }) - .forEach(function (compInfo) { - // this used to provide $scope as a second parameter, but I couldn't find any - // style builders that used it, so removed it as part of moving to grid from controller - var ret = compInfo.func.call(self); - - if (angular.isString(ret)) { - self.customStyles += '\n' + ret; - } - }); - }; - - - Grid.prototype.minColumnsToRender = function minColumnsToRender() { - var self = this; - var viewport = this.getViewportWidth(); - - var min = 0; - var totalWidth = 0; - self.columns.forEach(function(col, i) { - if (totalWidth < viewport) { - totalWidth += col.drawnWidth; - min++; - } - else { - var currWidth = 0; - for (var j = i; j >= i - min; j--) { - currWidth += self.columns[j].drawnWidth; - } - if (currWidth < viewport) { - min++; - } - } - }); - - return min; - }; - - Grid.prototype.getBodyHeight = function getBodyHeight() { - // Start with the viewportHeight - var bodyHeight = this.getViewportHeight(); - - // Add the horizontal scrollbar height if there is one - if (typeof(this.horizontalScrollbarHeight) !== 'undefined' && this.horizontalScrollbarHeight !== undefined && this.horizontalScrollbarHeight > 0) { - bodyHeight = bodyHeight + this.horizontalScrollbarHeight; - } - - return bodyHeight; - }; - - // NOTE: viewport drawable height is the height of the grid minus the header row height (including any border) - // TODO(c0bra): account for footer height - Grid.prototype.getViewportHeight = function getViewportHeight() { - var self = this; - - var viewPortHeight = this.gridHeight - this.headerHeight - this.footerHeight; - - // Account for native horizontal scrollbar, if present - if (typeof(this.horizontalScrollbarHeight) !== 'undefined' && this.horizontalScrollbarHeight !== undefined && this.horizontalScrollbarHeight > 0) { - viewPortHeight = viewPortHeight - this.horizontalScrollbarHeight; - } - - var adjustment = self.getViewportAdjustment(); - - viewPortHeight = viewPortHeight + adjustment.height; - - // $log.debug('viewPortHeight', viewPortHeight); - - return viewPortHeight; - }; - - Grid.prototype.getViewportWidth = function getViewportWidth() { - var self = this; - - var viewPortWidth = this.gridWidth; - - if (typeof(this.verticalScrollbarWidth) !== 'undefined' && this.verticalScrollbarWidth !== undefined && this.verticalScrollbarWidth > 0) { - viewPortWidth = viewPortWidth - this.verticalScrollbarWidth; - } - - var adjustment = self.getViewportAdjustment(); - - viewPortWidth = viewPortWidth + adjustment.width; - - // $log.debug('getviewPortWidth', viewPortWidth); - - return viewPortWidth; - }; - - Grid.prototype.getHeaderViewportWidth = function getHeaderViewportWidth() { - var viewPortWidth = this.getViewportWidth(); - - if (typeof(this.verticalScrollbarWidth) !== 'undefined' && this.verticalScrollbarWidth !== undefined && this.verticalScrollbarWidth > 0) { - viewPortWidth = viewPortWidth + this.verticalScrollbarWidth; - } - - return viewPortWidth; - }; - - Grid.prototype.registerViewportAdjuster = function registerViewportAdjuster(func) { - this.viewportAdjusters.push(func); - }; - - Grid.prototype.removeViewportAdjuster = function registerViewportAdjuster(func) { - var idx = this.viewportAdjusters.indexOf(func); - - if (typeof(idx) !== 'undefined' && idx !== undefined) { - this.viewportAdjusters.splice(idx, 1); - } - }; - - Grid.prototype.getViewportAdjustment = function getViewportAdjustment() { - var self = this; - - var adjustment = { height: 0, width: 0 }; - - self.viewportAdjusters.forEach(function (func) { - adjustment = func.call(this, adjustment); - }); - - return adjustment; - }; - - Grid.prototype.getVisibleRowCount = function getVisibleRowCount() { - // var count = 0; - - // this.rows.forEach(function (row) { - // if (row.visible) { - // count++; - // } - // }); - - // return this.visibleRowCache.length; - return this.renderContainers.body.visibleRowCache.length; - }; - - Grid.prototype.getVisibleRows = function getVisibleRows() { - return this.renderContainers.body.visibleRowCache; - }; - - Grid.prototype.getVisibleColumnCount = function getVisibleColumnCount() { - // var count = 0; - - // this.rows.forEach(function (row) { - // if (row.visible) { - // count++; - // } - // }); - - // return this.visibleRowCache.length; - return this.renderContainers.body.visibleColumnCache.length; - }; - - - Grid.prototype.searchRows = function searchRows(renderableRows) { - return rowSearcher.search(this, renderableRows, this.columns); - }; - - Grid.prototype.sortByColumn = function sortByColumn(renderableRows) { - return rowSorter.sort(this, renderableRows, this.columns); - }; - - Grid.prototype.getCellValue = function getCellValue(row, col){ - var self = this; - - if (!self.cellValueGetterCache[col.colDef.name]) { - self.cellValueGetterCache[col.colDef.name] = $parse(row.getEntityQualifiedColField(col)); - } - - return self.cellValueGetterCache[col.colDef.name](row); - }; - - - Grid.prototype.getNextColumnSortPriority = function getNextColumnSortPriority() { - var self = this, - p = 0; - - self.columns.forEach(function (col) { - if (col.sort && col.sort.priority && col.sort.priority > p) { - p = col.sort.priority; - } - }); - - return p + 1; - }; - - /** - * @ngdoc function - * @name resetColumnSorting - * @methodOf ui.grid.class:Grid - * @description Return the columns that the grid is currently being sorted by - * @param {GridColumn} [excludedColumn] Optional GridColumn to exclude from having its sorting reset - */ - Grid.prototype.resetColumnSorting = function resetColumnSorting(excludeCol) { - var self = this; - - self.columns.forEach(function (col) { - if (col !== excludeCol) { - col.sort = {}; - } - }); - }; - - /** - * @ngdoc function - * @name getColumnSorting - * @methodOf ui.grid.class:Grid - * @description Return the columns that the grid is currently being sorted by - * @returns {Array[GridColumn]} An array of GridColumn objects - */ - Grid.prototype.getColumnSorting = function getColumnSorting() { - var self = this; - - var sortedCols = [], myCols; - - // Iterate through all the columns, sorted by priority - // Make local copy of column list, because sorting is in-place and we do not want to - // change the original sequence of columns - myCols = self.columns.slice(0); - myCols.sort(rowSorter.prioritySort).forEach(function (col) { - if (col.sort && typeof(col.sort.direction) !== 'undefined' && col.sort.direction && (col.sort.direction === uiGridConstants.ASC || col.sort.direction === uiGridConstants.DESC)) { - sortedCols.push(col); - } - }); - - return sortedCols; - }; - - /** - * @ngdoc function - * @name sortColumn - * @methodOf ui.grid.class:Grid - * @description Set the sorting on a given column, optionally resetting any existing sorting on the Grid. - * Emits the sortChanged event whenever the sort criteria are changed. - * @param {GridColumn} column Column to set the sorting on - * @param {uiGridConstants.ASC|uiGridConstants.DESC} [direction] Direction to sort by, either descending or ascending. - * If not provided, the column will iterate through the sort directions: ascending, descending, unsorted. - * @param {boolean} [add] Add this column to the sorting. If not provided or set to `false`, the Grid will reset any existing sorting and sort - * by this column only - * @returns {Promise} A resolved promise that supplies the column. - */ - - Grid.prototype.sortColumn = function sortColumn(column, directionOrAdd, add) { - var self = this, - direction = null; - - if (typeof(column) === 'undefined' || !column) { - throw new Error('No column parameter provided'); - } - - // Second argument can either be a direction or whether to add this column to the existing sort. - // If it's a boolean, it's an add, otherwise, it's a direction - if (typeof(directionOrAdd) === 'boolean') { - add = directionOrAdd; - } - else { - direction = directionOrAdd; - } - - if (!add) { - self.resetColumnSorting(column); - column.sort.priority = 0; - } - else { - column.sort.priority = self.getNextColumnSortPriority(); - } - - if (!direction) { - // Figure out the sort direction - if (column.sort.direction && column.sort.direction === uiGridConstants.ASC) { - column.sort.direction = uiGridConstants.DESC; - } - else if (column.sort.direction && column.sort.direction === uiGridConstants.DESC) { - column.sort.direction = null; - } - else { - column.sort.direction = uiGridConstants.ASC; - } - } - else { - column.sort.direction = direction; - } - - self.api.core.raise.sortChanged( self, self.getColumnSorting() ); - - return $q.when(column); - }; - - /** - * communicate to outside world that we are done with initial rendering - */ - Grid.prototype.renderingComplete = function(){ - if (angular.isFunction(this.options.onRegisterApi)) { - this.options.onRegisterApi(this.api); - } - this.api.core.raise.renderingComplete( this.api ); - }; - - Grid.prototype.createRowHashMap = function createRowHashMap() { - var self = this; - - var hashMap = new RowHashMap(); - hashMap.grid = self; - - self.rowHashMap = hashMap; - }; - - - /** - * @ngdoc function - * @name refresh - * @methodOf ui.grid.class:Grid - * @description Refresh the rendered grid on screen. - * - */ - Grid.prototype.refresh = function refresh() { - $log.debug('grid refresh'); - - var self = this; - - var p1 = self.processRowsProcessors(self.rows).then(function (renderableRows) { - self.setVisibleRows(renderableRows); - }); - - var p2 = self.processColumnsProcessors(self.columns).then(function (renderableColumns) { - self.setVisibleColumns(renderableColumns); - }); - - return $q.all([p1, p2]).then(function () { - self.redrawInPlace(); - - self.refreshCanvas(true); - }); - }; - - /** - * @ngdoc function - * @name refreshRows - * @methodOf ui.grid.class:Grid - * @description Refresh the rendered rows on screen? Note: not functional at present - * @returns {promise} promise that is resolved when render completes? - * - */ - Grid.prototype.refreshRows = function refreshRows() { - var self = this; - - return self.processRowsProcessors(self.rows) - .then(function (renderableRows) { - self.setVisibleRows(renderableRows); - - // TODO: this method doesn't exist, so clearly refreshRows doesn't work. - self.redrawRows(); - - self.refreshCanvas(); - }); - }; - - /** - * @ngdoc function - * @name redrawCanvas - * @methodOf ui.grid.class:Grid - * @description TBD - * @params {object} buildStyles optional parameter. Use TBD - * @returns {promise} promise that is resolved when the canvas - * has been refreshed - * - */ - Grid.prototype.refreshCanvas = function(buildStyles) { - var self = this; - - if (buildStyles) { - self.buildStyles(); - } - - var p = $q.defer(); - - // Get all the header heights - var containerHeadersToRecalc = []; - for (var containerId in self.renderContainers) { - if (self.renderContainers.hasOwnProperty(containerId)) { - var container = self.renderContainers[containerId]; - - if (container.header) { - containerHeadersToRecalc.push(container); - } - } - } - - if (containerHeadersToRecalc.length > 0) { - // Putting in a timeout as it's not calculating after the grid element is rendered and filled out - $timeout(function() { - // var oldHeaderHeight = self.grid.headerHeight; - // self.grid.headerHeight = gridUtil.outerElementHeight(self.header); - - var rebuildStyles = false; - - // Get all the header heights - for (var i = 0; i < containerHeadersToRecalc.length; i++) { - var container = containerHeadersToRecalc[i]; - - if (container.header) { - var oldHeaderHeight = container.headerHeight; - var headerHeight = gridUtil.outerElementHeight(container.header); - container.headerHeight = headerHeight; - - if (oldHeaderHeight !== headerHeight) { - rebuildStyles = true; - } - } - } - - // Rebuild styles if the header height has changed - // The header height is used in body/viewport calculations and those are then used in other styles so we need it to be available - if (buildStyles && rebuildStyles) { - self.buildStyles(); - } - - p.resolve(); - }); - } - else { - // Timeout still needs to be here to trigger digest after styles have been rebuilt - $timeout(function() { - p.resolve(); - }); - } - - return p.promise; - }; - - - /** - * @ngdoc function - * @name redrawCanvas - * @methodOf ui.grid.class:Grid - * @description Redraw the rows and columns based on our current scroll position - * - */ - Grid.prototype.redrawInPlace = function redrawInPlace() { - // $log.debug('redrawInPlace'); - - var self = this; - - for (var i in self.renderContainers) { - var container = self.renderContainers[i]; - - // $log.debug('redrawing container', i); - - container.adjustRows(container.prevScrollTop, null); - container.adjustColumns(container.prevScrollLeft, null); - } - }; - - - // Blatantly stolen from Angular as it isn't exposed (yet? 2.0?) - function RowHashMap() {} - - RowHashMap.prototype = { - /** - * Store key value pair - * @param key key to store can be any type - * @param value value to store can be any type - */ - put: function(key, value) { - this[this.grid.options.rowIdentity(key)] = value; - }, - - /** - * @param key - * @returns {Object} the value for the key - */ - get: function(key) { - return this[this.grid.options.rowIdentity(key)]; - }, - - /** - * Remove the key/value pair - * @param key - */ - remove: function(key) { - var value = this[key = this.grid.options.rowIdentity(key)]; - delete this[key]; - return value; - } - }; - - - - return Grid; - -}]); - -})(); - -(function () { - - angular.module('ui.grid') - .factory('GridApi', ['$log', '$q', '$rootScope', 'gridUtil', 'uiGridConstants', - function ($log, $q, $rootScope, gridUtil, uiGridConstants) { - /** - * @ngdoc function - * @name ui.grid.class:GridApi - * @description GridApi provides the ability to register public methods events inside the grid and allow - * for other components to use the api via featureName.methodName and featureName.on.eventName(function(args){} - * @param {object} grid grid that owns api - */ - var GridApi = function GridApi(grid) { - this.grid = grid; - this.listeners = []; - - /** - * @ngdoc function - * @name renderingComplete - * @methodOf ui.grid.core.api:PublicApi - * @description Rendering is complete, called at the same - * time as `onRegisterApi`, but provides a way to obtain - * that same event within features without stopping end - * users from getting at the onRegisterApi method. - * - * Included in gridApi so that it's always there - otherwise - * there is still a timing problem with when a feature can - * call this. - * - * @param {GridApi} gridApi the grid api, as normally - * returned in the onRegisterApi method - * - * @example - * <pre> - * gridApi.core.on.renderingComplete( grid ); - * </pre> - */ - this.registerEvent( 'core', 'renderingComplete' ); - }; - - /** - * @ngdoc function - * @name ui.grid.class:suppressEvents - * @methodOf ui.grid.class:GridApi - * @description Used to execute a function while disabling the specified event listeners. - * Disables the listenerFunctions, executes the callbackFn, and then enables - * the listenerFunctions again - * @param {object} listenerFuncs listenerFunc or array of listenerFuncs to suppress. These must be the same - * functions that were used in the .on.eventName method - * @param {object} callBackFn function to execute - * @example - * <pre> - * var navigate = function (newRowCol, oldRowCol){ - * //do something on navigate - * } - * - * gridApi.cellNav.on.navigate(scope,navigate); - * - * - * //call the scrollTo event and suppress our navigate listener - * //scrollTo will still raise the event for other listeners - * gridApi.suppressEvents(navigate, function(){ - * gridApi.cellNav.scrollTo(aRow, aCol); - * }); - * - * </pre> - */ - GridApi.prototype.suppressEvents = function (listenerFuncs, callBackFn) { - var self = this; - var listeners = angular.isArray(listenerFuncs) ? listenerFuncs : [listenerFuncs]; - - //find all registered listeners - var foundListeners = []; - listeners.forEach(function (l) { - foundListeners = self.listeners.filter(function (lstnr) { - return l === lstnr.handler; - }); - }); - - //deregister all the listeners - foundListeners.forEach(function(l){ - l.dereg(); - }); - - callBackFn(); - - //reregister all the listeners - foundListeners.forEach(function(l){ - l.dereg = registerEventWithAngular(l.scope, l.eventId, l.handler, self.grid); - }); - - }; - - /** - * @ngdoc function - * @name registerEvent - * @methodOf ui.grid.class:GridApi - * @description Registers a new event for the given feature - * @param {string} featureName name of the feature that raises the event - * @param {string} eventName name of the event - */ - GridApi.prototype.registerEvent = function (featureName, eventName) { - var self = this; - if (!self[featureName]) { - self[featureName] = {}; - } - - var feature = self[featureName]; - if (!feature.on) { - feature.on = {}; - feature.raise = {}; - } - - var eventId = self.grid.id + featureName + eventName; - - $log.log('Creating raise event method ' + featureName + '.raise.' + eventName); - feature.raise[eventName] = function () { - $rootScope.$broadcast.apply($rootScope, [eventId].concat(Array.prototype.slice.call(arguments))); - }; - - $log.log('Creating on event method ' + featureName + '.on.' + eventName); - feature.on[eventName] = function (scope, handler) { - var dereg = registerEventWithAngular(scope, eventId, handler, self.grid); - - //track our listener so we can turn off and on - var listener = {handler: handler, dereg: dereg, eventId: eventId, scope: scope}; - self.listeners.push(listener); - - //destroy tracking when scope is destroyed - //wanted to remove the listener from the array but angular does - //strange things in scope.$destroy so I could not access the listener array - scope.$on('$destroy', function() { - listener.dereg = null; - listener.handler = null; - listener.eventId = null; - listener.scope = null; - }); - }; - }; - - function registerEventWithAngular(scope, eventId, handler, grid) { - return scope.$on(eventId, function (event) { - var args = Array.prototype.slice.call(arguments); - args.splice(0, 1); //remove evt argument - handler.apply(grid.api, args); - }); - } - - /** - * @ngdoc function - * @name registerEventsFromObject - * @methodOf ui.grid.class:GridApi - * @description Registers features and events from a simple objectMap. - * eventObjectMap must be in this format (multiple features allowed) - * <pre> - * {featureName: - * { - * eventNameOne:function(args){}, - * eventNameTwo:function(args){} - * } - * } - * </pre> - * @param {object} eventObjectMap map of feature/event names - */ - GridApi.prototype.registerEventsFromObject = function (eventObjectMap) { - var self = this; - var features = []; - angular.forEach(eventObjectMap, function (featProp, featPropName) { - var feature = {name: featPropName, events: []}; - angular.forEach(featProp, function (prop, propName) { - feature.events.push(propName); - }); - features.push(feature); - }); - - features.forEach(function (feature) { - feature.events.forEach(function (event) { - self.registerEvent(feature.name, event); - }); - }); - - }; - - /** - * @ngdoc function - * @name registerMethod - * @methodOf ui.grid.class:GridApi - * @description Registers a new event for the given feature - * @param {string} featureName name of the feature - * @param {string} methodName name of the method - * @param {object} callBackFn function to execute - * @param {object} thisArg binds callBackFn 'this' to thisArg. Defaults to gridApi.grid - */ - GridApi.prototype.registerMethod = function (featureName, methodName, callBackFn, thisArg) { - if (!this[featureName]) { - this[featureName] = {}; - } - - var feature = this[featureName]; - - feature[methodName] = gridUtil.createBoundedWrapper(thisArg || this.grid, callBackFn); - }; - - /** - * @ngdoc function - * @name registerMethodsFromObject - * @methodOf ui.grid.class:GridApi - * @description Registers features and methods from a simple objectMap. - * eventObjectMap must be in this format (multiple features allowed) - * <br> - * {featureName: - * { - * methodNameOne:function(args){}, - * methodNameTwo:function(args){} - * } - * @param {object} eventObjectMap map of feature/event names - * @param {object} thisArg binds this to thisArg for all functions. Defaults to gridApi.grid - */ - GridApi.prototype.registerMethodsFromObject = function (methodMap, thisArg) { - var self = this; - var features = []; - angular.forEach(methodMap, function (featProp, featPropName) { - var feature = {name: featPropName, methods: []}; - angular.forEach(featProp, function (prop, propName) { - feature.methods.push({name: propName, fn: prop}); - }); - features.push(feature); - }); - - features.forEach(function (feature) { - feature.methods.forEach(function (method) { - self.registerMethod(feature.name, method.name, method.fn, thisArg); - }); - }); - - }; - - return GridApi; - - }]); - -})(); - -(function(){ - -angular.module('ui.grid') -.factory('GridColumn', ['gridUtil', 'uiGridConstants', function(gridUtil, uiGridConstants) { - - /** - * @ngdoc function - * @name ui.grid.class:GridColumn - * @description Represents the viewModel for each column. Any state or methods needed for a Grid Column - * are defined on this prototype - * @param {ColDef} colDef Column definition. - * @param {number} index the current position of the column in the array - * @param {Grid} grid reference to the grid - */ - - /** - * ****************************************************************************************** - * PaulL1: Ugly hack here in documentation. These properties are clearly properties of GridColumn, - * and need to be noted as such for those extending and building ui-grid itself. - * However, from an end-developer perspective, they interact with all these through columnDefs, - * and they really need to be documented there. I feel like they're relatively static, and - * I can't find an elegant way for ngDoc to reference to both....so I've duplicated each - * comment block. Ugh. - * - */ - - /** - * @ngdoc property - * @name name - * @propertyOf ui.grid.class:GridColumn - * @description (mandatory) each column should have a name, although for backward - * compatibility with 2.x name can be omitted if field is present - * - */ - - /** - * @ngdoc property - * @name name - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description (mandatory) each column should have a name, although for backward - * compatibility with 2.x name can be omitted if field is present - * - */ - - /** - * @ngdoc property - * @name displayName - * @propertyOf ui.grid.class:GridColumn - * @description Column name that will be shown in the header. If displayName is not - * provided then one is generated using the name. - * - */ - - /** - * @ngdoc property - * @name displayName - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Column name that will be shown in the header. If displayName is not - * provided then one is generated using the name. - * - */ - - /** - * @ngdoc property - * @name field - * @propertyOf ui.grid.class:GridColumn - * @description field must be provided if you wish to bind to a - * property in the data source. Should be an angular expression that evaluates against grid.options.data - * array element. Can be a complex expression: <code>employee.address.city</code>, or can be a function: <code>employee.getFullAddress()</code>. - * See the angular docs on binding expressions. - * - */ - - /** - * @ngdoc property - * @name field - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description field must be provided if you wish to bind to a - * property in the data source. Should be an angular expression that evaluates against grid.options.data - * array element. Can be a complex expression: <code>employee.address.city</code>, or can be a function: <code>employee.getFullAddress()</code>. - * See the angular docs on binding expressions. - * - */ - - /** - * @ngdoc property - * @name filter - * @propertyOf ui.grid.class:GridColumn - * @description Filter on this column. - * @example - * <pre>{ term: 'text', condition: uiGridConstants.filter.STARTS_WITH, placeholder: 'type to filter...' }</pre> - * - */ - - /** - * @ngdoc property - * @name filter - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Specify a single filter field on this column. - * @example - * <pre>$scope.gridOptions.columnDefs = [ - * { - * field: 'field1', - * filter: { - * condition: uiGridConstants.filter.STARTS_WITH, - * placeholder: 'starts with...' - * } - * } - * ]; </pre> - * - */ - - - function GridColumn(colDef, index, grid) { - var self = this; - - self.grid = grid; - colDef.index = index; - - self.updateColumnDef(colDef); - } - - GridColumn.prototype.setPropertyOrDefault = function (colDef, propName, defaultValue) { - var self = this; - - // Use the column definition filter if we were passed it - if (typeof(colDef[propName]) !== 'undefined' && colDef[propName]) { - self[propName] = colDef[propName]; - } - // Otherwise use our own if it's set - else if (typeof(self[propName]) !== 'undefined') { - self[propName] = self[propName]; - } - // Default to empty object for the filter - else { - self[propName] = defaultValue ? defaultValue : {}; - } - }; - - - - /** - * @ngdoc property - * @name width - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description sets the column width. Can be either - * a number or a percentage, or an * for auto. - * @example - * <pre> $scope.gridOptions.columnDefs = [ { field: 'field1', width: 100}, - * { field: 'field2', width: '20%'}, - * { field: 'field3', width: '*' }]; </pre> - * - */ - - /** - * @ngdoc property - * @name minWidth - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description sets the minimum column width. Should be a number. - * @example - * <pre> $scope.gridOptions.columnDefs = [ { field: 'field1', minWidth: 100}]; </pre> - * - */ - - /** - * @ngdoc property - * @name maxWidth - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description sets the maximum column width. Should be a number. - * @example - * <pre> $scope.gridOptions.columnDefs = [ { field: 'field1', maxWidth: 100}]; </pre> - * - */ - - /** - * @ngdoc property - * @name visible - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description sets whether or not the column is visible - * </br>Default is true - * @example - * <pre> $scope.gridOptions.columnDefs = [ - * { field: 'field1', visible: true}, - * { field: 'field2', visible: false } - * ]; </pre> - * - */ - - /** - * @ngdoc property - * @name sort - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Can be used to set the sort direction for the column, values are - * uiGridConstants.ASC or uiGridConstants.DESC - * @example - * <pre> $scope.gridOptions.columnDefs = [ { field: 'field1', sort: { direction: uiGridConstants.ASC }}] </pre> - */ - - - /** - * @ngdoc property - * @name sortingAlgorithm - * @propertyOf ui.grid.class:GridColumn - * @description Algorithm to use for sorting this column. Takes 'a' and 'b' parameters - * like any normal sorting function. - * - */ - - /** - * @ngdoc property - * @name sortingAlgorithm - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Algorithm to use for sorting this column. Takes 'a' and 'b' parameters - * like any normal sorting function. - * - */ - - /** - * @ngdoc array - * @name filters - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Specify multiple filter fields. - * @example - * <pre>$scope.gridOptions.columnDefs = [ - * { - * field: 'field1', filters: [ - * { - * condition: uiGridConstants.filter.STARTS_WITH, - * placeholder: 'starts with...' - * }, - * { - * condition: uiGridConstants.filter.ENDS_WITH, - * placeholder: 'ends with...' - * } - * ] - * } - * ]; </pre> - * - * - */ - - /** - * @ngdoc array - * @name filters - * @propertyOf ui.grid.class:GridColumn - * @description Filters for this column. Includes 'term' property bound to filter input elements. - * @example - * <pre>[ - * { - * term: 'foo', // ngModel for <input> - * condition: uiGridConstants.filter.STARTS_WITH, - * placeholder: 'starts with...' - * }, - * { - * term: 'baz', - * condition: uiGridConstants.filter.ENDS_WITH, - * placeholder: 'ends with...' - * } - * ] </pre> - * - * - */ - - /** - * @ngdoc array - * @name menuItems - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description used to add menu items to a column. Refer to the tutorial on this - * functionality. - * @example - * <pre> $scope.gridOptions.columnDefs = [ - * { field: 'field1', menuItems: [ - * { - * title: 'Outer Scope Alert', - * icon: 'ui-grid-icon-info-circled', - * action: function($event) { - * this.context.blargh(); // $scope.blargh() would work too, this is just an example - * }, - * context: $scope - * }, - * { - * title: 'Grid ID', - * action: function() { - * alert('Grid ID: ' + this.grid.id); - * } - * } - * ] }]; </pre> - * - */ - GridColumn.prototype.updateColumnDef = function(colDef, index) { - var self = this; - - self.colDef = colDef; - - //position of column - self.index = (typeof(index) === 'undefined') ? colDef.index : index; - - if (colDef.name === undefined) { - throw new Error('colDef.name is required for column at index ' + self.index); - } - - var parseErrorMsg = "Cannot parse column width '" + colDef.width + "' for column named '" + colDef.name + "'"; - - // If width is not defined, set it to a single star - if (gridUtil.isNullOrUndefined(colDef.width)) { - self.width = '*'; - } - else { - // If the width is not a number - if (!angular.isNumber(colDef.width)) { - // See if it ends with a percent - if (gridUtil.endsWith(colDef.width, '%')) { - // If so we should be able to parse the non-percent-sign part to a number - var percentStr = colDef.width.replace(/%/g, ''); - var percent = parseInt(percentStr, 10); - if (isNaN(percent)) { - throw new Error(parseErrorMsg); - } - self.width = colDef.width; - } - // And see if it's a number string - else if (colDef.width.match(/^(\d+)$/)) { - self.width = parseInt(colDef.width.match(/^(\d+)$/)[1], 10); - } - // Otherwise it should be a string of asterisks - else if (!colDef.width.match(/^\*+$/)) { - throw new Error(parseErrorMsg); - } - } - // Is a number, use it as the width - else { - self.width = colDef.width; - } - } - - // Remove this column from the grid sorting - GridColumn.prototype.unsort = function () { - this.sort = {}; - }; - - self.minWidth = !colDef.minWidth ? 50 : colDef.minWidth; - self.maxWidth = !colDef.maxWidth ? 9000 : colDef.maxWidth; - - //use field if it is defined; name if it is not - self.field = (colDef.field === undefined) ? colDef.name : colDef.field; - - // Use colDef.displayName as long as it's not undefined, otherwise default to the field name - self.displayName = (colDef.displayName === undefined) ? gridUtil.readableColumnName(colDef.name) : colDef.displayName; - - //self.originalIndex = index; - - self.aggregationType = angular.isDefined(colDef.aggregationType) ? colDef.aggregationType : null; - self.footerCellTemplate = angular.isDefined(colDef.footerCellTemplate) ? colDef.footerCellTemplate : null; - - /** - * @ngdoc property - * @name cellClass - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description cellClass can be a string specifying the class to append to a cell - * or it can be a function(row,rowRenderIndex, col, colRenderIndex) that returns a class name - * - */ - self.cellClass = colDef.cellClass; - - - /** - * @ngdoc property - * @name cellFilter - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description cellFilter is a filter to apply to the content of each cell - * @example - * <pre> - * gridOptions.columnDefs[0].cellFilter = 'date' - * - */ - self.cellFilter = colDef.cellFilter ? colDef.cellFilter : ""; - - /** - * @ngdoc property - * @name headerCellFilter - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description headerCellFilter is a filter to apply to the content of the column header - * @example - * <pre> - * gridOptions.columnDefs[0].headerCellFilter = 'translate' - * - */ - self.headerCellFilter = colDef.headerCellFilter ? colDef.headerCellFilter : ""; - - self.visible = gridUtil.isNullOrUndefined(colDef.visible) || colDef.visible; - - self.headerClass = colDef.headerClass; - //self.cursor = self.sortable ? 'pointer' : 'default'; - - self.visible = true; - - // Turn on sorting by default - self.enableSorting = typeof(colDef.enableSorting) !== 'undefined' ? colDef.enableSorting : true; - self.sortingAlgorithm = colDef.sortingAlgorithm; - - // Turn on filtering by default (it's disabled by default at the Grid level) - self.enableFiltering = typeof(colDef.enableFiltering) !== 'undefined' ? colDef.enableFiltering : true; - - // self.menuItems = colDef.menuItems; - self.setPropertyOrDefault(colDef, 'menuItems', []); - - // Use the column definition sort if we were passed it - self.setPropertyOrDefault(colDef, 'sort'); - - // Set up default filters array for when one is not provided. - // In other words, this (in column def): - // - // filter: { term: 'something', flags: {}, condition: [CONDITION] } - // - // is just shorthand for this: - // - // filters: [{ term: 'something', flags: {}, condition: [CONDITION] }] - // - var defaultFilters = []; - if (colDef.filter) { - defaultFilters.push(colDef.filter); - } - else if (self.enableFiltering && self.grid.options.enableFiltering) { - // Add an empty filter definition object, which will - // translate to a guessed condition and no pre-populated - // value for the filter <input>. - defaultFilters.push({}); - } - - /** - * @ngdoc object - * @name ui.grid.class:GridOptions.columnDef.filter - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description An object defining filtering for a column. - */ - - /** - * @ngdoc property - * @name condition - * @propertyOf ui.grid.class:GridOptions.columnDef.filter - * @description Defines how rows are chosen as matching the filter term. This can be set to - * one of the constants in uiGridConstants.filter, or you can supply a custom filter function - * that gets passed the following arguments: [searchTerm, cellValue, row, column]. - */ - - /** - * @ngdoc property - * @name term - * @propertyOf ui.grid.class:GridOptions.columnDef.filter - * @description If set, the filter field will be pre-populated - * with this value. - */ - - /** - * @ngdoc property - * @name placeholder - * @propertyOf ui.grid.class:GridOptions.columnDef.filter - * @description String that will be set to the <input>.placeholder attribute. - */ - - /* - - self.filters = [ - { - term: 'search term' - condition: uiGridConstants.filter.CONTAINS, - placeholder: 'my placeholder', - flags: { - caseSensitive: true - } - } - ] - - */ - - self.setPropertyOrDefault(colDef, 'filter'); - self.setPropertyOrDefault(colDef, 'filters', defaultFilters); - }; - - - - - /** - * @ngdoc function - * @name getColClass - * @methodOf ui.grid.class:GridColumn - * @description Returns the class name for the column - * @param {bool} prefixDot if true, will return .className instead of className - */ - GridColumn.prototype.getColClass = function (prefixDot) { - var cls = uiGridConstants.COL_CLASS_PREFIX + this.index; - - return prefixDot ? '.' + cls : cls; - }; - - /** - * @ngdoc function - * @name getColClassDefinition - * @methodOf ui.grid.class:GridColumn - * @description Returns the class definition for th column - */ - GridColumn.prototype.getColClassDefinition = function () { - return ' .grid' + this.grid.id + ' ' + this.getColClass(true) + ' { width: ' + this.drawnWidth + 'px; }'; - }; - - /** - * @ngdoc function - * @name getRenderContainer - * @methodOf ui.grid.class:GridColumn - * @description Returns the render container object that this column belongs to. - * - * Columns will be default be in the `body` render container if they aren't allocated to one specifically. - */ - GridColumn.prototype.getRenderContainer = function getRenderContainer() { - var self = this; - - var containerId = self.renderContainer; - - if (containerId === null || containerId === '' || containerId === undefined) { - containerId = 'body'; - } - - return self.grid.renderContainers[containerId]; - }; - - /** - * @ngdoc function - * @name showColumn - * @methodOf ui.grid.class:GridColumn - * @description Makes the column visible by setting colDef.visible = true - */ - GridColumn.prototype.showColumn = function() { - this.colDef.visible = true; - }; - - /** - * @ngdoc function - * @name hideColumn - * @methodOf ui.grid.class:GridColumn - * @description Hides the column by setting colDef.visible = false - */ - GridColumn.prototype.hideColumn = function() { - this.colDef.visible = false; - }; - - /** - * @ngdoc function - * @name getAggregationValue - * @methodOf ui.grid.class:GridColumn - * @description gets the aggregation value based on the aggregation type for this column - */ - GridColumn.prototype.getAggregationValue = function () { - var self = this; - var result = 0; - var visibleRows = self.grid.getVisibleRows(); - var cellValues = []; - angular.forEach(visibleRows, function (row) { - var cellValue = self.grid.getCellValue(row, self); - if (angular.isNumber(cellValue)) { - cellValues.push(cellValue); - } - }); - if (angular.isFunction(self.aggregationType)) { - return self.aggregationType(visibleRows, self); - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.count) { - //TODO: change to i18n - return 'total rows: ' + self.grid.getVisibleRowCount(); - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.sum) { - angular.forEach(cellValues, function (value) { - result += value; - }); - //TODO: change to i18n - return 'total: ' + result; - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.avg) { - angular.forEach(cellValues, function (value) { - result += value; - }); - result = result / cellValues.length; - //TODO: change to i18n - return 'avg: ' + result; - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.min) { - return 'min: ' + Math.min.apply(null, cellValues); - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.max) { - return 'max: ' + Math.max.apply(null, cellValues); - } - else { - return null; - } - }; - - return GridColumn; - }]); - -})(); - - (function(){ - -angular.module('ui.grid') -.factory('GridOptions', ['gridUtil', function(gridUtil) { - - /** - * @ngdoc function - * @name ui.grid.class:GridOptions - * @description Default GridOptions class. GridOptions are defined by the application developer and overlaid - * over this object. Setting gridOptions within your controller is the most common method for an application - * developer to configure the behaviour of their ui-grid - * - * @example To define your gridOptions within your controller: - * <pre>$scope.gridOptions = { - * data: $scope.myData, - * columnDefs: [ - * { name: 'field1', displayName: 'pretty display name' }, - * { name: 'field2', visible: false } - * ] - * };</pre> - * - * You can then use this within your html template, when you define your grid: - * <pre><div ui-grid="gridOptions"></div></pre> - * - * To provide default options for all of the grids within your application, use an angular - * decorator to modify the GridOptions factory. - * <pre>app.config(function($provide){ - * $provide.decorator('GridOptions',function($delegate){ - * return function(){ - * var defaultOptions = new $delegate(); - * defaultOptions.excludeProperties = ['id' ,'$$hashKey']; - * return defaultOptions; - * }; - * }) - * })</pre> - */ - function GridOptions() { - - this.onRegisterApi = angular.noop(); - - /** - * @ngdoc object - * @name data - * @propertyOf ui.grid.class:GridOptions - * @description (mandatory) Array of data to be rendered into the grid, providing the data source or data binding for - * the grid. The most common case is an array of objects, where each object has a number of attributes. - * Each attribute automatically becomes a column in your grid. This array could, for example, be sourced from - * an angularJS $resource query request. The array can also contain complex objects. - * - */ - this.data = []; - - /** - * @ngdoc array - * @name columnDefs - * @propertyOf ui.grid.class:GridOptions - * @description Array of columnDef objects. Only required property is name. - * The individual options available in columnDefs are documented in the - * {@link ui.grid.class:GridOptions.columnDef columnDef} section - * </br>_field property can be used in place of name for backwards compatibility with 2.x_ - * @example - * - * <pre>var columnDefs = [{name:'field1'}, {name:'field2'}];</pre> - * - */ - this.columnDefs = []; - - /** - * @ngdoc object - * @name ui.grid.class:GridOptions.columnDef - * @description Definition / configuration of an individual column, which would typically be - * one of many column definitions within the gridOptions.columnDefs array - * @example - * <pre>{name:'field1', field: 'field1', filter: { term: 'xxx' }}</pre> - * - */ - - - /** - * @ngdoc array - * @name excludeProperties - * @propertyOf ui.grid.class:GridOptions - * @description Array of property names in data to ignore when auto-generating column names. Provides the - * inverse of columnDefs - columnDefs is a list of columns to include, excludeProperties is a list of columns - * to exclude. - * - * If columnDefs is defined, this will be ignored. - * - * Defaults to ['$$hashKey'] - */ - - this.excludeProperties = ['$$hashKey']; - - /** - * @ngdoc boolean - * @name enableRowHashing - * @propertyOf ui.grid.class:GridOptions - * @description True by default. When enabled, this setting allows uiGrid to add - * `$$hashKey`-type properties (similar to Angular) to elements in the `data` array. This allows - * the grid to maintain state while vastly speeding up the process of altering `data` by adding/moving/removing rows. - * - * Note that this DOES add properties to your data that you may not want, but they are stripped out when using `angular.toJson()`. IF - * you do not want this at all you can disable this setting but you will take a performance hit if you are using large numbers of rows - * and are altering the data set often. - */ - this.enableRowHashing = true; - - /** - * @ngdoc function - * @name rowIdentity - * @methodOf ui.grid.class:GridOptions - * @description This function is used to get and, if necessary, set the value uniquely identifying this row. - * - * By default it returns the `$$hashKey` property if it exists. If it doesn't it uses gridUtil.nextUid() to generate one - */ - this.rowIdentity = function rowIdentity(row) { - return gridUtil.hashKey(row); - }; - - /** - * @ngdoc function - * @name getRowIdentity - * @methodOf ui.grid.class:GridOptions - * @description This function returns the identity value uniquely identifying this row. - * - * By default it returns the `$$hashKey` property but can be overridden to use any property or set of properties you want. - */ - this.getRowIdentity = function getRowIdentity(row) { - return row.$$hashKey; - }; - - this.headerRowHeight = 30; - this.rowHeight = 30; - this.maxVisibleRowCount = 200; - - /** - * @ngdoc integer - * @name minRowsToShow - * @propertyOf ui.grid.class:GridOptions - * @description Minimum number of rows to show when the grid doesn't have a defined height. Defaults to "10". - */ - this.minRowsToShow = 10; - - this.showFooter = false; - this.footerRowHeight = 30; - - this.columnWidth = 50; - this.maxVisibleColumnCount = 200; - - // Turn virtualization on when number of data elements goes over this number - this.virtualizationThreshold = 20; - - this.columnVirtualizationThreshold = 10; - - // Extra rows to to render outside of the viewport - this.excessRows = 4; - this.scrollThreshold = 4; - - // Extra columns to to render outside of the viewport - this.excessColumns = 4; - this.horizontalScrollThreshold = 2; - - /** - * @ngdoc boolean - * @name enableSorting - * @propertyOf ui.grid.class:GridOptions - * @description True by default. When enabled, this setting adds sort - * widgets to the column headers, allowing sorting of the data for the entire grid. - * Sorting can then be disabled on individual columns using the columnDefs. - */ - this.enableSorting = true; - - /** - * @ngdoc boolean - * @name enableFiltering - * @propertyOf ui.grid.class:GridOptions - * @description False by default. When enabled, this setting adds filter - * boxes to each column header, allowing filtering within the column for the entire grid. - * Filtering can then be disabled on individual columns using the columnDefs. - */ - this.enableFiltering = false; - - /** - * @ngdoc boolean - * @name enableColumnMenu - * @propertyOf ui.grid.class:GridOptions - * @description True by default. When enabled, this setting displays a column - * menu within each column. - */ - this.enableColumnMenu = true; - - /** - * @ngdoc boolean - * @name enableScrollbars - * @propertyOf ui.grid.class:GridOptions - * @description True by default. When enabled, this settings enable vertical - * and horizontal scrollbar for grid. - */ - this.enableScrollbars = true; - - // Columns can't be smaller than 10 pixels - this.minimumColumnSize = 10; - - /** - * @ngdoc function - * @name rowEquality - * @methodOf ui.grid.class:GridOptions - * @description By default, rows are compared using object equality. This option can be overridden - * to compare on any data item property or function - * @param {object} entityA First Data Item to compare - * @param {object} entityB Second Data Item to compare - */ - this.rowEquality = function(entityA, entityB) { - return entityA === entityB; - }; - - /** - * @ngdoc string - * @name headerTemplate - * @propertyOf ui.grid.class:GridOptions - * @description Null by default. When provided, this setting uses a custom header - * template, rather than the default template. Can be set to either the name of a template file: - * <pre> $scope.gridOptions.headerTemplate = 'header_template.html';</pre> - * inline html - * <pre> $scope.gridOptions.headerTemplate = '<div class="ui-grid-top-panel" style="text-align: center">I am a Custom Grid Header</div>'</pre> - * or the id of a precompiled template (TBD how to use this). - * </br>Refer to the custom header tutorial for more information. - * If you want no header at all, you can set to an empty div: - * <pre> $scope.gridOptions.headerTemplate = '<div></div>';</pre> - * - * If you want to only have a static header, then you can set to static content. If - * you want to tailor the existing column headers, then you should look at the - * current 'ui-grid-header.html' template in github as your starting point. - * - */ - this.headerTemplate = null; - - /** - * @ngdoc string - * @name footerTemplate - * @propertyOf ui.grid.class:GridOptions - * @description (optional) Null by default. When provided, this setting uses a custom footer - * template. Can be set to either the name of a template file 'footer_template.html', inline html - * <pre>'<div class="ui-grid-bottom-panel" style="text-align: center">I am a Custom Grid Footer</div>'</pre>, or the id - * of a precompiled template (TBD how to use this). Refer to the custom footer tutorial for more information. - */ - this.footerTemplate = null; - - /** - * @ngdoc string - * @name rowTemplate - * @propertyOf ui.grid.class:GridOptions - * @description 'ui-grid/ui-grid-row' by default. When provided, this setting uses a - * custom row template. Can be set to either the name of a template file: - * <pre> $scope.gridOptions.rowTemplate = 'row_template.html';</pre> - * inline html - * <pre> $scope.gridOptions.rowTemplate = '<div style="background-color: aquamarine" ng-click="getExternalScopes().fnOne(row)" ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ui-grid-cell></div>';</pre> - * or the id of a precompiled template (TBD how to use this) can be provided. - * </br>Refer to the custom row template tutorial for more information. - */ - this.rowTemplate = 'ui-grid/ui-grid-row'; - } - - return GridOptions; - -}]); - -})(); - -(function(){ - -angular.module('ui.grid') -.factory('GridRenderContainer', ['$log', 'gridUtil', function($log, gridUtil) { - function GridRenderContainer(name, grid, options) { - var self = this; - - // if (gridUtil.type(grid) !== 'Grid') { - // throw new Error('Grid argument is not a Grid object'); - // } - - self.name = name; - - self.grid = grid; - - // self.rowCache = []; - // self.columnCache = []; - - self.visibleRowCache = []; - self.visibleColumnCache = []; - - self.renderedRows = []; - self.renderedColumns = []; - - self.prevScrollTop = 0; - self.prevScrolltopPercentage = 0; - self.prevRowScrollIndex = 0; - - self.prevScrollLeft = 0; - self.prevScrollleftPercentage = 0; - self.prevColumnScrollIndex = 0; - - self.columnStyles = ""; - - self.viewportAdjusters = []; - - if (options && angular.isObject(options)) { - angular.extend(self, options); - } - - grid.registerStyleComputation({ - priority: 5, - func: function () { - return self.columnStyles; - } - }); - } - - // GridRenderContainer.prototype.addRenderable = function addRenderable(renderable) { - // this.renderables.push(renderable); - // }; - - GridRenderContainer.prototype.reset = function reset() { - // this.rowCache.length = 0; - // this.columnCache.length = 0; - - this.visibleColumnCache.length = 0; - this.visibleRowCache.length = 0; - - this.renderedRows.length = 0; - this.renderedColumns.length = 0; - }; - - // TODO(c0bra): calculate size?? Should this be in a stackable directive? - - GridRenderContainer.prototype.minRowsToRender = function minRowsToRender() { - var self = this; - var minRows = 0; - var rowAddedHeight = 0; - var viewPortHeight = self.getViewportHeight(); - for (var i = self.visibleRowCache.length - 1; rowAddedHeight < viewPortHeight && i >= 0; i--) { - rowAddedHeight += self.visibleRowCache[i].height; - minRows++; - } - return minRows; - }; - - GridRenderContainer.prototype.minColumnsToRender = function minColumnsToRender() { - var self = this; - var viewportWidth = this.getViewportWidth(); - - var min = 0; - var totalWidth = 0; - // self.columns.forEach(function(col, i) { - for (var i = 0; i < self.visibleColumnCache.length; i++) { - var col = self.visibleColumnCache[i]; - - if (totalWidth < viewportWidth) { - totalWidth += col.drawnWidth; - min++; - } - else { - var currWidth = 0; - for (var j = i; j >= i - min; j--) { - currWidth += self.visibleColumnCache[j].drawnWidth; - } - if (currWidth < viewportWidth) { - min++; - } - } - } - - return min; - }; - - GridRenderContainer.prototype.getVisibleRowCount = function getVisibleRowCount() { - return this.visibleRowCache.length; - }; - - GridRenderContainer.prototype.registerViewportAdjuster = function registerViewportAdjuster(func) { - this.viewportAdjusters.push(func); - }; - - GridRenderContainer.prototype.removeViewportAdjuster = function registerViewportAdjuster(func) { - var idx = this.viewportAdjusters.indexOf(func); - - if (typeof(idx) !== 'undefined' && idx !== undefined) { - this.viewportAdjusters.splice(idx, 1); - } - }; - - GridRenderContainer.prototype.getViewportAdjustment = function getViewportAdjustment() { - var self = this; - - var adjustment = { height: 0, width: 0 }; - - self.viewportAdjusters.forEach(function (func) { - adjustment = func.call(this, adjustment); - }); - - return adjustment; - }; - - GridRenderContainer.prototype.getViewportHeight = function getViewportHeight() { - var self = this; - - var headerHeight = (self.headerHeight) ? self.headerHeight : self.grid.headerHeight; - - var viewPortHeight = self.grid.gridHeight - headerHeight - self.grid.footerHeight; - - // Account for native horizontal scrollbar, if present - if (typeof(self.horizontalScrollbarHeight) !== 'undefined' && self.horizontalScrollbarHeight !== undefined && self.horizontalScrollbarHeight > 0) { - viewPortHeight = viewPortHeight - self.horizontalScrollbarHeight; - } - - var adjustment = self.getViewportAdjustment(); - - viewPortHeight = viewPortHeight + adjustment.height; - - return viewPortHeight; - }; - - GridRenderContainer.prototype.getViewportWidth = function getViewportWidth() { - var self = this; - - var viewPortWidth = self.grid.gridWidth; - - if (typeof(self.grid.verticalScrollbarWidth) !== 'undefined' && self.grid.verticalScrollbarWidth !== undefined && self.grid.verticalScrollbarWidth > 0) { - viewPortWidth = viewPortWidth - self.grid.verticalScrollbarWidth; - } - - var adjustment = self.getViewportAdjustment(); - - viewPortWidth = viewPortWidth + adjustment.width; - - return viewPortWidth; - }; - - GridRenderContainer.prototype.getHeaderViewportWidth = function getHeaderViewportWidth() { - var self = this; - - var viewPortWidth = this.getViewportWidth(); - - if (typeof(self.grid.verticalScrollbarWidth) !== 'undefined' && self.grid.verticalScrollbarWidth !== undefined && self.grid.verticalScrollbarWidth > 0) { - viewPortWidth = viewPortWidth + self.grid.verticalScrollbarWidth; - } - - // var adjustment = self.getViewportAdjustment(); - // viewPortWidth = viewPortWidth + adjustment.width; - - return viewPortWidth; - }; - - GridRenderContainer.prototype.getCanvasHeight = function getCanvasHeight() { - var self = this; - - var ret = 0; - - self.visibleRowCache.forEach(function(row){ - ret += row.height; - }); - - if (typeof(self.grid.horizontalScrollbarHeight) !== 'undefined' && self.grid.horizontalScrollbarHeight !== undefined && self.grid.horizontalScrollbarHeight > 0) { - ret = ret - self.grid.horizontalScrollbarHeight; - } - - return ret; - }; - - GridRenderContainer.prototype.getCanvasWidth = function getCanvasWidth() { - var self = this; - - var ret = self.canvasWidth; - - if (typeof(self.verticalScrollbarWidth) !== 'undefined' && self.verticalScrollbarWidth !== undefined && self.verticalScrollbarWidth > 0) { - ret = ret - self.verticalScrollbarWidth; - } - - return ret; - }; - - GridRenderContainer.prototype.setRenderedRows = function setRenderedRows(newRows) { - this.renderedRows.length = newRows.length; - for (var i = 0; i < newRows.length; i++) { - this.renderedRows[i] = newRows[i]; - } - }; - - GridRenderContainer.prototype.setRenderedColumns = function setRenderedColumns(newColumns) { - var self = this; - - // OLD: - this.renderedColumns.length = newColumns.length; - for (var i = 0; i < newColumns.length; i++) { - this.renderedColumns[i] = newColumns[i]; - } - - this.updateColumnOffset(); - }; - - GridRenderContainer.prototype.updateColumnOffset = function updateColumnOffset() { - // Calculate the width of the columns on the left side that are no longer rendered. - // That will be the offset for the columns as we scroll horizontally. - var hiddenColumnsWidth = 0; - for (var i = 0; i < this.currentFirstColumn; i++) { - hiddenColumnsWidth += this.visibleColumnCache[i].drawnWidth; - } - - this.columnOffset = hiddenColumnsWidth; - }; - - GridRenderContainer.prototype.adjustScrollVertical = function adjustScrollVertical(scrollTop, scrollPercentage, force) { - if (this.prevScrollTop === scrollTop && !force) { - return; - } - - scrollTop = this.getCanvasHeight() * scrollPercentage; - - this.adjustRows(scrollTop, scrollPercentage); - - this.prevScrollTop = scrollTop; - this.prevScrolltopPercentage = scrollPercentage; - - this.grid.queueRefresh(); - }; - - GridRenderContainer.prototype.adjustScrollHorizontal = function adjustScrollHorizontal(scrollLeft, scrollPercentage, force) { - if (this.prevScrollLeft === scrollLeft && !force) { - return; - } - - // scrollLeft = uiGridCtrl.canvas[0].scrollWidth * scrollPercentage; - scrollLeft = this.getCanvasWidth() * scrollPercentage; - - //$log.debug('scrollPercentage', scrollPercentage); - - this.adjustColumns(scrollLeft, scrollPercentage); - - this.prevScrollLeft = scrollLeft; - this.prevScrollleftPercentage = scrollPercentage; - - this.grid.queueRefresh(); - }; - - GridRenderContainer.prototype.adjustRows = function adjustRows(scrollTop, scrollPercentage) { - var self = this; - - var minRows = self.minRowsToRender(); - - var rowCache = self.visibleRowCache; - - var maxRowIndex = rowCache.length - minRows; - self.maxRowIndex = maxRowIndex; - - var curRowIndex = self.prevRowScrollIndex; - - // Calculate the scroll percentage according to the scrollTop location, if no percentage was provided - if ((typeof(scrollPercentage) === 'undefined' || scrollPercentage === null) && scrollTop) { - scrollPercentage = scrollTop / self.getCanvasHeight(); - } - - var rowIndex = Math.ceil(Math.min(maxRowIndex, maxRowIndex * scrollPercentage)); - - // Define a max row index that we can't scroll past - if (rowIndex > maxRowIndex) { - rowIndex = maxRowIndex; - } - - var newRange = []; - if (rowCache.length > self.grid.options.virtualizationThreshold) { - // Have we hit the threshold going down? - if (self.prevScrollTop < scrollTop && rowIndex < self.prevRowScrollIndex + self.grid.options.scrollThreshold && rowIndex < maxRowIndex) { - return; - } - //Have we hit the threshold going up? - if (self.prevScrollTop > scrollTop && rowIndex > self.prevRowScrollIndex - self.grid.options.scrollThreshold && rowIndex < maxRowIndex) { - return; - } - - var rangeStart = Math.max(0, rowIndex - self.grid.options.excessRows); - var rangeEnd = Math.min(rowCache.length, rowIndex + minRows + self.grid.options.excessRows); - - newRange = [rangeStart, rangeEnd]; - } - else { - var maxLen = self.visibleRowCache.length; - newRange = [0, Math.max(maxLen, minRows + self.grid.options.excessRows)]; - } - - self.updateViewableRowRange(newRange); - - self.prevRowScrollIndex = rowIndex; - }; - - GridRenderContainer.prototype.adjustColumns = function adjustColumns(scrollLeft, scrollPercentage) { - var self = this; - - var minCols = self.minColumnsToRender(); - - var columnCache = self.visibleColumnCache; - var maxColumnIndex = columnCache.length - minCols; - - // Calculate the scroll percentage according to the scrollTop location, if no percentage was provided - if ((typeof(scrollPercentage) === 'undefined' || scrollPercentage === null) && scrollLeft) { - scrollPercentage = scrollLeft / self.getCanvasWidth(); - } - - var colIndex = Math.ceil(Math.min(maxColumnIndex, maxColumnIndex * scrollPercentage)); - - // Define a max row index that we can't scroll past - if (colIndex > maxColumnIndex) { - colIndex = maxColumnIndex; - } - - var newRange = []; - if (columnCache.length > self.grid.options.columnVirtualizationThreshold && self.getCanvasWidth() > self.getViewportWidth()) { - // Have we hit the threshold going down? - if (self.prevScrollLeft < scrollLeft && colIndex < self.prevColumnScrollIndex + self.grid.options.horizontalScrollThreshold && colIndex < maxColumnIndex) { - return; - } - //Have we hit the threshold going up? - if (self.prevScrollLeft > scrollLeft && colIndex > self.prevColumnScrollIndex - self.grid.options.horizontalScrollThreshold && colIndex < maxColumnIndex) { - return; - } - - var rangeStart = Math.max(0, colIndex - self.grid.options.excessColumns); - var rangeEnd = Math.min(columnCache.length, colIndex + minCols + self.grid.options.excessColumns); - - newRange = [rangeStart, rangeEnd]; - } - else { - var maxLen = self.visibleColumnCache.length; - - newRange = [0, Math.max(maxLen, minCols + self.grid.options.excessColumns)]; - } - - self.updateViewableColumnRange(newRange); - - self.prevColumnScrollIndex = colIndex; - }; - - // Method for updating the visible rows - GridRenderContainer.prototype.updateViewableRowRange = function updateViewableRowRange(renderedRange) { - // Slice out the range of rows from the data - // var rowArr = uiGridCtrl.grid.rows.slice(renderedRange[0], renderedRange[1]); - var rowArr = this.visibleRowCache.slice(renderedRange[0], renderedRange[1]); - - // Define the top-most rendered row - this.currentTopRow = renderedRange[0]; - - // TODO(c0bra): make this method! - this.setRenderedRows(rowArr); - }; - - // Method for updating the visible columns - GridRenderContainer.prototype.updateViewableColumnRange = function updateViewableColumnRange(renderedRange) { - // Slice out the range of rows from the data - // var columnArr = uiGridCtrl.grid.columns.slice(renderedRange[0], renderedRange[1]); - var columnArr = this.visibleColumnCache.slice(renderedRange[0], renderedRange[1]); - - // Define the left-most rendered columns - this.currentFirstColumn = renderedRange[0]; - - this.setRenderedColumns(columnArr); - }; - - GridRenderContainer.prototype.rowStyle = function (index) { - var self = this; - - var styles = {}; - - if (index === 0 && self.currentTopRow !== 0) { - // The row offset-top is just the height of the rows above the current top-most row, which are no longer rendered - var hiddenRowWidth = (self.currentTopRow) * self.grid.options.rowHeight; - - // return { 'margin-top': hiddenRowWidth + 'px' }; - styles['margin-top'] = hiddenRowWidth + 'px'; - } - - if (self.currentFirstColumn !== 0) { - if (self.grid.isRTL()) { - styles['margin-right'] = self.columnOffset + 'px'; - } - else { - styles['margin-left'] = self.columnOffset + 'px'; - } - } - - return styles; - }; - - GridRenderContainer.prototype.columnStyle = function (index) { - var self = this; - - if (index === 0 && self.currentFirstColumn !== 0) { - var offset = self.columnOffset; - - if (self.grid.isRTL()) { - return { 'margin-right': offset + 'px' }; - } - else { - return { 'margin-left': offset + 'px' }; - } - } - - return null; - }; - - GridRenderContainer.prototype.updateColumnWidths = function () { - var self = this; - - var asterisksArray = [], - percentArray = [], - manualArray = [], - asteriskNum = 0, - totalWidth = 0; - - // Get the width of the viewport - var availableWidth = self.getViewportWidth(); - - if (typeof(self.grid.verticalScrollbarWidth) !== 'undefined' && self.grid.verticalScrollbarWidth !== undefined && self.grid.verticalScrollbarWidth > 0) { - availableWidth = availableWidth + self.grid.verticalScrollbarWidth; - } - - // The total number of columns - // var equalWidthColumnCount = columnCount = uiGridCtrl.grid.options.columnDefs.length; - // var equalWidth = availableWidth / equalWidthColumnCount; - - // The last column we processed - var lastColumn; - - var manualWidthSum = 0; - - var canvasWidth = 0; - - var ret = ''; - - - // uiGridCtrl.grid.columns.forEach(function(column, i) { - - var columnCache = self.visibleColumnCache; - - columnCache.forEach(function(column, i) { - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + i + ' { width: ' + equalWidth + 'px; left: ' + left + 'px; }'; - //var colWidth = (typeof(c.width) !== 'undefined' && c.width !== undefined) ? c.width : equalWidth; - - // Skip hidden columns - if (!column.visible) { return; } - - var colWidth, - isPercent = false; - - if (!angular.isNumber(column.width)) { - isPercent = isNaN(column.width) ? gridUtil.endsWith(column.width, "%") : false; - } - - if (angular.isString(column.width) && column.width.indexOf('*') !== -1) { // we need to save it until the end to do the calulations on the remaining width. - asteriskNum = parseInt(asteriskNum + column.width.length, 10); - - asterisksArray.push(column); - } - else if (isPercent) { // If the width is a percentage, save it until the very last. - percentArray.push(column); - } - else if (angular.isNumber(column.width)) { - manualWidthSum = parseInt(manualWidthSum + column.width, 10); - - canvasWidth = parseInt(canvasWidth, 10) + parseInt(column.width, 10); - - column.drawnWidth = column.width; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + column.width + 'px; }'; - } - }); - - // Get the remaining width (available width subtracted by the manual widths sum) - var remainingWidth = availableWidth - manualWidthSum; - - var i, column, colWidth; - - if (percentArray.length > 0) { - // Pre-process to make sure they're all within any min/max values - for (i = 0; i < percentArray.length; i++) { - column = percentArray[i]; - - var percent = parseInt(column.width.replace(/%/g, ''), 10) / 100; - - colWidth = parseInt(percent * remainingWidth, 10); - - if (column.colDef.minWidth && colWidth < column.colDef.minWidth) { - colWidth = column.colDef.minWidth; - - remainingWidth = remainingWidth - colWidth; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - - // Remove this element from the percent array so it's not processed below - percentArray.splice(i, 1); - } - else if (column.colDef.maxWidth && colWidth > column.colDef.maxWidth) { - colWidth = column.colDef.maxWidth; - - remainingWidth = remainingWidth - colWidth; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - - // Remove this element from the percent array so it's not processed below - percentArray.splice(i, 1); - } - } - - percentArray.forEach(function(column) { - var percent = parseInt(column.width.replace(/%/g, ''), 10) / 100; - var colWidth = parseInt(percent * remainingWidth, 10); - - canvasWidth += colWidth; - - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - }); - } - - if (asterisksArray.length > 0) { - var asteriskVal = parseInt(remainingWidth / asteriskNum, 10); - - // Pre-process to make sure they're all within any min/max values - for (i = 0; i < asterisksArray.length; i++) { - column = asterisksArray[i]; - - colWidth = parseInt(asteriskVal * column.width.length, 10); - - if (column.colDef.minWidth && colWidth < column.colDef.minWidth) { - colWidth = column.colDef.minWidth; - - remainingWidth = remainingWidth - colWidth; - asteriskNum--; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - - lastColumn = column; - - // Remove this element from the percent array so it's not processed below - asterisksArray.splice(i, 1); - } - else if (column.colDef.maxWidth && colWidth > column.colDef.maxWidth) { - colWidth = column.colDef.maxWidth; - - remainingWidth = remainingWidth - colWidth; - asteriskNum--; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - - // Remove this element from the percent array so it's not processed below - asterisksArray.splice(i, 1); - } - } - - // Redo the asterisk value, as we may have removed columns due to width constraints - asteriskVal = parseInt(remainingWidth / asteriskNum, 10); - - asterisksArray.forEach(function(column) { - var colWidth = parseInt(asteriskVal * column.width.length, 10); - - canvasWidth += colWidth; - - column.drawnWidth = colWidth; - - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + column.index + ' { width: ' + colWidth + 'px; }'; - }); - } - - // If the grid width didn't divide evenly into the column widths and we have pixels left over, dole them out to the columns one by one to make everything fit - var leftoverWidth = availableWidth - parseInt(canvasWidth, 10); - - if (leftoverWidth > 0 && canvasWidth > 0 && canvasWidth < availableWidth) { - var variableColumn = false; - // uiGridCtrl.grid.columns.forEach(function(col) { - columnCache.forEach(function(col) { - if (col.width && !angular.isNumber(col.width)) { - variableColumn = true; - } - }); - - if (variableColumn) { - var remFn = function (column) { - if (leftoverWidth > 0) { - column.drawnWidth = column.drawnWidth + 1; - canvasWidth = canvasWidth + 1; - leftoverWidth--; - } - }; - while (leftoverWidth > 0) { - columnCache.forEach(remFn); - } - } - } - - if (canvasWidth < availableWidth) { - canvasWidth = availableWidth; - } - - // Build the CSS - columnCache.forEach(function (column) { - ret = ret + column.getColClassDefinition(); - }); - - // Add the vertical scrollbar width back in to the canvas width, it's taken out in getCanvasWidth - if (self.grid.verticalScrollbarWidth) { - canvasWidth = canvasWidth + self.grid.verticalScrollbarWidth; - } - // canvasWidth = canvasWidth + 1; - - self.canvasWidth = parseInt(canvasWidth, 10); - - // Return the styles back to buildStyles which pops them into the `customStyles` scope variable - // return ret; - - // Set this render container's column styles so they can be used in style computation - this.columnStyles = ret; - }; - - return GridRenderContainer; -}]); - -})(); -(function(){ - -angular.module('ui.grid') -.factory('GridRow', ['gridUtil', function(gridUtil) { - - /** - * @ngdoc function - * @name ui.grid.class:GridRow - * @description GridRow is the viewModel for one logical row on the grid. A grid Row is not necessarily a one-to-one - * relation to gridOptions.data. - * @param {object} entity the array item from GridOptions.data - * @param {number} index the current position of the row in the array - * @param {Grid} reference to the parent grid - */ - function GridRow(entity, index, grid) { - - /** - * @ngdoc object - * @name grid - * @propertyOf ui.grid.class:GridRow - * @description A reference back to the grid - */ - this.grid = grid; - - /** - * @ngdoc object - * @name entity - * @propertyOf ui.grid.class:GridRow - * @description A reference to an item in gridOptions.data[] - */ - this.entity = entity; - - /** - * @ngdoc object - * @name index - * @propertyOf ui.grid.class:GridRow - * @description the index of the GridRow. It should always be unique and immutable - */ - this.index = index; - - - /** - * @ngdoc object - * @name uid - * @propertyOf ui.grid.class:GridRow - * @description UniqueId of row - */ - this.uid = gridUtil.nextUid(); - - /** - * @ngdoc object - * @name visible - * @propertyOf ui.grid.class:GridRow - * @description If true, the row will be rendered - */ - // Default to true - this.visible = true; - - /** - * @ngdoc object - * @name height - * @propertyOf ui.grid.class:GridRow - * @description height of each individual row - */ - this.height = grid.options.rowHeight; - - /** - * @ngdoc function - * @name setRowInvisible - * @methodOf ui.grid.core.api:PublicApi - * @description Sets an override on the row to make it always invisible, - * which will override any filtering or other visibility calculations. - * If the row is currently visible then sets it to invisible and calls - * both grid refresh and emits the rowsVisibleChanged event - * @param {object} rowEntity gridOptions.data[] array instance - */ - if (!this.grid.api.core.setRowInvisible){ - this.grid.api.registerMethod( 'core', 'setRowInvisible', this.setRowInvisible ); - } - - /** - * @ngdoc function - * @name clearRowInvisible - * @methodOf ui.grid.core.api:PublicApi - * @description Clears any override on visibility for the row so that it returns to - * using normal filtering and other visibility calculations. - * If the row is currently invisible then sets it to visible and calls - * both grid refresh and emits the rowsVisibleChanged event - * TODO: if a filter is active then we can't just set it to visible? - * @param {object} rowEntity gridOptions.data[] array instance - */ - if (!this.grid.api.core.clearRowInvisible){ - this.grid.api.registerMethod( 'core', 'clearRowInvisible', this.clearRowInvisible ); - } - - /** - * @ngdoc function - * @name getVisibleRows - * @methodOf ui.grid.core.api:PublicApi - * @description Returns all visible rows - * @param {Grid} grid the grid you want to get visible rows from - * @returns {array} an array of gridRow - */ - if (!this.grid.api.core.getVisibleRows){ - this.grid.api.registerMethod( 'core', 'getVisibleRows', this.getVisibleRows ); - } - - /** - * @ngdoc event - * @name rowsVisibleChanged - * @eventOf ui.grid.core.api:PublicApi - * @description is raised after the rows that are visible - * change. The filtering is zero-based, so it isn't possible - * to say which rows changed (unlike in the selection feature). - * We can plausibly know which row was changed when setRowInvisible - * is called, but in that situation the user already knows which row - * they changed. When a filter runs we don't know what changed, - * and that is the one that would have been useful. - * - */ - if (!this.grid.api.core.raise.rowsVisibleChanged){ - this.grid.api.registerEvent( 'core', 'rowsVisibleChanged' ); - } - - } - - /** - * @ngdoc function - * @name getQualifiedColField - * @methodOf ui.grid.class:GridRow - * @description returns the qualified field name as it exists on scope - * ie: row.entity.fieldA - * @param {GridCol} col column instance - * @returns {string} resulting name that can be evaluated on scope - */ - GridRow.prototype.getQualifiedColField = function(col) { - return 'row.' + this.getEntityQualifiedColField(col); - }; - - /** - * @ngdoc function - * @name getEntityQualifiedColField - * @methodOf ui.grid.class:GridRow - * @description returns the qualified field name minus the row path - * ie: entity.fieldA - * @param {GridCol} col column instance - * @returns {string} resulting name that can be evaluated against a row - */ - GridRow.prototype.getEntityQualifiedColField = function(col) { - return gridUtil.preEval('entity.' + col.field); - }; - - - /** - * @ngdoc function - * @name setRowInvisible - * @methodOf ui.grid.class:GridRow - * @description Sets an override on the row that forces it to always - * be invisible, and if the row is currently visible then marks it - * as invisible and refreshes the grid. Emits the rowsVisibleChanged - * event if it changed the row visibility - * @param {GridRow} row row to force invisible, needs to be a GridRow, - * which can be found from your data entity using grid.findRow - */ - GridRow.prototype.setRowInvisible = function (row) { - if (row !== null) { - row.forceInvisible = true; - - if ( row.visible ){ - row.visible = false; - row.grid.refresh(); - row.grid.api.core.raise.rowsVisibleChanged(); - } - } - }; - - /** - * @ngdoc function - * @name clearRowInvisible - * @methodOf ui.grid.class:GridRow - * @description Clears any override on the row visibility, returning it - * to normal visibility calculations. If the row is currently invisible - * then sets it to visible and calls refresh and emits the rowsVisibleChanged - * event - * TODO: if filter in action, then is this right? - * @param {GridRow} row row clear force invisible, needs to be a GridRow, - * which can be found from your data entity using grid.findRow - */ - GridRow.prototype.clearRowInvisible = function (row) { - if (row !== null) { - row.forceInvisible = false; - - if ( !row.visible ){ - row.visible = true; - row.grid.refresh(); - row.grid.api.core.raise.rowsVisibleChanged(); - } - } - }; - - /** - * @ngdoc function - * @name getVisibleRows - * @methodOf ui.grid.class:GridRow - * @description Returns all the visible rows - * @param {Grid} grid the grid to return rows from - * @returns {array} rows that are currently visible, returns the - * GridRows rather than gridRow.entity - * TODO: should this come from visible row cache instead? - */ - GridRow.prototype.getVisibleRows = function ( grid ) { - return grid.rows.filter(function (row) { - return row.visible; - }); - }; - - return GridRow; -}]); - -})(); -(function () { - 'use strict'; - /** - * @ngdoc object - * @name ui.grid.service:gridClassFactory - * - * @description factory to return dom specific instances of a grid - * - */ - angular.module('ui.grid').service('gridClassFactory', ['gridUtil', '$q', '$compile', '$templateCache', 'uiGridConstants', '$log', 'Grid', 'GridColumn', 'GridRow', - function (gridUtil, $q, $compile, $templateCache, uiGridConstants, $log, Grid, GridColumn, GridRow) { - - var service = { - /** - * @ngdoc method - * @name createGrid - * @methodOf ui.grid.service:gridClassFactory - * @description Creates a new grid instance. Each instance will have a unique id - * @param {object} options An object map of options to pass into the created grid instance. - * @returns {Grid} grid - */ - createGrid : function(options) { - options = (typeof(options) !== 'undefined') ? options: {}; - options.id = gridUtil.newId(); - var grid = new Grid(options); - - // NOTE/TODO: rowTemplate should always be defined... - if (grid.options.rowTemplate) { - var rowTemplateFnPromise = $q.defer(); - grid.getRowTemplateFn = rowTemplateFnPromise.promise; - - gridUtil.getTemplate(grid.options.rowTemplate) - .then( - function (template) { - var rowTemplateFn = $compile(template); - rowTemplateFnPromise.resolve(rowTemplateFn); - }, - function (res) { - // Todo handle response error here? - throw new Error("Couldn't fetch/use row template '" + grid.options.rowTemplate + "'"); - }); - } - - grid.registerColumnBuilder(service.defaultColumnBuilder); - - // Reset all rows to visible initially - grid.registerRowsProcessor(function allRowsVisible(rows) { - rows.forEach(function (row) { - row.visible = !row.forceInvisible; - }); - - return rows; - }); - - grid.registerColumnsProcessor(function allColumnsVisible(columns) { - columns.forEach(function (column) { - column.visible = true; - }); - - return columns; - }); - - grid.registerColumnsProcessor(function(renderableColumns) { - renderableColumns.forEach(function (column) { - if (column.colDef.visible === false) { - column.visible = false; - } - }); - - return renderableColumns; - }); - - - - if (grid.options.enableFiltering) { - grid.registerRowsProcessor(grid.searchRows); - } - - // Register the default row processor, it sorts rows by selected columns - if (grid.options.externalSort && angular.isFunction(grid.options.externalSort)) { - grid.registerRowsProcessor(grid.options.externalSort); - } - else { - grid.registerRowsProcessor(grid.sortByColumn); - } - - return grid; - }, - - /** - * @ngdoc function - * @name defaultColumnBuilder - * @methodOf ui.grid.service:gridClassFactory - * @description Processes designTime column definitions and applies them to col for the - * core grid features - * @param {object} colDef reference to column definition - * @param {GridColumn} col reference to gridCol - * @param {object} gridOptions reference to grid options - */ - defaultColumnBuilder: function (colDef, col, gridOptions) { - - var templateGetPromises = []; - - /** - * @ngdoc property - * @name headerCellTemplate - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description a custom template for the header for this column. The default - * is ui-grid/uiGridHeaderCell - * - */ - if (!colDef.headerCellTemplate) { - colDef.headerCellTemplate = 'ui-grid/uiGridHeaderCell'; - } - - /** - * @ngdoc property - * @name cellTemplate - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description a custom template for each cell in this column. The default - * is ui-grid/uiGridCell - * - */ - if (!colDef.cellTemplate) { - colDef.cellTemplate = 'ui-grid/uiGridCell'; - } - - templateGetPromises.push(gridUtil.getTemplate(colDef.cellTemplate) - .then( - function (template) { - col.cellTemplate = template.replace(uiGridConstants.CUSTOM_FILTERS, col.cellFilter ? "|" + col.cellFilter : ""); - }, - function (res) { - throw new Error("Couldn't fetch/use colDef.cellTemplate '" + colDef.cellTemplate + "'"); - }) - ); - - - templateGetPromises.push(gridUtil.getTemplate(colDef.headerCellTemplate) - .then( - function (template) { - col.headerCellTemplate = template.replace(uiGridConstants.CUSTOM_FILTERS, col.headerCellFilter ? "|" + col.headerCellFilter : ""); - }, - function (res) { - throw new Error("Couldn't fetch/use colDef.headerCellTemplate '" + colDef.headerCellTemplate + "'"); - }) - ); - - return $q.all(templateGetPromises); - } - - }; - - //class definitions (moved to separate factories) - - return service; - }]); - -})(); -(function() { - -var module = angular.module('ui.grid'); - -function escapeRegExp(str) { - return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); -} - -function QuickCache() { - var c = function(get, set) { - // Return the cached value of 'get' if it's stored - if (get && c.cache[get]) { - return c.cache[get]; - } - // Otherwise set it and return it - else if (get && set) { - c.cache[get] = set; - return c.cache[get]; - } - else { - return undefined; - } - }; - - c.cache = {}; - - c.clear = function () { - c.cache = {}; - }; - - return c; -} - -/** - * @ngdoc service - * @name ui.grid.service:rowSearcher - * - * @description Service for searching/filtering rows based on column value conditions. - */ -module.service('rowSearcher', ['$log', 'uiGridConstants', function ($log, uiGridConstants) { - var defaultCondition = uiGridConstants.filter.STARTS_WITH; - - var rowSearcher = {}; - - // rowSearcher.searchColumn = function searchColumn(condition, item) { - // var result; - - // var col = self.fieldMap[condition.columnDisplay]; - - // if (!col) { - // return false; - // } - // var sp = col.cellFilter.split(':'); - // var filter = col.cellFilter ? $filter(sp[0]) : null; - // var value = item[condition.column] || item[col.field.split('.')[0]]; - // if (value === null || value === undefined) { - // return false; - // } - // if (typeof filter === "function") { - // var filterResults = filter(typeof value === "object" ? evalObject(value, col.field) : value, sp[1]).toString(); - // result = condition.regex.test(filterResults); - // } - // else { - // result = condition.regex.test(typeof value === "object" ? evalObject(value, col.field).toString() : value.toString()); - // } - // if (result) { - // return true; - // } - // return false; - // }; - - /** - * @ngdoc function - * @name getTerm - * @methodOf ui.grid.service:rowSearcher - * @description Get the term from a filter - * Trims leading and trailing whitespace - * @param {object} filter object to use - * @returns {object} Parsed term - */ - rowSearcher.getTerm = function getTerm(filter) { - if (typeof(filter.term) === 'undefined') { return filter.term; } - - var term = filter.term; - - // Strip leading and trailing whitespace if the term is a string - if (typeof(term) === 'string') { - term = term.trim(); - } - - return term; - }; - - /** - * @ngdoc function - * @name stripTerm - * @methodOf ui.grid.service:rowSearcher - * @description Remove leading and trailing asterisk (*) from the filter's term - * @param {object} filter object to use - * @returns {uiGridConstants.filter<int>} Value representing the condition constant value - */ - rowSearcher.stripTerm = function stripTerm(filter) { - var term = rowSearcher.getTerm(filter); - - if (typeof(term) === 'string') { - return escapeRegExp(term.replace(/(^\*|\*$)/g, '')); - } - else { - return term; - } - }; - - /** - * @ngdoc function - * @name guessCondition - * @methodOf ui.grid.service:rowSearcher - * @description Guess the condition for a filter based on its term - * <br> - * Defaults to STARTS_WITH. Uses CONTAINS for strings beginning and ending with *s (*bob*). - * Uses STARTS_WITH for strings ending with * (bo*). Uses ENDS_WITH for strings starting with * (*ob). - * @param {object} filter object to use - * @returns {uiGridConstants.filter<int>} Value representing the condition constant value - */ - rowSearcher.guessCondition = function guessCondition(filter) { - if (typeof(filter.term) === 'undefined' || !filter.term) { - return defaultCondition; - } - - var term = rowSearcher.getTerm(filter); - - // Term starts with and ends with a *, use 'contains' condition - // if (/^\*[\s\S]+?\*$/.test(term)) { - // return uiGridConstants.filter.CONTAINS; - // } - // // Term starts with a *, use 'ends with' condition - // else if (/^\*/.test(term)) { - // return uiGridConstants.filter.ENDS_WITH; - // } - // // Term ends with a *, use 'starts with' condition - // else if (/\*$/.test(term)) { - // return uiGridConstants.filter.STARTS_WITH; - // } - // // Default to default condition - // else { - // return defaultCondition; - // } - - // If the term has *s then turn it into a regex - if (/\*/.test(term)) { - var regexpFlags = ''; - if (!filter.flags || !filter.flags.caseSensitive) { - regexpFlags += 'i'; - } - - var reText = term.replace(/(\\)?\*/g, function ($0, $1) { return $1 ? $0 : '[\\s\\S]*?'; }); - return new RegExp('^' + reText + '$', regexpFlags); - } - // Otherwise default to default condition - else { - return defaultCondition; - } - }; - - rowSearcher.runColumnFilter = function runColumnFilter(grid, row, column, termCache, i, filter) { - // Cache typeof condition - var conditionType = typeof(filter.condition); - - // Default to CONTAINS condition - if (conditionType === 'undefined' || !filter.condition) { - filter.condition = uiGridConstants.filter.CONTAINS; - } - - // Term to search for. - var term = rowSearcher.stripTerm(filter); - - if (term === null || term === undefined || term === '') { - return true; - } - - // Get the column value for this row - var value = grid.getCellValue(row, column); - - var regexpFlags = ''; - if (!filter.flags || !filter.flags.caseSensitive) { - regexpFlags += 'i'; - } - - var cacheId = column.field + i; - - // If the filter's condition is a RegExp, then use it - if (filter.condition instanceof RegExp) { - if (!filter.condition.test(value)) { - return false; - } - } - // If the filter's condition is a function, run it - else if (conditionType === 'function') { - return filter.condition(term, value, row, column); - } - else if (filter.condition === uiGridConstants.filter.STARTS_WITH) { - var startswithRE = termCache(cacheId) ? termCache(cacheId) : termCache(cacheId, new RegExp('^' + term, regexpFlags)); - - if (!startswithRE.test(value)) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.ENDS_WITH) { - var endswithRE = termCache(cacheId) ? termCache(cacheId) : termCache(cacheId, new RegExp(term + '$', regexpFlags)); - - if (!endswithRE.test(value)) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.CONTAINS) { - var containsRE = termCache(cacheId) ? termCache(cacheId) : termCache(cacheId, new RegExp(term, regexpFlags)); - - if (!containsRE.test(value)) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.EXACT) { - var exactRE = termCache(cacheId) ? termCache(cacheId) : termCache(cacheId, new RegExp('^' + term + '$', regexpFlags)); - - if (!exactRE.test(value)) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.GREATER_THAN) { - if (value <= term) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.GREATER_THAN_OR_EQUAL) { - if (value < term) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.LESS_THAN) { - if (value >= term) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.LESS_THAN_OR_EQUAL) { - if (value > term) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.NOT_EQUAL) { - if (!angular.equals(value, term)) { - return false; - } - } - - return true; - }; - - /** - * @ngdoc boolean - * @name useExternalFiltering - * @propertyOf ui.grid.class:GridOptions - * @description False by default. When enabled, this setting suppresses the internal filtering. - * All UI logic will still operate, allowing filter conditions to be set and modified. - * - * The external filter logic can listen for the `filterChange` event, which fires whenever - * a filter has been adjusted. - */ - /** - * @ngdoc function - * @name searchColumn - * @methodOf ui.grid.service:rowSearcher - * @description Process filters on a given column against a given row. If the row meets the conditions on all the filters, return true. - * @param {Grid} grid Grid to search in - * @param {GridRow} row Row to search on - * @param {GridCol} column Column with the filters to use - * @returns {boolean} Whether the column matches or not. - */ - rowSearcher.searchColumn = function searchColumn(grid, row, column, termCache) { - var filters = []; - - if (grid.options.useExternalFiltering) { - return true; - } - - if (typeof(column.filters) !== 'undefined' && column.filters && column.filters.length > 0) { - filters = column.filters; - } else { - // If filters array is not there, assume no filters for this column. - // This array should have been built in GridColumn::updateColumnDef. - return true; - } - - for (var i in filters) { - var filter = filters[i]; - - /* - filter: { - term: 'blah', // Search term to search for, could be a string, integer, etc. - condition: uiGridConstants.filter.CONTAINS // Type of match to do. Defaults to CONTAINS (i.e. looking in a string), but could be EXACT, GREATER_THAN, etc. - flags: { // Flags for the conditions - caseSensitive: false // Case-sensitivity defaults to false - } - } - */ - - // Check for when no condition is supplied. In this case, guess the condition - // to use based on the filter's term. Cache this result. - if (!filter.condition) { - // Cache custom conditions, building the RegExp takes time - var conditionCacheId = 'cond-' + column.field + '-' + filter.term; - var condition = termCache(conditionCacheId) ? termCache(conditionCacheId) : termCache(conditionCacheId, rowSearcher.guessCondition(filter)); - - // Create a surrogate filter so as not to change - // the actual columnDef.filters. - filter = { - // Copy over the search term - term: filter.term, - // Use the guessed condition - condition: condition, - // Set flags, using passed flags if present - flags: angular.extend({ - caseSensitive: false - }, filter.flags) - }; - } - - var ret = rowSearcher.runColumnFilter(grid, row, column, termCache, i, filter); - if (!ret) { - return false; - } - } - - return true; - // } - // else { - // // No filter conditions, default to true - // return true; - // } - }; - - /** - * @ngdoc function - * @name search - * @methodOf ui.grid.service:rowSearcher - * @description Run a search across - * @param {Grid} grid Grid instance to search inside - * @param {Array[GridRow]} rows GridRows to filter - * @param {Array[GridColumn]} columns GridColumns with filters to process - */ - rowSearcher.search = function search(grid, rows, columns) { - // Don't do anything if we weren't passed any rows - if (!rows) { - return; - } - - // Create a term cache - var termCache = new QuickCache(); - - // Build filtered column list - var filterCols = []; - columns.forEach(function (col) { - if (typeof(col.filters) !== 'undefined' && col.filters.length > 0) { - filterCols.push(col); - } - else if (typeof(col.filter) !== 'undefined' && col.filter && typeof(col.filter.term) !== 'undefined' && col.filter.term) { - filterCols.push(col); - } - }); - - if (filterCols.length > 0) { - filterCols.forEach(function foreachFilterCol(col) { - rows.forEach(function foreachRow(row) { - if (row.forceInvisible || !rowSearcher.searchColumn(grid, row, col, termCache)) { - row.visible = false; - } - }); - }); - - grid.api.core.raise.rowsVisibleChanged(); - - // rows.forEach(function (row) { - // var matchesAllColumns = true; - - // for (var i in filterCols) { - // var col = filterCols[i]; - - // if (!rowSearcher.searchColumn(grid, row, col, termCache)) { - // matchesAllColumns = false; - - // // Stop processing other terms - // break; - // } - // } - - // // Row doesn't match all the terms, don't display it - // if (!matchesAllColumns) { - // row.visible = false; - // } - // else { - // row.visible = true; - // } - // }); - } - - // Reset the term cache - termCache.clear(); - - return rows; - }; - - return rowSearcher; -}]); - -})(); -(function() { - -var module = angular.module('ui.grid'); - -/** - * @ngdoc object - * @name ui.grid.class:RowSorter - * @description RowSorter provides the default sorting mechanisms, - * including guessing column types and applying appropriate sort - * algorithms - * - */ - -module.service('rowSorter', ['$parse', 'uiGridConstants', function ($parse, uiGridConstants) { - var currencyRegexStr = - '(' + - uiGridConstants.CURRENCY_SYMBOLS - .map(function (a) { return '\\' + a; }) // Escape all the currency symbols ($ at least will jack up this regex) - .join('|') + // Join all the symbols together with |s - ')?'; - - // /^[-+]?[£$¤¥]?[\d,.]+%?$/ - var numberStrRegex = new RegExp('^[-+]?' + currencyRegexStr + '[\\d,.]+' + currencyRegexStr + '%?$'); - - var rowSorter = { - // Cache of sorting functions. Once we create them, we don't want to keep re-doing it - // this takes a piece of data from the cell and tries to determine its type and what sorting - // function to use for it - colSortFnCache: [] - }; - - // Guess which sort function to use on this item - rowSorter.guessSortFn = function guessSortFn(itemType) { - - // Check for numbers and booleans - switch (itemType) { - case "number": - return rowSorter.sortNumber; - case "boolean": - return rowSorter.sortBool; - case "string": - return rowSorter.sortAlpha; - case "date": - return rowSorter.sortDate; - case "object": - return rowSorter.basicSort; - default: - throw new Error('No sorting function found for type:' + itemType); - } - }; - - // Basic sorting function - rowSorter.basicSort = function basicSort(a, b) { - if (a === b) { - return 0; - } - if (a < b) { - return -1; - } - return 1; - }; - - // Number sorting function - rowSorter.sortNumber = function sortNumber(a, b) { - return a - b; - }; - - rowSorter.sortNumberStr = function sortNumberStr(a, b) { - var numA, // The parsed number form of 'a' - numB, // The parsed number form of 'b' - badA = false, - badB = false; - - // Try to parse 'a' to a float - numA = parseFloat(a.replace(/[^0-9.-]/g, '')); - - // If 'a' couldn't be parsed to float, flag it as bad - if (isNaN(numA)) { - badA = true; - } - - // Try to parse 'b' to a float - numB = parseFloat(b.replace(/[^0-9.-]/g, '')); - - // If 'b' couldn't be parsed to float, flag it as bad - if (isNaN(numB)) { - badB = true; - } - - // We want bad ones to get pushed to the bottom... which effectively is "greater than" - if (badA && badB) { - return 0; - } - - if (badA) { - return 1; - } - - if (badB) { - return -1; - } - - return numA - numB; - }; - - // String sorting function - rowSorter.sortAlpha = function sortAlpha(a, b) { - var strA = a.toLowerCase(), - strB = b.toLowerCase(); - - return strA === strB ? 0 : (strA < strB ? -1 : 1); - }; - - // Date sorting function - rowSorter.sortDate = function sortDate(a, b) { - var timeA = a.getTime(), - timeB = b.getTime(); - - return timeA === timeB ? 0 : (timeA < timeB ? -1 : 1); - }; - - // Boolean sorting function - rowSorter.sortBool = function sortBool(a, b) { - if (a && b) { - return 0; - } - - if (!a && !b) { - return 0; - } - else { - return a ? 1 : -1; - } - }; - - rowSorter.getSortFn = function getSortFn(grid, col, rows) { - var sortFn, item; - - // See if we already figured out what to use to sort the column and have it in the cache - if (rowSorter.colSortFnCache[col.colDef.name]) { - sortFn = rowSorter.colSortFnCache[col.colDef.name]; - } - // If the column has its OWN sorting algorithm, use that - else if (col.sortingAlgorithm !== undefined) { - sortFn = col.sortingAlgorithm; - rowSorter.colSortFnCache[col.colDef.name] = col.sortingAlgorithm; - } - // Try and guess what sort function to use - else { - // Guess the sort function - sortFn = rowSorter.guessSortFn(col.colDef.type); - - // If we found a sort function, cache it - if (sortFn) { - rowSorter.colSortFnCache[col.colDef.name] = sortFn; - } - else { - // We assign the alpha sort because anything that is null/undefined will never get passed to - // the actual sorting function. It will get caught in our null check and returned to be sorted - // down to the bottom - sortFn = rowSorter.sortAlpha; - } - } - - return sortFn; - }; - - rowSorter.prioritySort = function (a, b) { - // Both columns have a sort priority - if (a.sort.priority !== undefined && b.sort.priority !== undefined) { - // A is higher priority - if (a.sort.priority < b.sort.priority) { - return -1; - } - // Equal - else if (a.sort.priority === b.sort.priority) { - return 0; - } - // B is higher - else { - return 1; - } - } - // Only A has a priority - else if (a.sort.priority) { - return -1; - } - // Only B has a priority - else if (b.sort.priority) { - return 1; - } - // Neither has a priority - else { - return 0; - } - }; - - /** - * @ngdoc object - * @name useExternalSorting - * @propertyOf ui.grid.class:GridOptions - * @description Prevents the internal sorting from executing. Events will - * still be fired when the sort changes, and the sort information on - * the columns will be updated, allowing an external sorter (for example, - * server sorting) to be implemented. Defaults to false. - * - */ - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name sort - * @description sorts the grid - * @param {Object} grid the grid itself - * @param {Object} rows the rows to be sorted - * @param {Object} columns the columns in which to look - * for sort criteria - */ - rowSorter.sort = function rowSorterSort(grid, rows, columns) { - // first make sure we are even supposed to do work - if (!rows) { - return; - } - - if (grid.options.useExternalSorting){ - return rows; - } - - // Build the list of columns to sort by - var sortCols = []; - columns.forEach(function (col) { - if (col.sort && col.sort.direction && (col.sort.direction === uiGridConstants.ASC || col.sort.direction === uiGridConstants.DESC)) { - sortCols.push(col); - } - }); - - // Sort the "sort columns" by their sort priority - sortCols = sortCols.sort(rowSorter.prioritySort); - - // Now rows to sort by, maintain original order - if (sortCols.length === 0) { - return rows; - } - - // Re-usable variables - var col, direction; - - // IE9-11 HACK.... the 'rows' variable would be empty where we call rowSorter.getSortFn(...) below. We have to use a separate reference - // var d = data.slice(0); - var r = rows.slice(0); - - // Now actually sort the data - return rows.sort(function rowSortFn(rowA, rowB) { - var tem = 0, - idx = 0, - sortFn; - - while (tem === 0 && idx < sortCols.length) { - // grab the metadata for the rest of the logic - col = sortCols[idx]; - direction = sortCols[idx].sort.direction; - - sortFn = rowSorter.getSortFn(grid, col, r); - - var propA = grid.getCellValue(rowA, col); - var propB = grid.getCellValue(rowB, col); - - // We want to allow zero values to be evaluated in the sort function - if ((!propA && propA !== 0) || (!propB && propB !== 0)) { - // We want to force nulls and such to the bottom when we sort... which effectively is "greater than" - if (!propB && !propA) { - tem = 0; - } - else if (!propA) { - tem = 1; - } - else if (!propB) { - tem = -1; - } - } - else { - tem = sortFn(propA, propB); - } - - idx++; - } - - // Made it this far, we don't have to worry about null & undefined - if (direction === uiGridConstants.ASC) { - return tem; - } else { - return 0 - tem; - } - }); - }; - - return rowSorter; -}]); - -})(); -(function() { - -var module = angular.module('ui.grid'); - - -function getStyles (elem) { - return elem.ownerDocument.defaultView.getComputedStyle(elem, null); -} - -var rnumnonpx = new RegExp( "^(" + (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source + ")(?!px)[a-z%]+$", "i" ), - // swappable if display is none or starts with table except "table", "table-cell", or "table-caption" - // see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display - rdisplayswap = /^(block|none|table(?!-c[ea]).+)/, - cssShow = { position: "absolute", visibility: "hidden", display: "block" }; - -function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) { - var i = extra === ( isBorderBox ? 'border' : 'content' ) ? - // If we already have the right measurement, avoid augmentation - 4 : - // Otherwise initialize for horizontal or vertical properties - name === 'width' ? 1 : 0, - - val = 0; - - var sides = ['Top', 'Right', 'Bottom', 'Left']; - - for ( ; i < 4; i += 2 ) { - var side = sides[i]; - // dump('side', side); - - // both box models exclude margin, so add it if we want it - if ( extra === 'margin' ) { - var marg = parseFloat(styles[extra + side]); - if (!isNaN(marg)) { - val += marg; - } - } - // dump('val1', val); - - if ( isBorderBox ) { - // border-box includes padding, so remove it if we want content - if ( extra === 'content' ) { - var padd = parseFloat(styles['padding' + side]); - if (!isNaN(padd)) { - val -= padd; - // dump('val2', val); - } - } - - // at this point, extra isn't border nor margin, so remove border - if ( extra !== 'margin' ) { - var bordermarg = parseFloat(styles['border' + side + 'Width']); - if (!isNaN(bordermarg)) { - val -= bordermarg; - // dump('val3', val); - } - } - } - else { - // at this point, extra isn't content, so add padding - var nocontentPad = parseFloat(styles['padding' + side]); - if (!isNaN(nocontentPad)) { - val += nocontentPad; - // dump('val4', val); - } - - // at this point, extra isn't content nor padding, so add border - if ( extra !== 'padding') { - var nocontentnopad = parseFloat(styles['border' + side + 'Width']); - if (!isNaN(nocontentnopad)) { - val += nocontentnopad; - // dump('val5', val); - } - } - } - } - - // dump('augVal', val); - - return val; -} - -function getWidthOrHeight( elem, name, extra ) { - // Start with offset property, which is equivalent to the border-box value - var valueIsBorderBox = true, - val = name === 'width' ? elem.offsetWidth : elem.offsetHeight, - styles = getStyles(elem), - isBorderBox = styles['boxSizing'] === 'border-box'; - - // some non-html elements return undefined for offsetWidth, so check for null/undefined - // svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285 - // MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668 - if ( val <= 0 || val == null ) { - // Fall back to computed then uncomputed css if necessary - val = styles[name]; - if ( val < 0 || val == null ) { - val = elem.style[ name ]; - } - - // Computed unit is not pixels. Stop here and return. - if ( rnumnonpx.test(val) ) { - return val; - } - - // we need the check for style in case a browser which returns unreliable values - // for getComputedStyle silently falls back to the reliable elem.style - valueIsBorderBox = isBorderBox && - ( true || val === elem.style[ name ] ); // use 'true' instead of 'support.boxSizingReliable()' - - // Normalize "", auto, and prepare for extra - val = parseFloat( val ) || 0; - } - - // use the active box-sizing model to add/subtract irrelevant styles - var ret = ( val + - augmentWidthOrHeight( - elem, - name, - extra || ( isBorderBox ? "border" : "content" ), - valueIsBorderBox, - styles - ) - ); - - // dump('ret', ret, val); - return ret; -} - -var uid = ['0', '0', '0']; -var uidPrefix = 'uiGrid-'; - -/** - * @ngdoc service - * @name ui.grid.service:GridUtil - * - * @description Grid utility functions - */ -module.service('gridUtil', ['$log', '$window', '$document', '$http', '$templateCache', '$timeout', '$injector', '$q', 'uiGridConstants', - function ($log, $window, $document, $http, $templateCache, $timeout, $injector, $q, uiGridConstants) { - var s = { - - /** - * @ngdoc method - * @name createBoundedWrapper - * @methodOf ui.grid.service:GridUtil - * - * @param {object} Object to bind 'this' to - * @param {method} Method to bind - * @returns {Function} The wrapper that performs the binding - * - * @description - * Binds given method to given object. - * - * By means of a wrapper, ensures that ``method`` is always bound to - * ``object`` regardless of its calling environment. - * Iow, inside ``method``, ``this`` always points to ``object``. - * - * See http://alistapart.com/article/getoutbindingsituations - * - */ - createBoundedWrapper: function(object, method) { - return function() { - return method.apply(object, arguments); - }; - }, - - - /** - * @ngdoc method - * @name readableColumnName - * @methodOf ui.grid.service:GridUtil - * - * @param {string} columnName Column name as a string - * @returns {string} Column name appropriately capitalized and split apart - * - @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid']); - - app.controller('MainCtrl', ['$scope', 'gridUtil', function ($scope, gridUtil) { - $scope.name = 'firstName'; - $scope.columnName = function(name) { - return gridUtil.readableColumnName(name); - }; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <strong>Column name:</strong> <input ng-model="name" /> - <br> - <strong>Output:</strong> <span ng-bind="columnName(name)"></span> - </div> - </file> - </example> - */ - readableColumnName: function (columnName) { - // Convert underscores to spaces - if (typeof(columnName) === 'undefined' || columnName === undefined || columnName === null) { return columnName; } - - if (typeof(columnName) !== 'string') { - columnName = String(columnName); - } - - return columnName.replace(/_+/g, ' ') - // Replace a completely all-capsed word with a first-letter-capitalized version - .replace(/^[A-Z]+$/, function (match) { - return angular.lowercase(angular.uppercase(match.charAt(0)) + match.slice(1)); - }) - // Capitalize the first letter of words - .replace(/(\w+)/g, function (match) { - return angular.uppercase(match.charAt(0)) + match.slice(1); - }) - // Put a space in between words that have partial capilizations (i.e. 'firstName' becomes 'First Name') - // .replace(/([A-Z]|[A-Z]\w+)([A-Z])/g, "$1 $2"); - // .replace(/(\w+?|\w)([A-Z])/g, "$1 $2"); - .replace(/(\w+?(?=[A-Z]))/g, '$1 '); - }, - - /** - * @ngdoc method - * @name getColumnsFromData - * @methodOf ui.grid.service:GridUtil - * @description Return a list of column names, given a data set - * - * @param {string} data Data array for grid - * @returns {Object} Column definitions with field accessor and column name - * - * @example - <pre> - var data = [ - { firstName: 'Bob', lastName: 'Jones' }, - { firstName: 'Frank', lastName: 'Smith' } - ]; - - var columnDefs = GridUtil.getColumnsFromData(data, excludeProperties); - - columnDefs == [ - { - field: 'firstName', - name: 'First Name' - }, - { - field: 'lastName', - name: 'Last Name' - } - ]; - </pre> - */ - getColumnsFromData: function (data, excludeProperties) { - var columnDefs = []; - - if (!data || typeof(data[0]) === 'undefined' || data[0] === undefined) { return []; } - if (angular.isUndefined(excludeProperties)) { excludeProperties = []; } - - var item = data[0]; - - angular.forEach(item,function (prop, propName) { - if ( excludeProperties.indexOf(propName) === -1){ - columnDefs.push({ - name: propName - }); - } - }); - - return columnDefs; - }, - - /** - * @ngdoc method - * @name newId - * @methodOf ui.grid.service:GridUtil - * @description Return a unique ID string - * - * @returns {string} Unique string - * - * @example - <pre> - var id = GridUtil.newId(); - - # 1387305700482; - </pre> - */ - newId: (function() { - var seedId = new Date().getTime(); - return function() { - return seedId += 1; - }; - })(), - - - /** - * @ngdoc method - * @name getTemplate - * @methodOf ui.grid.service:GridUtil - * @description Get's template from cache / element / url - * - * @param {string|element|promise} Either a string representing the template id, a string representing the template url, - * an jQuery/Angualr element, or a promise that returns the template contents to use. - * @returns {object} a promise resolving to template contents - * - * @example - <pre> - GridUtil.getTemplate(url).then(function (contents) { - alert(contents); - }) - </pre> - */ - getTemplate: function (template) { - // Try to fetch the template out of the templateCache - if ($templateCache.get(template)) { - return $q.when($templateCache.get(template)); - } - - // See if the template is itself a promise - if (template.hasOwnProperty('then')) { - return template; - } - - // If the template is an element, return the element - try { - if (angular.element(template).length > 0) { - return $q.when(template); - } - } - catch (err){ - //do nothing; not valid html - } - - $log.debug('Fetching url', template); - - // Default to trying to fetch the template as a url with $http - return $http({ method: 'GET', url: template}) - .then( - function (result) { - var templateHtml = result.data.trim(); - //put in templateCache for next call - $templateCache.put(template, templateHtml); - return templateHtml; - }, - function (err) { - throw new Error("Could not get template " + template + ": " + err); - } - ); - }, - - /** - * @ngdoc method - * @name guessType - * @methodOf ui.grid.service:GridUtil - * @description guesses the type of an argument - * - * @param {string/number/bool/object} item variable to examine - * @returns {string} one of the following - * 'string' - * 'boolean' - * 'number' - * 'date' - * 'object' - */ - guessType : function (item) { - var itemType = typeof(item); - - // Check for numbers and booleans - switch (itemType) { - case "number": - case "boolean": - case "string": - return itemType; - default: - if (angular.isDate(item)) { - return "date"; - } - return "object"; - } - }, - - - /** - * @ngdoc method - * @name elementWidth - * @methodOf ui.grid.service:GridUtil - * - * @param {element} element DOM element - * @param {string} [extra] Optional modifier for calculation. Use 'margin' to account for margins on element - * - * @returns {number} Element width in pixels, accounting for any borders, etc. - */ - elementWidth: function (elem) { - - }, - - /** - * @ngdoc method - * @name elementHeight - * @methodOf ui.grid.service:GridUtil - * - * @param {element} element DOM element - * @param {string} [extra] Optional modifier for calculation. Use 'margin' to account for margins on element - * - * @returns {number} Element height in pixels, accounting for any borders, etc. - */ - elementHeight: function (elem) { - - }, - - // Thanks to http://stackoverflow.com/a/13382873/888165 - getScrollbarWidth: function() { - var outer = document.createElement("div"); - outer.style.visibility = "hidden"; - outer.style.width = "100px"; - outer.style.msOverflowStyle = "scrollbar"; // needed for WinJS apps - - document.body.appendChild(outer); - - var widthNoScroll = outer.offsetWidth; - // force scrollbars - outer.style.overflow = "scroll"; - - // add innerdiv - var inner = document.createElement("div"); - inner.style.width = "100%"; - outer.appendChild(inner); - - var widthWithScroll = inner.offsetWidth; - - // remove divs - outer.parentNode.removeChild(outer); - - return widthNoScroll - widthWithScroll; - }, - - swap: function( elem, options, callback, args ) { - var ret, name, - old = {}; - - // Remember the old values, and insert the new ones - for ( name in options ) { - old[ name ] = elem.style[ name ]; - elem.style[ name ] = options[ name ]; - } - - ret = callback.apply( elem, args || [] ); - - // Revert the old values - for ( name in options ) { - elem.style[ name ] = old[ name ]; - } - - return ret; - }, - - fakeElement: function( elem, options, callback, args ) { - var ret, name, - newElement = angular.element(elem).clone()[0]; - - for ( name in options ) { - newElement.style[ name ] = options[ name ]; - } - - angular.element(document.body).append(newElement); - - ret = callback.call( newElement, newElement ); - - angular.element(newElement).remove(); - - return ret; - }, - - /** - * @ngdoc method - * @name normalizeWheelEvent - * @methodOf ui.grid.service:GridUtil - * - * @param {event} event A mouse wheel event - * - * @returns {event} A normalized event - * - * @description - * Given an event from this list: - * - * `wheel, mousewheel, DomMouseScroll, MozMousePixelScroll` - * - * "normalize" it - * so that it stays consistent no matter what browser it comes from (i.e. scale it correctly and make sure the direction is right.) - */ - normalizeWheelEvent: function (event) { - // var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll']; - // var toBind = 'onwheel' in document || document.documentMode >= 9 ? ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll']; - var lowestDelta, lowestDeltaXY; - - var orgEvent = event || window.event, - args = [].slice.call(arguments, 1), - delta = 0, - deltaX = 0, - deltaY = 0, - absDelta = 0, - absDeltaXY = 0, - fn; - - // event = $.event.fix(orgEvent); - // event.type = 'mousewheel'; - - // NOTE: jQuery masks the event and stores it in the event as originalEvent - if (orgEvent.originalEvent) { - orgEvent = orgEvent.originalEvent; - } - - // Old school scrollwheel delta - if ( orgEvent.wheelDelta ) { delta = orgEvent.wheelDelta; } - if ( orgEvent.detail ) { delta = orgEvent.detail * -1; } - - // At a minimum, setup the deltaY to be delta - deltaY = delta; - - // Firefox < 17 related to DOMMouseScroll event - if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) { - deltaY = 0; - deltaX = delta * -1; - } - - // New school wheel delta (wheel event) - if ( orgEvent.deltaY ) { - deltaY = orgEvent.deltaY * -1; - delta = deltaY; - } - if ( orgEvent.deltaX ) { - deltaX = orgEvent.deltaX; - delta = deltaX * -1; - } - - // Webkit - if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY; } - if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = orgEvent.wheelDeltaX; } - - // Look for lowest delta to normalize the delta values - absDelta = Math.abs(delta); - if ( !lowestDelta || absDelta < lowestDelta ) { lowestDelta = absDelta; } - absDeltaXY = Math.max(Math.abs(deltaY), Math.abs(deltaX)); - if ( !lowestDeltaXY || absDeltaXY < lowestDeltaXY ) { lowestDeltaXY = absDeltaXY; } - - // Get a whole value for the deltas - fn = delta > 0 ? 'floor' : 'ceil'; - delta = Math[fn](delta / lowestDelta); - deltaX = Math[fn](deltaX / lowestDeltaXY); - deltaY = Math[fn](deltaY / lowestDeltaXY); - - return { - delta: delta, - deltaX: deltaX, - deltaY: deltaY - }; - }, - - // Stolen from Modernizr - // TODO: make this, and everythign that flows from it, robust - //http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ - isTouchEnabled: function() { - var bool; - - if (('ontouchstart' in $window) || $window.DocumentTouch && $document instanceof DocumentTouch) { - bool = true; - } - - return bool; - }, - - isNullOrUndefined: function(obj) { - if (obj === undefined || obj === null) { - return true; - } - return false; - }, - - endsWith: function(str, suffix) { - if (!str || !suffix || typeof str !== "string") { - return false; - } - return str.indexOf(suffix, str.length - suffix.length) !== -1; - }, - - // Shim requestAnimationFrame - requestAnimationFrame: $window.requestAnimationFrame && $window.requestAnimationFrame.bind($window) || - $window.webkitRequestAnimationFrame && $window.webkitRequestAnimationFrame.bind($window) || - function(fn) { - return $timeout(fn, 10, false); - }, - - numericAndNullSort: function (a, b) { - if (a === null) { return 1; } - if (b === null) { return -1; } - if (a === null && b === null) { return 0; } - return a - b; - }, - - // Disable ngAnimate animations on an element - disableAnimations: function (element) { - var $animate; - try { - $animate = $injector.get('$animate'); - $animate.enabled(false, element); - } - catch (e) {} - }, - - enableAnimations: function (element) { - var $animate; - try { - $animate = $injector.get('$animate'); - $animate.enabled(true, element); - } - catch (e) {} - }, - - // Blatantly stolen from Angular as it isn't exposed (yet. 2.0 maybe?) - nextUid: function nextUid() { - var index = uid.length; - var digit; - - while (index) { - index--; - digit = uid[index].charCodeAt(0); - if (digit === 57 /*'9'*/) { - uid[index] = 'A'; - return uidPrefix + uid.join(''); - } - if (digit === 90 /*'Z'*/) { - uid[index] = '0'; - } else { - uid[index] = String.fromCharCode(digit + 1); - return uidPrefix + uid.join(''); - } - } - uid.unshift('0'); - - return uidPrefix + uid.join(''); - }, - - // Blatantly stolen from Angular as it isn't exposed (yet. 2.0 maybe?) - hashKey: function hashKey(obj) { - var objType = typeof obj, - key; - - if (objType === 'object' && obj !== null) { - if (typeof (key = obj.$$hashKey) === 'function') { - // must invoke on object to keep the right this - key = obj.$$hashKey(); - } - else if (typeof(obj.$$hashKey) !== 'undefined' && obj.$$hashKey) { - key = obj.$$hashKey; - } - else if (key === undefined) { - key = obj.$$hashKey = s.nextUid(); - } - } - else { - key = obj; - } - - return objType + ':' + key; - } - - // setHashKey: function setHashKey(obj, h) { - // if (h) { - // obj.$$hashKey = h; - // } - // else { - // delete obj.$$hashKey; - // } - // } - }; - - ['width', 'height'].forEach(function (name) { - var capsName = angular.uppercase(name.charAt(0)) + name.substr(1); - s['element' + capsName] = function (elem, extra) { - var e = elem; - if (typeof(e.length) !== 'undefined' && e.length) { - e = elem[0]; - } - - if (e) { - var styles = getStyles(e); - return e.offsetWidth === 0 && rdisplayswap.test(styles.display) ? - s.fakeElement(e, cssShow, function(newElm) { - return getWidthOrHeight( newElm, name, extra ); - }) : - getWidthOrHeight( e, name, extra ); - } - else { - return null; - } - }; - - s['outerElement' + capsName] = function (elem, margin) { - return elem ? s['element' + capsName].call(this, elem, margin ? 'margin' : 'border') : null; - }; - }); - - // http://stackoverflow.com/a/24107550/888165 - s.closestElm = function closestElm(el, selector) { - if (typeof(el.length) !== 'undefined' && el.length) { - el = el[0]; - } - - var matchesFn; - - // find vendor prefix - ['matches','webkitMatchesSelector','mozMatchesSelector','msMatchesSelector','oMatchesSelector'].some(function(fn) { - if (typeof document.body[fn] === 'function') { - matchesFn = fn; - return true; - } - return false; - }); - - // traverse parents - var parent; - while (el !== null) { - parent = el.parentElement; - if (parent !== null && parent[matchesFn](selector)) { - return parent; - } - el = parent; - } - - return null; - }; - - s.type = function (obj) { - var text = Function.prototype.toString.call(obj.constructor); - return text.match(/function (.*?)\(/)[1]; - }; - - s.getBorderSize = function getBorderSize(elem, borderType) { - if (typeof(elem.length) !== 'undefined' && elem.length) { - elem = elem[0]; - } - - var styles = getStyles(elem); - - if (borderType) { - borderType = 'border-' + borderType; - } - else { - borderType = 'border'; - } - - var val = parseInt(styles[borderType], 10); - - if (isNaN(val)) { - return 0; - } - else { - return val; - } - }; - - // http://stackoverflow.com/a/22948274/888165 - // TODO: Opera? Mobile? - s.detectBrowser = function detectBrowser() { - var userAgent = $window.navigator.userAgent; - - var browsers = {chrome: /chrome/i, safari: /safari/i, firefox: /firefox/i, ie: /internet explorer|trident\//i}; - - for (var key in browsers) { - if (browsers[key].test(userAgent)) { - return key; - } - } - - return 'unknown'; - }; - - /** - * @ngdoc method - * @name normalizeScrollLeft - * @methodOf ui.grid.service:GridUtil - * - * @param {element} element The element to get the `scrollLeft` from. - * - * @returns {int} A normalized scrollLeft value for the current browser. - * - * @description - * Browsers currently handle RTL in different ways, resulting in inconsistent scrollLeft values. This method normalizes them - */ - s.normalizeScrollLeft = function normalizeScrollLeft(element) { - if (typeof(element.length) !== 'undefined' && element.length) { - element = element[0]; - } - - var browser = s.detectBrowser(); - - var scrollLeft = element.scrollLeft; - - var dir = angular.element(element).css('direction'); - - // IE stays normal in RTL - if (browser === 'ie') { - return scrollLeft; - } - // Chrome doesn't alter the scrollLeft value. So with RTL on a 400px-wide grid, the right-most position will still be 400 and the left-most will still be 0; - else if (browser === 'chrome') { - if (dir === 'rtl') { - // Get the max scroll for the element - var maxScrollLeft = element.scrollWidth - element.clientWidth; - - // Subtract the current scroll amount from the max scroll - return maxScrollLeft - scrollLeft; - } - else { - return scrollLeft; - } - } - // Firefox goes negative! - else if (browser === 'firefox') { - return Math.abs(scrollLeft); - } - else { - // TODO(c0bra): Handle other browsers? Android? iOS? Opera? - return scrollLeft; - } - }; - - /** - * @ngdoc method - * @name normalizeScrollLeft - * @methodOf ui.grid.service:GridUtil - * - * @param {element} element The element to normalize the `scrollLeft` value for - * @param {int} scrollLeft The `scrollLeft` value to denormalize. - * - * @returns {int} A normalized scrollLeft value for the current browser. - * - * @description - * Browsers currently handle RTL in different ways, resulting in inconsistent scrollLeft values. This method denormalizes a value for the current browser. - */ - s.denormalizeScrollLeft = function denormalizeScrollLeft(element, scrollLeft) { - if (typeof(element.length) !== 'undefined' && element.length) { - element = element[0]; - } - - var browser = s.detectBrowser(); - - var dir = angular.element(element).css('direction'); - - // IE stays normal in RTL - if (browser === 'ie') { - return scrollLeft; - } - // Chrome doesn't alter the scrollLeft value. So with RTL on a 400px-wide grid, the right-most position will still be 400 and the left-most will still be 0; - else if (browser === 'chrome') { - if (dir === 'rtl') { - // Get the max scroll for the element - var maxScrollLeft = element.scrollWidth - element.clientWidth; - - // Subtract the current scroll amount from the max scroll - return maxScrollLeft - scrollLeft; - } - else { - return scrollLeft; - } - } - // Firefox goes negative! - else if (browser === 'firefox') { - if (dir === 'rtl') { - return scrollLeft * -1; - } - else { - return scrollLeft; - } - } - else { - // TODO(c0bra): Handle other browsers? Android? iOS? Opera? - return scrollLeft; - } - }; - - /** - * @ngdoc method - * @name preEval - * @methodOf ui.grid.service:GridUtil - * - * @param {string} path Path to evaluate - * - * @returns {string} A path that is normalized. - * - * @description - * Takes a field path and converts it to bracket notation to allow for special characters in path - * @example - * <pre> - * gridUtil.preEval('property') == 'property' - * gridUtil.preEval('nested.deep.prop-erty') = "nested['deep']['prop-erty']" - * </pre> - */ - s.preEval = function (path) { - var m = uiGridConstants.BRACKET_REGEXP.exec(path); - if (m) { - return (m[1] ? s.preEval(m[1]) : m[1]) + m[2] + (m[3] ? s.preEval(m[3]) : m[3]); - } else { - path = path.replace(uiGridConstants.APOS_REGEXP, '\\\''); - var parts = path.split(uiGridConstants.DOT_REGEXP); - var preparsed = [parts.shift()]; // first item must be var notation, thus skip - angular.forEach(parts, function (part) { - preparsed.push(part.replace(uiGridConstants.FUNC_REGEXP, '\']$1')); - }); - return preparsed.join('[\''); - } - }; - - /** - * @ngdoc method - * @name debounce - * @methodOf ui.grid.service:GridUtil - * - * @param {function} func function to debounce - * @param {number} wait milliseconds to delay - * @param {bool} immediate execute before delay - * - * @returns {function} A function that can be executed as debounced function - * - * @description - * Copied from https://github.com/shahata/angular-debounce - * Takes a function, decorates it to execute only 1 time after multiple calls, and returns the decorated function - * @example - * <pre> - * var debouncedFunc = gridUtil.debounce(function(){alert('debounced');}, 500); - * debouncedFunc(); - * debouncedFunc(); - * debouncedFunc(); - * </pre> - */ - s.debounce = function (func, wait, immediate) { - var timeout, args, context, result; - function debounce() { - /* jshint validthis:true */ - context = this; - args = arguments; - var later = function () { - timeout = null; - if (!immediate) { - result = func.apply(context, args); - } - }; - var callNow = immediate && !timeout; - if (timeout) { - $timeout.cancel(timeout); - } - timeout = $timeout(later, wait); - if (callNow) { - result = func.apply(context, args); - } - return result; - } - debounce.cancel = function () { - $timeout.cancel(timeout); - timeout = null; - }; - return debounce; - }; - - return s; -}]); - -// Add 'px' to the end of a number string if it doesn't have it already -module.filter('px', function() { - return function(str) { - if (str.match(/^[\d\.]+$/)) { - return str + 'px'; - } - else { - return str; - } - }; -}); - -})(); - -(function(){ - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('da', { - aggregate:{ - label: 'artikler' - }, - groupPanel:{ - description: 'Grupér rækker udfra en kolonne ved at trække dens overskift hertil.' - }, - search:{ - placeholder: 'Søg...', - showingItems: 'Viste rækker:', - selectedItems: 'Valgte rækker:', - totalItems: 'Rækker totalt:', - size: 'Side størrelse:', - first: 'Første side', - next: 'Næste side', - previous: 'Forrige side', - last: 'Sidste side' - }, - menu:{ - text: 'Vælg kolonner:', - }, - column: { - hide: 'Skjul kolonne' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('de', { - aggregate: { - label: 'eintrag' - }, - groupPanel: { - description: 'Ziehen Sie eine Spaltenüberschrift hierhin um nach dieser Spalte zu gruppieren.' - }, - search: { - placeholder: 'Suche...', - showingItems: 'Zeige Einträge:', - selectedItems: 'Ausgewählte Einträge:', - totalItems: 'Einträge gesamt:', - size: 'Einträge pro Seite:', - first: 'Erste Seite', - next: 'Nächste Seite', - previous: 'Vorherige Seite', - last: 'Letzte Seite' - }, - menu: { - text: 'Spalten auswählen:' - }, - column: { - hide: 'Spalte ausblenden' - } - }); - return $delegate; - }]); -}]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('en', { - aggregate: { - label: 'items' - }, - groupPanel: { - description: 'Drag a column header here and drop it to group by that column.' - }, - search: { - placeholder: 'Search...', - showingItems: 'Showing Items:', - selectedItems: 'Selected Items:', - totalItems: 'Total Items:', - size: 'Page Size:', - first: 'First Page', - next: 'Next Page', - previous: 'Previous Page', - last: 'Last Page' - }, - menu: { - text: 'Choose Columns:' - }, - sort: { - ascending: 'Sort Ascending', - descending: 'Sort Descending', - remove: 'Remove Sort' - }, - column: { - hide: 'Hide Column' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('es', { - aggregate: { - label: 'Artículos' - }, - groupPanel: { - description: 'Arrastre un encabezado de columna aquí y soltarlo para agrupar por esa columna.' - }, - search: { - placeholder: 'Buscar...', - showingItems: 'Artículos Mostrando:', - selectedItems: 'Artículos Seleccionados:', - totalItems: 'Artículos Totales:', - size: 'Tamaño de Página:', - first: 'Primera Página', - next: 'Página Siguiente', - previous: 'Página Anterior', - last: 'Última Página' - }, - menu: { - text: 'Elegir columnas:' - }, - column: { - hide: 'Ocultar la columna' - } - }); - return $delegate; - }]); -}]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('fa', { - aggregate: { - label: 'موردها' - }, - groupPanel: { - description: 'یک عنوان ستون اینجا را بردار و به گروهی از آن ستون بیانداز.' - }, - search: { - placeholder: 'جستجو...', - showingItems: 'نمایش موردها:', - selectedItems: 'موردهای انتخاب\u200cشده:', - totalItems: 'همهٔ موردها:', - size: 'اندازهٔ صفحه:', - first: 'صفحهٔ اول', - next: 'صفحهٔ بعد', - previous: 'صفحهٔ قبل', - last: 'آخرین صفحه' - }, - menu: { - text: 'انتخاب ستون\u200cها:' - }, - column: { - hide: 'ستون پنهان کن' - } - }); - return $delegate; - }]); -}]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('fr', { - aggregate: { - label: 'articles' - }, - groupPanel: { - description: 'Faites glisser un en-tête de colonne ici et déposez-le vers un groupe par cette colonne.' - }, - search: { - placeholder: 'Recherche...', - showingItems: 'Articles Affichage des:', - selectedItems: 'Éléments Articles:', - totalItems: 'Nombre total d\'articles:', - size: 'Taille de page:', - first: 'Première page', - next: 'Page Suivante', - previous: 'Page précédente', - last: 'Dernière page' - }, - menu: { - text: 'Choisir des colonnes:' - }, - column: { - hide: 'Colonne de peau' - } - }); - return $delegate; - }]); -}]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function ($provide) { - $provide.decorator('i18nService', ['$delegate', function ($delegate) { - $delegate.add('he', { - aggregate: { - label: 'items' - }, - groupPanel: { - description: 'גרור עמודה לכאן ושחרר בכדי לקבץ עמודה זו.' - }, - search: { - placeholder: 'חפש...', - showingItems: 'מציג:', - selectedItems: 'סה"כ נבחרו:', - totalItems: 'סה"כ רשומות:', - size: 'תוצאות בדף:', - first: 'דף ראשון', - next: 'דף הבא', - previous: 'דף קודם', - last: 'דף אחרון' - }, - menu: { - text: 'בחר עמודות:' - }, - sort: { - ascending: 'סדר עולה', - descending: 'סדר יורד', - remove: 'בטל' - }, - column: { - hide: 'טור הסתר' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('nl', { - aggregate: { - label: 'items' - }, - groupPanel: { - description: 'Sleep hier een kolomnaam heen om op te groeperen.' - }, - search: { - placeholder: 'Zoeken...', - showingItems: 'Getoonde items:', - selectedItems: 'Geselecteerde items:', - totalItems: 'Totaal aantal items:', - size: 'Items per pagina:', - first: 'Eerste pagina', - next: 'Volgende pagina', - previous: 'Vorige pagina', - last: 'Laatste pagina' - }, - menu: { - text: 'Kies kolommen:' - }, - sort: { - ascending: 'Sorteer oplopend', - descending: 'Sorteer aflopend', - remove: 'Verwijder sortering' - }, - column: { - hide: 'Kolom te verbergen' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('pt-br', { - aggregate: { - label: 'itens' - }, - groupPanel: { - description: 'Arraste e solte uma coluna aqui para agrupar por essa coluna' - }, - search: { - placeholder: 'Procurar...', - showingItems: 'Mostrando os Itens:', - selectedItems: 'Items Selecionados:', - totalItems: 'Total de Itens:', - size: 'Tamanho da Página:', - first: 'Primeira Página', - next: 'Próxima Página', - previous: 'Página Anterior', - last: 'Última Página' - }, - menu: { - text: 'Selecione as colunas:' - }, - column: { - hide: 'Esconder coluna' - } - }); - return $delegate; - }]); -}]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('ru', { - aggregate: { - label: 'элементы' - }, - groupPanel: { - description: 'Для группировки по столбцу перетащите сюда его название.' - }, - search: { - placeholder: 'Поиск...', - showingItems: 'Показать элементы:', - selectedItems: 'Выбранные элементы:', - totalItems: 'Всего элементов:', - size: 'Размер страницы:', - first: 'Первая страница', - next: 'Следующая страница', - previous: 'Предыдущая страница', - last: 'Последняя страница' - }, - menu: { - text: 'Выбрать столбцы:' - }, - sort: { - ascending: 'По возрастанию', - descending: 'По убыванию', - remove: 'Убрать сортировку' - }, - column: { - hide: 'спрятать столбец' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { -angular.module('ui.grid').config(['$provide', function($provide) { -$provide.decorator('i18nService', ['$delegate', function($delegate) { -$delegate.add('sk', { -aggregate: { -label: 'items' -}, -groupPanel: { -description: 'Pretiahni sem názov stĺpca pre zoskupenie podľa toho stĺpca.' -}, -search: { -placeholder: 'Hľadaj...', -showingItems: 'Zobrazujem položky:', -selectedItems: 'Vybraté položky:', -totalItems: 'Počet položiek:', -size: 'Počet:', -first: 'Prvá strana', -next: 'Ďalšia strana', -previous: 'Predchádzajúca strana', -last: 'Posledná strana' -}, -menu: { -text: 'Vyberte stĺpce:' -}, -sort: { -ascending: 'Zotriediť vzostupne', -descending: 'Zotriediť zostupne', -remove: 'Vymazať triedenie' -} -}); -return $delegate; -}]); -}]); -})(); - -/** - * @ngdoc overview - * @name ui.grid.i18n - * @description - * - * # ui.grid.i18n - * This module provides i18n functions to ui.grid and any application that wants to use it - - * - * <div doc-module-components="ui.grid.i18n"></div> - */ - -(function () { - var DIRECTIVE_ALIASES = ['uiT', 'uiTranslate']; - var FILTER_ALIASES = ['t', 'uiTranslate']; - - var module = angular.module('ui.grid.i18n'); - - - /** - * @ngdoc object - * @name ui.grid.i18n.constant:i18nConstants - * - * @description constants available in i18n module - */ - module.constant('i18nConstants', { - MISSING: '[MISSING]', - UPDATE_EVENT: '$uiI18n', - - LOCALE_DIRECTIVE_ALIAS: 'uiI18n', - // default to english - DEFAULT_LANG: 'en' - }); - -// module.config(['$provide', function($provide) { -// $provide.decorator('i18nService', ['$delegate', function($delegate) {}])}]); - - /** - * @ngdoc service - * @name ui.grid.i18n.service:i18nService - * - * @description Services for i18n - */ - module.service('i18nService', ['$log', 'i18nConstants', '$rootScope', - function ($log, i18nConstants, $rootScope) { - - var langCache = { - _langs: {}, - current: null, - get: function (lang) { - return this._langs[lang.toLowerCase()]; - }, - add: function (lang, strings) { - var lower = lang.toLowerCase(); - if (!this._langs[lower]) { - this._langs[lower] = {}; - } - angular.extend(this._langs[lower], strings); - }, - getAllLangs: function () { - var langs = []; - if (!this._langs) { - return langs; - } - - for (var key in this._langs) { - langs.push(key); - } - - return langs; - }, - setCurrent: function (lang) { - this.current = lang.toLowerCase(); - }, - getCurrentLang: function () { - return this.current; - } - }; - - var service = { - - /** - * @ngdoc service - * @name add - * @methodOf ui.grid.i18n.service:i18nService - * @description Adds the languages and strings to the cache. Decorate this service to - * add more translation strings - * @param {string} lang language to add - * @param {object} stringMaps of strings to add grouped by property names - * @example - * <pre> - * i18nService.add('en', { - * aggregate: { - * label1: 'items', - * label2: 'some more items' - * } - * }, - * groupPanel: { - * description: 'Drag a column header here and drop it to group by that column.' - * } - * } - * </pre> - */ - add: function (langs, stringMaps) { - if (typeof(langs) === 'object') { - angular.forEach(langs, function (lang) { - if (lang) { - langCache.add(lang, stringMaps); - } - }); - } else { - langCache.add(langs, stringMaps); - } - }, - - /** - * @ngdoc service - * @name getAllLangs - * @methodOf ui.grid.i18n.service:i18nService - * @description return all currently loaded languages - * @returns {array} string - */ - getAllLangs: function () { - return langCache.getAllLangs(); - }, - - /** - * @ngdoc service - * @name get - * @methodOf ui.grid.i18n.service:i18nService - * @description return all currently loaded languages - * @param {string} lang to return. If not specified, returns current language - * @returns {object} the translation string maps for the language - */ - get: function (lang) { - var language = lang ? lang : service.getCurrentLang(); - return langCache.get(language); - }, - - /** - * @ngdoc service - * @name getSafeText - * @methodOf ui.grid.i18n.service:i18nService - * @description returns the text specified in the path or a Missing text if text is not found - * @param {string} path property path to use for retrieving text from string map - * @param {string} lang to return. If not specified, returns current language - * @returns {object} the translation for the path - * @example - * <pre> - * i18nService.getSafeText('sort.ascending') - * </pre> - */ - getSafeText: function (path, lang) { - var language = lang ? lang : service.getCurrentLang(); - var trans = langCache.get(language); - - if (!trans) { - return i18nConstants.MISSING; - } - - var paths = path.split('.'); - var current = trans; - - for (var i = 0; i < paths.length; ++i) { - if (current[paths[i]] === undefined || current[paths[i]] === null) { - return i18nConstants.MISSING; - } else { - current = current[paths[i]]; - } - } - - return current; - - }, - - /** - * @ngdoc service - * @name setCurrentLang - * @methodOf ui.grid.i18n.service:i18nService - * @description sets the current language to use in the application - * $broadcasts the Update_Event on the $rootScope - * @param {string} lang to set - * @example - * <pre> - * i18nService.setCurrentLang('fr'); - * </pre> - */ - - setCurrentLang: function (lang) { - if (lang) { - langCache.setCurrent(lang); - $rootScope.$broadcast(i18nConstants.UPDATE_EVENT); - } - }, - - /** - * @ngdoc service - * @name getCurrentLang - * @methodOf ui.grid.i18n.service:i18nService - * @description returns the current language used in the application - */ - getCurrentLang: function () { - var lang = langCache.getCurrentLang(); - if (!lang) { - lang = i18nConstants.DEFAULT_LANG; - langCache.setCurrent(lang); - } - return lang; - } - - }; - - return service; - - }]); - - var localeDirective = function (i18nService, i18nConstants) { - return { - compile: function () { - return { - pre: function ($scope, $elm, $attrs) { - var alias = i18nConstants.LOCALE_DIRECTIVE_ALIAS; - // check for watchable property - var lang = $scope.$eval($attrs[alias]); - if (lang) { - $scope.$watch($attrs[alias], function () { - i18nService.setCurrentLang(lang); - }); - } else if ($attrs.$$observers) { - $attrs.$observe(alias, function () { - i18nService.setCurrentLang($attrs[alias] || i18nConstants.DEFAULT_LANG); - }); - } - } - }; - } - }; - }; - - module.directive('uiI18n', ['i18nService', 'i18nConstants', localeDirective]); - - // directive syntax - var uitDirective = function ($parse, i18nService, i18nConstants) { - return { - restrict: 'EA', - compile: function () { - return { - pre: function ($scope, $elm, $attrs) { - var alias1 = DIRECTIVE_ALIASES[0], - alias2 = DIRECTIVE_ALIASES[1]; - var token = $attrs[alias1] || $attrs[alias2] || $elm.html(); - var missing = i18nConstants.MISSING + token; - var observer; - if ($attrs.$$observers) { - var prop = $attrs[alias1] ? alias1 : alias2; - observer = $attrs.$observe(prop, function (result) { - if (result) { - $elm.html($parse(result)(i18nService.getCurrentLang()) || missing); - } - }); - } - var getter = $parse(token); - var listener = $scope.$on(i18nConstants.UPDATE_EVENT, function (evt) { - if (observer) { - observer($attrs[alias1] || $attrs[alias2]); - } else { - // set text based on i18n current language - $elm.html(getter(i18nService.get()) || missing); - } - }); - $scope.$on('$destroy', listener); - - $elm.html(getter(i18nService.get()) || missing); - } - }; - } - }; - }; - - DIRECTIVE_ALIASES.forEach(function (alias) { - module.directive(alias, ['$parse', 'i18nService', 'i18nConstants', uitDirective]); - }); - - // optional filter syntax - var uitFilter = function ($parse, i18nService, i18nConstants) { - return function (data) { - var getter = $parse(data); - // set text based on i18n current language - return getter(i18nService.get()) || i18nConstants.MISSING + data; - }; - }; - - FILTER_ALIASES.forEach(function (alias) { - module.filter(alias, ['$parse', 'i18nService', 'i18nConstants', uitFilter]); - }); - -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('zh-cn', { - aggregate: { - label: '条目' - }, - groupPanel: { - description: '拖曳表头到此处以进行分组' - }, - search: { - placeholder: '搜索...', - showingItems: '当前显示条目：', - selectedItems: '选中条目：', - totalItems: '条目总数：', - size: '每页显示数：', - first: '回到首页', - next: '下一页', - previous: '上一页', - last: '前往尾页' - }, - menu: { - text: '数据分组与选择列：' - }, - column: { - hide: '隐藏列' - } - }); - return $delegate; - }]); -}]); -})(); - -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('zh-tw', { - aggregate: { - label: '筆' - }, - groupPanel: { - description: '拖拉表頭到此處以進行分組' - }, - search: { - placeholder: '搜尋...', - showingItems: '目前顯示筆數：', - selectedItems: '選取筆數：', - totalItems: '總筆數：', - size: '每頁顯示：', - first: '第一頁', - next: '下一頁', - previous: '上一頁', - last: '最後頁' - }, - menu: { - text: '選擇欄位：' - }, - column: { - hide: '隐藏列' - } - }); - return $delegate; - }]); -}]); -})(); -(function() { - 'use strict'; - /** - * @ngdoc overview - * @name ui.grid.autoResize - * - * @description - * - * #ui.grid.autoResize - * This module provides auto-resizing functionality to ui-grid - * - */ - var module = angular.module('ui.grid.autoResize', ['ui.grid']); - - - module.directive('uiGridAutoResize', ['$log', '$timeout', 'gridUtil', function ($log, $timeout, gridUtil) { - return { - require: 'uiGrid', - scope: false, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - var prevGridWidth, prevGridHeight; - - function getDimensions() { - prevGridHeight = gridUtil.elementHeight($elm); - prevGridWidth = gridUtil.elementWidth($elm); - } - - // Initialize the dimensions - getDimensions(); - - var canceler; - function startTimeout() { - $timeout.cancel(canceler); - - canceler = $timeout(function () { - var newGridHeight = gridUtil.elementHeight($elm); - var newGridWidth = gridUtil.elementWidth($elm); - - if (newGridHeight !== prevGridHeight || newGridWidth !== prevGridWidth) { - uiGridCtrl.grid.gridHeight = newGridHeight; - uiGridCtrl.grid.gridWidth = newGridWidth; - - uiGridCtrl.grid.queueRefresh() - .then(function () { - getDimensions(); - - startTimeout(); - }); - } - else { - startTimeout(); - } - }, 250); - } - - startTimeout(); - - $scope.$on('$destroy', function() { - $timeout.cancel(canceler); - }); - } - }; - }]); -})(); -(function () { - 'use strict'; - var module = angular.module('ui.grid.cellNav', ['ui.grid']); - - function RowCol(row, col) { - this.row = row; - this.col = col; - } - - /** - * @ngdoc object - * @name ui.grid.cellNav.constant:uiGridCellNavConstants - * - * @description constants available in cellNav - */ - module.constant('uiGridCellNavConstants', { - FEATURE_NAME : 'gridCellNav', - CELL_NAV_EVENT: 'cellNav', - direction: {LEFT: 0, RIGHT: 1, UP: 2, DOWN: 3} - }); - - /** - * @ngdoc service - * @name ui.grid.cellNav.service:uiGridCellNavService - * - * @description Services for cell navigation features. If you don't like the key maps we use, - * or the direction cells navigation, override with a service decorator (see angular docs) - */ - module.service('uiGridCellNavService', ['$log', 'uiGridConstants', 'uiGridCellNavConstants', '$q', - function ($log, uiGridConstants, uiGridCellNavConstants, $q) { - - var service = { - - initializeGrid: function (grid) { - grid.registerColumnBuilder(service.cellNavColumnBuilder); - - //create variables for state - grid.cellNav = {}; - grid.cellNav.lastRowCol = null; - - /** - * @ngdoc object - * @name ui.grid.cellNav.api:PublicApi - * - * @description Public Api for cellNav feature - */ - var publicApi = { - events: { - cellNav : { - /** - * @ngdoc event - * @name navigate - * @eventOf ui.grid.cellNav.api:PublicApi - * @description raised when the active cell is changed - * <pre> - * gridApi.cellNav.on.navigate(scope,function(newRowcol, oldRowCol){}) - * </pre> - * @param {object} newRowCol new position - * @param {object} oldRowCol old position - */ - navigate : function(newRowCol, oldRowCol){} - } - }, - methods: { - cellNav: { - /** - * @ngdoc function - * @name scrollTo - * @methodOf ui.grid.cellNav.api:PublicApi - * @description brings the specified row and column into view - * @param {Grid} grid the grid you'd like to act upon, usually available - * from gridApi.grid - * @param {object} $scope a scope we can broadcast events from - * @param {object} rowEntity gridOptions.data[] array instance to make visible - * @param {object} colDef to make visible - */ - scrollTo: function (grid, $scope, rowEntity, colDef) { - service.scrollTo(grid, $scope, rowEntity, colDef); - }, - /** - * @ngdoc function - * @name getFocusedCell - * @methodOf ui.grid.cellNav.api:PublicApi - * @description returns the current (or last if Grid does not have focus) focused row and column - * <br> value is null if no selection has occurred - */ - getFocusedCell: function () { - return grid.cellNav.lastRowCol; - } - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - - grid.api.registerMethodsFromObject(publicApi.methods); - - }, - - - /** - * @ngdoc service - * @name getDirection - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @description determines which direction to for a given keyDown event - * @returns {uiGridCellNavConstants.direction} direction - */ - getDirection: function (evt) { - if (evt.keyCode === uiGridConstants.keymap.LEFT || - (evt.keyCode === uiGridConstants.keymap.TAB && evt.shiftKey)) { - return uiGridCellNavConstants.direction.LEFT; - } - if (evt.keyCode === uiGridConstants.keymap.RIGHT || - evt.keyCode === uiGridConstants.keymap.TAB) { - return uiGridCellNavConstants.direction.RIGHT; - } - - if (evt.keyCode === uiGridConstants.keymap.UP || - (evt.keyCode === uiGridConstants.keymap.ENTER && evt.shiftKey)) { - return uiGridCellNavConstants.direction.UP; - } - - if (evt.keyCode === uiGridConstants.keymap.DOWN || - evt.keyCode === uiGridConstants.keymap.ENTER) { - return uiGridCellNavConstants.direction.DOWN; - } - - return null; - }, - - /** - * @ngdoc service - * @name getNextRowCol - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @description returns the next row and column for a given direction - * columns that are not focusable are skipped - * @param {object} direction navigation direction - * @param {Grid} grid current grid - * @param {GridRow} curRow Gridrow - * @param {GridCol} curCol Gridcol - * @returns {uiGridCellNavConstants.direction} rowCol object - */ - getNextRowCol: function (direction, grid, curRow, curCol) { - switch (direction) { - case uiGridCellNavConstants.direction.LEFT: - return service.getRowColLeft(grid.rows, grid.columns, curRow, curCol); - case uiGridCellNavConstants.direction.RIGHT: - return service.getRowColRight(grid.rows, grid.columns, curRow, curCol); - case uiGridCellNavConstants.direction.UP: - return service.getRowColUp(grid.rows, grid.columns, curRow, curCol); - case uiGridCellNavConstants.direction.DOWN: - return service.getRowColDown(grid.rows, grid.columns, curRow, curCol); - } - }, - - getRowColLeft: function (rows, cols, curRow, curCol) { - var colIndex = service.getNextColIndexLeft(cols, curCol); - - if (colIndex > curCol.index) { - if (curRow.index === 0) { - return new RowCol(curRow, cols[colIndex]); //return same row - } - else { - //up one row and far right column - return new RowCol(rows[curRow.index - 1], cols[colIndex]); - } - } - else { - return new RowCol(curRow, cols[colIndex]); - } - }, - - getRowColRight: function (rows, cols, curRow, curCol) { - var colIndex = service.getNextColIndexRight(cols, curCol); - - if (colIndex < curCol.index) { - if (curRow.index === rows.length - 1) { - return new RowCol(curRow, cols[colIndex]); //return same row - } - else { - //down one row and far left column - return new RowCol(rows[curRow.index + 1], cols[colIndex]); - } - } - else { - return new RowCol(curRow, cols[colIndex]); - } - }, - - getNextColIndexLeft: function (cols, curCol) { - //start with next col to the left or the end of the array if curCol is the first col - var i = curCol.index === 0 ? cols.length - 1 : curCol.index - 1; - - //find first focusable column to the left - //circle around to the end of the array if no col is found - while (i !== curCol.index) { - if (cols[i].colDef.allowCellFocus) { - break; - } - i--; - //go to end of array if at the beginning - if (i === -1) { - i = cols.length - 1; - } - } - - return i; - }, - - getNextColIndexRight: function (cols, curCol) { - //start with next col to the right or the beginning of the array if curCol is the last col - var i = curCol.index === cols.length - 1 ? 0 : curCol.index + 1; - - //find first focusable column to the right - //circle around to the beginning of the array if no col is found - while (i !== curCol.index) { - if (cols[i].colDef.allowCellFocus) { - break; - } - i++; - //go to end of array if at the beginning - if (i > cols.length - 1) { - i = 0; - } - } - - return i; - }, - - getRowColUp: function (rows, cols, curRow, curCol) { - //if curCol is not focusable, then we need to find a focusable column to the right - //this shouldn't ever happen in the grid, but we handle it anyway - var colIndex = curCol.colDef.allowCellFocus ? curCol.index : service.getNextColIndexRight(cols, curCol); - - - if (curRow.index === 0) { - return new RowCol(curRow, cols[colIndex]); //return same row - } - else { - //up one row - return new RowCol(rows[curRow.index - 1], cols[colIndex]); - } - }, - - getRowColDown: function (rows, cols, curRow, curCol) { - //if curCol is not focusable, then we need to find a focusable column to the right - //this shouldn't ever happen in the grid, but we handle it anyway - var colIndex = curCol.colDef.allowCellFocus ? curCol.index : service.getNextColIndexRight(cols, curCol); - - - if (curRow.index === rows.length - 1) { - return new RowCol(curRow, cols[colIndex]); //return same row - } - else { - //down one row - return new RowCol(rows[curRow.index + 1], cols[colIndex]); - } - }, - - /** - * @ngdoc service - * @name cellNavColumnBuilder - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @description columnBuilder function that adds cell navigation properties to grid column - * @returns {promise} promise that will load any needed templates when resolved - */ - cellNavColumnBuilder: function (colDef, col, gridOptions) { - var promises = []; - - /** - * @ngdoc object - * @name ui.grid.cellNav.api:ColumnDef - * - * @description Column Definitions for cellNav feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions.columnDef gridOptions.columnDefs} - */ - - /** - * @ngdoc object - * @name allowCellFocus - * @propertyOf ui.grid.cellNav.api:ColumnDef - * @description Enable focus on a cell. - * <br/>Defaults to true - */ - colDef.allowCellFocus = colDef.allowCellFocus === undefined ? true : colDef.allowCellFocus ; - - return $q.all(promises); - }, - - /** - * @ngdoc method - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @name scrollVerticallyTo - * @description Scroll the grid vertically such that the specified - * row is in view - * @param {Grid} grid the grid you'd like to act upon, usually available - * from gridApi.grid - * @param {object} $scope a scope we can broadcast events from - * @param {object} rowEntity gridOptions.data[] array instance to make visible - * @param {object} colDef to make visible - */ - scrollTo: function (grid, $scope, rowEntity, colDef) { - var args = {}; - - if ( rowEntity !== null ){ - var row = grid.getRow(rowEntity); - if ( row ) { - args.y = { percentage: row.index / grid.renderContainers.body.visibleRowCache.length }; - } - } - - if ( colDef !== null ){ - var col = grid.getColumn(colDef.name ? colDef.name : colDef.field); - if ( col ) { - args.x = { percentage: this.getLeftWidth(grid, col.index) / this.getLeftWidth(grid, grid.renderContainers.body.visibleColumnCache.length - 1) }; - } - } - - if ( args.y || args.x ){ - $scope.$broadcast(uiGridConstants.events.GRID_SCROLL, args); - } - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @name getLeftWidth - * @description Get the current drawn width of the columns in the - * grid up to and including the numbered column - * @param {Grid} grid the grid you'd like to act upon, usually available - * from gridApi.grid - * @param {object} colIndex the column to total up to and including - */ - getLeftWidth: function( grid, colIndex ){ - var width = 0; - - if ( !colIndex ){ return; } - - for ( var i=0; i <= colIndex; i++ ){ - if ( grid.renderContainers.body.visibleColumnCache[i].drawnWidth ){ - width += grid.renderContainers.body.visibleColumnCache[i].drawnWidth; - } - } - return width; - } - - }; - - return service; - }]); - - /** - * @ngdoc directive - * @name ui.grid.cellNav.directive:uiCellNav - * @element div - * @restrict EA - * - * @description Adds cell navigation features to the grid columns - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.cellNav']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - - $scope.columnDefs = [ - {name: 'name'}, - {name: 'title'} - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-cellnav></div> - </div> - </file> - </example> - */ - module.directive('uiGridCellnav', ['$log', 'uiGridCellNavService', 'uiGridCellNavConstants', - function ($log, uiGridCellNavService, uiGridCellNavConstants) { - return { - replace: true, - priority: -150, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - - var grid = uiGridCtrl.grid; - uiGridCellNavService.initializeGrid(grid); - - uiGridCtrl.cellNav = {}; - - // $log.debug('uiGridEdit preLink'); - uiGridCtrl.cellNav.broadcastCellNav = function (newRowCol) { - $scope.$broadcast(uiGridCellNavConstants.CELL_NAV_EVENT, newRowCol); - uiGridCtrl.cellNav.broadcastFocus(newRowCol.row, newRowCol.col); - }; - - uiGridCtrl.cellNav.broadcastFocus = function (row, col) { - if (grid.cellNav.lastRowCol === null || (grid.cellNav.lastRowCol.row !== row || grid.cellNav.lastRowCol.col !== col)) { - var newRowCol = new RowCol(row, col); - grid.api.cellNav.raise.navigate(newRowCol, grid.cellNav.lastRowCol); - grid.cellNav.lastRowCol = newRowCol; - } - }; - - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - - /** - * @ngdoc directive - * @name ui.grid.cellNav.directive:uiGridCell - * @element div - * @restrict A - * @description Stacks on top of ui.grid.uiGridCell to provide cell navigation - */ - module.directive('uiGridCell', ['uiGridCellNavService', '$log', 'uiGridCellNavConstants', - function (uiGridCellNavService, $log, uiGridCellNavConstants) { - return { - priority: -150, // run after default uiGridCell directive and ui.grid.edit uiGridCell - restrict: 'A', - require: '^uiGrid', - scope: false, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - if (!$scope.col.colDef.allowCellFocus) { - return; - } - - setTabEnabled(); - - $elm.on('keydown', function (evt) { - var direction = uiGridCellNavService.getDirection(evt); - if (direction === null) { - return true; - } - - var rowCol = uiGridCellNavService.getNextRowCol(direction, $scope.grid, $scope.row, $scope.col); - - //$log.debug('next row ' + rowCol.row.index + ' next Col ' + rowCol.col.colDef.name); - uiGridCtrl.cellNav.broadcastCellNav(rowCol); - setTabEnabled(); - - return false; - }); - - $elm.find('div').on('focus', function (evt) { - uiGridCtrl.cellNav.broadcastFocus($scope.row, $scope.col); - }); - - $scope.$on(uiGridCellNavConstants.CELL_NAV_EVENT, function(evt,rowCol){ - if (rowCol.row === $scope.row && - rowCol.col === $scope.col){ - // $log.debug('Setting focus on Row ' + rowCol.row.index + ' Col ' + rowCol.col.colDef.name); - setFocused(); - } - }); - - function setTabEnabled(){ - $elm.find('div').attr("tabindex", -1); - } - - function setFocused(){ - var div = $elm.find('div'); - div[0].focus(); - div.attr("tabindex", 0); - } - - } - }; - }]); - -})(); -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.edit - * @description - * - * # ui.grid.edit - * This module provides cell editing capability to ui.grid. The goal was to emulate keying data in a spreadsheet via - * a keyboard. - * <br/> - * <br/> - * To really get the full spreadsheet-like data entry, the ui.grid.cellNav module should be used. This will allow the - * user to key data and then tab, arrow, or enter to the cells beside or below. - * - * <div doc-module-components="ui.grid.edit"></div> - */ - - var module = angular.module('ui.grid.edit', ['ui.grid']); - - /** - * @ngdoc object - * @name ui.grid.edit.constant:uiGridEditConstants - * - * @description constants available in edit module - */ - module.constant('uiGridEditConstants', { - EDITABLE_CELL_TEMPLATE: /EDITABLE_CELL_TEMPLATE/g, - //must be lowercase because template bulder converts to lower - EDITABLE_CELL_DIRECTIVE: /editable_cell_directive/g, - events: { - BEGIN_CELL_EDIT: 'uiGridEventBeginCellEdit', - END_CELL_EDIT: 'uiGridEventEndCellEdit', - CANCEL_CELL_EDIT: 'uiGridEventCancelCellEdit' - } - }); - - /** - * @ngdoc service - * @name ui.grid.edit.service:uiGridEditService - * - * @description Services for editing features - */ - module.service('uiGridEditService', ['$log', '$q', '$templateCache', 'uiGridConstants', 'gridUtil', - function ($log, $q, $templateCache, uiGridConstants, gridUtil) { - - var service = { - - initializeGrid: function (grid) { - - service.defaultGridOptions(grid.options); - - grid.registerColumnBuilder(service.editColumnBuilder); - - /** - * @ngdoc object - * @name ui.grid.edit.api:PublicApi - * - * @description Public Api for edit feature - */ - var publicApi = { - events: { - edit: { - /** - * @ngdoc event - * @name afterCellEdit - * @eventOf ui.grid.edit.api:PublicApi - * @description raised when cell editing is complete - * <pre> - * gridApi.edit.on.afterCellEdit(scope,function(rowEntity, colDef){}) - * </pre> - * @param {object} rowEntity the options.data element that was edited - * @param {object} colDef the column that was edited - * @param {object} newValue new value - * @param {object} oldValue old value - */ - afterCellEdit: function (rowEntity, colDef, newValue, oldValue) { - }, - /** - * @ngdoc event - * @name beginCellEdit - * @eventOf ui.grid.edit.api:PublicApi - * @description raised when cell editing starts on a cell - * <pre> - * gridApi.edit.on.beginCellEdit(scope,function(rowEntity, colDef){}) - * </pre> - * @param {object} rowEntity the options.data element that was edited - * @param {object} colDef the column that was edited - */ - beginCellEdit: function (rowEntity, colDef) { - }, - /** - * @ngdoc event - * @name cancelCellEdit - * @eventOf ui.grid.edit.api:PublicApi - * @description raised when cell editing is cancelled on a cell - * <pre> - * gridApi.edit.on.cancelCellEdit(scope,function(rowEntity, colDef){}) - * </pre> - * @param {object} rowEntity the options.data element that was edited - * @param {object} colDef the column that was edited - */ - cancelCellEdit: function (rowEntity, colDef) { - } - } - }, - methods: { - edit: { } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - //grid.api.registerMethodsFromObject(publicApi.methods); - - }, - - defaultGridOptions: function (gridOptions) { - - /** - * @ngdoc object - * @name ui.grid.edit.api:GridOptions - * - * @description Options for configuring the edit feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enableCellEdit - * @propertyOf ui.grid.edit.api:GridOptions - * @description If defined, sets the default value for the editable flag on each individual colDefs - * if their individual enableCellEdit configuration is not defined. Defaults to undefined. - */ - - /** - * @ngdoc object - * @name cellEditableCondition - * @propertyOf ui.grid.edit.api:GridOptions - * @description If specified, either a value or function to be used by all columns before editing. - * If falsy, then editing of cell is not allowed. - * @example - * <pre> - * function($scope){ - * //use $scope.row.entity and $scope.col.colDef to determine if editing is allowed - * return true; - * } - * </pre> - */ - gridOptions.cellEditableCondition = gridOptions.cellEditableCondition === undefined ? true : gridOptions.cellEditableCondition; - - /** - * @ngdoc object - * @name editableCellTemplate - * @propertyOf ui.grid.edit.api:GridOptions - * @description If specified, cellTemplate to use as the editor for all columns. - * <br/> defaults to 'ui-grid/cellTextEditor' - */ - - /** - * @ngdoc object - * @name enableCellEditOnFocus - * @propertyOf ui.grid.edit.api:GridOptions - * @description If true, then editor is invoked as soon as cell receives focus. Default false. - * <br/>_requires cellNav feature and the edit feature to be enabled_ - */ - //enableCellEditOnFocus can only be used if cellnav module is used - gridOptions.enableCellEditOnFocus = gridOptions.enableCellEditOnFocus === undefined ? - false: gridOptions.enableCellEditOnFocus; - }, - - /** - * @ngdoc service - * @name editColumnBuilder - * @methodOf ui.grid.edit.service:uiGridEditService - * @description columnBuilder function that adds edit properties to grid column - * @returns {promise} promise that will load any needed templates when resolved - */ - editColumnBuilder: function (colDef, col, gridOptions) { - - var promises = []; - - /** - * @ngdoc object - * @name ui.grid.edit.api:ColumnDef - * - * @description Column Definition for edit feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions.columnDef gridOptions.columnDefs} - */ - - /** - * @ngdoc object - * @name enableCellEdit - * @propertyOf ui.grid.edit.api:ColumnDef - * @description enable editing on column - */ - colDef.enableCellEdit = colDef.enableCellEdit === undefined ? (gridOptions.enableCellEdit === undefined ? - (colDef.type !== 'object'):gridOptions.enableCellEdit) : colDef.enableCellEdit; - - /** - * @ngdoc object - * @name cellEditableCondition - * @propertyOf ui.grid.edit.api:ColumnDef - * @description If specified, either a value or function evaluated before editing cell. If falsy, then editing of cell is not allowed. - * @example - * <pre> - * function($scope){ - * //use $scope.row.entity and $scope.col.colDef to determine if editing is allowed - * return true; - * } - * </pre> - */ - colDef.cellEditableCondition = colDef.cellEditableCondition === undefined ? gridOptions.cellEditableCondition : colDef.cellEditableCondition; - - /** - * @ngdoc object - * @name editableCellTemplate - * @propertyOf ui.grid.edit.api:ColumnDef - * @description cell template to be used when editing this column. Can be Url or text template - * <br/>Defaults to gridOptions.editableCellTemplate - */ - if (colDef.enableCellEdit) { - colDef.editableCellTemplate = colDef.editableCellTemplate || gridOptions.editableCellTemplate || 'ui-grid/cellEditor'; - - promises.push(gridUtil.getTemplate(colDef.editableCellTemplate) - .then( - function (template) { - col.editableCellTemplate = template; - }, - function (res) { - // Todo handle response error here? - throw new Error("Couldn't fetch/use colDef.editableCellTemplate '" + colDef.editableCellTemplate + "'"); - })); - } - - /** - * @ngdoc object - * @name enableCellEditOnFocus - * @propertyOf ui.grid.edit.api:ColumnDef - * @requires ui.grid.cellNav - * @description If true, then editor is invoked as soon as cell receives focus. Default false. - * <br>_requires both the cellNav feature and the edit feature to be enabled_ - */ - //enableCellEditOnFocus can only be used if cellnav module is used - colDef.enableCellEditOnFocus = colDef.enableCellEditOnFocus === undefined ? gridOptions.enableCellEditOnFocus : colDef.enableCellEditOnFocus; - - return $q.all(promises); - }, - - /** - * @ngdoc service - * @name isStartEditKey - * @methodOf ui.grid.edit.service:uiGridEditService - * @description Determines if a keypress should start editing. Decorate this service to override with your - * own key events. See service decorator in angular docs. - * @param {Event} evt keydown event - * @returns {boolean} true if an edit should start - */ - isStartEditKey: function (evt) { - if (evt.keyCode === uiGridConstants.keymap.LEFT || - (evt.keyCode === uiGridConstants.keymap.TAB && evt.shiftKey) || - - evt.keyCode === uiGridConstants.keymap.RIGHT || - evt.keyCode === uiGridConstants.keymap.TAB || - - evt.keyCode === uiGridConstants.keymap.UP || - (evt.keyCode === uiGridConstants.keymap.ENTER && evt.shiftKey) || - - evt.keyCode === uiGridConstants.keymap.DOWN || - evt.keyCode === uiGridConstants.keymap.ENTER) { - return false; - - } - return true; - } - - - }; - - return service; - - }]); - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:uiGridEdit - * @element div - * @restrict A - * - * @description Adds editing features to the ui-grid directive. - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.edit']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - - $scope.columnDefs = [ - {name: 'name', enableCellEdit: true}, - {name: 'title', enableCellEdit: true} - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-edit></div> - </div> - </file> - </example> - */ - module.directive('uiGridEdit', ['$log', 'uiGridEditService', function ($log, uiGridEditService) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridEditService.initializeGrid(uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:uiGridCell - * @element div - * @restrict A - * - * @description Stacks on top of ui.grid.uiGridCell to provide in-line editing capabilities to the cell - * Editing Actions. - * - * Binds edit start events to the uiGridCell element. When the events fire, the gridCell element is appended - * with the columnDef.editableCellTemplate element ('cellEditor.html' by default). - * - * The editableCellTemplate should respond to uiGridEditConstants.events.BEGIN\_CELL\_EDIT angular event - * and do the initial steps needed to edit the cell (setfocus on input element, etc). - * - * When the editableCellTemplate recognizes that the editing is ended (blur event, Enter key, etc.) - * it should emit the uiGridEditConstants.events.END\_CELL\_EDIT event. - * - * If editableCellTemplate recognizes that the editing has been cancelled (esc key) - * it should emit the uiGridEditConstants.events.CANCEL\_CELL\_EDIT event. The original value - * will be set back on the model by the uiGridCell directive. - * - * Events that invoke editing: - * - dblclick - * - F2 keydown (when using cell selection) - * - * Events that end editing: - * - Dependent on the specific editableCellTemplate - * - Standards should be blur and enter keydown - * - * Events that cancel editing: - * - Dependent on the specific editableCellTemplate - * - Standards should be Esc keydown - * - * Grid Events that end editing: - * - uiGridConstants.events.GRID_SCROLL - * - */ - module.directive('uiGridCell', - ['$compile', 'uiGridConstants', 'uiGridEditConstants', '$log', '$parse', 'uiGridEditService', - function ($compile, uiGridConstants, uiGridEditConstants, $log, $parse, uiGridEditService) { - return { - priority: -100, // run after default uiGridCell directive - restrict: 'A', - scope: false, - link: function ($scope, $elm, $attrs) { - if (!$scope.col.colDef.enableCellEdit) { - return; - } - - var html; - var origCellValue; - var inEdit = false; - var isFocusedBeforeEdit = false; - var cellModel; - - registerBeginEditEvents(); - - function registerBeginEditEvents() { - $elm.on('dblclick', beginEdit); - $elm.on('keydown', beginEditKeyDown); - if ($scope.col.colDef.enableCellEditOnFocus) { - $elm.find('div').on('focus', beginEditFocus); - } - } - - function cancelBeginEditEvents() { - $elm.off('dblclick', beginEdit); - $elm.off('keydown', beginEditKeyDown); - if ($scope.col.colDef.enableCellEditOnFocus) { - $elm.find('div').off('focus', beginEditFocus); - } - } - - function beginEditFocus(evt) { - evt.stopPropagation(); - beginEdit(); - } - - function beginEditKeyDown(evt) { - if (uiGridEditService.isStartEditKey(evt)) { - beginEdit(); - } - } - - function shouldEdit(col, row) { - return !row.isSaving && - ( angular.isFunction(col.colDef.cellEditableCondition) ? - col.colDef.cellEditableCondition($scope) : - col.colDef.cellEditableCondition ); - } - - - /** - * @ngdoc property - * @name editDropdownOptionsArray - * @propertyOf ui.grid.edit.api:ColumnDef - * @description an array of values in the format - * [ {id: xxx, value: xxx} ], which is populated - * into the edit dropdown - * - */ - /** - * @ngdoc property - * @name editDropdownIdLabel - * @propertyOf ui.grid.edit.api:ColumnDef - * @description the label for the "id" field - * in the editDropdownOptionsArray. Defaults - * to 'id' - * @example - * <pre> - * $scope.gridOptions = { - * columnDefs: [ - * {name: 'status', editableCellTemplate: 'ui-grid/dropdownEditor', - * editDropdownOptionsArray: [{code: 1, status: 'active'}, {code: 2, status: 'inactive'}], - * editDropdownIdLabel: 'code', editDropdownValueLabel: 'status' } - * ], - * </pre> - * - */ - /** - * @ngdoc property - * @name editDropdownValueLabel - * @propertyOf ui.grid.edit.api:ColumnDef - * @description the label for the "value" field - * in the editDropdownOptionsArray. Defaults - * to 'value' - * @example - * <pre> - * $scope.gridOptions = { - * columnDefs: [ - * {name: 'status', editableCellTemplate: 'ui-grid/dropdownEditor', - * editDropdownOptionsArray: [{code: 1, status: 'active'}, {code: 2, status: 'inactive'}], - * editDropdownIdLabel: 'code', editDropdownValueLabel: 'status' } - * ], - * </pre> - * - */ - /** - * @ngdoc property - * @name editDropdownFilter - * @propertyOf ui.grid.edit.api:ColumnDef - * @description A filter that you would like to apply to the values in the options list - * of the dropdown. For example if you were using angular-translate you might set this - * to `'translate'` - * @example - * <pre> - * $scope.gridOptions = { - * columnDefs: [ - * {name: 'status', editableCellTemplate: 'ui-grid/dropdownEditor', - * editDropdownOptionsArray: [{code: 1, status: 'active'}, {code: 2, status: 'inactive'}], - * editDropdownIdLabel: 'code', editDropdownValueLabel: 'status', editDropdownFilter: 'translate' } - * ], - * </pre> - * - */ - function beginEdit() { - if (!shouldEdit($scope.col, $scope.row)) { - return; - } - - cellModel = $parse($scope.row.getQualifiedColField($scope.col)); - //get original value from the cell - origCellValue = cellModel($scope); - - html = $scope.col.editableCellTemplate; - html = html.replace(uiGridConstants.COL_FIELD, $scope.row.getQualifiedColField($scope.col)); - - var optionFilter = $scope.col.colDef.editDropdownFilter ? '|' + $scope.col.colDef.editDropdownFilter : ''; - html = html.replace(uiGridConstants.CUSTOM_FILTERS, optionFilter); - - $scope.inputType = 'text'; - switch ($scope.col.colDef.type){ - case 'boolean': - $scope.inputType = 'checkbox'; - break; - case 'number': - $scope.inputType = 'number'; - break; - case 'date': - $scope.inputType = 'date'; - break; - } - - $scope.editDropdownOptionsArray = $scope.col.colDef.editDropdownOptionsArray; - $scope.editDropdownIdLabel = $scope.col.colDef.editDropdownIdLabel ? $scope.col.colDef.editDropdownIdLabel : 'id'; - $scope.editDropdownValueLabel = $scope.col.colDef.editDropdownValueLabel ? $scope.col.colDef.editDropdownValueLabel : 'value'; - - var cellElement; - $scope.$apply(function () { - inEdit = true; - cancelBeginEditEvents(); - cellElement = $compile(html)($scope.$new()); - var gridCellContentsEl = angular.element($elm.children()[0]); - isFocusedBeforeEdit = gridCellContentsEl.hasClass(':focus'); - gridCellContentsEl.addClass('ui-grid-cell-contents-hidden'); - $elm.append(cellElement); - } - ); - - //stop editing when grid is scrolled - var deregOnGridScroll = $scope.$on(uiGridConstants.events.GRID_SCROLL, function () { - endEdit(true); - $scope.grid.api.edit.raise.afterCellEdit($scope.row.entity, $scope.col.colDef, cellModel($scope), origCellValue); - deregOnGridScroll(); - }); - - //end editing - var deregOnEndCellEdit = $scope.$on(uiGridEditConstants.events.END_CELL_EDIT, function (evt, retainFocus) { - endEdit(retainFocus); - $scope.grid.api.edit.raise.afterCellEdit($scope.row.entity, $scope.col.colDef, cellModel($scope), origCellValue); - deregOnEndCellEdit(); - }); - - //cancel editing - var deregOnCancelCellEdit = $scope.$on(uiGridEditConstants.events.CANCEL_CELL_EDIT, function () { - cancelEdit(); - deregOnCancelCellEdit(); - }); - - $scope.$broadcast(uiGridEditConstants.events.BEGIN_CELL_EDIT); - $scope.grid.api.edit.raise.beginCellEdit($scope.row.entity, $scope.col.colDef); - } - - function endEdit(retainFocus) { - if (!inEdit) { - return; - } - var gridCellContentsEl = angular.element($elm.children()[0]); - //remove edit element - angular.element($elm.children()[1]).remove(); - gridCellContentsEl.removeClass('ui-grid-cell-contents-hidden'); - if (retainFocus && isFocusedBeforeEdit) { - gridCellContentsEl.focus(); - } - isFocusedBeforeEdit = false; - inEdit = false; - registerBeginEditEvents(); - } - - function cancelEdit() { - if (!inEdit) { - return; - } - cellModel.assign($scope, origCellValue); - $scope.$apply(); - - $scope.grid.api.edit.raise.cancelCellEdit($scope.row.entity, $scope.col.colDef); - endEdit(true); - } - - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:uiGridEditor - * @element div - * @restrict A - * - * @description input editor directive for editable fields. - * Provides EndEdit and CancelEdit events - * - * Events that end editing: - * blur and enter keydown - * - * Events that cancel editing: - * - Esc keydown - * - */ - module.directive('uiGridEditor', - ['uiGridConstants', 'uiGridEditConstants', - function (uiGridConstants, uiGridEditConstants) { - return { - scope: true, - compile: function () { - return { - pre: function ($scope, $elm, $attrs) { - - }, - post: function ($scope, $elm, $attrs) { - - //set focus at start of edit - $scope.$on(uiGridEditConstants.events.BEGIN_CELL_EDIT, function () { - $elm[0].focus(); - $elm[0].select(); - $elm.on('blur', function (evt) { - $scope.stopEdit(evt); - }); - }); - - - $scope.deepEdit = false; - - $scope.stopEdit = function (evt) { - if ($scope.inputForm && !$scope.inputForm.$valid) { - evt.stopPropagation(); - $scope.$emit(uiGridEditConstants.events.CANCEL_CELL_EDIT); - } - else { - $scope.$emit(uiGridEditConstants.events.END_CELL_EDIT); - } - $scope.deepEdit = false; - }; - - $elm.on('click', function (evt) { - $scope.deepEdit = true; - }); - - $elm.on('keydown', function (evt) { - switch (evt.keyCode) { - case uiGridConstants.keymap.ESC: - evt.stopPropagation(); - $scope.$emit(uiGridEditConstants.events.CANCEL_CELL_EDIT); - break; - case uiGridConstants.keymap.ENTER: // Enter (Leave Field) - $scope.stopEdit(evt); - break; - case uiGridConstants.keymap.TAB: - $scope.stopEdit(evt); - break; - } - - if ($scope.deepEdit) { - switch (evt.keyCode) { - case uiGridConstants.keymap.LEFT: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.RIGHT: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.UP: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.DOWN: - evt.stopPropagation(); - break; - } - } - - return true; - }); - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:input - * @element input - * @restrict E - * - * @description directive to provide binding between input[date] value and ng-model for angular 1.2 - * It is similar to input[date] directive of angular 1.3 - * - * Supported date format for input is 'yyyy-MM-dd' - * The directive will set the $valid property of input element and the enclosing form to false if - * model is invalid date or value of input is entered wrong. - * - */ - module.directive('input', ['$filter', function ($filter) { - function parseDateString(dateString) { - if ('undefined' === typeof dateString || '' === dateString) { - return null; - } - var parts = dateString.split('-'); - if (3 !== parts.length) { - return null; - } - var year = parseInt(parts[0], 10); - var month = parseInt(parts[1], 10); - var day = parseInt(parts[2], 10); - - if (month < 1 || year < 1 || day < 1) { - return null; - } - return new Date(year, (month - 1), day); - } - return { - restrict: 'E', - require: '?ngModel', - link: function (scope, element, attrs, ngModel) { - - if (angular.version.minor === 2 && attrs.type && 'date' === attrs.type && ngModel) { - - ngModel.$formatters.push(function (modelValue) { - ngModel.$setValidity(null,(!modelValue || !isNaN(modelValue.getTime()))); - return $filter('date')(modelValue, 'yyyy-MM-dd'); - }); - - ngModel.$parsers.push(function (viewValue) { - if (viewValue && viewValue.length > 0) { - var dateValue = parseDateString(viewValue); - ngModel.$setValidity(null, (dateValue && !isNaN(dateValue.getTime()))); - return dateValue; - } - else { - ngModel.$setValidity(null, true); - return null; - } - }); - } - } - }; - }]); - - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:uiGridEditDropdown - * @element div - * @restrict A - * - * @description dropdown editor for editable fields. - * Provides EndEdit and CancelEdit events - * - * Events that end editing: - * blur and enter keydown, and any left/right nav - * - * Events that cancel editing: - * - Esc keydown - * - */ - module.directive('uiGridEditDropdown', - ['uiGridConstants', 'uiGridEditConstants', - function (uiGridConstants, uiGridEditConstants) { - return { - scope: true, - compile: function () { - return { - pre: function ($scope, $elm, $attrs) { - - }, - post: function ($scope, $elm, $attrs) { - - //set focus at start of edit - $scope.$on(uiGridEditConstants.events.BEGIN_CELL_EDIT, function () { - $elm[0].focus(); - $elm[0].style.width = ($elm[0].parentElement.offsetWidth - 1) + 'px'; - $elm.on('blur', function (evt) { - $scope.stopEdit(evt); - }); - }); - - - $scope.stopEdit = function (evt) { - // no need to validate a dropdown - invalid values shouldn't be - // available in the list - $scope.$emit(uiGridEditConstants.events.END_CELL_EDIT); - }; - - $elm.on('keydown', function (evt) { - switch (evt.keyCode) { - case uiGridConstants.keymap.ESC: - evt.stopPropagation(); - $scope.$emit(uiGridEditConstants.events.CANCEL_CELL_EDIT); - break; - case uiGridConstants.keymap.ENTER: // Enter (Leave Field) - $scope.stopEdit(evt); - break; - case uiGridConstants.keymap.LEFT: - $scope.stopEdit(evt); - break; - case uiGridConstants.keymap.RIGHT: - $scope.stopEdit(evt); - break; - case uiGridConstants.keymap.UP: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.DOWN: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.TAB: - $scope.stopEdit(evt); - break; - } - return true; - }); - } - }; - } - }; - }]); - -})(); - -(function () { - 'use strict'; - - var module = angular.module('ui.grid.expandable', ['ui.grid']); - - module.service('uiGridExpandableService', ['gridUtil', '$log', '$compile', function (gridUtil, $log, $compile) { - var service = { - initializeGrid: function (grid) { - var publicApi = { - events: { - expandable: { - rowExpandedStateChanged: function (scope, row) { - } - } - }, - methods: { - expandable: { - toggleRowExpansion: function (rowEntity) { - var row = grid.getRow(rowEntity); - if (row !== null) { - service.toggleRowExpansion(grid, row); - } - }, - expandAllRows: function() { - service.expandAllRows(grid); - }, - collapseAllRows: function() { - service.collapseAllRows(grid); - } - } - } - }; - grid.api.registerEventsFromObject(publicApi.events); - grid.api.registerMethodsFromObject(publicApi.methods); - }, - toggleRowExpansion: function (grid, row) { - row.isExpanded = !row.isExpanded; - - if (row.isExpanded) { - row.height = row.grid.options.rowHeight + grid.options.expandable.expandableRowHeight; - } - else { - row.height = row.grid.options.rowHeight; - } - - grid.api.expandable.raise.rowExpandedStateChanged(row); - }, - expandAllRows: function(grid, $scope) { - angular.forEach(grid.renderContainers.body.visibleRowCache, function(row) { - if (!row.isExpanded) { - service.toggleRowExpansion(grid, row); - } - }); - grid.refresh(); - }, - collapseAllRows: function(grid) { - angular.forEach(grid.renderContainers.body.visibleRowCache, function(row) { - if (row.isExpanded) { - service.toggleRowExpansion(grid, row); - } - }); - grid.refresh(); - } - }; - return service; - }]); - - module.directive('uiGridExpandable', ['$log', 'uiGridExpandableService', '$templateCache', - function ($log, uiGridExpandableService, $templateCache) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - var expandableRowHeaderColDef = {name: 'expandableButtons', width: 40}; - expandableRowHeaderColDef.cellTemplate = $templateCache.get('ui-grid/expandableRowHeader'); - uiGridCtrl.grid.addRowHeaderColumn(expandableRowHeaderColDef); - uiGridExpandableService.initializeGrid(uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - module.directive('uiGridExpandableRow', - ['uiGridExpandableService', '$timeout', '$log', '$compile', 'uiGridConstants','gridUtil','$interval', - function (uiGridExpandableService, $timeout, $log, $compile, uiGridConstants, gridUtil, $interval) { - - return { - replace: false, - priority: 0, - scope: false, - - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - gridUtil.getTemplate($scope.grid.options.expandable.rowExpandableTemplate).then( - function (template) { - var expandedRowElement = $compile(template)($scope); - $elm.append(expandedRowElement); - $scope.row.expandedRendered = true; - }); - }, - - post: function ($scope, $elm, $attrs, uiGridCtrl) { - $scope.$on('$destroy', function() { - $scope.row.expandedRendered = false; - }); - } - }; - } - }; - }]); - - module.directive('uiGridRow', - ['$compile', '$log', '$templateCache', - function ($compile, $log, $templateCache) { - return { - priority: -200, - scope: false, - compile: function ($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, controllers) { - - $scope.expandableRow = {}; - - $scope.expandableRow.shouldRenderExpand = function () { - var ret = $scope.colContainer.name === 'body' && $scope.row.isExpanded && (!$scope.grid.isScrollingVertically || $scope.row.expandedRendered); - return ret; - }; - - $scope.expandableRow.shouldRenderFiller = function () { - var ret = $scope.row.isExpanded && ( $scope.colContainer.name !== 'body' || ($scope.grid.isScrollingVertically && !$scope.row.expandedRendered)); - return ret; - }; - - }, - post: function ($scope, $elm, $attrs, controllers) { - } - }; - } - }; - }]); - - module.directive('uiGridViewport', - ['$compile', '$log', '$templateCache', - function ($compile, $log, $templateCache) { - return { - priority: -200, - scope: false, - compile: function ($elm, $attrs) { - var rowRepeatDiv = angular.element($elm.children().children()[0]); - var expandedRowFillerElement = $templateCache.get('ui-grid/expandableScrollFiller'); - var expandedRowElement = $templateCache.get('ui-grid/expandableRow'); - rowRepeatDiv.append(expandedRowElement); - rowRepeatDiv.append(expandedRowFillerElement); - return { - pre: function ($scope, $elm, $attrs, controllers) { - }, - post: function ($scope, $elm, $attrs, controllers) { - } - }; - } - }; - }]); - -})(); - -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.exporter - * @description - * - * # ui.grid.exporter - * This module provides the ability to exporter data from the grid. - * - * Data can be exported in a range of formats, and all data, visible - * data, or selected rows can be exported, with all columns or visible - * columns. - * - * No UI is provided, the caller should provide their own UI/buttons - * as appropriate. - * - * <br/> - * <br/> - * - * <div doc-module-components="ui.grid.exporter"></div> - */ - - var module = angular.module('ui.grid.exporter', ['ui.grid']); - - /** - * @ngdoc object - * @name ui.grid.exporter.constant:uiGridExporterConstants - * - * @description constants available in exporter module - */ - /** - * @ngdoc property - * @propertyOf ui.grid.exporter.constant:uiGridExporterConstants - * @name ALL - * @description export all data, including data not visible. Can - * be set for either rowTypes or colTypes - */ - /** - * @ngdoc property - * @propertyOf ui.grid.exporter.constant:uiGridExporterConstants - * @name VISIBLE - * @description export only visible data, including data not visible. Can - * be set for either rowTypes or colTypes - */ - /** - * @ngdoc property - * @propertyOf ui.grid.exporter.constant:uiGridExporterConstants - * @name SELECTED - * @description export all data, including data not visible. Can - * be set only for rowTypes, selection of only some columns is - * not supported - */ - module.constant('uiGridExporterConstants', { - featureName: 'exporter', - ALL: 'all', - VISIBLE: 'visible', - SELECTED: 'selected', - CSV_CONTENT: 'CSV_CONTENT', - LINK_LABEL: 'LINK_LABEL', - BUTTON_LABEL: 'BUTTON_LABEL' - }); - - /** - * @ngdoc service - * @name ui.grid.exporter.service:uiGridExporterService - * - * @description Services for exporter feature - */ - module.service('uiGridExporterService', ['$log', '$q', 'uiGridExporterConstants', 'gridUtil', '$compile', - function ($log, $q, uiGridExporterConstants, gridUtil, $compile) { - - var service = { - - initializeGrid: function (grid) { - - //add feature namespace and any properties to grid for needed state - grid.exporter = {}; - this.defaultGridOptions(grid.options); - - /** - * @ngdoc object - * @name ui.grid.exporter.api:PublicApi - * - * @description Public Api for exporter feature - */ - var publicApi = { - events: { - exporter: { - } - }, - methods: { - exporter: { - /** - * @ngdoc function - * @name csvExport - * @methodOf ui.grid.exporter.api:PublicApi - * @description Exports rows from the grid in csv format, - * the data exported is selected based on the provided options - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE - * @param {element} $elm (Optional) A UI element into which the - * resulting download link will be placed. - */ - csvExport: function (rowTypes, colTypes, $elm) { - service.csvExport(grid, rowTypes, colTypes, $elm); - }, - /** - * @ngdoc function - * @name pdfExport - * @methodOf ui.grid.exporter.api:PublicApi - * @description Exports rows from the grid in pdf format, - * the data exported is selected based on the provided options - * Note that this function has a dependency on pdfMake, all - * going well this has been installed for you. - * The resulting pdf opens in a new browser window. - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE - */ - pdfExport: function (rowTypes, colTypes) { - service.pdfExport(grid, rowTypes, colTypes); - } - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - - grid.api.registerMethodsFromObject(publicApi.methods); - - }, - - defaultGridOptions: function (gridOptions) { - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.exporter.api:GridOptions - * - * @description GridOptions for selection feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name exporterSuppressButton - * @propertyOf ui.grid.exporter.api:GridOptions - * @description Don't show the export menu button, implying the user - * will roll their own UI for calling the exporter - * <br/>Defaults to false - */ - gridOptions.exporterSuppressButton = gridOptions.exporterSuppressButton === true; - /** - * @ngdoc object - * @name exporterLinkTemplate - * @propertyOf ui.grid.exporter.api:GridOptions - * @description A custom template to use for the resulting - * link (for csv export) - * <br/>Defaults to ui-grid/csvLink - */ - gridOptions.exporterLinkTemplate = gridOptions.exporterLinkTemplate ? gridOptions.exporterLinkTemplate : 'ui-grid/csvLink'; - /** - * @ngdoc object - * @name exporterHeaderTemplate - * @propertyOf ui.grid.exporter.api:GridOptions - * @description A custom template to use for the header - * section, containing the button and csv download link. Not - * needed if you've set suppressButton and are providing a custom - * $elm into which the download link will go. - * <br/>Defaults to ui-grid/exporterHeader - */ - gridOptions.exporterHeaderTemplate = gridOptions.exporterHeaderTemplate ? gridOptions.exporterHeaderTemplate : 'ui-grid/exporterHeader'; - /** - * @ngdoc object - * @name exporterLinkLabel - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The text to show on the CSV download - * link - * <br/>Defaults to 'Download CSV' - */ - gridOptions.exporterLinkLabel = gridOptions.exporterLinkLabel ? gridOptions.exporterLinkLabel : 'Download CSV'; - /** - * @ngdoc object - * @name exporterButtonLabel - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The text to show on the exporter menu button - * link - * <br/>Defaults to 'Export' - */ - gridOptions.exporterButtonLabel = gridOptions.exporterButtonLabel ? gridOptions.exporterButtonLabel : 'Export'; - /** - * @ngdoc object - * @name exporterPdfDefaultStyle - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The default style in pdfMake format - * <br/>Defaults to: - * <pre> - * { - * fontSize: 11 - * } - * </pre> - */ - gridOptions.exporterPdfDefaultStyle = gridOptions.exporterPdfDefaultStyle ? gridOptions.exporterPdfDefaultStyle : { fontSize: 11 }; - /** - * @ngdoc object - * @name exporterPdfTableStyle - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The table style in pdfMake format - * <br/>Defaults to: - * <pre> - * { - * margin: [0, 5, 0, 15] - * } - * </pre> - */ - gridOptions.exporterPdfTableStyle = gridOptions.exporterPdfTableStyle ? gridOptions.exporterPdfTableStyle : { margin: [0, 5, 0, 15] }; - /** - * @ngdoc object - * @name exporterPdfTableHeaderStyle - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The tableHeader style in pdfMake format - * <br/>Defaults to: - * <pre> - * { - * bold: true, - * fontSize: 12, - * color: 'black' - * } - * </pre> - */ - gridOptions.exporterPdfTableHeaderStyle = gridOptions.exporterPdfTableHeaderStyle ? gridOptions.exporterPdfTableHeaderStyle : { bold: true, fontSize: 12, color: 'black' }; - /** - * @ngdoc object - * @name exporterPdfOrientation - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The orientation, should be a valid pdfMake value, - * 'landscape' or 'portrait' - * <br/>Defaults to landscape - */ - gridOptions.exporterPdfOrientation = gridOptions.exporterPdfOrientation ? gridOptions.exporterPdfOrientation : 'landscape'; - /** - * @ngdoc object - * @name exporterPdfPageSize - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The orientation, should be a valid pdfMake - * paper size, usually 'A4' or 'LETTER' - * {@link https://github.com/bpampuch/pdfmake/blob/master/src/standardPageSizes.js pdfMake page sizes} - * <br/>Defaults to A4 - */ - gridOptions.exporterPdfPageSize = gridOptions.exporterPdfPageSize ? gridOptions.exporterPdfPageSize : 'A4'; - /** - * @ngdoc object - * @name exporterPdfMaxGridWidth - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The maxium grid width - the current grid width - * will be scaled to match this, with any fixed width columns - * being adjusted accordingly. - * <br/>Defaults to 720 (for A4 landscape), use 670 for LETTER - */ - gridOptions.exporterPdfMaxGridWidth = gridOptions.exporterPdfMaxGridWidth ? gridOptions.exporterPdfMaxGridWidth : 720; - /** - * @ngdoc object - * @name exporterPdfTableLayout - * @propertyOf ui.grid.exporter.api:GridOptions - * @description A tableLayout in pdfMake format, - * controls gridlines and the like. We use the default - * layout usually. - * <br/>Defaults to null, which means no layout - */ - - }, - - - /** - * @ngdoc function - * @name showMenu - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Shows the grid menu with exporter content, - * allowing the user to select export options - * @param {Grid} grid the grid from which data should be exported - */ - showMenu: function ( grid ) { - grid.exporter.$scope.menuItems = [ - { - title: 'Export all data as csv', - action: function ($event) { - this.grid.api.exporter.csvExport( uiGridExporterConstants.ALL, uiGridExporterConstants.ALL ); - } - }, - { - title: 'Export visible data as csv', - action: function ($event) { - this.grid.api.exporter.csvExport( uiGridExporterConstants.VISIBLE, uiGridExporterConstants.VISIBLE ); - } - }, - { - title: 'Export selected data as csv', - action: function ($event) { - this.grid.api.exporter.csvExport( uiGridExporterConstants.SELECTED, uiGridExporterConstants.VISIBLE ); - } - }, - { - title: 'Export all data as pdf', - action: function ($event) { - this.grid.api.exporter.pdfExport( uiGridExporterConstants.ALL, uiGridExporterConstants.ALL ); - } - }, - { - title: 'Export visible data as pdf', - action: function ($event) { - this.grid.api.exporter.pdfExport( uiGridExporterConstants.VISIBLE, uiGridExporterConstants.VISIBLE ); - } - }, - { - title: 'Export selected data as pdf', - action: function ($event) { - this.grid.api.exporter.pdfExport( uiGridExporterConstants.SELECTED, uiGridExporterConstants.VISIBLE ); - } - } - ]; - - grid.exporter.$scope.$broadcast('toggleExporterMenu'); - }, - - - /** - * @ngdoc function - * @name csvExport - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Exports rows from the grid in csv format, - * the data exported is selected based on the provided options - * @param {Grid} grid the grid from which data should be exported - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {element} $elm (Optional) A UI element into which the - * resulting download link will be placed. - */ - csvExport: function (grid, rowTypes, colTypes, $elm) { - var exportColumnHeaders = this.getColumnHeaders(grid, colTypes); - var exportData = this.getData(grid, rowTypes, colTypes); - var csvContent = this.formatAsCsv(exportColumnHeaders, exportData); - this.renderCsvLink(grid, csvContent, $elm); - - // this.grid.exporter.$scope.$broadcast('clearExporterMenu'); - }, - - - /** - * @ngdoc function - * @name getColumnHeaders - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Gets the column headers from the grid to use - * as a title row for the exported file, all headers have - * headerCellFilters applied as appropriate. - * - * TODO: filters - * - * Column headers are an array of objects, each object has - * name, displayName, width and align attributes. Only name is - * used for csv, all attributes are used for pdf. - * - * @param {Grid} grid the grid from which data should be exported - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - */ - getColumnHeaders: function (grid, colTypes) { - var headers = []; - angular.forEach(grid.columns, function( gridCol, index ) { - if (gridCol.visible || colTypes === uiGridExporterConstants.ALL){ - headers.push({ - name: gridCol.field, - displayName: gridCol.displayName, - // TODO: should we do something to normalise here if too wide? - width: gridCol.drawnWidth ? gridCol.drawnWidth : gridCol.width, - // TODO: if/when we have an alignment attribute, use it here - align: gridCol.colDef.type === 'number' ? 'right' : 'left' - }); - } - }); - - return headers; - }, - - - /** - * @ngdoc function - * @name getData - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Gets data from the grid based on the provided options, - * all cells have cellFilters applied as appropriate - * @param {Grid} grid the grid from which data should be exported - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - */ - getData: function (grid, rowTypes, colTypes) { - var data = []; - - var rows; - - switch ( rowTypes ) { - case uiGridExporterConstants.ALL: - rows = grid.rows; - break; - case uiGridExporterConstants.VISIBLE: - rows = grid.getVisibleRows(); - break; - case uiGridExporterConstants.SELECTED: - if ( grid.api.selection ){ - rows = grid.api.selection.getSelectedGridRows(); - } else { - $log.error('selection feature must be enabled to allow selected rows to be exported'); - } - break; - } - - if ( uiGridExporterConstants.ALL ) { - angular.forEach(rows, function( row, index ) { - - var extractedRow = []; - angular.forEach(grid.columns, function( gridCol, index ) { - if (gridCol.visible || colTypes === uiGridExporterConstants.ALL){ - extractedRow.push(grid.getCellValue(row, gridCol)); - } - }); - - data.push(extractedRow); - }); - - return data; - } - }, - - - /** - * @ngdoc function - * @name formatAsCSV - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Formats the column headers and data as a CSV, - * and sends that data to the user - * @param {array} exportColumnHeaders an array of column headers, - * where each header is an object with name, width and maybe alignment - * @param {array} exportData an array of rows, where each row is - * an array of column data - * @returns {string} csv the formatted csv as a string - */ - formatAsCsv: function (exportColumnHeaders, exportData) { - var self = this; - - var bareHeaders = exportColumnHeaders.map(function(header){return header.displayName;}); - - var csv = self.formatRowAsCsv(this)(bareHeaders) + '\n'; - - csv += exportData.map(this.formatRowAsCsv(this)).join('\n'); - - return csv; - }, - - /** - * @ngdoc function - * @name formatRowAsCsv - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders a single field as a csv field, including - * quotes around the value - * @param {exporterService} exporter pass in exporter - * @param {array} row the row to be turned into a csv string - * @returns {string} a csv-ified version of the row - */ - formatRowAsCsv: function ( exporter ) { - return function( row ) { - return row.map(exporter.formatFieldAsCsv).join(','); - }; - }, - - /** - * @ngdoc function - * @name formatFieldAsCsv - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders a single field as a csv field, including - * quotes around the value - * @param {field} field the field to be turned into a csv string, - * may be of any type - * @returns {string} a csv-ified version of the field - */ - formatFieldAsCsv: function (field) { - if (field == null) { // we want to catch anything null-ish, hence just == not === - return ''; - } - if (typeof(field) === 'number') { - return field; - } - if (typeof(field) === 'boolean') { - return (field ? 'TRUE' : 'FALSE') ; - } - if (typeof(field) === 'string') { - return '"' + field.replace(/"/g,'""') + '"'; - } - - return JSON.stringify(field); - }, - - /** - * @ngdoc function - * @name renderCsvLink - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Creates a download link with the csv content, - * putting it into the default exporter element, or into the element - * passed in if provided - * @param {Grid} grid the grid from which data should be exported - * @param {string} csvContent the csv content that we'd like to - * make available as a download link - * @param {element} $elm (Optional) A UI element into which the - * resulting download link will be placed. If not provided, the - * link is put into the default exporter element. - */ - renderCsvLink: function (grid, csvContent, $elm) { - var targetElm = $elm ? $elm : angular.element( grid.exporter.gridElm[0].querySelectorAll('.ui-grid-exporter-csv-link') ); - if ( angular.element( targetElm[0].querySelectorAll('.ui-grid-exporter-csv-link-span')) ) { - angular.element( targetElm[0].querySelectorAll('.ui-grid-exporter-csv-link-span')).remove(); - } - - var linkTemplate = gridUtil.getTemplate(grid.options.exporterLinkTemplate) - .then(function (contents) { - contents = contents.replace(uiGridExporterConstants.LINK_LABEL, grid.options.exporterLinkLabel); - contents = contents.replace(uiGridExporterConstants.CSV_CONTENT, encodeURIComponent(csvContent)); - - var template = angular.element(contents); - - var newElm = $compile(template)(grid.exporter.$scope); - targetElm.append(newElm); - }); - - }, - - /** - * @ngdoc function - * @name pdfExport - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Exports rows from the grid in pdf format, - * the data exported is selected based on the provided options. - * Note that this function has a dependency on jsPDF, which must - * be either included as a script on your page, or downloaded and - * served as part of your site. The resulting pdf opens in a new - * browser window. - * @param {Grid} grid the grid from which data should be exported - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - */ - pdfExport: function (grid, rowTypes, colTypes) { - var exportColumnHeaders = this.getColumnHeaders(grid, colTypes); - var exportData = this.getData(grid, rowTypes, colTypes); - var docDefinition = this.prepareAsPdf(grid, exportColumnHeaders, exportData); - - pdfMake.createPdf(docDefinition).open(); - }, - - - /** - * @ngdoc function - * @name renderAsPdf - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders the data into a pdf, and opens that pdf. - * - * @param {Grid} grid the grid from which data should be exported - * @param {array} exportColumnHeaders an array of column headers, - * where each header is an object with name, width and maybe alignment - * @param {array} exportData an array of rows, where each row is - * an array of column data - * @returns {object} a pdfMake format document definition, ready - * for generation - */ - prepareAsPdf: function(grid, exportColumnHeaders, exportData) { - var headerWidths = this.calculatePdfHeaderWidths( grid, exportColumnHeaders ); - - var headerColumns = exportColumnHeaders.map( function( header ) { - return { text: header.displayName, style: 'tableHeader' }; - }); - - var stringData = exportData.map(this.formatRowAsPdf(this)); - - var allData = [headerColumns].concat(stringData); - - var docDefinition = { - pageOrientation: grid.options.exporterPdfOrientation, - content: [{ - style: 'tableStyle', - table: { - headerRows: 1, - widths: headerWidths, - body: allData - } - }], - styles: { - tableStyle: grid.options.exporterPdfTableStyle, - tableHeader: grid.options.exporterPdfTableHeaderStyle, - }, - defaultStyle: grid.options.exporterPdfDefaultStyle - }; - - if ( grid.options.exporterPdfLayout ){ - docDefinition.layout = grid.options.exporterPdfLayout; - } - - return docDefinition; - - }, - - - /** - * @ngdoc function - * @name calculatePdfHeaderWidths - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Determines the column widths base on the - * widths we got from the grid. If the column is drawn - * then we have a drawnWidth. If the column is not visible - * then we have '*', 'x%' or a width. When columns are - * not visible they don't contribute to the overall gridWidth, - * so we need to adjust to allow for extra columns - * - * Our basic heuristic is to take the current gridWidth, plus - * numeric columns and call this the base gridwidth. - * - * To that we add 100 for any '*' column, and x% of the base gridWidth - * for any column that is a % - * - * @param {Grid} grid the grid from which data should be exported - * @param {object} exportHeaders array of header information - * @returns {object} an array of header widths - */ - calculatePdfHeaderWidths: function ( grid, exportHeaders ) { - var baseGridWidth = 0; - angular.forEach(exportHeaders, function(value){ - if (typeof(value.width) === 'number'){ - baseGridWidth += value.width; - } - }); - - var extraColumns = 0; - angular.forEach(exportHeaders, function(value){ - if (value.width === '*'){ - extraColumns += 100; - } - if (typeof(value.width) === 'string' && value.width.match(/(\d)*%/)) { - var percent = parseInt(value.width.match(/(\d)*%/)[0]); - - value.width = baseGridWidth * percent / 100; - extraColumns += value.width; - } - }); - - var gridWidth = baseGridWidth + extraColumns; - - return exportHeaders.map(function( header ) { - return header.width === '*' ? header.width : header.width * grid.options.exporterPdfMaxGridWidth / gridWidth; - }); - - }, - - /** - * @ngdoc function - * @name formatRowAsPdf - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders a row in a format consumable by PDF, - * mainly meaning casting everything to a string - * @param {exporterService} exporter pass in exporter - * @param {array} row the row to be turned into a csv string - * @returns {string} a csv-ified version of the row - */ - formatRowAsPdf: function ( exporter ) { - return function( row ) { - return row.map(exporter.formatFieldAsPdfString); - }; - }, - - - /** - * @ngdoc function - * @name formatFieldAsCsv - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders a single field as a pdf-able field, which - * is different from a csv field only in that strings don't have quotes - * around them - * @param {field} field the field to be turned into a pdf string, - * may be of any type - * @returns {string} a string-ified version of the field - */ - formatFieldAsPdfString: function (field) { - if (field == null) { // we want to catch anything null-ish, hence just == not === - return ''; - } - if (typeof(field) === 'number') { - return field.toString(); - } - if (typeof(field) === 'boolean') { - return (field ? 'TRUE' : 'FALSE') ; - } - if (typeof(field) === 'string') { - return field.replace(/"/g,'""'); - } - - return JSON.stringify(field).replace(/^"/,'').replace(/"$/,''); - } - }; - - return service; - - } - ]); - - /** - * @ngdoc directive - * @name ui.grid.exporter.directive:uiGridExporter - * @element div - * @restrict A - * - * @description Adds exporter features to grid - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.edit']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - - $scope.gridOptions = { - columnDefs: [ - {name: 'name', enableCellEdit: true}, - {name: 'title', enableCellEdit: true} - ], - data: $scope.data - }; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="gridOptions" ui-grid-exporter></div> - </div> - </file> - </example> - */ - module.directive('uiGridExporter', ['$log', 'uiGridExporterConstants', 'uiGridExporterService', 'gridUtil', '$compile', - function ($log, uiGridExporterConstants, uiGridExporterService, gridUtil, $compile) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridExporterService.initializeGrid(uiGridCtrl.grid); - uiGridCtrl.grid.exporter.$scope = $scope; - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - } - ]); -})(); -(function() { - 'use strict'; - /** - * @ngdoc overview - * @name ui.grid.infiniteScroll - * - * @description - * - * #ui.grid.infiniteScroll - * This module provides infinite scroll functionality to ui-grid - * - */ - var module = angular.module('ui.grid.infiniteScroll', ['ui.grid']); - /** - * @ngdoc service - * @name ui.grid.infiniteScroll.service:uiGridInfiniteScrollService - * - * @description Service for infinite scroll features - */ - module.service('uiGridInfiniteScrollService', ['gridUtil', '$log', '$compile', '$timeout', function (gridUtil, $log, $compile, $timeout) { - - var service = { - - /** - * @ngdoc function - * @name initializeGrid - * @methodOf ui.grid.infiniteScroll.service:uiGridInfiniteScrollService - * @description This method register events and methods into grid public API - */ - - initializeGrid: function(grid) { - /** - * @ngdoc object - * @name ui.grid.infiniteScroll.api:PublicAPI - * - * @description Public API for infinite scroll feature - */ - var publicApi = { - events: { - infiniteScroll: { - - /** - * @ngdoc event - * @name needLoadMoreData - * @eventOf ui.grid.infiniteScroll.api:PublicAPI - * @description This event fires when scroll reached bottom percentage of grid - * and needs to load data - */ - - needLoadMoreData: function ($scope, fn) { - } - } - }, - methods: { - infiniteScroll: { - - /** - * @ngdoc function - * @name dataLoaded - * @methodOf ui.grid.infiniteScroll.api:PublicAPI - * @description This function is used as a promise when data finished loading. - * See infinite_scroll ngdoc for example of usage - */ - - dataLoaded: function() { - grid.options.loadTimout = false; - } - } - } - }; - grid.options.loadTimout = false; - grid.api.registerEventsFromObject(publicApi.events); - grid.api.registerMethodsFromObject(publicApi.methods); - }, - - /** - * @ngdoc function - * @name loadData - * @methodOf ui.grid.infiniteScroll.service:uiGridInfiniteScrollService - * @description This function fires 'needLoadMoreData' event - */ - - loadData: function (grid) { - grid.api.infiniteScroll.raise.needLoadMoreData(); - grid.options.loadTimout = true; - }, - - /** - * @ngdoc function - * @name checkScroll - * @methodOf ui.grid.infiniteScroll.service:uiGridInfiniteScrollService - * @description This function checks scroll position inside grid and - * calls 'loadData' function when scroll reaches 'infiniteScrollPercentage' - */ - - checkScroll: function(grid, scrollTop) { - - /* Take infiniteScrollPercentage value or use 20% as default */ - var infiniteScrollPercentage = grid.options.infiniteScrollPercentage ? grid.options.infiniteScrollPercentage : 20; - - if (!grid.options.loadTimout && scrollTop <= infiniteScrollPercentage) { - this.loadData(grid); - return true; - } - return false; - } - /** - * @ngdoc property - * @name infiniteScrollPercentage - * @propertyOf ui.grid.class:GridOptions - * @description This setting controls at what percentage of the scroll more data - * is requested by the infinite scroll - */ - }; - return service; - }]); - /** - * @ngdoc directive - * @name ui.grid.infiniteScroll.directive:uiGridInfiniteScroll - * @element div - * @restrict A - * - * @description Adds infinite scroll features to grid - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.infiniteScroll']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Alex', car: 'Toyota' }, - { name: 'Sam', car: 'Lexus' } - ]; - - $scope.columnDefs = [ - {name: 'name'}, - {name: 'car'} - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-infinite-scroll="20"></div> - </div> - </file> - </example> - */ - - module.directive('uiGridInfiniteScroll', ['$log', 'uiGridInfiniteScrollService', - function ($log, uiGridInfiniteScrollService) { - return { - priority: -200, - scope: false, - require: '^uiGrid', - compile: function($scope, $elm, $attr){ - return { - pre: function($scope, $elm, $attr, uiGridCtrl) { - uiGridInfiniteScrollService.initializeGrid(uiGridCtrl.grid); - }, - post: function($scope, $elm, $attr) { - } - }; - } - }; - }]); - - module.directive('uiGridViewport', - ['$compile', '$log', 'uiGridInfiniteScrollService', 'uiGridConstants', - function ($compile, $log, uiGridInfiniteScrollService, uiGridConstants) { - return { - priority: -200, - scope: false, - link: function ($scope, $elm, $attr){ - $scope.$on(uiGridConstants.events.GRID_SCROLL, function(evt, args) { - - var percentage = 100 - (args.y.percentage * 100); - uiGridInfiniteScrollService.checkScroll($scope.grid, percentage); - }); - } - }; - }]); -})(); -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.pinning - * @description - * - * # ui.grid.pinning - * This module provides column pinning to the end user via menu options in the column header - * <br/> - * <br/> - * - * <div doc-module-components="ui.grid.pinning"></div> - */ - - var module = angular.module('ui.grid.pinning', ['ui.grid']); - - module.config(['$provide', function ($provide) { - $provide.decorator('i18nService', ['$delegate', function ($delegate) { - $delegate.add('en', - { pinning: { - pinLeft: 'Pin Left', - pinRight: 'Pin Right', - unpin: 'Unpin' - } - } - ); - - return $delegate; - }]); - }]); - - module.service('uiGridPinningService', ['$log', 'GridRenderContainer', 'i18nService', function ($log, GridRenderContainer, i18nService) { - var service = { - - initializeGrid: function (grid) { - service.defaultGridOptions(grid.options); - - // Register a column builder to add new menu items for pinning left and right - grid.registerColumnBuilder(service.pinningColumnBuilder); - }, - - defaultGridOptions: function (gridOptions) { - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.pinning.api:GridOptions - * - * @description GridOptions for pinning feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enableRowSelection - * @propertyOf ui.grid.pinning.api:GridOptions - * @description Enable pinning for the entire grid. - * <br/>Defaults to true - */ - gridOptions.enablePinning = gridOptions.enablePinning !== false; - - }, - - pinningColumnBuilder: function (colDef, col, gridOptions) { - //default to true unless gridOptions or colDef is explicitly false - - /** - * @ngdoc object - * @name ui.grid.pinning.api:ColumnDef - * - * @description ColumnDef for pinning feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions.columnDef gridOptions.columnDefs} - */ - - /** - * @ngdoc object - * @name enablePinning - * @propertyOf ui.grid.pinning.api:ColumnDef - * @description Enable pinning for the individual column. - * <br/>Defaults to true - */ - colDef.enablePinning = colDef.enablePinning === undefined ? gridOptions.enablePinning : colDef.enablePinning; - - - /** - * @ngdoc object - * @name pinnedLeft - * @propertyOf ui.grid.pinning.api:ColumnDef - * @description Column is pinned left when grid is rendered - * <br/>Defaults to false - */ - - /** - * @ngdoc object - * @name pinnedRight - * @propertyOf ui.grid.pinning.api:ColumnDef - * @description Column is pinned right when grid is rendered - * <br/>Defaults to false - */ - if (colDef.pinnedLeft) { - col.renderContainer = 'left'; - col.grid.createLeftContainer(); - } - else if (colDef.pinnedRight) { - col.renderContainer = 'right'; - col.grid.createRightContainer(); - } - - if (!colDef.enablePinning) { - return; - } - - var pinColumnLeftAction = { - title: i18nService.get().pinning.pinLeft, - icon: 'ui-grid-icon-left-open', - shown: function () { - return typeof(this.context.col.renderContainer) === 'undefined' || !this.context.col.renderContainer || this.context.col.renderContainer !== 'left'; - }, - action: function () { - this.context.col.renderContainer = 'left'; - this.context.col.grid.createLeftContainer(); - - // Need to call refresh twice; once to move our column over to the new render container and then - // a second time to update the grid viewport dimensions with our adjustments - col.grid.refresh() - .then(function () { - col.grid.refresh(); - }); - } - }; - - var pinColumnRightAction = { - title: i18nService.get().pinning.pinRight, - icon: 'ui-grid-icon-right-open', - shown: function () { - return typeof(this.context.col.renderContainer) === 'undefined' || !this.context.col.renderContainer || this.context.col.renderContainer !== 'right'; - }, - action: function () { - this.context.col.renderContainer = 'right'; - this.context.col.grid.createRightContainer(); - - - // Need to call refresh twice; once to move our column over to the new render container and then - // a second time to update the grid viewport dimensions with our adjustments - col.grid.refresh() - .then(function () { - col.grid.refresh(); - }); - } - }; - - var removePinAction = { - title: i18nService.get().pinning.unpin, - icon: 'ui-grid-icon-cancel', - shown: function () { - return typeof(this.context.col.renderContainer) !== 'undefined' && this.context.col.renderContainer !== null && this.context.col.renderContainer !== 'body'; - }, - action: function () { - this.context.col.renderContainer = null; - - // Need to call refresh twice; once to move our column over to the new render container and then - // a second time to update the grid viewport dimensions with our adjustments - col.grid.refresh() - .then(function () { - col.grid.refresh(); - }); - } - }; - - col.menuItems.push(pinColumnLeftAction); - col.menuItems.push(pinColumnRightAction); - col.menuItems.push(removePinAction); - } - }; - - return service; - }]); - - module.directive('uiGridPinning', ['$log', 'uiGridPinningService', - function ($log, uiGridPinningService) { - return { - require: 'uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridPinningService.initializeGrid(uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - -})(); -(function(){ - 'use strict'; - - var module = angular.module('ui.grid.resizeColumns', ['ui.grid']); - - module.constant('columnBounds', { - minWidth: 35 - }); - - - module.service('uiGridResizeColumnsService', ['$log','$q', - function ($log,$q) { - - var service = { - defaultGridOptions: function(gridOptions){ - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.resizeColumns.api:GridOptions - * - * @description GridOptions for resizeColumns feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enableColumnResizing - * @propertyOf ui.grid.resizeColumns.api:GridOptions - * @description Enable column resizing on the entire grid - * <br/>Defaults to true - */ - gridOptions.enableColumnResizing = gridOptions.enableColumnResizing !== false; - - //legacy support - //use old name if it is explicitly false - if (gridOptions.enableColumnResize === false){ - gridOptions.enableColumnResizing = false; - } - }, - - colResizerColumnBuilder: function (colDef, col, gridOptions) { - - var promises = []; - /** - * @ngdoc object - * @name ui.grid.resizeColumns.api:ColumnDef - * - * @description ColumnDef for resizeColumns feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions.columnDef gridOptions.columnDefs} - */ - - /** - * @ngdoc object - * @name enableColumnResizing - * @propertyOf ui.grid.resizeColumns.api:ColumnDef - * @description Enable column resizing on an individual column - * <br/>Defaults to GridOptions.enableColumnResizing - */ - //default to true unless gridOptions or colDef is explicitly false - colDef.enableColumnResizing = colDef.enableColumnResizing === undefined ? gridOptions.enableColumnResizing : colDef.enableColumnResizing; - - - //legacy support of old option name - if (colDef.enableColumnResize === false){ - colDef.enableColumnResizing = false; - } - - return $q.all(promises); - } - }; - - return service; - - }]); - - - /** - * @ngdoc directive - * @name ui.grid.resizeColumns.directive:uiGridResizeColumns - * @element div - * @restrict A - * @description - * Enables resizing for all columns on the grid. If, for some reason, you want to use the ui-grid-resize-columns directive, but not allow column resizing, you can explicitly set the - * option to false. This prevents resizing for the entire grid, regardless of individual columnDef options. - * - * @example - <doc:example module="app"> - <doc:source> - <script> - var app = angular.module('app', ['ui.grid', 'ui.grid.resizeColumns']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.gridOpts = { - data: [ - { "name": "Ethel Price", "gender": "female", "company": "Enersol" }, - { "name": "Claudine Neal", "gender": "female", "company": "Sealoud" }, - { "name": "Beryl Rice", "gender": "female", "company": "Velity" }, - { "name": "Wilder Gonzales", "gender": "male", "company": "Geekko" } - ] - }; - }]); - </script> - - <div ng-controller="MainCtrl"> - <div class="testGrid" ui-grid="gridOpts" ui-grid-resize-columns ></div> - </div> - </doc:source> - <doc:scenario> - - </doc:scenario> - </doc:example> - */ - module.directive('uiGridResizeColumns', ['$log', 'uiGridResizeColumnsService', function ($log, uiGridResizeColumnsService) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - - uiGridResizeColumnsService.defaultGridOptions(uiGridCtrl.grid.options); - uiGridCtrl.grid.registerColumnBuilder( uiGridResizeColumnsService.colResizerColumnBuilder); - - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - // Extend the uiGridHeaderCell directive - module.directive('uiGridHeaderCell', ['$log', '$templateCache', '$compile', '$q', function ($log, $templateCache, $compile, $q) { - return { - // Run after the original uiGridHeaderCell - priority: -10, - require: '^uiGrid', - // scope: false, - compile: function() { - return { - post: function ($scope, $elm, $attrs, uiGridCtrl) { - if (uiGridCtrl.grid.options.enableColumnResizing) { - var renderIndexDefer = $q.defer(); - - $attrs.$observe('renderIndex', function (n, o) { - $scope.renderIndex = $scope.$eval(n); - - renderIndexDefer.resolve(); - }); - - renderIndexDefer.promise.then(function() { - var columnResizerElm = $templateCache.get('ui-grid/columnResizer'); - - var resizerLeft = angular.element(columnResizerElm).clone(); - var resizerRight = angular.element(columnResizerElm).clone(); - - resizerLeft.attr('position', 'left'); - resizerRight.attr('position', 'right'); - - var col = $scope.col; - var renderContainer = col.getRenderContainer(); - - - // Get the column to the left of this one - var otherCol = renderContainer.renderedColumns[$scope.renderIndex - 1]; - - // Don't append the left resizer if this is the first column or the column to the left of this one has resizing disabled - if (otherCol && $scope.col.index !== 0 && otherCol.colDef.enableColumnResizing !== false) { - $elm.prepend(resizerLeft); - } - - // Don't append the right resizer if this column has resizing disabled - //if ($scope.col.index !== $scope.grid.renderedColumns.length - 1 && $scope.col.colDef.enableColumnResizing !== false) { - if ($scope.col.colDef.enableColumnResizing !== false) { - $elm.append(resizerRight); - } - - $compile(resizerLeft)($scope); - $compile(resizerRight)($scope); - }); - } - } - }; - } - }; - }]); - - - - /** - * @ngdoc directive - * @name ui.grid.resizeColumns.directive:uiGridColumnResizer - * @element div - * @restrict A - * - * @description - * Draggable handle that controls column resizing. - * - * @example - <doc:example module="app"> - <doc:source> - <script> - var app = angular.module('app', ['ui.grid', 'ui.grid.resizeColumns']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.gridOpts = { - enableColumnResizing: true, - data: [ - { "name": "Ethel Price", "gender": "female", "company": "Enersol" }, - { "name": "Claudine Neal", "gender": "female", "company": "Sealoud" }, - { "name": "Beryl Rice", "gender": "female", "company": "Velity" }, - { "name": "Wilder Gonzales", "gender": "male", "company": "Geekko" } - ] - }; - }]); - </script> - - <div ng-controller="MainCtrl"> - <div class="testGrid" ui-grid="gridOpts"></div> - </div> - </doc:source> - <doc:scenario> - // TODO: e2e specs? - // TODO: Obey minWidth and maxWIdth; - - // TODO: post-resize a horizontal scroll event should be fired - </doc:scenario> - </doc:example> - */ - module.directive('uiGridColumnResizer', ['$log', '$document', 'gridUtil', 'uiGridConstants', 'columnBounds', function ($log, $document, gridUtil, uiGridConstants, columnBounds) { - var resizeOverlay = angular.element('<div class="ui-grid-resize-overlay"></div>'); - - var resizer = { - priority: 0, - scope: { - col: '=', - position: '@', - renderIndex: '=' - }, - require: '?^uiGrid', - link: function ($scope, $elm, $attrs, uiGridCtrl) { - var startX = 0, - x = 0, - gridLeft = 0; - - if ($scope.position === 'left') { - $elm.addClass('left'); - } - else if ($scope.position === 'right') { - $elm.addClass('right'); - } - - // Resize all the other columns around col - function resizeAroundColumn(col) { - // Get this column's render container - var renderContainer = col.getRenderContainer(); - - renderContainer.visibleColumnCache.forEach(function (column) { - // Skip the column we just resized - if (column.index === col.index) { return; } - - var colDef = column.colDef; - if (!colDef.width || (angular.isString(colDef.width) && (colDef.width.indexOf('*') !== -1 || colDef.width.indexOf('%') !== -1))) { - colDef.width = column.drawnWidth; - } - }); - } - - // Build the columns then refresh the grid canvas - // takes an argument representing the diff along the X-axis that the resize had - function buildColumnsAndRefresh(xDiff) { - // Build the columns - uiGridCtrl.grid.buildColumns() - .then(function() { - // Then refresh the grid canvas, rebuilding the styles so that the scrollbar updates its size - uiGridCtrl.grid.refreshCanvas(true); - }); - } - - function mousemove(event, args) { - if (event.originalEvent) { event = event.originalEvent; } - event.preventDefault(); - - x = event.clientX - gridLeft; - - if (x < 0) { x = 0; } - else if (x > uiGridCtrl.grid.gridWidth) { x = uiGridCtrl.grid.gridWidth; } - - // The other column to resize (the one next to this one) - var col = $scope.col; - var renderContainer = col.getRenderContainer(); - var otherCol; - if ($scope.position === 'left') { - // Get the column to the left of this one - col = renderContainer.renderedColumns[$scope.renderIndex - 1]; - otherCol = $scope.col; - } - else if ($scope.position === 'right') { - otherCol = renderContainer.renderedColumns[$scope.renderIndex + 1]; - } - - // Don't resize if it's disabled on this column - if (col.colDef.enableColumnResizing === false) { - return; - } - - if (!uiGridCtrl.grid.element.hasClass('column-resizing')) { - uiGridCtrl.grid.element.addClass('column-resizing'); - } - - // Get the diff along the X axis - var xDiff = x - startX; - - // Get the width that this mouse would give the column - var newWidth = col.drawnWidth + xDiff; - - // If the new width would be less than the column's allowably minimum width, don't allow it - if (col.colDef.minWidth && newWidth < col.colDef.minWidth) { - x = x + (col.colDef.minWidth - newWidth); - } - else if (!col.colDef.minWidth && columnBounds.minWidth && newWidth < columnBounds.minWidth) { - x = x + (col.colDef.minWidth - newWidth); - } - else if (col.colDef.maxWidth && newWidth > col.colDef.maxWidth) { - x = x + (col.colDef.maxWidth - newWidth); - } - - resizeOverlay.css({ left: x + 'px' }); - - uiGridCtrl.fireEvent(uiGridConstants.events.ITEM_DRAGGING); - } - - function mouseup(event, args) { - if (event.originalEvent) { event = event.originalEvent; } - event.preventDefault(); - - uiGridCtrl.grid.element.removeClass('column-resizing'); - - resizeOverlay.remove(); - - // Resize the column - x = event.clientX - gridLeft; - var xDiff = x - startX; - - if (xDiff === 0) { - $document.off('mouseup', mouseup); - $document.off('mousemove', mousemove); - return; - } - - // The other column to resize (the one next to this one) - var col = $scope.col; - var renderContainer = col.getRenderContainer(); - - var otherCol; - if ($scope.position === 'left') { - // Get the column to the left of this one - col = renderContainer.renderedColumns[$scope.renderIndex - 1]; - otherCol = $scope.col; - } - else if ($scope.position === 'right') { - otherCol = renderContainer.renderedColumns[$scope.renderIndex + 1]; - } - - // Don't resize if it's disabled on this column - if (col.colDef.enableColumnResizing === false) { - return; - } - - // Get the new width - var newWidth = col.drawnWidth + xDiff; - - // If the new width is less than the minimum width, make it the minimum width - if (col.colDef.minWidth && newWidth < col.colDef.minWidth) { - newWidth = col.colDef.minWidth; - } - else if (!col.colDef.minWidth && columnBounds.minWidth && newWidth < columnBounds.minWidth) { - newWidth = columnBounds.minWidth; - } - // - if (col.colDef.maxWidth && newWidth > col.colDef.maxWidth) { - newWidth = col.colDef.maxWidth; - } - - col.colDef.width = newWidth; - - // All other columns because fixed to their drawn width, if they aren't already - resizeAroundColumn(col); - - buildColumnsAndRefresh(xDiff); - - $document.off('mouseup', mouseup); - $document.off('mousemove', mousemove); - } - - $elm.on('mousedown', function(event, args) { - if (event.originalEvent) { event = event.originalEvent; } - event.stopPropagation(); - - // Get the left offset of the grid - // gridLeft = uiGridCtrl.grid.element[0].offsetLeft; - gridLeft = uiGridCtrl.grid.element[0].getBoundingClientRect().left; - - // Get the starting X position, which is the X coordinate of the click minus the grid's offset - startX = event.clientX - gridLeft; - - // Append the resizer overlay - uiGridCtrl.grid.element.append(resizeOverlay); - - // Place the resizer overlay at the start position - resizeOverlay.css({ left: startX }); - - // Add handlers for mouse move and up events - $document.on('mouseup', mouseup); - $document.on('mousemove', mousemove); - }); - - // On doubleclick, resize to fit all rendered cells - $elm.on('dblclick', function(event, args) { - event.stopPropagation(); - - var col = $scope.col; - var renderContainer = col.getRenderContainer(); - - var otherCol, multiplier; - - // If we're the left-positioned resizer then we need to resize the column to the left of our column, and not our column itself - if ($scope.position === 'left') { - col = renderContainer.renderedColumns[$scope.renderIndex - 1]; - otherCol = $scope.col; - multiplier = 1; - } - else if ($scope.position === 'right') { - otherCol = renderContainer.renderedColumns[$scope.renderIndex + 1]; - otherCol = renderContainer.renderedColumns[$scope.renderIndex + 1]; - multiplier = -1; - } - - // Go through the rendered rows and find out the max size for the data in this column - var maxWidth = 0; - var xDiff = 0; - - // Get the parent render container element - var renderContainerElm = gridUtil.closestElm($elm, '.ui-grid-render-container'); - - // Get the cell contents so we measure correctly. For the header cell we have to account for the sort icon and the menu buttons, if present - var cells = renderContainerElm.querySelectorAll('.' + uiGridConstants.COL_CLASS_PREFIX + col.index + ' .ui-grid-cell-contents'); - Array.prototype.forEach.call(cells, function (cell) { - // Get the cell width - // $log.debug('width', gridUtil.elementWidth(cell)); - - // Account for the menu button if it exists - var menuButton; - if (angular.element(cell).parent().hasClass('ui-grid-header-cell')) { - menuButton = angular.element(cell).parent()[0].querySelectorAll('.ui-grid-column-menu-button'); - } - - gridUtil.fakeElement(cell, {}, function(newElm) { - // Make the element float since it's a div and can expand to fill its container - var e = angular.element(newElm); - e.attr('style', 'float: left'); - - var width = gridUtil.elementWidth(e); - - if (menuButton) { - var menuButtonWidth = gridUtil.elementWidth(menuButton); - width = width + menuButtonWidth; - } - - if (width > maxWidth) { - maxWidth = width; - xDiff = maxWidth - width; - } - }); - }); - - // If the new width is less than the minimum width, make it the minimum width - if (col.colDef.minWidth && maxWidth < col.colDef.minWidth) { - maxWidth = col.colDef.minWidth; - } - else if (!col.colDef.minWidth && columnBounds.minWidth && maxWidth < columnBounds.minWidth) { - maxWidth = columnBounds.minWidth; - } - // - if (col.colDef.maxWidth && maxWidth > col.colDef.maxWidth) { - maxWidth = col.colDef.maxWidth; - } - - col.colDef.width = maxWidth; - - // All other columns because fixed to their drawn width, if they aren't already - resizeAroundColumn(col); - - buildColumnsAndRefresh(xDiff); - }); - - $elm.on('$destroy', function() { - $elm.off('mousedown'); - $elm.off('dblclick'); - $document.off('mousemove', mousemove); - $document.off('mouseup', mouseup); - }); - } - }; - - return resizer; - }]); - -})(); -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.rowEdit - * @description - * - * # ui.grid.rowEdit - * This module extends the edit feature to provide tracking and saving of rows - * of data. The tutorial provides more information on how this feature is best - * used {@link tutorial/205_row_editable here}. - * <br/> - * This feature depends on usage of the ui-grid-edit feature, and also benefits - * from use of ui-grid-cellNav to provide the full spreadsheet-like editing - * experience - * - */ - - var module = angular.module('ui.grid.rowEdit', ['ui.grid', 'ui.grid.edit', 'ui.grid.cellNav']); - - /** - * @ngdoc object - * @name ui.grid.rowEdit.constant:uiGridRowEditConstants - * - * @description constants available in row edit module - */ - module.constant('uiGridRowEditConstants', { - }); - - /** - * @ngdoc service - * @name ui.grid.rowEdit.service:uiGridRowEditService - * - * @description Services for row editing features - */ - module.service('uiGridRowEditService', ['$interval', '$log', '$q', 'uiGridConstants', 'uiGridRowEditConstants', 'gridUtil', - function ($interval, $log, $q, uiGridConstants, uiGridRowEditConstants, gridUtil) { - - var service = { - - initializeGrid: function (scope, grid) { - /** - * @ngdoc object - * @name ui.grid.rowEdit.api:PublicApi - * - * @description Public Api for rowEdit feature - */ - var publicApi = { - events: { - rowEdit: { - /** - * @ngdoc event - * @eventOf ui.grid.rowEdit.api:PublicApi - * @name saveRow - * @description raised when a row is ready for saving. Once your - * row has saved you may need to use angular.extend to update the - * data entity with any changed data from your save (for example, - * lock version information if you're using optimistic locking, - * or last update time/user information). - * - * Your method should call setSavePromise somewhere in the body before - * returning control. The feature will then wait, with the gridRow greyed out - * whilst this promise is being resolved. - * - * <pre> - * gridApi.rowEdit.on.saveRow(scope,function(rowEntity){}) - * </pre> - * and somewhere within the event handler: - * <pre> - * gridApi.rowEdit.setSavePromise( grid, rowEntity, savePromise) - * </pre> - * @param {object} rowEntity the options.data element that was edited - * @returns {promise} Your saveRow method should return a promise, the - * promise should either be resolved (implying successful save), or - * rejected (implying an error). - */ - saveRow: function (rowEntity) { - } - } - }, - methods: { - rowEdit: { - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name setSavePromise - * @description Sets the promise associated with the row save, mandatory that - * the saveRow event handler calls this method somewhere before returning. - * <pre> - * gridApi.rowEdit.setSavePromise(grid, rowEntity) - * </pre> - * @param {object} grid the grid for which dirty rows should be returned - * @param {object} rowEntity a data row from the grid for which a save has - * been initiated - * @param {promise} savePromise the promise that will be resolved when the - * save is successful, or rejected if the save fails - * - */ - setSavePromise: function (grid, rowEntity, savePromise) { - service.setSavePromise(grid, rowEntity, savePromise); - }, - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name getDirtyRows - * @description Returns all currently dirty rows - * <pre> - * gridApi.rowEdit.getDirtyRows(grid) - * </pre> - * @param {object} grid the grid for which dirty rows should be returned - * @returns {array} An array of gridRows that are currently dirty - * - */ - getDirtyRows: function (grid) { - return grid.rowEditDirtyRows; - }, - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name getErrorRows - * @description Returns all currently errored rows - * <pre> - * gridApi.rowEdit.getErrorRows(grid) - * </pre> - * @param {object} grid the grid for which errored rows should be returned - * @returns {array} An array of gridRows that are currently in error - * - */ - getErrorRows: function (grid) { - return grid.rowEditErrorRows; - }, - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name flushDirtyRows - * @description Triggers a save event for all currently dirty rows, could - * be used where user presses a save button or navigates away from the page - * <pre> - * gridApi.rowEdit.flushDirtyRows(grid) - * </pre> - * @param {object} grid the grid for which dirty rows should be flushed - * @returns {promise} a promise that represents the aggregate of all - * of the individual save promises - i.e. it will be resolved when all - * the individual save promises have been resolved. - * - */ - flushDirtyRows: function (grid) { - return service.flushDirtyRows(grid); - } - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - grid.api.registerMethodsFromObject(publicApi.methods); - - grid.api.core.on.renderingComplete( scope, function ( gridApi ) { - grid.api.edit.on.afterCellEdit( scope, service.endEditCell ); - grid.api.edit.on.beginCellEdit( scope, service.beginEditCell ); - grid.api.edit.on.cancelCellEdit( scope, service.cancelEditCell ); - - if ( grid.api.cellNav ) { - grid.api.cellNav.on.navigate( scope, service.navigate ); - } - }); - - }, - - defaultGridOptions: function (gridOptions) { - - /** - * @ngdoc object - * @name ui.grid.rowEdit.api:GridOptions - * - * @description Options for configuring the rowEdit feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name saveRow - * @description Returns a function that saves the specified row from the grid, - * and returns a promise - * @param {object} grid the grid for which dirty rows should be flushed - * @param {GridRow} gridRow the row that should be saved - * @returns {function} the saveRow function returns a function. That function - * in turn, when called, returns a promise relating to the save callback - */ - saveRow: function ( grid, gridRow ) { - var self = this; - - return function() { - gridRow.isSaving = true; - - var promise = grid.api.rowEdit.raise.saveRow( gridRow.entity ); - - if ( gridRow.rowEditSavePromise ){ - gridRow.rowEditSavePromise.then( self.processSuccessPromise( grid, gridRow ), self.processErrorPromise( grid, gridRow )); - } else { - $log.log( 'A promise was not returned when saveRow event was raised, either nobody is listening to event, or event handler did not return a promise' ); - } - return promise; - }; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name setSavePromise - * @description Sets the promise associated with the row save, mandatory that - * the saveRow event handler calls this method somewhere before returning. - * <pre> - * gridApi.rowEdit.setSavePromise(grid, rowEntity) - * </pre> - * @param {object} grid the grid for which dirty rows should be returned - * @param {object} rowEntity a data row from the grid for which a save has - * been initiated - * @param {promise} savePromise the promise that will be resolved when the - * save is successful, or rejected if the save fails - * - */ - setSavePromise: function (grid, rowEntity, savePromise) { - var gridRow = grid.getRow( rowEntity ); - gridRow.rowEditSavePromise = savePromise; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name processSuccessPromise - * @description Returns a function that processes the successful - * resolution of a save promise - * @param {object} grid the grid for which the promise should be processed - * @param {GridRow} gridRow the row that has been saved - * @returns {function} the success handling function - */ - processSuccessPromise: function ( grid, gridRow ) { - var self = this; - - return function() { - delete gridRow.isSaving; - delete gridRow.isDirty; - delete gridRow.isError; - delete gridRow.rowEditSaveTimer; - self.removeRow( grid.rowEditErrorRows, gridRow ); - self.removeRow( grid.rowEditDirtyRows, gridRow ); - }; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name processErrorPromise - * @description Returns a function that processes the failed - * resolution of a save promise - * @param {object} grid the grid for which the promise should be processed - * @param {GridRow} gridRow the row that is now in error - * @returns {function} the error handling function - */ - processErrorPromise: function ( grid, gridRow ) { - return function() { - delete gridRow.isSaving; - delete gridRow.rowEditSaveTimer; - - gridRow.isError = true; - - if (!grid.rowEditErrorRows){ - grid.rowEditErrorRows = []; - } - grid.rowEditErrorRows.push( gridRow ); - }; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name removeRow - * @description Removes a row from a cache of rows - either - * grid.rowEditErrorRows or grid.rowEditDirtyRows. If the row - * is not present silently does nothing. - * @param {array} rowArray the array from which to remove the row - * @param {GridRow} gridRow the row that should be removed - */ - removeRow: function( rowArray, removeGridRow ){ - angular.forEach( rowArray, function( gridRow, index ){ - if ( gridRow.uid === removeGridRow.uid ){ - rowArray.splice( index, 1); - } - }); - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name flushDirtyRows - * @description Triggers a save event for all currently dirty rows, could - * be used where user presses a save button or navigates away from the page - * <pre> - * gridApi.rowEdit.flushDirtyRows(grid) - * </pre> - * @param {object} grid the grid for which dirty rows should be flushed - * @returns {promise} a promise that represents the aggregate of all - * of the individual save promises - i.e. it will be resolved when all - * the individual save promises have been resolved. - * - */ - flushDirtyRows: function(grid){ - var promises = []; - angular.forEach(grid.rowEditDirtyRows, function( gridRow ){ - service.saveRow( grid, gridRow )(); - promises.push( gridRow.rowEditSavePromise ); - }); - - return $q.all( promises ); - }, - - - /** - * @ngdoc property - * @propertyOf ui.grid.rowEdit.api:GridOptions - * @name rowEditWaitInterval - * @description How long the grid should wait for another change on this row - * before triggering a save (in milliseconds) - * - * @example - * Setting the wait interval to 4 seconds - * <pre> - * $scope.gridOptions = { rowEditWaitInterval: 4000 } - * </pre> - * - */ - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name endEditCell - * @description Receives an afterCellEdit event from the edit function, - * and sets flags as appropriate. Only the rowEntity parameter - * is processed, although other params are available. Grid - * is automatically provided by the gridApi. - * @param {object} rowEntity the data entity for which the cell - * was edited - */ - endEditCell: function( rowEntity, colDef, newValue, previousValue ){ - var grid = this.grid; - var gridRow = grid.getRow( rowEntity ); - if ( !gridRow ){ $log.log( 'Unable to find rowEntity in grid data, dirty flag cannot be set' ); return; } - - if ( newValue !== previousValue || gridRow.isDirty ){ - if ( !grid.rowEditDirtyRows ){ - grid.rowEditDirtyRows = []; - } - - if ( !gridRow.isDirty ){ - gridRow.isDirty = true; - grid.rowEditDirtyRows.push( gridRow ); - } - - delete gridRow.isError; - - service.considerSetTimer( grid, gridRow ); - } - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name beginEditCell - * @description Receives a beginCellEdit event from the edit function, - * and cancels any rowEditSaveTimers if present, as the user is still editing - * this row. Only the rowEntity parameter - * is processed, although other params are available. Grid - * is automatically provided by the gridApi. - * @param {object} rowEntity the data entity for which the cell - * editing has commenced - */ - beginEditCell: function( rowEntity, colDef ){ - var grid = this.grid; - var gridRow = grid.getRow( rowEntity ); - if ( !gridRow ){ $log.log( 'Unable to find rowEntity in grid data, timer cannot be cancelled' ); return; } - - service.cancelTimer( grid, gridRow ); - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name cancelEditCell - * @description Receives a cancelCellEdit event from the edit function, - * and if the row was already dirty, restarts the save timer. If the row - * was not already dirty, then it's not dirty now either and does nothing. - * - * Only the rowEntity parameter - * is processed, although other params are available. Grid - * is automatically provided by the gridApi. - * - * @param {object} rowEntity the data entity for which the cell - * editing was cancelled - */ - cancelEditCell: function( rowEntity, colDef ){ - var grid = this.grid; - var gridRow = grid.getRow( rowEntity ); - if ( !gridRow ){ $log.log( 'Unable to find rowEntity in grid data, timer cannot be set' ); return; } - - service.considerSetTimer( grid, gridRow ); - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name navigate - * @description cellNav tells us that the selected cell has changed. If - * the new row had a timer running, then stop it similar to in a beginCellEdit - * call. If the old row is dirty and not the same as the new row, then - * start a timer on it. - * @param {object} newRowCol the row and column that were selected - * @param {object} oldRowCol the row and column that was left - * - */ - navigate: function( newRowCol, oldRowCol ){ - var grid = this.grid; - if ( newRowCol.row.rowEditSaveTimer ){ - service.cancelTimer( grid, newRowCol.row ); - } - - if ( oldRowCol && oldRowCol.row && oldRowCol.row !== newRowCol.row ){ - service.considerSetTimer( grid, oldRowCol.row ); - } - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name considerSetTimer - * @description Consider setting a timer on this row (if it is dirty). if there is a timer running - * on the row and the row isn't currently saving, cancel it, using cancelTimer, then if the row is - * dirty and not currently saving then set a new timer - * @param {object} grid the grid for which we are processing - * @param {GridRow} gridRow the row for which the timer should be adjusted - * - */ - considerSetTimer: function( grid, gridRow ){ - service.cancelTimer( grid, gridRow ); - - if ( gridRow.isDirty && !gridRow.isSaving ){ - var waitTime = grid.options.rowEditWaitInterval ? grid.options.rowEditWaitInterval : 2000; - gridRow.rowEditSaveTimer = $interval( service.saveRow( grid, gridRow ), waitTime, 1); - } - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name cancelTimer - * @description cancel the $interval for any timer running on this row - * then delete the timer itself - * @param {object} grid the grid for which we are processing - * @param {GridRow} gridRow the row for which the timer should be adjusted - * - */ - cancelTimer: function( grid, gridRow ){ - if ( gridRow.rowEditSaveTimer && !gridRow.isSaving ){ - $interval.cancel(gridRow.rowEditSaveTimer); - delete gridRow.rowEditSaveTimer; - } - } - }; - - return service; - - }]); - - /** - * @ngdoc directive - * @name ui.grid.rowEdit.directive:uiGridEdit - * @element div - * @restrict A - * - * @description Adds row editing features to the ui-grid-edit directive. - * - */ - module.directive('uiGridRowEdit', ['$log', 'uiGridRowEditService', 'uiGridEditConstants', - function ($log, uiGridRowEditService, uiGridEditConstants) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridRowEditService.initializeGrid($scope, uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - - /** - * @ngdoc directive - * @name ui.grid.rowEdit.directive:uiGridViewport - * @element div - * - * @description Stacks on top of ui.grid.uiGridViewport to alter the attributes used - * for the grid row to allow coloring of saving and error rows - */ - module.directive('uiGridViewport', - ['$compile', 'uiGridConstants', '$log', '$parse', - function ($compile, uiGridConstants, $log, $parse) { - return { - priority: -200, // run after default directive - scope: false, - compile: function ($elm, $attrs) { - var rowRepeatDiv = angular.element($elm.children().children()[0]); - rowRepeatDiv.attr("ng-class", "{'ui-grid-row-saving': row.isSaving, 'ui-grid-row-error': row.isError}"); - return { - pre: function ($scope, $elm, $attrs, controllers) { - - }, - post: function ($scope, $elm, $attrs, controllers) { - } - }; - } - }; - }]); - -})(); - -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.selection - * @description - * - * # ui.grid.selection - * This module provides row selection - * <br/> - * <br/> - * - * <div doc-module-components="ui.grid.selection"></div> - */ - - var module = angular.module('ui.grid.selection', ['ui.grid']); - - /** - * @ngdoc object - * @name ui.grid.selection.constant:uiGridSelectionConstants - * - * @description constants available in selection module - */ - module.constant('uiGridSelectionConstants', { - featureName: "selection" - }); - - /** - * @ngdoc service - * @name ui.grid.selection.service:uiGridSelectionService - * - * @description Services for selection features - */ - module.service('uiGridSelectionService', ['$log', '$q', '$templateCache', 'uiGridSelectionConstants', 'gridUtil', - function ($log, $q, $templateCache, uiGridSelectionConstants, gridUtil) { - - var service = { - - initializeGrid: function (grid) { - - //add feature namespace and any properties to grid for needed state - grid.selection = {}; - grid.selection.lastSelectedRow = null; - - service.defaultGridOptions(grid.options); - - /** - * @ngdoc object - * @name ui.grid.selection.api:PublicApi - * - * @description Public Api for selection feature - */ - var publicApi = { - events: { - selection: { - /** - * @ngdoc event - * @name rowSelectionChanged - * @eventOf ui.grid.selection.api:PublicApi - * @description is raised after the row.isSelected state is changed - * @param {GridRow} row the row that was selected/deselected - */ - rowSelectionChanged: function (scope, row) { - } - } - }, - methods: { - selection: { - /** - * @ngdoc function - * @name toggleRowSelection - * @methodOf ui.grid.selection.api:PublicApi - * @description Toggles data row as selected or unselected - * @param {object} rowEntity gridOptions.data[] array instance - */ - toggleRowSelection: function (rowEntity) { - var row = grid.getRow(rowEntity); - if (row !== null) { - service.toggleRowSelection(grid, row, grid.options.multiSelect); - } - }, - /** - * @ngdoc function - * @name selectRow - * @methodOf ui.grid.selection.api:PublicApi - * @description Select the data row - * @param {object} rowEntity gridOptions.data[] array instance - */ - selectRow: function (rowEntity) { - var row = grid.getRow(rowEntity); - if (row !== null && !row.isSelected) { - service.toggleRowSelection(grid, row, grid.options.multiSelect); - } - }, - /** - * @ngdoc function - * @name unSelectRow - * @methodOf ui.grid.selection.api:PublicApi - * @description UnSelect the data row - * @param {object} rowEntity gridOptions.data[] array instance - */ - unSelectRow: function (rowEntity) { - var row = grid.getRow(rowEntity); - if (row !== null && row.isSelected) { - service.toggleRowSelection(grid, row, grid.options.multiSelect); - } - }, - /** - * @ngdoc function - * @name selectAllRows - * @methodOf ui.grid.selection.api:PublicApi - * @description Selects all rows. Does nothing if multiSelect = false - */ - selectAllRows: function () { - if (grid.options.multiSelect === false) { - return; - } - - grid.rows.forEach(function (row) { - row.isSelected = true; - }); - }, - /** - * @ngdoc function - * @name selectAllVisibleRows - * @methodOf ui.grid.selection.api:PublicApi - * @description Selects all visible rows. Does nothing if multiSelect = false - */ - selectAllVisibleRows: function () { - if (grid.options.multiSelect === false) { - return; - } - - grid.rows.forEach(function (row) { - if (row.visible) { - row.isSelected = true; - } else { - row.isSelected = false; - } - }); - }, - /** - * @ngdoc function - * @name clearSelectedRows - * @methodOf ui.grid.selection.api:PublicApi - * @description Unselects all rows - */ - clearSelectedRows: function () { - service.clearSelectedRows(grid); - }, - /** - * @ngdoc function - * @name getSelectedRows - * @methodOf ui.grid.selection.api:PublicApi - * @description returns all selectedRow's entity references - */ - getSelectedRows: function () { - return service.getSelectedRows(grid).map(function (gridRow) { - return gridRow.entity; - }); - }, - /** - * @ngdoc function - * @name getSelectedGridRows - * @methodOf ui.grid.selection.api:PublicApi - * @description returns all selectedRow's as gridRows - */ - getSelectedGridRows: function () { - return service.getSelectedRows(grid); - }, - /** - * @ngdoc function - * @name setMultiSelect - * @methodOf ui.grid.selection.api:PublicApi - * @description Sets the current gridOption.multiSelect to true or false - * @param {bool} multiSelect true to allow multiple rows - */ - setMultiSelect: function (multiSelect) { - grid.options.multiSelect = multiSelect; - } - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - - grid.api.registerMethodsFromObject(publicApi.methods); - - }, - - defaultGridOptions: function (gridOptions) { - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.selection.api:GridOptions - * - * @description GridOptions for selection feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enableRowSelection - * @propertyOf ui.grid.selection.api:GridOptions - * @description Enable row selection for entire grid. - * <br/>Defaults to true - */ - gridOptions.enableRowSelection = gridOptions.enableRowSelection !== false; - /** - * @ngdoc object - * @name multiSelect - * @propertyOf ui.grid.selection.api:GridOptions - * @description Enable multiple row selection for entire grid - * <br/>Defaults to true - */ - gridOptions.multiSelect = gridOptions.multiSelect !== false; - /** - * @ngdoc object - * @name enableRowHeaderSelection - * @propertyOf ui.grid.selection.api:GridOptions - * @description Enable a row header to be used for selection - * <br/>Defaults to true - */ - gridOptions.enableRowHeaderSelection = gridOptions.enableRowHeaderSelection !== false; - }, - - /** - * @ngdoc function - * @name toggleRowSelection - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description Toggles row as selected or unselected - * @param {Grid} grid grid object - * @param {GridRow} row row to select or deselect - * @param {bool} multiSelect if false, only one row at time can be selected - */ - toggleRowSelection: function (grid, row, multiSelect) { - var selected = row.isSelected; - if (!multiSelect && !selected) { - service.clearSelectedRows(grid); - } - row.isSelected = !selected; - if (row.isSelected === true) { - grid.selection.lastSelectedRow = row; - } - grid.api.selection.raise.rowSelectionChanged(row); - }, - /** - * @ngdoc function - * @name shiftSelect - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description selects a group of rows from the last selected row using the shift key - * @param {Grid} grid grid object - * @param {GridRow} clicked row - * @param {bool} multiSelect if false, does nothing this is for multiSelect only - */ - shiftSelect: function (grid, row, multiSelect) { - if (!multiSelect) { - return; - } - var selectedRows = service.getSelectedRows(grid); - var fromRow = selectedRows.length > 0 ? grid.renderContainers.body.visibleRowCache.indexOf(grid.selection.lastSelectedRow) : 0; - var toRow = grid.renderContainers.body.visibleRowCache.indexOf(row); - //reverse select direction - if (fromRow > toRow) { - var tmp = fromRow; - fromRow = toRow; - toRow = tmp; - } - for (var i = fromRow; i <= toRow; i++) { - var rowToSelect = grid.renderContainers.body.visibleRowCache[i]; - if (rowToSelect) { - rowToSelect.isSelected = true; - grid.selection.lastSelectedRow = rowToSelect; - grid.api.selection.raise.rowSelectionChanged(rowToSelect); - } - } - }, - /** - * @ngdoc function - * @name getSelectedRows - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description Returns all the selected rows - * @param {Grid} grid grid object - */ - getSelectedRows: function (grid) { - return grid.rows.filter(function (row) { - return row.isSelected; - }); - }, - - /** - * @ngdoc function - * @name clearSelectedRows - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description Clears all selected rows - * @param {Grid} grid grid object - */ - clearSelectedRows: function (grid) { - service.getSelectedRows(grid).forEach(function (row) { - row.isSelected = false; - grid.api.selection.raise.rowSelectionChanged(row); - }); - } - - - }; - - return service; - - }]); - - /** - * @ngdoc directive - * @name ui.grid.selection.directive:uiGridSelection - * @element div - * @restrict A - * - * @description Adds selection features to grid - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.edit']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - - $scope.columnDefs = [ - {name: 'name', enableCellEdit: true}, - {name: 'title', enableCellEdit: true} - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-selection></div> - </div> - </file> - </example> - */ - module.directive('uiGridSelection', ['$log', 'uiGridSelectionConstants', 'uiGridSelectionService', '$templateCache', - function ($log, uiGridSelectionConstants, uiGridSelectionService, $templateCache) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridSelectionService.initializeGrid(uiGridCtrl.grid); - if (uiGridCtrl.grid.options.enableRowHeaderSelection) { - var cellTemplate = 'ui-grid/selectionRowHeader'; - var selectionRowHeaderDef = { name: 'selectionRowHeaderCol', displayName: '', width: 30, cellTemplate: cellTemplate}; - uiGridCtrl.grid.addRowHeaderColumn(selectionRowHeaderDef); - } - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - - } - }; - } - }; - }]); - - module.directive('uiGridSelectionRowHeaderButtons', ['$log', '$templateCache', 'uiGridSelectionService', - function ($log, $templateCache, uiGridSelectionService) { - return { - replace: true, - restrict: 'E', - template: $templateCache.get('ui-grid/selectionRowHeaderButtons'), - scope: true, - require: '^uiGrid', - link: function($scope, $elm, $attrs, uiGridCtrl) { - var self = uiGridCtrl.grid; - $scope.selectButtonClick = function(row, evt) { - if (evt.shiftKey) { - uiGridSelectionService.shiftSelect(self, row, self.options.multiSelect); - - } - else { - uiGridSelectionService.toggleRowSelection(self, row, self.options.multiSelect); - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.selection.directive:uiGridViewport - * @element div - * - * @description Stacks on top of ui.grid.uiGridViewport to alter the attributes used - * for the grid row - */ - module.directive('uiGridViewport', - ['$compile', 'uiGridConstants', 'uiGridSelectionConstants', '$log', '$parse', 'uiGridSelectionService', - function ($compile, uiGridConstants, uiGridSelectionConstants, $log, $parse, uiGridSelectionService) { - return { - priority: -200, // run after default directive - scope: false, - compile: function ($elm, $attrs) { - var rowRepeatDiv = angular.element($elm.children().children()[0]); - rowRepeatDiv.attr("ng-class", "{'ui-grid-row-selected': row.isSelected}"); - return { - pre: function ($scope, $elm, $attrs, controllers) { - - }, - post: function ($scope, $elm, $attrs, controllers) { - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.selection.directive:uiGridCell - * @element div - * @restrict A - * - * @description Stacks on top of ui.grid.uiGridCell to provide selection feature - */ - module.directive('uiGridCell', - ['$compile', 'uiGridConstants', 'uiGridSelectionConstants', '$log', '$parse', 'uiGridSelectionService', - function ($compile, uiGridConstants, uiGridSelectionConstants, $log, $parse, uiGridSelectionService) { - return { - priority: -200, // run after default uiGridCell directive - restrict: 'A', - scope: false, - link: function ($scope, $elm, $attrs) { - - if ($scope.grid.options.enableRowSelection && !$scope.grid.options.enableRowHeaderSelection) { - $elm.addClass('ui-grid-disable-selection'); - registerRowSelectionEvents(); - } - - function registerRowSelectionEvents() { - $elm.on('click', function (evt) { - if (evt.shiftKey) { - uiGridSelectionService.shiftSelect($scope.grid, $scope.row, $scope.grid.options.multiSelect); - - } - else { - uiGridSelectionService.toggleRowSelection($scope.grid, $scope.row, $scope.grid.options.multiSelect); - } - $scope.$apply(); - }); - } - } - }; - }]); - -})(); -angular.module('ui.grid').run(['$templateCache', function($templateCache) { - 'use strict'; - - $templateCache.put('ui-grid/ui-grid-footer', - "<div class=\"ui-grid-footer-panel\"><div ui-grid-group-panel ng-show=\"grid.options.showGroupPanel\"></div><div class=\"ui-grid-footer ui-grid-footer-viewport\"><div class=\"ui-grid-footer-canvas\"><div ng-repeat=\"col in colContainer.renderedColumns track by col.colDef.name\" ui-grid-footer-cell col=\"col\" render-index=\"$index\" class=\"ui-grid-footer-cell clearfix\" ng-style=\"$index === 0 && colContainer.columnStyle($index)\"></div></div></div></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-group-panel', - "<div class=\"ui-grid-group-panel\"><div ui-t=\"groupPanel.description\" class=\"description\" ng-show=\"groupings.length == 0\"></div><ul ng-show=\"groupings.length > 0\" class=\"ngGroupList\"><li class=\"ngGroupItem\" ng-repeat=\"group in configGroups\"><span class=\"ngGroupElement\"><span class=\"ngGroupName\">{{group.displayName}} <span ng-click=\"removeGroup($index)\" class=\"ngRemoveGroup\">x</span></span> <span ng-hide=\"$last\" class=\"ngGroupArrow\"></span></span></li></ul></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-header', - "<div class=\"ui-grid-top-panel\"><div ui-grid-group-panel ng-show=\"grid.options.showGroupPanel\"></div><div class=\"ui-grid-header ui-grid-header-viewport\"><div class=\"ui-grid-header-canvas\"><div class=\"ui-grid-header-cell clearfix\" ng-repeat=\"col in colContainer.renderedColumns track by col.colDef.name\" ui-grid-header-cell col=\"col\" render-index=\"$index\" ng-style=\"$index === 0 && colContainer.columnStyle($index)\"></div></div></div><div ui-grid-menu></div></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-no-header', - "<div class=\"ui-grid-top-panel\"></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-row', - "<div ng-repeat=\"(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name\" class=\"ui-grid-cell\" ng-class=\"{ 'ui-grid-row-header-cell': col.isRowHeader }\" ui-grid-cell></div>" - ); - - - $templateCache.put('ui-grid/ui-grid', - "<div ui-i18n=\"en\" class=\"ui-grid\"><!-- TODO (c0bra): add \"scoped\" attr here, eventually? --><style ui-grid-style>.grid{{ grid.id }} {\n" + - " /* Styles for the grid */\n" + - " }\n" + - "\n" + - " .grid{{ grid.id }} .ui-grid-row, .grid{{ grid.id }} .ui-grid-cell, .grid{{ grid.id }} .ui-grid-cell .ui-grid-vertical-bar {\n" + - " height: {{ grid.options.rowHeight }}px;\n" + - " }\n" + - "\n" + - " .grid{{ grid.id }} .ui-grid-row:last-child .ui-grid-cell {\n" + - " border-bottom-width: {{ ((grid.getTotalRowHeight() < grid.getViewportHeight()) && '1') || '0' }}px;\n" + - " }\n" + - "\n" + - " {{ grid.verticalScrollbarStyles }}\n" + - " {{ grid.horizontalScrollbarStyles }}\n" + - "\n" + - " .ui-grid[dir=rtl] .ui-grid-viewport {\n" + - " padding-left: {{ grid.verticalScrollbarWidth }}px;\n" + - " }\n" + - "\n" + - " {{ grid.customStyles }}</style><div ui-grid-render-container container-id=\"'body'\" col-container-name=\"'body'\" row-container-name=\"'body'\" bind-scroll-horizontal=\"true\" bind-scroll-vertical=\"true\" enable-scrollbars=\"grid.options.enableScrollbars\"></div><div ui-grid-column-menu ng-if=\"grid.options.enableColumnMenu\"></div><div ng-transclude></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridCell', - "<div class=\"ui-grid-cell-contents\">{{COL_FIELD CUSTOM_FILTERS}}</div>" - ); - - - $templateCache.put('ui-grid/uiGridColumnFilter', - "<li class=\"ui-grid-menu-item ui-grid-clearfix ui-grid-column-filter\" ng-show=\"itemShown()\" ng-click=\"$event.stopPropagation();\"><div class=\"input-container\"><input class=\"column-filter-input\" type=\"text\" ng-model=\"item.model\" placeholder=\"{{ i18n.search.placeholder }}\"><div class=\"column-filter-cancel-icon-container\"><i class=\"ui-grid-filter-cancel ui-grid-icon-cancel column-filter-cancel-icon\"> </i></div></div><div style=\"button-container\" ng-click=\"item.action($event)\"><div class=\"ui-grid-button\"><i class=\"ui-grid-icon-search\"> </i></div></div></li>" - ); - - - $templateCache.put('ui-grid/uiGridColumnMenu', - "<div class=\"ui-grid-column-menu\"><div ui-grid-menu menu-items=\"menuItems\"><!-- <div class=\"ui-grid-column-menu\">\n" + - " <div class=\"inner\" ng-show=\"menuShown\">\n" + - " <ul>\n" + - " <div ng-show=\"grid.options.enableSorting\">\n" + - " <li ng-click=\"sortColumn($event, asc)\" ng-class=\"{ 'selected' : col.sort.direction == asc }\"><i class=\"ui-grid-icon-sort-alt-up\"></i> Sort Ascending</li>\n" + - " <li ng-click=\"sortColumn($event, desc)\" ng-class=\"{ 'selected' : col.sort.direction == desc }\"><i class=\"ui-grid-icon-sort-alt-down\"></i> Sort Descending</li>\n" + - " <li ng-show=\"col.sort.direction\" ng-click=\"unsortColumn()\"><i class=\"ui-grid-icon-cancel\"></i> Remove Sort</li>\n" + - " </div>\n" + - " </ul>\n" + - " </div>\n" + - " </div> --></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridFooterCell', - "<div class=\"ui-grid-cell-contents\" col-index=\"renderIndex\"><div>{{ col.getAggregationValue() }}</div></div>" - ); - - - $templateCache.put('ui-grid/uiGridHeaderCell', - "<div ng-class=\"{ 'sortable': sortable }\"><div class=\"ui-grid-vertical-bar\"> </div><div class=\"ui-grid-cell-contents\" col-index=\"renderIndex\">{{ col.displayName CUSTOM_FILTERS }} <span ui-grid-visible=\"col.sort.direction\" ng-class=\"{ 'ui-grid-icon-up-dir': col.sort.direction == asc, 'ui-grid-icon-down-dir': col.sort.direction == desc, 'ui-grid-icon-blank': !col.sort.direction }\"> </span></div><div ng-if=\"grid.options.enableColumnMenu && !col.isRowHeader\" class=\"ui-grid-column-menu-button\" ng-click=\"toggleMenu($event)\"><i class=\"ui-grid-icon-angle-down\"> <i></i></i></div><div ng-if=\"filterable\" class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\"><input type=\"text\" class=\"ui-grid-filter-input\" ng-model=\"colFilter.term\" ng-click=\"$event.stopPropagation()\" ng-attr-placeholder=\"{{colFilter.placeholder || ''}}\"><div class=\"ui-grid-filter-button\" ng-click=\"colFilter.term = null\"><i class=\"ui-grid-icon-cancel right\" ng-show=\"!!colFilter.term\"> </i> <!-- use !! because angular interprets 'f' as false --></div></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridMenu', - "<div class=\"ui-grid-menu\"><div class=\"ui-grid-menu-inner\" ng-show=\"shown\"><ul class=\"ui-grid-menu-items\"><li ng-repeat=\"item in menuItems\" ui-grid-menu-item action=\"item.action\" title=\"item.title\" active=\"item.active\" icon=\"item.icon\" shown=\"item.shown\" context=\"item.context\" template-url=\"item.templateUrl\"></li></ul></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridMenuItem', - "<li class=\"ui-grid-menu-item\" ng-click=\"itemAction($event, title)\" ng-show=\"itemShown()\" ng-class=\"{ 'ui-grid-menu-item-active' : active() }\"><i ng-class=\"icon\"></i> {{ title }}</li>" - ); - - - $templateCache.put('ui-grid/uiGridRenderContainer', - "<div class=\"ui-grid-render-container\"><div ui-grid-header></div><div ui-grid-viewport></div><div ui-grid-footer ng-if=\"grid.options.showFooter\"></div><!-- native scrolling --><div ui-grid-native-scrollbar ng-if=\"enableScrollbars\" type=\"vertical\"></div><div ui-grid-native-scrollbar ng-if=\"enableScrollbars\" type=\"horizontal\"></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridViewport', - "<div class=\"ui-grid-viewport\"><div class=\"ui-grid-canvas\"><div ng-repeat=\"(rowRenderIndex, row) in rowContainer.renderedRows track by row.uid\" class=\"ui-grid-row\" ng-style=\"containerCtrl.rowStyle(rowRenderIndex)\"><div ui-grid-row=\"row\" row-render-index=\"rowRenderIndex\"></div></div></div></div>" - ); - - - $templateCache.put('ui-grid/cellEditor', - "<div><form name=\"inputForm\"><input type=\"{{inputType}}\" ng-class=\"'colt' + col.index\" ui-grid-editor ng-model=\"COL_FIELD\"></form></div>" - ); - - - $templateCache.put('ui-grid/dropdownEditor', - "<div><form name=\"inputForm\"><select ng-class=\"'colt' + col.index\" ui-grid-edit-dropdown ng-model=\"COL_FIELD\" ng-options=\"field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray\"></select></form></div>" - ); - - - $templateCache.put('ui-grid/expandableRow', - "<div ui-grid-expandable-row ng-if=\"expandableRow.shouldRenderExpand()\" class=\"expandableRow\" style=\"float:left;margin-top: 1px;margin-bottom: 1px\" ng-style=\"{width: (grid.renderContainers.body.getCanvasWidth() - grid.verticalScrollbarWidth)\n" + - " ,height: grid.options.expandable.expandableRowHeight}\"></div>" - ); - - - $templateCache.put('ui-grid/expandableRowHeader', - "<div class=\"ui-grid-row-header-cell uiGridExpandableButtonsCell\"><div class=\"ui-grid-cell-contents\"><i ng-class=\"{'ui-grid-icon-plus-squared':!row.isExpanded, 'ui-grid-icon-minus-squared':row.isExpanded}\" ng-click=\"grid.api.expandable.toggleRowExpansion(row.entity)\"></i></div></div>" - ); - - - $templateCache.put('ui-grid/expandableScrollFiller', - "<div ng-if=\"expandableRow.shouldRenderFiller()\" style=\"float:left;margin-top: 2px;margin-bottom: 2px\" ng-style=\"{width: (grid.getViewportWidth())\n" + - " ,height: grid.options.expandable.expandableRowHeight, 'margin-left': grid.options.rowHeader.rowHeaderWidth}\"><i class=\"ui-grid-icon-spin5 ui-grid-animate-spin\" ng-style=\"{'margin-top': ( grid.options.expandable.expandableRowHeight/2 - 5),\n" + - " 'margin-left':((grid.getViewportWidth() - grid.options.rowHeader.rowHeaderWidth)/2 - 5)}\"></i></div>" - ); - - - $templateCache.put('ui-grid/csvLink', - "<span class=\"ui-grid-exporter-csv-link-span\"><a href=\"data:text/csv;charset=UTF-8,CSV_CONTENT\">LINK_LABEL</a></span>" - ); - - - $templateCache.put('ui-grid/columnResizer', - "<div ui-grid-column-resizer ng-if=\"grid.options.enableColumnResizing\" class=\"ui-grid-column-resizer\" col=\"col\" position=\"right\" render-index=\"renderIndex\"></div>" - ); - - - $templateCache.put('ui-grid/selectionRowHeader', - "<div class=\"ui-grid-row-header-cell ui-grid-disable-selection\"><div class=\"ui-grid-cell-contents\"><ui-grid-selection-row-header-buttons></ui-grid-selection-row-header-buttons></div></div>" - ); - - - $templateCache.put('ui-grid/selectionRowHeaderButtons', - "<div class=\"ui-grid-selection-row-header-buttons ui-grid-icon-ok\" ng-class=\"{'ui-grid-row-selected': row.isSelected}\" ng-click=\"selectButtonClick(row, $event)\"> </div>" - ); - -}]); diff --git a/src/main/resources/META-INF/resources/designer/lib/ui-grid-stable.min.js b/src/main/resources/META-INF/resources/designer/lib/ui-grid-stable.min.js deleted file mode 100644 index 84b4ab8d0..000000000 --- a/src/main/resources/META-INF/resources/designer/lib/ui-grid-stable.min.js +++ /dev/null @@ -1,7 +0,0 @@ -/*! ui-grid - v3.0.0-rc.3 - 2014-09-25 -* Copyright (c) 2014 ; License: MIT */ -!function(){"use strict";angular.module("ui.grid.i18n",[]),angular.module("ui.grid",["ui.grid.i18n"])}(),function(){"use strict";angular.module("ui.grid").constant("uiGridConstants",{CUSTOM_FILTERS:/CUSTOM_FILTERS/g,COL_FIELD:/COL_FIELD/g,DISPLAY_CELL_TEMPLATE:/DISPLAY_CELL_TEMPLATE/g,TEMPLATE_REGEXP:/<.+>/,FUNC_REGEXP:/(\([^)]*\))?$/,DOT_REGEXP:/\./g,APOS_REGEXP:/'/g,BRACKET_REGEXP:/^(.*)((?:\s*\[\s*\d+\s*\]\s*)|(?:\s*\[\s*"(?:[^"\\]|\\.)*"\s*\]\s*)|(?:\s*\[\s*'(?:[^'\\]|\\.)*'\s*\]\s*))(.*)$/,COL_CLASS_PREFIX:"ui-grid-col",events:{GRID_SCROLL:"uiGridScroll",COLUMN_MENU_SHOWN:"uiGridColMenuShown",ITEM_DRAGGING:"uiGridItemDragStart"},keymap:{TAB:9,STRG:17,CTRL:17,CTRLRIGHT:18,CTRLR:18,SHIFT:16,RETURN:13,ENTER:13,BACKSPACE:8,BCKSP:8,ALT:18,ALTR:17,ALTRIGHT:17,SPACE:32,WIN:91,MAC:91,FN:null,UP:38,DOWN:40,LEFT:37,RIGHT:39,ESC:27,DEL:46,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123},ASC:"asc",DESC:"desc",filter:{STARTS_WITH:2,ENDS_WITH:4,EXACT:8,CONTAINS:16,GREATER_THAN:32,GREATER_THAN_OR_EQUAL:64,LESS_THAN:128,LESS_THAN_OR_EQUAL:256,NOT_EQUAL:512},aggregationTypes:{sum:2,count:4,avg:8,min:16,max:32},CURRENCY_SYMBOLS:["ƒ","$","£","$","¤","¥","៛","₩","₱","฿","₫"]})}(),angular.module("ui.grid").directive("uiGridCell",["$compile","$log","$parse","gridUtil","uiGridConstants",function(a,b,c,d,e){var f={priority:0,scope:!1,require:"?^uiGrid",compile:function(){return{pre:function(b,c,d,f){function g(){var a=b.col.compiledElementFn;a(b,function(a){c.append(a)})}if(f)g();else{var h=b.col.cellTemplate.replace(e.COL_FIELD,"grid.getCellValue(row, col)"),i=a(h)(b);c.append(i)}},post:function(a,b){if(b.addClass(a.col.getColClass(!1)),a.col.cellClass){var c=b;c.addClass(angular.isFunction(a.col.cellClass)?a.col.cellClass(a.grid,a.row,a.col,a.rowRenderIndex,a.colRenderIndex):a.col.cellClass)}}}}};return f}]),function(){angular.module("ui.grid").directive("uiGridColumnMenu",["$log","$timeout","$window","$document","$injector","gridUtil","uiGridConstants","i18nService",function(a,b,c,d,e,f,g,h){var i={priority:0,scope:!0,require:"?^uiGrid",templateUrl:"ui-grid/uiGridColumnMenu",replace:!0,link:function(i,j,k,l){function m(){i.$apply(i.hideMenu),d.off("click",m)}function n(){i.$apply(i.hideMenu)}f.enableAnimations(j),i.grid=l.grid;var o=this;l.columnMenuScope=i,o.shown=i.menuShown=!1,i.asc=g.ASC,i.desc=g.DESC,i.menu=j[0].querySelectorAll(".ui-grid-menu"),i.inner=j[0].querySelectorAll(".ui-grid-menu-inner"),i.sortable=function(){return l.grid.options.enableSorting&&"undefined"!=typeof i.col&&i.col&&i.col.enableSorting?!0:!1},i.filterable=function(){return l.grid.options.enableFiltering&&"undefined"!=typeof i.col&&i.col&&i.col.enableFiltering?!0:!1};var p=[{title:h.getSafeText("sort.ascending"),icon:"ui-grid-icon-sort-alt-up",action:function(a){a.stopPropagation(),i.sortColumn(a,g.ASC)},shown:function(){return i.sortable()},active:function(){return"undefined"!=typeof i.col&&"undefined"!=typeof i.col.sort&&"undefined"!=typeof i.col.sort.direction&&i.col.sort.direction===g.ASC}},{title:h.getSafeText("sort.descending"),icon:"ui-grid-icon-sort-alt-down",action:function(a){a.stopPropagation(),i.sortColumn(a,g.DESC)},shown:function(){return i.sortable()},active:function(){return"undefined"!=typeof i.col&&"undefined"!=typeof i.col.sort&&"undefined"!=typeof i.col.sort.direction&&i.col.sort.direction===g.DESC}},{title:h.getSafeText("sort.remove"),icon:"ui-grid-icon-cancel",action:function(a){a.stopPropagation(),i.unsortColumn()},shown:function(){return i.sortable()&&"undefined"!=typeof i.col&&"undefined"!=typeof i.col.sort&&"undefined"!=typeof i.col.sort.direction&&null!==i.col.sort.direction}},{title:h.getSafeText("column.hide"),icon:"ui-grid-icon-cancel",action:function(a){a.stopPropagation(),i.hideColumn()}}];i.menuItems=p,i.$watch("col.menuItems",function(a){"undefined"!=typeof a&&a&&angular.isArray(a)?(a.forEach(function(a){"undefined"!=typeof a.context&&a.context||(a.context={}),a.context.col=i.col}),i.menuItems=p.concat(a)):i.menuItems=p});var q;try{q=e.get("$animate")}catch(r){a.info("$animate service not found (ngAnimate not add as a dependency?), menu animations will not occur")}i.showMenu=function(a,c){function e(){b(function(){p&&q?(q.removeClass(i.inner,"ng-hide"),o.shown=i.menuShown=!0,i.$broadcast("show-menu")):angular.element(i.inner).hasClass("ng-hide")&&angular.element(i.inner).removeClass("ng-hide");var b=a.renderContainer?a.renderContainer:"body",e=(a.grid.renderContainers[b],f.closestElm(c,".ui-grid-render-container")),k=e.offsetLeft-i.grid.element[0].offsetLeft,r=e.querySelectorAll(".ui-grid-viewport")[0].scrollLeft,s=f.elementWidth(i.menu,!0),t=parseInt(angular.element(i.menu).css("padding-right"),10);j.css("left",g+k-r+n-s+t+"px"),j.css("top",h+l+"px"),d.on("click",m)})}o.col=i.col=a,d.off("click",m);var g=c[0].offsetLeft,h=c[0].offsetTop,k=0;a.grid.options.offsetLeft&&(k=a.grid.options.offsetLeft);var l=f.elementHeight(c,!0),n=f.elementWidth(c,!0),p=!1;i.menuShown&&q?(q.addClass(i.inner,"ng-hide",e),p=!0):(o.shown=i.menuShown=!0,i.$broadcast("show-menu"),e())},i.hideMenu=function(){delete o.col,delete i.col,o.shown=i.menuShown=!1,i.$broadcast("hide-menu")},angular.element(c).bind("resize",n),i.$on("$destroy",i.$on(g.events.GRID_SCROLL,function(){i.hideMenu()})),i.$on("$destroy",i.$on(g.events.ITEM_DRAGGING,function(){i.hideMenu()})),i.$on("$destroy",function(){angular.element(c).off("resize",n),d.off("click",m)}),i.sortColumn=function(a,b){a.stopPropagation(),l.grid.sortColumn(i.col,b,!0).then(function(){l.grid.refresh(),i.hideMenu()})},i.unsortColumn=function(){i.col.unsort(),l.grid.refresh(),i.hideMenu()},i.hideColumn=function(){i.col.colDef.visible=!1,l.grid.refresh(),i.hideMenu()}},controller:["$scope",function(a){var b=this;a.$watch("menuItems",function(a){b.menuItems=a})}]};return i}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridFooterCell",["$log","$timeout","gridUtil","$compile",function(a,b,c,d){var e={priority:0,scope:{col:"=",row:"=",renderIndex:"="},replace:!0,require:"^uiGrid",compile:function(){return{pre:function(a,b){function e(e){c.getTemplate(e).then(function(c){var e=d(c),f=e(a);b.append(f)})}e(a.col.footerCellTemplate?a.col.footerCellTemplate:"ui-grid/uiGridFooterCell")},post:function(a,b,c,d){a.grid=d.grid,b.addClass(a.col.getColClass(!1))}}}};return e}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridFooter",["$log","$templateCache","$compile","uiGridConstants","gridUtil","$timeout",function(a,b,c,d,e){var f="ui-grid/ui-grid-footer";return{restrict:"EA",replace:!0,require:["^uiGrid","^uiGridRenderContainer"],scope:!0,compile:function(){return{pre:function(a,b,d,g){var h=g[0],i=g[1];a.grid=h.grid,a.colContainer=i.colContainer,i.footer=b;var j=a.grid.options.footerTemplate?a.grid.options.footerTemplate:f;e.getTemplate(j).then(function(d){var e=angular.element(d),f=c(e)(a);if(b.append(f),i){var g=b[0].getElementsByClassName("ui-grid-footer-viewport")[0];g&&(i.footerViewport=g)}})},post:function(b,c,d,f){var g=f[0],h=f[1];a.debug("ui-grid-footer link");g.grid;e.disableAnimations(c),h.footer=c;var i=c[0].getElementsByClassName("ui-grid-footer-viewport")[0];i&&(h.footerViewport=i)}}}}}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridGroupPanel",["$compile","uiGridConstants","gridUtil",function(a,b,c){var d="ui-grid/ui-grid-group-panel";return{restrict:"EA",replace:!0,require:"?^uiGrid",scope:!1,compile:function(){return{pre:function(b,e){var f=b.grid.options.groupPanelTemplate||d;c.getTemplate(f).then(function(c){var d=angular.element(c),f=a(d)(b);e.append(f)})},post:function(a,b){b.bind("$destroy",function(){})}}}}}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridHeaderCell",["$log","$compile","$timeout","$window","$document","gridUtil","uiGridConstants",function(a,b,c,d,e,f,g){var h=500,i={priority:0,scope:{col:"=",row:"=",renderIndex:"="},require:"?^uiGrid",replace:!0,compile:function(){return{pre:function(a,c){var d=b(a.col.headerCellTemplate)(a);c.append(d)},post:function(a,b,d,e){function f(b){var c=!1;b.shiftKey&&(c=!0),e.grid.sortColumn(a.col,c).then(function(){e.columnMenuScope&&e.columnMenuScope.hideMenu(),e.grid.refresh()})}a.grid=e.grid,a.grid.api.core.raise.filterChanged||a.grid.api.registerEvent("core","filterChanged"),b.addClass(a.col.getColClass(!1)),a.menuShown=!1,a.asc=g.ASC,a.desc=g.DESC;var i=(angular.element(b[0].querySelectorAll(".ui-grid-header-cell-menu")),angular.element(b[0].querySelectorAll(".ui-grid-cell-contents")));a.sortable=e.grid.options.enableSorting&&a.col.enableSorting?!0:!1,a.filterable=e.grid.options.enableFiltering&&a.col.enableFiltering?!0:!1;var j,k=0;if(i.on("mousedown",function(d){"undefined"!=typeof d.originalEvent&&void 0!==d.originalEvent&&(d=d.originalEvent),d.button&&0!==d.button||(k=(new Date).getTime(),j=c(function(){},h),j.then(function(){e.columnMenuScope.showMenu(a.col,b)}))}),i.on("mouseup",function(){c.cancel(j)}),a.toggleMenu=function(c){c.stopPropagation(),e.columnMenuScope.menuShown&&e.columnMenuScope.col===a.col?e.columnMenuScope.hideMenu():e.columnMenuScope.showMenu(a.col,b)},a.sortable&&(i.on("click",function(a){a.stopPropagation(),c.cancel(j);var b=(new Date).getTime(),d=b-k;d>h||f(a)}),a.$on("$destroy",function(){c.cancel(j)})),a.filterable){var l=[];angular.forEach(a.col.filters,function(b,c){l.push(a.$watch("col.filters["+c+"].term",function(){e.grid.api.core.raise.filterChanged(),e.grid.refresh().then(function(){e.prevScrollArgs&&e.prevScrollArgs.y&&e.prevScrollArgs.y.percentage&&e.fireScrollingEvent({y:{percentage:e.prevScrollArgs.y.percentage}})})}))}),a.$on("$destroy",function(){angular.forEach(l,function(a){a()})})}}}}};return i}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridHeader",["$log","$templateCache","$compile","uiGridConstants","gridUtil","$timeout",function(a,b,c,d,e){var f="ui-grid/ui-grid-header",g="ui-grid/ui-grid-no-header";return{restrict:"EA",replace:!0,require:["^uiGrid","^uiGridRenderContainer"],scope:!0,compile:function(){return{pre:function(a,b,d,h){var i=h[0],j=h[1];a.grid=i.grid,a.colContainer=j.colContainer,j.header=b,j.colContainer.header=b;var k;k=a.grid.options.hideHeader?g:a.grid.options.headerTemplate?a.grid.options.headerTemplate:f,e.getTemplate(k).then(function(d){var e=angular.element(d),f=c(e)(a);if(b.append(f),j){var g=b[0].getElementsByClassName("ui-grid-header-viewport")[0];g&&(j.headerViewport=g)}})},post:function(b,c,d,f){function g(){var a=[],b=[],c=0,d=i.colContainer.getViewportWidth();"undefined"!=typeof h.grid.verticalScrollbarWidth&&void 0!==h.grid.verticalScrollbarWidth&&h.grid.verticalScrollbarWidth>0&&(d+=h.grid.verticalScrollbarWidth);var f,g=0,k=0,l="",m=i.colContainer.visibleColumnCache;m.forEach(function(d){if(d.visible){var f=!1;angular.isNumber(d.width)||(f=isNaN(d.width)?e.endsWith(d.width,"%"):!1),angular.isString(d.width)&&-1!==d.width.indexOf("*")?(c=parseInt(c+d.width.length,10),a.push(d)):f?b.push(d):angular.isNumber(d.width)&&(g=parseInt(g+d.width,10),k=parseInt(k,10)+parseInt(d.width,10),d.drawnWidth=d.width)}});var n,o,p,q=d-g;if(b.length>0){for(n=0;n<b.length;n++){o=b[n];var r=parseInt(o.width.replace(/%/g,""),10)/100;p=parseInt(r*q,10),o.colDef.minWidth&&p<o.colDef.minWidth?(p=o.colDef.minWidth,q-=p,k+=p,o.drawnWidth=p,b.splice(n,1)):o.colDef.maxWidth&&p>o.colDef.maxWidth&&(p=o.colDef.maxWidth,q-=p,k+=p,o.drawnWidth=p,b.splice(n,1))}b.forEach(function(a){var b=parseInt(a.width.replace(/%/g,""),10)/100,c=parseInt(b*q,10);k+=c,a.drawnWidth=c})}if(a.length>0){var s=parseInt(q/c,10);for(n=0;n<a.length;n++)o=a[n],p=parseInt(s*o.width.length,10),o.colDef.minWidth&&p<o.colDef.minWidth?(p=o.colDef.minWidth,q-=p,c--,k+=p,o.drawnWidth=p,f=o,a.splice(n,1)):o.colDef.maxWidth&&p>o.colDef.maxWidth&&(p=o.colDef.maxWidth,q-=p,c--,k+=p,o.drawnWidth=p,a.splice(n,1));s=parseInt(q/c,10),a.forEach(function(a){var b=parseInt(s*a.width.length,10);k+=b,a.drawnWidth=b})}var t=d-parseInt(k,10);if(t>0&&k>0&&d>k){var u=!1;if(m.forEach(function(a){a.width&&!angular.isNumber(a.width)&&(u=!0)}),u)for(var v=function(a){t>0&&(a.drawnWidth=a.drawnWidth+1,k+=1,t--)};t>0;)m.forEach(v)}return d>k&&(k=d),m.forEach(function(a){l+=a.getColClassDefinition()}),j.verticalScrollbarWidth&&(k+=j.verticalScrollbarWidth),i.colContainer.canvasWidth=parseInt(k,10),l}var h=f[0],i=f[1];a.debug("ui-grid-header link");var j=h.grid;e.disableAnimations(c),i.header=c;var k=c[0].getElementsByClassName("ui-grid-header-viewport")[0];k&&(i.headerViewport=k),h&&h.grid.registerStyleComputation({priority:5,func:g})}}}}}])}(),function(){angular.module("ui.grid").directive("uiGridMenu",["$log","$compile","$timeout","$window","$document","gridUtil",function(a,b,c,d,e,f){var g={priority:0,scope:{menuItems:"=",autoHide:"=?"},require:"?^uiGrid",templateUrl:"ui-grid/uiGridMenu",replace:!1,link:function(a,b){f.enableAnimations(b),("undefined"==typeof a.autoHide||void 0===a.autoHide)&&(a.autoHide=!0),a.autoHide&&angular.element(d).on("resize",a.hideMenu),a.$on("hide-menu",function(){a.shown=!1}),a.$on("show-menu",function(){a.shown=!0}),a.$on("$destroy",function(){angular.element(d).off("resize",a.hideMenu)})},controller:["$scope","$element","$attrs",function(a){function b(){a.$apply(function(){d.hideMenu(),angular.element(document).off("click",b)})}var d=this;d.hideMenu=a.hideMenu=function(){a.shown=!1},d.showMenu=a.showMenu=function(){a.shown=!0,angular.element(document).off("click",b),c(function(){angular.element(document).on("click",b)})},a.$on("$destroy",function(){angular.element(document).off("click",b)})}]};return g}]).directive("uiGridMenuItem",["$log","gridUtil","$compile","i18nService",function(a,b,c,d){var e={priority:0,scope:{title:"=",active:"=",action:"=",icon:"=",shown:"=",context:"=",templateUrl:"="},require:["?^uiGrid","^uiGridMenu"],templateUrl:"ui-grid/uiGridMenuItem",replace:!0,compile:function(){return{pre:function(a,d,e,f){f[0],f[1];a.templateUrl&&b.getTemplate(a.templateUrl).then(function(b){var e=angular.element(b),f=c(e)(a);d.replaceWith(f)})},post:function(b,c,e,f){var g=f[0],h=f[1];("undefined"==typeof b.shown||null===b.shown)&&(b.shown=function(){return!0}),b.itemShown=function(){var a={};return b.context&&(a.context=b.context),"undefined"!=typeof g&&g&&(a.grid=g.grid),b.shown.call(a)},b.itemAction=function(c,d){if(a.debug("itemAction"),c.stopPropagation(),"function"==typeof b.action){var e={};b.context&&(e.context=b.context),"undefined"!=typeof g&&g&&(e.grid=g.grid),b.action.call(e,c,d),h.hideMenu()}},b.i18n=d.get()}}}};return e}])}(),function(){angular.module("ui.grid").directive("uiGridNativeScrollbar",["$log","$timeout","$document","uiGridConstants","gridUtil",function(a,b,c,d,e){var f=e.getScrollbarWidth();f=f>0?f:17;var g=e.detectBrowser();return"ie"===g&&(f+=1),{scope:{type:"@"},require:["^uiGrid","^uiGridRenderContainer"],link:function(a,b,c,g){function h(){var a=n.getViewportHeight(),b=n.getCanvasHeight(),c=o.headerHeight?o.headerHeight:p.headerHeight,d=".grid"+p.id+" .ui-grid-render-container-"+m.containerId+" .ui-grid-native-scrollbar.vertical .contents { height: "+b+"px; }";return d+="\n .grid"+p.id+" .ui-grid-render-container-"+m.containerId+" .ui-grid-native-scrollbar.vertical { height: "+a+"px; top: "+c+"px}",s=b,d}function i(){var a=o.getCanvasWidth(),b=-1*f+u;p.options.showFooter&&(b-=1);var c=".grid"+p.id+" .ui-grid-render-container-"+m.containerId+" .ui-grid-native-scrollbar.horizontal { bottom: "+b+"px; }";return c+=".grid"+p.id+" .ui-grid-render-container-"+m.containerId+" .ui-grid-native-scrollbar.horizontal .contents { width: "+a+"px; }",s=a,c}function j(){if("vertical"===a.type){p.flagScrollingVertically();var c=b[0].scrollTop,d=n.getCanvasHeight()-n.getViewportHeight();p.horizontalScrollbarHeight&&p.horizontalScrollbarHeight>0&&(d-=l.grid.horizontalScrollbarHeight);var f=c/d;f>1&&(f=1),0>f&&(f=0);var g={target:b,y:{percentage:f}};a.scrollSource?a.scrollSource=null:l.fireScrollingEvent(g),r=c}else if("horizontal"===a.type){p.flagScrollingHorizontally();var h=e.normalizeScrollLeft(b),i=o.getCanvasWidth()-o.getViewportWidth(),j=h/i,k={target:b,x:{percentage:j}};a.scrollSource?a.scrollSource=null:l.fireScrollingEvent(k),r=h}}function k(c,d){if(!d.target||d.target!==b&&!angular.element(d.target).hasClass("ui-grid-native-scrollbar"))if(a.scrollSource=d.target,"vertical"===a.type){if(d.y&&"undefined"!=typeof d.y.percentage&&void 0!==d.y.percentage){p.flagScrollingVertically();var f=n.getCanvasHeight()-n.getViewportHeight(),g=Math.max(0,d.y.percentage*f);b[0].scrollTop=g}}else if("horizontal"===a.type&&d.x&&"undefined"!=typeof d.x.percentage&&void 0!==d.x.percentage){p.flagScrollingHorizontally();var h=o.getCanvasWidth()-o.getViewportWidth(),i=Math.max(0,d.x.percentage*h);b[0].scrollLeft=e.denormalizeScrollLeft(b,i)}}var l=g[0],m=g[1],n=m.rowContainer,o=m.colContainer,p=l.grid,q=angular.element('<div class="contents"> </div>');b.addClass("ui-grid-native-scrollbar");var r,s=0;"vertical"===a.type?(b.css("width",f+"px"),b.addClass("vertical"),p.verticalScrollbarWidth=f,o.verticalScrollbarWidth=f,r=b[0].scrollTop):"horizontal"===a.type&&(b.css("height",f+"px"),b.addClass("horizontal"),p.horizontalScrollbarHeight=f,n.horizontalScrollbarHeight=f,r=e.normalizeScrollLeft(b)),b.append(q),"vertical"===a.type?s=e.elementHeight(b):"horizontal"===a.type&&(s=e.elementWidth(b));var t=e.closestElm(b,".ui-grid"),u=e.getBorderSize(t,"bottom");"vertical"===a.type?p.registerStyleComputation({priority:6,func:h}):"horizontal"===a.type&&p.registerStyleComputation({priority:6,func:i}),a.scrollSource=null,b.on("scroll",j),b.on("$destroy",function(){b.off("scroll")});var v=a.$on(d.events.GRID_SCROLL,k);a.$on("$destroy",v)}}}])}(),function(){"use strict";var a=angular.module("ui.grid");a.directive("uiGridRenderContainer",["$log","$timeout","$document","uiGridConstants","gridUtil",function(a,b,c,d,e){return{replace:!0,transclude:!0,templateUrl:"ui-grid/uiGridRenderContainer",require:["^uiGrid","uiGridRenderContainer"],scope:{containerId:"=",rowContainerName:"=",colContainerName:"=",bindScrollHorizontal:"=",bindScrollVertical:"=",enableScrollbars:"="},controller:"uiGridRenderContainer as RenderContainer",compile:function(){return{pre:function(b,c,d,e){a.debug("render container "+b.containerId+" pre-link");var f=e[0],g=e[1],h=b.grid=f.grid;if(!b.rowContainerName)throw"No row render container name specified";if(!b.colContainerName)throw"No column render container name specified";if(!h.renderContainers[b.rowContainerName])throw"Row render container '"+b.rowContainerName+"' is not registered.";if(!h.renderContainers[b.colContainerName])throw"Column render container '"+b.colContainerName+"' is not registered.";var i=b.rowContainer=h.renderContainers[b.rowContainerName],j=b.colContainer=h.renderContainers[b.colContainerName];g.containerId=b.containerId,g.rowContainer=i,g.colContainer=j},post:function(b,f,g,h){function i(a,c){if(c.y&&b.bindScrollVertical){n.prevScrollArgs=c;var d=p.getCanvasHeight()-p.getViewportHeight();o.horizontalScrollbarHeight&&o.horizontalScrollbarHeight>0&&(d+=o.horizontalScrollbarHeight);var f,g=n.viewport[0].scrollTop;if("undefined"!=typeof c.y.percentage&&void 0!==c.y.percentage)f=c.y.percentage;else{if("undefined"==typeof c.y.pixels||void 0===c.y.pixels)throw new Error("No percentage or pixel value provided for scroll event Y axis");f=c.y.percentage=(g+c.y.pixels)/d}var h=Math.max(0,f*d);n.viewport[0].scrollTop=h,n.prevScrollArgs.y.pixels=h-g}if(c.x&&b.bindScrollHorizontal){n.prevScrollArgs=c;var i,j=q.getCanvasWidth()-q.getViewportWidth(),k=e.normalizeScrollLeft(n.viewport);if("undefined"!=typeof c.x.percentage&&void 0!==c.x.percentage)i=c.x.percentage;else{if("undefined"==typeof c.x.pixels||void 0===c.x.pixels)throw new Error("No percentage or pixel value provided for scroll event X axis");i=c.x.percentage=(k+c.x.pixels)/j}var l=Math.max(0,i*j);n.viewport[0].scrollLeft=e.denormalizeScrollLeft(n.viewport,l),n.prevScrollLeft=l,n.headerViewport&&(n.headerViewport.scrollLeft=e.denormalizeScrollLeft(n.headerViewport,l)),n.footerViewport&&(n.footerViewport.scrollLeft=e.denormalizeScrollLeft(n.footerViewport,l)),n.prevScrollArgs.x.pixels=l-k}}function j(a){a.originalEvent&&(a=a.originalEvent),a.preventDefault();var b,c,d,e;d=a.targetTouches[0].screenX,e=a.targetTouches[0].screenY,b=-(d-u),c=-(e-t),x=1>c?-1:1,y=1>b?-1:1,c*=2,b*=2;var f={target:a.target};if(0!==c){var g=(v+c)/(p.getCanvasHeight()-p.getViewportHeight());g>1?g=1:0>g&&(g=0),f.y={percentage:g,pixels:c}}if(0!==b){var h=(w+b)/(q.getCanvasWidth()-q.getViewportWidth());h>1?h=1:0>h&&(h=0),f.x={percentage:h,pixels:b}}m.fireScrollingEvent(f)}function k(a){a.originalEvent&&(a=a.originalEvent),a.preventDefault(),c.unbind("touchmove",j),c.unbind("touchend",k),c.unbind("touchcancel",k);{var b=n.viewport[0].scrollTop,d=n.viewport[0].scrollTop;Math.abs(b-v),Math.abs(d-w),new Date-s}}function l(){var a="",c=q.getCanvasWidth(),d=q.getViewportWidth(),e=p.getCanvasHeight(),f=p.getViewportHeight(),g=q.getHeaderViewportWidth(),h=q.getHeaderViewportWidth();return a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+b.containerId+" .ui-grid-canvas { width: "+c+"px; height: "+e+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+b.containerId+" .ui-grid-header-canvas { width: "+c+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+b.containerId+" .ui-grid-viewport { width: "+d+"px; height: "+f+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+b.containerId+" .ui-grid-header-viewport { width: "+g+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+b.containerId+" .ui-grid-footer-canvas { width: "+c+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+b.containerId+" .ui-grid-footer-viewport { width: "+h+"px; }"}a.debug("render container "+b.containerId+" post-link");var m=h[0],n=h[1],o=m.grid,p=n.rowContainer,q=n.colContainer;f.addClass("ui-grid-render-container-"+b.containerId);var r;(b.bindScrollHorizontal||b.bindScrollVertical)&&(r=b.$on(d.events.GRID_SCROLL,i)),f.bind("wheel mousewheel DomMouseScroll MozMousePixelScroll",function(a){a.preventDefault();var b=e.normalizeWheelEvent(a),c={target:f};if(0!==b.deltaY){var d=-120*b.deltaY,g=(n.viewport[0].scrollTop+d)/(p.getCanvasHeight()-p.getViewportHeight());0>g?g=0:g>1&&(g=1),c.y={percentage:g,pixels:d}}if(0!==b.deltaX){var h=-120*b.deltaX,i=e.normalizeScrollLeft(n.viewport),j=(i+h)/(q.getCanvasWidth()-q.getViewportWidth());0>j?j=0:j>1&&(j=1),c.x={percentage:j,pixels:h}}m.fireScrollingEvent(c)});var s,t=0,u=0,v=0,w=0,x=1,y=1;e.isTouchEnabled()&&f.bind("touchstart",function(a){a.originalEvent&&(a=a.originalEvent),a.preventDefault(),m.scrollbars.forEach(function(a){a.addClass("ui-grid-scrollbar-visible"),a.addClass("ui-grid-scrolling")}),s=new Date,t=a.targetTouches[0].screenY,u=a.targetTouches[0].screenX,v=n.viewport[0].scrollTop,w=n.viewport[0].scrollLeft,c.on("touchmove",j),c.on("touchend touchcancel",k)}),f.bind("$destroy",function(){r(),f.unbind("keydown"),["touchstart","touchmove","touchend","keydown","wheel","mousewheel","DomMouseScroll","MozMousePixelScroll"].forEach(function(a){f.unbind(a)})}),m.grid.registerStyleComputation({priority:6,func:l})}}}}}]),a.controller("uiGridRenderContainer",["$scope","$log",function(a){var b=this;b.rowStyle=function(c){var d=a.grid.renderContainers[a.containerId],e={};if(!d.disableRowOffset&&0===c&&0!==b.currentTopRow){var f=a.rowContainer.currentTopRow*a.rowContainer.visibleRowCache[a.rowContainer.currentTopRow].height;e["margin-top"]=f+"px"}return d.disableColumnOffset||0===a.colContainer.currentFirstColumn||(a.grid.isRTL()?e["margin-right"]=a.colContainer.columnOffset+"px":e["margin-left"]=a.colContainer.columnOffset+"px"),e},b.columnStyle=function(b){var c=a.grid.renderContainers[a.containerId];if(!c.disableColumnOffset&&0===b&&0!==a.colContainer.currentFirstColumn){var d=a.colContainer.columnOffset;return a.grid.isRTL()?{"margin-right":d+"px"}:{"margin-left":d+"px"}}return null}}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridRow",["$log",function(){return{replace:!0,require:["^uiGrid","^uiGridRenderContainer"],scope:{row:"=uiGridRow",rowRenderIndex:"="},compile:function(){return{pre:function(a,b,c,d){var e=d[0],f=d[1],g=e.grid;a.grid=e.grid,a.colContainer=f.colContainer,g.getRowTemplateFn.then(function(c){c(a,function(a){b.replaceWith(a)})})},post:function(a,b,c,d){{var e=d[0];d[1]}a.getExternalScopes=e.getExternalScopes}}}}}])}(),function(){angular.module("ui.grid").directive("uiGridStyle",["$log","$interpolate",function(a,b){return{link:function(c,d){a.debug("ui-grid-style link");var e=b(d.text(),!0);e&&c.$watch(e,function(a){d.text(a)})}}}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridViewport",["$log","gridUtil",function(a,b){return{replace:!0,scope:{},templateUrl:"ui-grid/uiGridViewport",require:["^uiGrid","^uiGridRenderContainer"],link:function(c,d,e,f){a.debug("viewport post-link");var g=f[0],h=f[1];c.containerCtrl=h;{var i=h.rowContainer,j=h.colContainer;g.grid}c.grid=g.grid,c.rowContainer=h.rowContainer,c.colContainer=h.colContainer,h.viewport=d,d.on("scroll",function(){var a=d[0].scrollTop,c=b.normalizeScrollLeft(d);if(c!==j.prevScrollLeft){var e=(c-j.prevScrollLeft,j.getCanvasWidth()-j.getViewportWidth()),f=c/e;j.adjustScrollHorizontal(c,f)}if(a!==i.prevScrollTop){var g=(a-i.prevScrollTop,i.getCanvasHeight()-i.getViewportHeight()),h=a/g;h>1&&(h=1),0>h&&(h=0),i.adjustScrollVertical(a,h)}})}}}])}(),function(){angular.module("ui.grid").directive("uiGridVisible",function(){return function(a,b,c){a.$watch(c.uiGridVisible,function(a){b[a?"removeClass":"addClass"]("ui-grid-invisible")})}})}(),function(){"use strict";angular.module("ui.grid").controller("uiGridController",["$scope","$element","$attrs","$log","gridUtil","$q","uiGridConstants","$templateCache","gridClassFactory","$timeout","$parse","$compile",function(a,b,c,d,e,f,g,h,i,j,k,l){function m(a,b){a&&a!==b&&(o.grid.options.columnDefs=a,o.grid.buildColumns().then(function(){o.grid.preCompileCellTemplates(),o.grid.refreshCanvas(!0)}))}function n(b){var e=[];b&&(0===o.grid.columns.length&&(d.debug("loading cols in dataWatchFunction"),c.uiGridColumns||0!==o.grid.options.columnDefs.length||o.grid.buildColumnDefsFromData(b),e.push(o.grid.buildColumns().then(function(){o.grid.preCompileCellTemplates()}))),f.all(e).then(function(){o.grid.modifyRows(b).then(function(){o.grid.redrawInPlace(),a.$evalAsync(function(){o.grid.refreshCanvas(!0)})})}))}d.debug("ui-grid controller");var o=this;o.grid=i.createGrid(a.uiGrid),b.addClass("grid"+o.grid.id),o.grid.rtl="rtl"===b.css("direction"),o.getExternalScopes=a.getExternalScopes,a.grid=o.grid,c.uiGridColumns&&c.$observe("uiGridColumns",function(a){o.grid.options.columnDefs=a,o.grid.buildColumns().then(function(){o.grid.preCompileCellTemplates(),o.grid.refreshCanvas(!0)})});var p;p=angular.isString(a.uiGrid.data)?a.$parent.$watchCollection(a.uiGrid.data,n):a.$parent.$watchCollection(function(){return a.uiGrid.data},n);var q=a.$parent.$watchCollection(function(){return a.uiGrid.columnDefs},m);a.$on("$destroy",function(){p(),q()}),a.$watch(function(){return o.grid.styleComputations},function(){o.grid.refreshCanvas(!0)}),o.fireScrollingEvent=function(b){a.$broadcast(g.events.GRID_SCROLL,b)},o.fireEvent=function(b,c){("undefined"==typeof c||void 0===c)&&(c={}),("undefined"==typeof c.grid||void 0===c.grid)&&(c.grid=o.grid),a.$broadcast(b,c)},o.innerCompile=function(b){l(b)(a)}}]),angular.module("ui.grid").directive("uiGrid",["$log","$compile","$templateCache","gridUtil","$window",function(a,b,c,d,e){return{templateUrl:"ui-grid/ui-grid",scope:{uiGrid:"=",getExternalScopes:"&?externalScopes"},replace:!0,transclude:!0,controller:"uiGridController",compile:function(){return{post:function(b,c,f,g){function h(){i.gridWidth=b.gridWidth=d.elementWidth(c),i.gridHeight=b.gridHeight=d.elementHeight(c),i.queueRefresh()}a.debug("ui-grid postlink");var i=g.grid;if(g.scrollbars=[],i.renderingComplete(),i.element=c,i.gridWidth=b.gridWidth=d.elementWidth(c),i.canvasWidth=g.grid.gridWidth,i.gridHeight=b.gridHeight=d.elementHeight(c),i.gridHeight<i.options.rowHeight){var j=i.options.minRowsToShow*i.options.rowHeight;c.css("height",j+"px"),i.gridHeight=b.gridHeight=d.elementHeight(c)}i.refreshCanvas();var k=angular.element('<div ng-if="grid.hasLeftContainer()" style="width: 0" ui-grid-pinned-container="\'left\'"></div>');c.prepend(k),g.innerCompile(k);var l=angular.element('<div ng-if="grid.hasRightContainer()" style="width: 0" ui-grid-pinned-container="\'right\'"></div>');c.append(l),g.innerCompile(l),b.$watch(function(){return i.hasLeftContainer()},function(a,b){a!==b&&i.refreshCanvas(!0)}),b.$watch(function(){return i.hasRightContainer()},function(a,b){a!==b&&i.refreshCanvas(!0)}),angular.element(e).on("resize",h),c.on("$destroy",function(){angular.element(e).off("resize",h)})}}}}}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridPinnedContainer",["$log",function(a){return{restrict:"EA",replace:!0,template:'<div class="ui-grid-pinned-container"><div ui-grid-render-container container-id="side" row-container-name="\'body\'" col-container-name="side" bind-scroll-vertical="true" class="{{ side }} ui-grid-render-container-{{ side }}"></div></div>',scope:{side:"=uiGridPinnedContainer"},require:"^uiGrid",compile:function(){return{post:function(b,c,d,e){function f(){var a="";if("left"===b.side||"right"===b.side){for(var d=g.renderContainers[b.side].visibleColumnCache,e=0,f=0;f<d.length;f++){var i=d[f];e+=i.drawnWidth}h=e,c.attr("style",null);var j=g.renderContainers.body.getViewportHeight();a+=".grid"+g.id+" .ui-grid-pinned-container-"+b.side+", .grid"+g.id+" .ui-grid-pinned-container-"+b.side+" .ui-grid-render-container-"+b.side+" .ui-grid-viewport { width: "+h+"px; height: "+j+"px; } "}return a}a.debug("ui-grid-pinned-container "+b.side+" link");var g=e.grid,h=0;c.addClass("ui-grid-pinned-container-"+b.side),g.renderContainers.body.registerViewportAdjuster(function(a){return a.width-=h,a}),g.registerStyleComputation({priority:15,func:f})}}}}}])}(),function(){angular.module("ui.grid").factory("Grid",["$log","$q","$compile","$parse","gridUtil","uiGridConstants","GridOptions","GridColumn","GridRow","GridApi","rowSorter","rowSearcher","GridRenderContainer","$timeout",function(a,b,c,d,e,f,g,h,i,j,k,l,m,n){function o(){}var p=function(a){var b=this;if(void 0===a||"undefined"==typeof a.id||!a.id)throw new Error("No ID provided. An ID must be given when creating a grid.");if(!/^[_a-zA-Z0-9-]+$/.test(a.id))throw new Error("Grid id '"+a.id+'" is invalid. It must follow CSS selector syntax rules.');b.id=a.id,delete a.id,b.options=new g,angular.extend(b.options,a),b.headerHeight=b.options.headerRowHeight,b.footerHeight=b.options.showFooter===!0?b.options.footerRowHeight:0,b.rtl=!1,b.gridHeight=0,b.gridWidth=0,b.columnBuilders=[],b.rowBuilders=[],b.rowsProcessors=[],b.columnsProcessors=[],b.styleComputations=[],b.viewportAdjusters=[],b.rowHeaderColumns=[],b.renderContainers={},b.renderContainers.body=new m("body",b),b.cellValueGetterCache={},b.getRowTemplateFn=null,b.rows=[],b.columns=[],b.isScrollingVertically=!1,b.isScrollingHorizontally=!1;var c=e.debounce(function(){b.isScrollingVertically=!1},300),d=e.debounce(function(){b.isScrollingHorizontally=!1},300);b.flagScrollingVertically=function(){b.isScrollingVertically=!0,c()},b.flagScrollingHorizontally=function(){b.isScrollingHorizontally=!0,d()},b.api=new j(b),b.api.registerMethod("core","refresh",this.refresh),b.api.registerMethod("core","refreshRows",this.refreshRows),b.api.registerEvent("core","sortChanged")};return p.prototype.isRTL=function(){return this.rtl},p.prototype.registerColumnBuilder=function(a){this.columnBuilders.push(a)},p.prototype.buildColumnDefsFromData=function(a){this.options.columnDefs=e.getColumnsFromData(a,this.options.excludeProperties)},p.prototype.registerRowBuilder=function(a){this.rowBuilders.push(a)},p.prototype.getColumn=function(a){var b=this.columns.filter(function(b){return b.colDef.name===a -});return b.length>0?b[0]:null},p.prototype.getColDef=function(a){var b=this.options.columnDefs.filter(function(b){return b.name===a});return b.length>0?b[0]:null},p.prototype.assignTypes=function(){var b=this;b.options.columnDefs.forEach(function(c,d){if(!c.type){var f=new h(c,d,b),g=b.rows.length>0?b.rows[0]:null;g?c.type=e.guessType(b.getCellValue(g,f)):(a.log("Unable to assign type from data, so defaulting to string"),c.type="string")}})},p.prototype.addRowHeaderColumn=function(a){var b=this,c=new h(a,b.rowHeaderColumns.length+1,b);c.isRowHeader=!0,b.isRTL()?(b.createRightContainer(),c.renderContainer="right"):(b.createLeftContainer(),c.renderContainer="left"),b.columnBuilders[0](a,c,b.gridOptions).then(function(){c.enableFiltering=!1,c.enableSorting=!1,b.rowHeaderColumns.push(c)})},p.prototype.buildColumns=function(){a.debug("buildColumns");var c=this,d=[],e=c.rowHeaderColumns.length;return angular.forEach(c.rowHeaderColumns,function(a){e++,c.columns.push(a)}),c.columns.length>c.options.columnDefs.length&&c.columns.forEach(function(a,b){c.getColDef(a.name)||c.columns.splice(b,1)}),c.options.columnDefs.forEach(function(a,b){c.preprocessColDef(a);var f=c.getColumn(a.name);f?f.updateColumnDef(a,f.index):(f=new h(a,b+e,c),c.columns.push(f)),c.columnBuilders.forEach(function(b){d.push(b.call(c,a,f,c.options))})}),b.all(d)},p.prototype.preCompileCellTemplates=function(){this.columns.forEach(function(a){var b=a.cellTemplate.replace(f.COL_FIELD,"grid.getCellValue(row, col)"),d=c(b);a.compiledElementFn=d})},p.prototype.createLeftContainer=function(){this.hasLeftContainer()||(this.renderContainers.left=new m("left",this,{disableColumnOffset:!0}))},p.prototype.createRightContainer=function(){this.hasRightContainer()||(this.renderContainers.right=new m("right",this,{disableColumnOffset:!0}))},p.prototype.hasLeftContainer=function(){return void 0!==this.renderContainers.left},p.prototype.hasRightContainer=function(){return void 0!==this.renderContainers.right},p.prototype.preprocessColDef=function(a){if(!a.field&&!a.name)throw new Error("colDef.name or colDef.field property is required");void 0===a.name&&void 0!==a.field&&(a.name=a.field)},p.prototype.newInN=function(a,b,c,d){for(var e=this,f=[],g=0;g<b.length;g++){for(var h=d?b[g][d]:b[g],i=!1,j=0;j<a.length;j++){var k=c?a[j][c]:a[j];if(e.options.rowEquality(h,k)){i=!0;break}}i||f.push(h)}return f},p.prototype.getRow=function(a){var b=this.rows.filter(function(b){return b.entity===a});return b.length>0?b[0]:null},p.prototype.modifyRows=function(a){var c,d,e=this;if(0===e.rows.length&&a.length>0){if(e.options.enableRowHashing)for(e.rowHashMap||e.createRowHashMap(),c=0;c<a.length;c++)d=a[c],e.rowHashMap.put(d,{i:c,entity:d});e.addRows(a),e.assignTypes()}else if(a.length>0){var f,g,h;if(e.options.enableRowHashing){f=[],h=[];var i={};g=[],e.rowHashMap||e.createRowHashMap();var j=e.rowHashMap;for(c=0;c<a.length;c++){d=a[c];var k=!1;e.options.getRowIdentity(d)||(k=!0);var l=j.get(d);l?l.row&&(i[e.options.rowIdentity(d)]=!0):(j.put(d,{i:c,entity:d}),k?h.push(d):f.push(d))}for(c=0;c<e.rows.length;c++){var m=e.rows[c],n=e.options.rowIdentity(m.entity);i[n]||g.push(m)}}var o=f||[],p=h||a;o=o.concat(e.newInN(e.rows,p,"entity")),e.addRows(o);var q=e.getDeletedRows(g||e.rows,a);for(c=0;c<q.length;c++)e.options.enableRowHashing&&e.rowHashMap.remove(q[c].entity),e.rows.splice(e.rows.indexOf(q[c]),1)}else e.createRowHashMap(),e.rows.length=0;var r=b.when(e.processRowsProcessors(e.rows)).then(function(a){return e.setVisibleRows(a)}),s=b.when(e.processColumnsProcessors(e.columns)).then(function(a){return e.setVisibleColumns(a)});return b.all([r,s])},p.prototype.getDeletedRows=function(a,b){var c=this,d=a.filter(function(a){return!b.some(function(b){return c.options.rowEquality(b,a.entity)})});return d},p.prototype.addRows=function(a){for(var b=this,c=b.rows.length,d=0;d<a.length;d++){var e=b.processRowBuilders(new i(a[d],d+c,b));if(b.options.enableRowHashing){var f=b.rowHashMap.get(e.entity);f&&(f.row=e)}b.rows.push(e)}},p.prototype.processRowBuilders=function(a){var b=this;return b.rowBuilders.forEach(function(c){c.call(b,a,b.gridOptions)}),a},p.prototype.registerStyleComputation=function(a){this.styleComputations.push(a)},p.prototype.registerRowsProcessor=function(a){if(!angular.isFunction(a))throw"Attempt to register non-function rows processor: "+a;this.rowsProcessors.push(a)},p.prototype.removeRowsProcessor=function(a){var b=this.rowsProcessors.indexOf(a);"undefined"!=typeof b&&void 0!==b&&this.rowsProcessors.splice(b,1)},p.prototype.processRowsProcessors=function(a){function c(a,e){var g=d.rowsProcessors[a];return b.when(g.call(d,e,d.columns)).then(function(b){if(!b)throw"Processor at index "+a+" did not return a set of renderable rows";if(!angular.isArray(b))throw"Processor at index "+a+" did not return an array";return a++,a<=d.rowsProcessors.length-1?c(a,b):void f.resolve(b)})}var d=this,e=a.slice(0);if(0===d.rowsProcessors.length)return b.when(e);var f=b.defer();return c(0,e),f.promise},p.prototype.setVisibleRows=function(a){var b=this;for(var c in b.renderContainers){var d=b.renderContainers[c];d.visibleRowCache.length=0}for(var e=0;e<a.length;e++){var f=a[e];f.visible&&("undefined"!=typeof f.renderContainer&&f.renderContainer?b.renderContainers[f.renderContainer].visibleRowCache.push(f):b.renderContainers.body.visibleRowCache.push(f))}},p.prototype.registerColumnsProcessor=function(a){if(!angular.isFunction(a))throw"Attempt to register non-function rows processor: "+a;this.columnsProcessors.push(a)},p.prototype.removeColumnsProcessor=function(a){var b=this.columnsProcessors.indexOf(a);"undefined"!=typeof b&&void 0!==b&&this.columnsProcessors.splice(b,1)},p.prototype.processColumnsProcessors=function(a){function c(a,g){var h=d.columnsProcessors[a];return b.when(h.call(d,g,d.rows)).then(function(b){if(!b)throw"Processor at index "+a+" did not return a set of renderable rows";if(!angular.isArray(b))throw"Processor at index "+a+" did not return an array";return a++,a<=d.columnsProcessors.length-1?c(a,e):void f.resolve(e)})}var d=this,e=a.slice(0);if(0===d.columnsProcessors.length)return b.when(e);var f=b.defer();return c(0,e),f.promise},p.prototype.setVisibleColumns=function(a){var b=this;for(var c in b.renderContainers){var d=b.renderContainers[c];d.visibleColumnCache.length=0}for(var e=0;e<a.length;e++){var f=a[e];f.visible&&("undefined"!=typeof f.renderContainer&&f.renderContainer?b.renderContainers[f.renderContainer].visibleColumnCache.push(f):b.renderContainers.body.visibleColumnCache.push(f))}},p.prototype.handleWindowResize=function(){var a=this;a.gridWidth=e.elementWidth(a.element),a.gridHeight=e.elementHeight(a.element),a.queueRefresh()},p.prototype.queueRefresh=function(){var a=this;return a.refreshCanceller&&n.cancel(a.refreshCanceller),a.refreshCanceller=n(function(){a.refreshCanvas(!0)}),a.refreshCanceller.then(function(){a.refreshCanceller=null}),a.refreshCanceller},p.prototype.buildStyles=function(){var a=this;a.customStyles="",a.styleComputations.sort(function(a,b){return null===a.priority?1:null===b.priority?-1:null===a.priority&&null===b.priority?0:a.priority-b.priority}).forEach(function(b){var c=b.func.call(a);angular.isString(c)&&(a.customStyles+="\n"+c)})},p.prototype.minColumnsToRender=function(){var a=this,b=this.getViewportWidth(),c=0,d=0;return a.columns.forEach(function(e,f){if(b>d)d+=e.drawnWidth,c++;else{for(var g=0,h=f;h>=f-c;h--)g+=a.columns[h].drawnWidth;b>g&&c++}}),c},p.prototype.getBodyHeight=function(){var a=this.getViewportHeight();return"undefined"!=typeof this.horizontalScrollbarHeight&&void 0!==this.horizontalScrollbarHeight&&this.horizontalScrollbarHeight>0&&(a+=this.horizontalScrollbarHeight),a},p.prototype.getViewportHeight=function(){var a=this,b=this.gridHeight-this.headerHeight-this.footerHeight;"undefined"!=typeof this.horizontalScrollbarHeight&&void 0!==this.horizontalScrollbarHeight&&this.horizontalScrollbarHeight>0&&(b-=this.horizontalScrollbarHeight);var c=a.getViewportAdjustment();return b+=c.height},p.prototype.getViewportWidth=function(){var a=this,b=this.gridWidth;"undefined"!=typeof this.verticalScrollbarWidth&&void 0!==this.verticalScrollbarWidth&&this.verticalScrollbarWidth>0&&(b-=this.verticalScrollbarWidth);var c=a.getViewportAdjustment();return b+=c.width},p.prototype.getHeaderViewportWidth=function(){var a=this.getViewportWidth();return"undefined"!=typeof this.verticalScrollbarWidth&&void 0!==this.verticalScrollbarWidth&&this.verticalScrollbarWidth>0&&(a+=this.verticalScrollbarWidth),a},p.prototype.registerViewportAdjuster=function(a){this.viewportAdjusters.push(a)},p.prototype.removeViewportAdjuster=function(a){var b=this.viewportAdjusters.indexOf(a);"undefined"!=typeof b&&void 0!==b&&this.viewportAdjusters.splice(b,1)},p.prototype.getViewportAdjustment=function(){var a=this,b={height:0,width:0};return a.viewportAdjusters.forEach(function(a){b=a.call(this,b)}),b},p.prototype.getVisibleRowCount=function(){return this.renderContainers.body.visibleRowCache.length},p.prototype.getVisibleRows=function(){return this.renderContainers.body.visibleRowCache},p.prototype.getVisibleColumnCount=function(){return this.renderContainers.body.visibleColumnCache.length},p.prototype.searchRows=function(a){return l.search(this,a,this.columns)},p.prototype.sortByColumn=function(a){return k.sort(this,a,this.columns)},p.prototype.getCellValue=function(a,b){var c=this;return c.cellValueGetterCache[b.colDef.name]||(c.cellValueGetterCache[b.colDef.name]=d(a.getEntityQualifiedColField(b))),c.cellValueGetterCache[b.colDef.name](a)},p.prototype.getNextColumnSortPriority=function(){var a=this,b=0;return a.columns.forEach(function(a){a.sort&&a.sort.priority&&a.sort.priority>b&&(b=a.sort.priority)}),b+1},p.prototype.resetColumnSorting=function(a){var b=this;b.columns.forEach(function(b){b!==a&&(b.sort={})})},p.prototype.getColumnSorting=function(){var a,b=this,c=[];return a=b.columns.slice(0),a.sort(k.prioritySort).forEach(function(a){a.sort&&"undefined"!=typeof a.sort.direction&&a.sort.direction&&(a.sort.direction===f.ASC||a.sort.direction===f.DESC)&&c.push(a)}),c},p.prototype.sortColumn=function(a,c,d){var e=this,g=null;if("undefined"==typeof a||!a)throw new Error("No column parameter provided");return"boolean"==typeof c?d=c:g=c,d?a.sort.priority=e.getNextColumnSortPriority():(e.resetColumnSorting(a),a.sort.priority=0),a.sort.direction=g?g:a.sort.direction&&a.sort.direction===f.ASC?f.DESC:a.sort.direction&&a.sort.direction===f.DESC?null:f.ASC,e.api.core.raise.sortChanged(e,e.getColumnSorting()),b.when(a)},p.prototype.renderingComplete=function(){angular.isFunction(this.options.onRegisterApi)&&this.options.onRegisterApi(this.api),this.api.core.raise.renderingComplete(this.api)},p.prototype.createRowHashMap=function(){var a=this,b=new o;b.grid=a,a.rowHashMap=b},p.prototype.refresh=function(){a.debug("grid refresh");var c=this,d=c.processRowsProcessors(c.rows).then(function(a){c.setVisibleRows(a)}),e=c.processColumnsProcessors(c.columns).then(function(a){c.setVisibleColumns(a)});return b.all([d,e]).then(function(){c.redrawInPlace(),c.refreshCanvas(!0)})},p.prototype.refreshRows=function(){var a=this;return a.processRowsProcessors(a.rows).then(function(b){a.setVisibleRows(b),a.redrawRows(),a.refreshCanvas()})},p.prototype.refreshCanvas=function(a){var c=this;a&&c.buildStyles();var d=b.defer(),f=[];for(var g in c.renderContainers)if(c.renderContainers.hasOwnProperty(g)){var h=c.renderContainers[g];h.header&&f.push(h)}return n(f.length>0?function(){for(var b=!1,g=0;g<f.length;g++){var h=f[g];if(h.header){var i=h.headerHeight,j=e.outerElementHeight(h.header);h.headerHeight=j,i!==j&&(b=!0)}}a&&b&&c.buildStyles(),d.resolve()}:function(){d.resolve()}),d.promise},p.prototype.redrawInPlace=function(){var a=this;for(var b in a.renderContainers){var c=a.renderContainers[b];c.adjustRows(c.prevScrollTop,null),c.adjustColumns(c.prevScrollLeft,null)}},o.prototype={put:function(a,b){this[this.grid.options.rowIdentity(a)]=b},get:function(a){return this[this.grid.options.rowIdentity(a)]},remove:function(a){var b=this[a=this.grid.options.rowIdentity(a)];return delete this[a],b}},p}])}(),function(){angular.module("ui.grid").factory("GridApi",["$log","$q","$rootScope","gridUtil","uiGridConstants",function(a,b,c,d){function e(a,b,c,d){return a.$on(b,function(){var a=Array.prototype.slice.call(arguments);a.splice(0,1),c.apply(d.api,a)})}var f=function(a){this.grid=a,this.listeners=[],this.registerEvent("core","renderingComplete")};return f.prototype.suppressEvents=function(a,b){var c=this,d=angular.isArray(a)?a:[a],f=[];d.forEach(function(a){f=c.listeners.filter(function(b){return a===b.handler})}),f.forEach(function(a){a.dereg()}),b(),f.forEach(function(a){a.dereg=e(a.scope,a.eventId,a.handler,c.grid)})},f.prototype.registerEvent=function(b,d){var f=this;f[b]||(f[b]={});var g=f[b];g.on||(g.on={},g.raise={});var h=f.grid.id+b+d;a.log("Creating raise event method "+b+".raise."+d),g.raise[d]=function(){c.$broadcast.apply(c,[h].concat(Array.prototype.slice.call(arguments)))},a.log("Creating on event method "+b+".on."+d),g.on[d]=function(a,b){var c=e(a,h,b,f.grid),d={handler:b,dereg:c,eventId:h,scope:a};f.listeners.push(d),a.$on("$destroy",function(){d.dereg=null,d.handler=null,d.eventId=null,d.scope=null})}},f.prototype.registerEventsFromObject=function(a){var b=this,c=[];angular.forEach(a,function(a,b){var d={name:b,events:[]};angular.forEach(a,function(a,b){d.events.push(b)}),c.push(d)}),c.forEach(function(a){a.events.forEach(function(c){b.registerEvent(a.name,c)})})},f.prototype.registerMethod=function(a,b,c,e){this[a]||(this[a]={});var f=this[a];f[b]=d.createBoundedWrapper(e||this.grid,c)},f.prototype.registerMethodsFromObject=function(a,b){var c=this,d=[];angular.forEach(a,function(a,b){var c={name:b,methods:[]};angular.forEach(a,function(a,b){c.methods.push({name:b,fn:a})}),d.push(c)}),d.forEach(function(a){a.methods.forEach(function(d){c.registerMethod(a.name,d.name,d.fn,b)})})},f}])}(),function(){angular.module("ui.grid").factory("GridColumn",["gridUtil","uiGridConstants",function(a,b){function c(a,b,c){var d=this;d.grid=c,a.index=b,d.updateColumnDef(a)}return c.prototype.setPropertyOrDefault=function(a,b,c){var d=this;d[b]="undefined"!=typeof a[b]&&a[b]?a[b]:"undefined"!=typeof d[b]?d[b]:c?c:{}},c.prototype.updateColumnDef=function(b,d){var e=this;if(e.colDef=b,e.index="undefined"==typeof d?b.index:d,void 0===b.name)throw new Error("colDef.name is required for column at index "+e.index);var f="Cannot parse column width '"+b.width+"' for column named '"+b.name+"'";if(a.isNullOrUndefined(b.width))e.width="*";else if(angular.isNumber(b.width))e.width=b.width;else if(a.endsWith(b.width,"%")){var g=b.width.replace(/%/g,""),h=parseInt(g,10);if(isNaN(h))throw new Error(f);e.width=b.width}else if(b.width.match(/^(\d+)$/))e.width=parseInt(b.width.match(/^(\d+)$/)[1],10);else if(!b.width.match(/^\*+$/))throw new Error(f);c.prototype.unsort=function(){this.sort={}},e.minWidth=b.minWidth?b.minWidth:50,e.maxWidth=b.maxWidth?b.maxWidth:9e3,e.field=void 0===b.field?b.name:b.field,e.displayName=void 0===b.displayName?a.readableColumnName(b.name):b.displayName,e.aggregationType=angular.isDefined(b.aggregationType)?b.aggregationType:null,e.footerCellTemplate=angular.isDefined(b.footerCellTemplate)?b.footerCellTemplate:null,e.cellClass=b.cellClass,e.cellFilter=b.cellFilter?b.cellFilter:"",e.headerCellFilter=b.headerCellFilter?b.headerCellFilter:"",e.visible=a.isNullOrUndefined(b.visible)||b.visible,e.headerClass=b.headerClass,e.visible=!0,e.enableSorting="undefined"!=typeof b.enableSorting?b.enableSorting:!0,e.sortingAlgorithm=b.sortingAlgorithm,e.enableFiltering="undefined"!=typeof b.enableFiltering?b.enableFiltering:!0,e.setPropertyOrDefault(b,"menuItems",[]),e.setPropertyOrDefault(b,"sort");var i=[];b.filter?i.push(b.filter):e.enableFiltering&&e.grid.options.enableFiltering&&i.push({}),e.setPropertyOrDefault(b,"filter"),e.setPropertyOrDefault(b,"filters",i)},c.prototype.getColClass=function(a){var c=b.COL_CLASS_PREFIX+this.index;return a?"."+c:c},c.prototype.getColClassDefinition=function(){return" .grid"+this.grid.id+" "+this.getColClass(!0)+" { width: "+this.drawnWidth+"px; }"},c.prototype.getRenderContainer=function(){var a=this,b=a.renderContainer;return(null===b||""===b||void 0===b)&&(b="body"),a.grid.renderContainers[b]},c.prototype.showColumn=function(){this.colDef.visible=!0},c.prototype.hideColumn=function(){this.colDef.visible=!1},c.prototype.getAggregationValue=function(){var a=this,c=0,d=a.grid.getVisibleRows(),e=[];return angular.forEach(d,function(b){var c=a.grid.getCellValue(b,a);angular.isNumber(c)&&e.push(c)}),angular.isFunction(a.aggregationType)?a.aggregationType(d,a):a.aggregationType===b.aggregationTypes.count?"total rows: "+a.grid.getVisibleRowCount():a.aggregationType===b.aggregationTypes.sum?(angular.forEach(e,function(a){c+=a}),"total: "+c):a.aggregationType===b.aggregationTypes.avg?(angular.forEach(e,function(a){c+=a}),c/=e.length,"avg: "+c):a.aggregationType===b.aggregationTypes.min?"min: "+Math.min.apply(null,e):a.aggregationType===b.aggregationTypes.max?"max: "+Math.max.apply(null,e):null},c}])}(),function(){angular.module("ui.grid").factory("GridOptions",["gridUtil",function(a){function b(){this.onRegisterApi=angular.noop(),this.data=[],this.columnDefs=[],this.excludeProperties=["$$hashKey"],this.enableRowHashing=!0,this.rowIdentity=function(b){return a.hashKey(b)},this.getRowIdentity=function(a){return a.$$hashKey},this.headerRowHeight=30,this.rowHeight=30,this.maxVisibleRowCount=200,this.minRowsToShow=10,this.showFooter=!1,this.footerRowHeight=30,this.columnWidth=50,this.maxVisibleColumnCount=200,this.virtualizationThreshold=20,this.columnVirtualizationThreshold=10,this.excessRows=4,this.scrollThreshold=4,this.excessColumns=4,this.horizontalScrollThreshold=2,this.enableSorting=!0,this.enableFiltering=!1,this.enableColumnMenu=!0,this.enableScrollbars=!0,this.minimumColumnSize=10,this.rowEquality=function(a,b){return a===b},this.headerTemplate=null,this.footerTemplate=null,this.rowTemplate="ui-grid/ui-grid-row"}return b}])}(),function(){angular.module("ui.grid").factory("GridRenderContainer",["$log","gridUtil",function(a,b){function c(a,b,c){var d=this;d.name=a,d.grid=b,d.visibleRowCache=[],d.visibleColumnCache=[],d.renderedRows=[],d.renderedColumns=[],d.prevScrollTop=0,d.prevScrolltopPercentage=0,d.prevRowScrollIndex=0,d.prevScrollLeft=0,d.prevScrollleftPercentage=0,d.prevColumnScrollIndex=0,d.columnStyles="",d.viewportAdjusters=[],c&&angular.isObject(c)&&angular.extend(d,c),b.registerStyleComputation({priority:5,func:function(){return d.columnStyles}})}return c.prototype.reset=function(){this.visibleColumnCache.length=0,this.visibleRowCache.length=0,this.renderedRows.length=0,this.renderedColumns.length=0},c.prototype.minRowsToRender=function(){for(var a=this,b=0,c=0,d=a.getViewportHeight(),e=a.visibleRowCache.length-1;d>c&&e>=0;e--)c+=a.visibleRowCache[e].height,b++;return b},c.prototype.minColumnsToRender=function(){for(var a=this,b=this.getViewportWidth(),c=0,d=0,e=0;e<a.visibleColumnCache.length;e++){var f=a.visibleColumnCache[e];if(b>d)d+=f.drawnWidth,c++;else{for(var g=0,h=e;h>=e-c;h--)g+=a.visibleColumnCache[h].drawnWidth;b>g&&c++}}return c},c.prototype.getVisibleRowCount=function(){return this.visibleRowCache.length},c.prototype.registerViewportAdjuster=function(a){this.viewportAdjusters.push(a)},c.prototype.removeViewportAdjuster=function(a){var b=this.viewportAdjusters.indexOf(a);"undefined"!=typeof b&&void 0!==b&&this.viewportAdjusters.splice(b,1)},c.prototype.getViewportAdjustment=function(){var a=this,b={height:0,width:0};return a.viewportAdjusters.forEach(function(a){b=a.call(this,b)}),b},c.prototype.getViewportHeight=function(){var a=this,b=a.headerHeight?a.headerHeight:a.grid.headerHeight,c=a.grid.gridHeight-b-a.grid.footerHeight;"undefined"!=typeof a.horizontalScrollbarHeight&&void 0!==a.horizontalScrollbarHeight&&a.horizontalScrollbarHeight>0&&(c-=a.horizontalScrollbarHeight);var d=a.getViewportAdjustment();return c+=d.height},c.prototype.getViewportWidth=function(){var a=this,b=a.grid.gridWidth;"undefined"!=typeof a.grid.verticalScrollbarWidth&&void 0!==a.grid.verticalScrollbarWidth&&a.grid.verticalScrollbarWidth>0&&(b-=a.grid.verticalScrollbarWidth);var c=a.getViewportAdjustment();return b+=c.width},c.prototype.getHeaderViewportWidth=function(){var a=this,b=this.getViewportWidth();return"undefined"!=typeof a.grid.verticalScrollbarWidth&&void 0!==a.grid.verticalScrollbarWidth&&a.grid.verticalScrollbarWidth>0&&(b+=a.grid.verticalScrollbarWidth),b},c.prototype.getCanvasHeight=function(){var a=this,b=0;return a.visibleRowCache.forEach(function(a){b+=a.height}),"undefined"!=typeof a.grid.horizontalScrollbarHeight&&void 0!==a.grid.horizontalScrollbarHeight&&a.grid.horizontalScrollbarHeight>0&&(b-=a.grid.horizontalScrollbarHeight),b},c.prototype.getCanvasWidth=function(){var a=this,b=a.canvasWidth;return"undefined"!=typeof a.verticalScrollbarWidth&&void 0!==a.verticalScrollbarWidth&&a.verticalScrollbarWidth>0&&(b-=a.verticalScrollbarWidth),b},c.prototype.setRenderedRows=function(a){this.renderedRows.length=a.length;for(var b=0;b<a.length;b++)this.renderedRows[b]=a[b]},c.prototype.setRenderedColumns=function(a){this.renderedColumns.length=a.length;for(var b=0;b<a.length;b++)this.renderedColumns[b]=a[b];this.updateColumnOffset()},c.prototype.updateColumnOffset=function(){for(var a=0,b=0;b<this.currentFirstColumn;b++)a+=this.visibleColumnCache[b].drawnWidth;this.columnOffset=a},c.prototype.adjustScrollVertical=function(a,b,c){(this.prevScrollTop!==a||c)&&(a=this.getCanvasHeight()*b,this.adjustRows(a,b),this.prevScrollTop=a,this.prevScrolltopPercentage=b,this.grid.queueRefresh())},c.prototype.adjustScrollHorizontal=function(a,b,c){(this.prevScrollLeft!==a||c)&&(a=this.getCanvasWidth()*b,this.adjustColumns(a,b),this.prevScrollLeft=a,this.prevScrollleftPercentage=b,this.grid.queueRefresh())},c.prototype.adjustRows=function(a,b){var c=this,d=c.minRowsToRender(),e=c.visibleRowCache,f=e.length-d;c.maxRowIndex=f;c.prevRowScrollIndex;"undefined"!=typeof b&&null!==b||!a||(b=a/c.getCanvasHeight());var g=Math.ceil(Math.min(f,f*b));g>f&&(g=f);var h=[];if(e.length>c.grid.options.virtualizationThreshold){if(c.prevScrollTop<a&&g<c.prevRowScrollIndex+c.grid.options.scrollThreshold&&f>g)return;if(c.prevScrollTop>a&&g>c.prevRowScrollIndex-c.grid.options.scrollThreshold&&f>g)return;var i=Math.max(0,g-c.grid.options.excessRows),j=Math.min(e.length,g+d+c.grid.options.excessRows);h=[i,j]}else{var k=c.visibleRowCache.length;h=[0,Math.max(k,d+c.grid.options.excessRows)]}c.updateViewableRowRange(h),c.prevRowScrollIndex=g},c.prototype.adjustColumns=function(a,b){var c=this,d=c.minColumnsToRender(),e=c.visibleColumnCache,f=e.length-d;"undefined"!=typeof b&&null!==b||!a||(b=a/c.getCanvasWidth());var g=Math.ceil(Math.min(f,f*b));g>f&&(g=f);var h=[];if(e.length>c.grid.options.columnVirtualizationThreshold&&c.getCanvasWidth()>c.getViewportWidth()){if(c.prevScrollLeft<a&&g<c.prevColumnScrollIndex+c.grid.options.horizontalScrollThreshold&&f>g)return;if(c.prevScrollLeft>a&&g>c.prevColumnScrollIndex-c.grid.options.horizontalScrollThreshold&&f>g)return;var i=Math.max(0,g-c.grid.options.excessColumns),j=Math.min(e.length,g+d+c.grid.options.excessColumns);h=[i,j]}else{var k=c.visibleColumnCache.length;h=[0,Math.max(k,d+c.grid.options.excessColumns)]}c.updateViewableColumnRange(h),c.prevColumnScrollIndex=g},c.prototype.updateViewableRowRange=function(a){var b=this.visibleRowCache.slice(a[0],a[1]);this.currentTopRow=a[0],this.setRenderedRows(b)},c.prototype.updateViewableColumnRange=function(a){var b=this.visibleColumnCache.slice(a[0],a[1]);this.currentFirstColumn=a[0],this.setRenderedColumns(b)},c.prototype.rowStyle=function(a){var b=this,c={};if(0===a&&0!==b.currentTopRow){var d=b.currentTopRow*b.grid.options.rowHeight;c["margin-top"]=d+"px"}return 0!==b.currentFirstColumn&&(b.grid.isRTL()?c["margin-right"]=b.columnOffset+"px":c["margin-left"]=b.columnOffset+"px"),c},c.prototype.columnStyle=function(a){var b=this;if(0===a&&0!==b.currentFirstColumn){var c=b.columnOffset;return b.grid.isRTL()?{"margin-right":c+"px"}:{"margin-left":c+"px"}}return null},c.prototype.updateColumnWidths=function(){var a=this,c=[],d=[],e=0,f=a.getViewportWidth();"undefined"!=typeof a.grid.verticalScrollbarWidth&&void 0!==a.grid.verticalScrollbarWidth&&a.grid.verticalScrollbarWidth>0&&(f+=a.grid.verticalScrollbarWidth);var g,h=0,i=0,j="",k=a.visibleColumnCache;k.forEach(function(a){if(a.visible){var f=!1;angular.isNumber(a.width)||(f=isNaN(a.width)?b.endsWith(a.width,"%"):!1),angular.isString(a.width)&&-1!==a.width.indexOf("*")?(e=parseInt(e+a.width.length,10),c.push(a)):f?d.push(a):angular.isNumber(a.width)&&(h=parseInt(h+a.width,10),i=parseInt(i,10)+parseInt(a.width,10),a.drawnWidth=a.width)}});var l,m,n,o=f-h;if(d.length>0){for(l=0;l<d.length;l++){m=d[l];var p=parseInt(m.width.replace(/%/g,""),10)/100;n=parseInt(p*o,10),m.colDef.minWidth&&n<m.colDef.minWidth?(n=m.colDef.minWidth,o-=n,i+=n,m.drawnWidth=n,d.splice(l,1)):m.colDef.maxWidth&&n>m.colDef.maxWidth&&(n=m.colDef.maxWidth,o-=n,i+=n,m.drawnWidth=n,d.splice(l,1))}d.forEach(function(a){var b=parseInt(a.width.replace(/%/g,""),10)/100,c=parseInt(b*o,10);i+=c,a.drawnWidth=c})}if(c.length>0){var q=parseInt(o/e,10);for(l=0;l<c.length;l++)m=c[l],n=parseInt(q*m.width.length,10),m.colDef.minWidth&&n<m.colDef.minWidth?(n=m.colDef.minWidth,o-=n,e--,i+=n,m.drawnWidth=n,g=m,c.splice(l,1)):m.colDef.maxWidth&&n>m.colDef.maxWidth&&(n=m.colDef.maxWidth,o-=n,e--,i+=n,m.drawnWidth=n,c.splice(l,1));q=parseInt(o/e,10),c.forEach(function(a){var b=parseInt(q*a.width.length,10);i+=b,a.drawnWidth=b})}var r=f-parseInt(i,10);if(r>0&&i>0&&f>i){var s=!1;if(k.forEach(function(a){a.width&&!angular.isNumber(a.width)&&(s=!0)}),s)for(var t=function(a){r>0&&(a.drawnWidth=a.drawnWidth+1,i+=1,r--)};r>0;)k.forEach(t)}f>i&&(i=f),k.forEach(function(a){j+=a.getColClassDefinition()}),a.grid.verticalScrollbarWidth&&(i+=a.grid.verticalScrollbarWidth),a.canvasWidth=parseInt(i,10),this.columnStyles=j},c}])}(),function(){angular.module("ui.grid").factory("GridRow",["gridUtil",function(a){function b(b,c,d){this.grid=d,this.entity=b,this.index=c,this.uid=a.nextUid(),this.visible=!0,this.height=d.options.rowHeight,this.grid.api.core.setRowInvisible||this.grid.api.registerMethod("core","setRowInvisible",this.setRowInvisible),this.grid.api.core.clearRowInvisible||this.grid.api.registerMethod("core","clearRowInvisible",this.clearRowInvisible),this.grid.api.core.getVisibleRows||this.grid.api.registerMethod("core","getVisibleRows",this.getVisibleRows),this.grid.api.core.raise.rowsVisibleChanged||this.grid.api.registerEvent("core","rowsVisibleChanged")}return b.prototype.getQualifiedColField=function(a){return"row."+this.getEntityQualifiedColField(a)},b.prototype.getEntityQualifiedColField=function(b){return a.preEval("entity."+b.field)},b.prototype.setRowInvisible=function(a){null!==a&&(a.forceInvisible=!0,a.visible&&(a.visible=!1,a.grid.refresh(),a.grid.api.core.raise.rowsVisibleChanged()))},b.prototype.clearRowInvisible=function(a){null!==a&&(a.forceInvisible=!1,a.visible||(a.visible=!0,a.grid.refresh(),a.grid.api.core.raise.rowsVisibleChanged()))},b.prototype.getVisibleRows=function(a){return a.rows.filter(function(a){return a.visible})},b}])}(),function(){"use strict";angular.module("ui.grid").service("gridClassFactory",["gridUtil","$q","$compile","$templateCache","uiGridConstants","$log","Grid","GridColumn","GridRow",function(a,b,c,d,e,f,g){var h={createGrid:function(d){d="undefined"!=typeof d?d:{},d.id=a.newId();var e=new g(d);if(e.options.rowTemplate){var f=b.defer();e.getRowTemplateFn=f.promise,a.getTemplate(e.options.rowTemplate).then(function(a){var b=c(a);f.resolve(b)},function(){throw new Error("Couldn't fetch/use row template '"+e.options.rowTemplate+"'")})}return e.registerColumnBuilder(h.defaultColumnBuilder),e.registerRowsProcessor(function(a){return a.forEach(function(a){a.visible=!a.forceInvisible}),a}),e.registerColumnsProcessor(function(a){return a.forEach(function(a){a.visible=!0}),a}),e.registerColumnsProcessor(function(a){return a.forEach(function(a){a.colDef.visible===!1&&(a.visible=!1)}),a}),e.options.enableFiltering&&e.registerRowsProcessor(e.searchRows),e.registerRowsProcessor(e.options.externalSort&&angular.isFunction(e.options.externalSort)?e.options.externalSort:e.sortByColumn),e},defaultColumnBuilder:function(c,d){var f=[];return c.headerCellTemplate||(c.headerCellTemplate="ui-grid/uiGridHeaderCell"),c.cellTemplate||(c.cellTemplate="ui-grid/uiGridCell"),f.push(a.getTemplate(c.cellTemplate).then(function(a){d.cellTemplate=a.replace(e.CUSTOM_FILTERS,d.cellFilter?"|"+d.cellFilter:"")},function(){throw new Error("Couldn't fetch/use colDef.cellTemplate '"+c.cellTemplate+"'")})),f.push(a.getTemplate(c.headerCellTemplate).then(function(a){d.headerCellTemplate=a.replace(e.CUSTOM_FILTERS,d.headerCellFilter?"|"+d.headerCellFilter:"")},function(){throw new Error("Couldn't fetch/use colDef.headerCellTemplate '"+c.headerCellTemplate+"'")})),b.all(f)}};return h}])}(),function(){function a(a){return a.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}function b(){var a=function(b,c){return b&&a.cache[b]?a.cache[b]:b&&c?(a.cache[b]=c,a.cache[b]):void 0};return a.cache={},a.clear=function(){a.cache={}},a}var c=angular.module("ui.grid");c.service("rowSearcher",["$log","uiGridConstants",function(c,d){var e=d.filter.STARTS_WITH,f={};return f.getTerm=function(a){if("undefined"==typeof a.term)return a.term;var b=a.term;return"string"==typeof b&&(b=b.trim()),b},f.stripTerm=function(b){var c=f.getTerm(b);return"string"==typeof c?a(c.replace(/(^\*|\*$)/g,"")):c},f.guessCondition=function(a){if("undefined"==typeof a.term||!a.term)return e;var b=f.getTerm(a);if(/\*/.test(b)){var c="";a.flags&&a.flags.caseSensitive||(c+="i");var d=b.replace(/(\\)?\*/g,function(a,b){return b?a:"[\\s\\S]*?"});return new RegExp("^"+d+"$",c)}return e},f.runColumnFilter=function(a,b,c,e,g,h){var i=typeof h.condition;"undefined"!==i&&h.condition||(h.condition=d.filter.CONTAINS);var j=f.stripTerm(h);if(null===j||void 0===j||""===j)return!0;var k=a.getCellValue(b,c),l="";h.flags&&h.flags.caseSensitive||(l+="i");var m=c.field+g;if(h.condition instanceof RegExp){if(!h.condition.test(k))return!1}else{if("function"===i)return h.condition(j,k,b,c);if(h.condition===d.filter.STARTS_WITH){var n=e(m)?e(m):e(m,new RegExp("^"+j,l));if(!n.test(k))return!1}else if(h.condition===d.filter.ENDS_WITH){var o=e(m)?e(m):e(m,new RegExp(j+"$",l));if(!o.test(k))return!1}else if(h.condition===d.filter.CONTAINS){var p=e(m)?e(m):e(m,new RegExp(j,l));if(!p.test(k))return!1}else if(h.condition===d.filter.EXACT){var q=e(m)?e(m):e(m,new RegExp("^"+j+"$",l));if(!q.test(k))return!1}else if(h.condition===d.filter.GREATER_THAN){if(j>=k)return!1}else if(h.condition===d.filter.GREATER_THAN_OR_EQUAL){if(j>k)return!1}else if(h.condition===d.filter.LESS_THAN){if(k>=j)return!1}else if(h.condition===d.filter.LESS_THAN_OR_EQUAL){if(k>j)return!1}else if(h.condition===d.filter.NOT_EQUAL&&!angular.equals(k,j))return!1}return!0},f.searchColumn=function(a,b,c,d){var e=[];if(a.options.useExternalFiltering)return!0;if(!("undefined"!=typeof c.filters&&c.filters&&c.filters.length>0))return!0;e=c.filters;for(var g in e){var h=e[g];if(!h.condition){var i="cond-"+c.field+"-"+h.term,j=d(i)?d(i):d(i,f.guessCondition(h));h={term:h.term,condition:j,flags:angular.extend({caseSensitive:!1},h.flags)}}var k=f.runColumnFilter(a,b,c,d,g,h);if(!k)return!1}return!0},f.search=function(a,c,d){if(c){var e=new b,g=[];return d.forEach(function(a){"undefined"!=typeof a.filters&&a.filters.length>0?g.push(a):"undefined"!=typeof a.filter&&a.filter&&"undefined"!=typeof a.filter.term&&a.filter.term&&g.push(a)}),g.length>0&&(g.forEach(function(b){c.forEach(function(c){(c.forceInvisible||!f.searchColumn(a,c,b,e))&&(c.visible=!1)})}),a.api.core.raise.rowsVisibleChanged()),e.clear(),c -}},f}])}(),function(){var a=angular.module("ui.grid");a.service("rowSorter",["$parse","uiGridConstants",function(a,b){var c="("+b.CURRENCY_SYMBOLS.map(function(a){return"\\"+a}).join("|")+")?",d=(new RegExp("^[-+]?"+c+"[\\d,.]+"+c+"%?$"),{colSortFnCache:[]});return d.guessSortFn=function(a){switch(a){case"number":return d.sortNumber;case"boolean":return d.sortBool;case"string":return d.sortAlpha;case"date":return d.sortDate;case"object":return d.basicSort;default:throw new Error("No sorting function found for type:"+a)}},d.basicSort=function(a,b){return a===b?0:b>a?-1:1},d.sortNumber=function(a,b){return a-b},d.sortNumberStr=function(a,b){var c,d,e=!1,f=!1;return c=parseFloat(a.replace(/[^0-9.-]/g,"")),isNaN(c)&&(e=!0),d=parseFloat(b.replace(/[^0-9.-]/g,"")),isNaN(d)&&(f=!0),e&&f?0:e?1:f?-1:c-d},d.sortAlpha=function(a,b){var c=a.toLowerCase(),d=b.toLowerCase();return c===d?0:d>c?-1:1},d.sortDate=function(a,b){var c=a.getTime(),d=b.getTime();return c===d?0:d>c?-1:1},d.sortBool=function(a,b){return a&&b?0:a||b?a?1:-1:0},d.getSortFn=function(a,b){var c;return d.colSortFnCache[b.colDef.name]?c=d.colSortFnCache[b.colDef.name]:void 0!==b.sortingAlgorithm?(c=b.sortingAlgorithm,d.colSortFnCache[b.colDef.name]=b.sortingAlgorithm):(c=d.guessSortFn(b.colDef.type),c?d.colSortFnCache[b.colDef.name]=c:c=d.sortAlpha),c},d.prioritySort=function(a,b){return void 0!==a.sort.priority&&void 0!==b.sort.priority?a.sort.priority<b.sort.priority?-1:a.sort.priority===b.sort.priority?0:1:a.sort.priority?-1:b.sort.priority?1:0},d.sort=function(a,c,e){if(c){if(a.options.useExternalSorting)return c;var f=[];if(e.forEach(function(a){a.sort&&a.sort.direction&&(a.sort.direction===b.ASC||a.sort.direction===b.DESC)&&f.push(a)}),f=f.sort(d.prioritySort),0===f.length)return c;var g,h,i=c.slice(0);return c.sort(function(c,e){for(var j,k=0,l=0;0===k&&l<f.length;){g=f[l],h=f[l].sort.direction,j=d.getSortFn(a,g,i);var m=a.getCellValue(c,g),n=a.getCellValue(e,g);!m&&0!==m||!n&&0!==n?n||m?m?n||(k=-1):k=1:k=0:k=j(m,n),l++}return h===b.ASC?k:0-k})}},d}])}(),function(){function a(a){return a.ownerDocument.defaultView.getComputedStyle(a,null)}function b(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0,h=["Top","Right","Bottom","Left"];4>f;f+=2){var i=h[f];if("margin"===c){var j=parseFloat(e[c+i]);isNaN(j)||(g+=j)}if(d){if("content"===c){var k=parseFloat(e["padding"+i]);isNaN(k)||(g-=k)}if("margin"!==c){var l=parseFloat(e["border"+i+"Width"]);isNaN(l)||(g-=l)}}else{var m=parseFloat(e["padding"+i]);if(isNaN(m)||(g+=m),"padding"!==c){var n=parseFloat(e["border"+i+"Width"]);isNaN(n)||(g+=n)}}}return g}function c(c,d,f){var g=!0,h="width"===d?c.offsetWidth:c.offsetHeight,i=a(c),j="border-box"===i.boxSizing;if(0>=h||null==h){if(h=i[d],(0>h||null==h)&&(h=c.style[d]),e.test(h))return h;g=j&&!0,h=parseFloat(h)||0}var k=h+b(c,d,f||(j?"border":"content"),g,i);return k}var d=angular.module("ui.grid"),e=new RegExp("^("+/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source+")(?!px)[a-z%]+$","i"),f=/^(block|none|table(?!-c[ea]).+)/,g={position:"absolute",visibility:"hidden",display:"block"},h=["0","0","0"],i="uiGrid-";d.service("gridUtil",["$log","$window","$document","$http","$templateCache","$timeout","$injector","$q","uiGridConstants",function(b,d,e,j,k,l,m,n,o){var p={createBoundedWrapper:function(a,b){return function(){return b.apply(a,arguments)}},readableColumnName:function(a){return"undefined"==typeof a||void 0===a||null===a?a:("string"!=typeof a&&(a=String(a)),a.replace(/_+/g," ").replace(/^[A-Z]+$/,function(a){return angular.lowercase(angular.uppercase(a.charAt(0))+a.slice(1))}).replace(/(\w+)/g,function(a){return angular.uppercase(a.charAt(0))+a.slice(1)}).replace(/(\w+?(?=[A-Z]))/g,"$1 "))},getColumnsFromData:function(a,b){var c=[];if(!a||"undefined"==typeof a[0]||void 0===a[0])return[];angular.isUndefined(b)&&(b=[]);var d=a[0];return angular.forEach(d,function(a,d){-1===b.indexOf(d)&&c.push({name:d})}),c},newId:function(){var a=(new Date).getTime();return function(){return a+=1}}(),getTemplate:function(a){if(k.get(a))return n.when(k.get(a));if(a.hasOwnProperty("then"))return a;try{if(angular.element(a).length>0)return n.when(a)}catch(c){}return b.debug("Fetching url",a),j({method:"GET",url:a}).then(function(b){var c=b.data.trim();return k.put(a,c),c},function(b){throw new Error("Could not get template "+a+": "+b)})},guessType:function(a){var b=typeof a;switch(b){case"number":case"boolean":case"string":return b;default:return angular.isDate(a)?"date":"object"}},elementWidth:function(){},elementHeight:function(){},getScrollbarWidth:function(){var a=document.createElement("div");a.style.visibility="hidden",a.style.width="100px",a.style.msOverflowStyle="scrollbar",document.body.appendChild(a);var b=a.offsetWidth;a.style.overflow="scroll";var c=document.createElement("div");c.style.width="100%",a.appendChild(c);var d=c.offsetWidth;return a.parentNode.removeChild(a),b-d},swap:function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e},fakeElement:function(a,b,c){var d,e,f=angular.element(a).clone()[0];for(e in b)f.style[e]=b[e];return angular.element(document.body).append(f),d=c.call(f,f),angular.element(f).remove(),d},normalizeWheelEvent:function(a){var b,c,d,e=a||window.event,f=([].slice.call(arguments,1),0),g=0,h=0,i=0,j=0;return e.originalEvent&&(e=e.originalEvent),e.wheelDelta&&(f=e.wheelDelta),e.detail&&(f=-1*e.detail),h=f,void 0!==e.axis&&e.axis===e.HORIZONTAL_AXIS&&(h=0,g=-1*f),e.deltaY&&(h=-1*e.deltaY,f=h),e.deltaX&&(g=e.deltaX,f=-1*g),void 0!==e.wheelDeltaY&&(h=e.wheelDeltaY),void 0!==e.wheelDeltaX&&(g=e.wheelDeltaX),i=Math.abs(f),(!b||b>i)&&(b=i),j=Math.max(Math.abs(h),Math.abs(g)),(!c||c>j)&&(c=j),d=f>0?"floor":"ceil",f=Math[d](f/b),g=Math[d](g/c),h=Math[d](h/c),{delta:f,deltaX:g,deltaY:h}},isTouchEnabled:function(){var a;return("ontouchstart"in d||d.DocumentTouch&&e instanceof DocumentTouch)&&(a=!0),a},isNullOrUndefined:function(a){return void 0===a||null===a?!0:!1},endsWith:function(a,b){return a&&b&&"string"==typeof a?-1!==a.indexOf(b,a.length-b.length):!1},requestAnimationFrame:d.requestAnimationFrame&&d.requestAnimationFrame.bind(d)||d.webkitRequestAnimationFrame&&d.webkitRequestAnimationFrame.bind(d)||function(a){return l(a,10,!1)},numericAndNullSort:function(a,b){return null===a?1:null===b?-1:null===a&&null===b?0:a-b},disableAnimations:function(a){var b;try{b=m.get("$animate"),b.enabled(!1,a)}catch(c){}},enableAnimations:function(a){var b;try{b=m.get("$animate"),b.enabled(!0,a)}catch(c){}},nextUid:function(){for(var a,b=h.length;b;){if(b--,a=h[b].charCodeAt(0),57===a)return h[b]="A",i+h.join("");if(90!==a)return h[b]=String.fromCharCode(a+1),i+h.join("");h[b]="0"}return h.unshift("0"),i+h.join("")},hashKey:function(a){var b,c=typeof a;return"object"===c&&null!==a?"function"==typeof(b=a.$$hashKey)?b=a.$$hashKey():"undefined"!=typeof a.$$hashKey&&a.$$hashKey?b=a.$$hashKey:void 0===b&&(b=a.$$hashKey=p.nextUid()):b=a,c+":"+b}};return["width","height"].forEach(function(b){var d=angular.uppercase(b.charAt(0))+b.substr(1);p["element"+d]=function(d,e){var h=d;if("undefined"!=typeof h.length&&h.length&&(h=d[0]),h){var i=a(h);return 0===h.offsetWidth&&f.test(i.display)?p.fakeElement(h,g,function(a){return c(a,b,e)}):c(h,b,e)}return null},p["outerElement"+d]=function(a,b){return a?p["element"+d].call(this,a,b?"margin":"border"):null}}),p.closestElm=function(a,b){"undefined"!=typeof a.length&&a.length&&(a=a[0]);var c;["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"].some(function(a){return"function"==typeof document.body[a]?(c=a,!0):!1});for(var d;null!==a;){if(d=a.parentElement,null!==d&&d[c](b))return d;a=d}return null},p.type=function(a){var b=Function.prototype.toString.call(a.constructor);return b.match(/function (.*?)\(/)[1]},p.getBorderSize=function(b,c){"undefined"!=typeof b.length&&b.length&&(b=b[0]);var d=a(b);c=c?"border-"+c:"border";var e=parseInt(d[c],10);return isNaN(e)?0:e},p.detectBrowser=function(){var a=d.navigator.userAgent,b={chrome:/chrome/i,safari:/safari/i,firefox:/firefox/i,ie:/internet explorer|trident\//i};for(var c in b)if(b[c].test(a))return c;return"unknown"},p.normalizeScrollLeft=function(a){"undefined"!=typeof a.length&&a.length&&(a=a[0]);var b=p.detectBrowser(),c=a.scrollLeft,d=angular.element(a).css("direction");if("ie"===b)return c;if("chrome"===b){if("rtl"===d){var e=a.scrollWidth-a.clientWidth;return e-c}return c}return"firefox"===b?Math.abs(c):c},p.denormalizeScrollLeft=function(a,b){"undefined"!=typeof a.length&&a.length&&(a=a[0]);var c=p.detectBrowser(),d=angular.element(a).css("direction");if("ie"===c)return b;if("chrome"===c){if("rtl"===d){var e=a.scrollWidth-a.clientWidth;return e-b}return b}return"firefox"===c&&"rtl"===d?-1*b:b},p.preEval=function(a){var b=o.BRACKET_REGEXP.exec(a);if(b)return(b[1]?p.preEval(b[1]):b[1])+b[2]+(b[3]?p.preEval(b[3]):b[3]);a=a.replace(o.APOS_REGEXP,"\\'");var c=a.split(o.DOT_REGEXP),d=[c.shift()];return angular.forEach(c,function(a){d.push(a.replace(o.FUNC_REGEXP,"']$1"))}),d.join("['")},p.debounce=function(a,b,c){function d(){g=this,f=arguments;var d=function(){e=null,c||(h=a.apply(g,f))},i=c&&!e;return e&&l.cancel(e),e=l(d,b),i&&(h=a.apply(g,f)),h}var e,f,g,h;return d.cancel=function(){l.cancel(e),e=null},d},p}]),d.filter("px",function(){return function(a){return a.match(/^[\d\.]+$/)?a+"px":a}})}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("da",{aggregate:{label:"artikler"},groupPanel:{description:"Grupér rækker udfra en kolonne ved at trække dens overskift hertil."},search:{placeholder:"Søg...",showingItems:"Viste rækker:",selectedItems:"Valgte rækker:",totalItems:"Rækker totalt:",size:"Side størrelse:",first:"Første side",next:"Næste side",previous:"Forrige side",last:"Sidste side"},menu:{text:"Vælg kolonner:"},column:{hide:"Skjul kolonne"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("de",{aggregate:{label:"eintrag"},groupPanel:{description:"Ziehen Sie eine Spaltenüberschrift hierhin um nach dieser Spalte zu gruppieren."},search:{placeholder:"Suche...",showingItems:"Zeige Einträge:",selectedItems:"Ausgewählte Einträge:",totalItems:"Einträge gesamt:",size:"Einträge pro Seite:",first:"Erste Seite",next:"Nächste Seite",previous:"Vorherige Seite",last:"Letzte Seite"},menu:{text:"Spalten auswählen:"},column:{hide:"Spalte ausblenden"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("en",{aggregate:{label:"items"},groupPanel:{description:"Drag a column header here and drop it to group by that column."},search:{placeholder:"Search...",showingItems:"Showing Items:",selectedItems:"Selected Items:",totalItems:"Total Items:",size:"Page Size:",first:"First Page",next:"Next Page",previous:"Previous Page",last:"Last Page"},menu:{text:"Choose Columns:"},sort:{ascending:"Sort Ascending",descending:"Sort Descending",remove:"Remove Sort"},column:{hide:"Hide Column"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("es",{aggregate:{label:"Artículos"},groupPanel:{description:"Arrastre un encabezado de columna aquí y soltarlo para agrupar por esa columna."},search:{placeholder:"Buscar...",showingItems:"Artículos Mostrando:",selectedItems:"Artículos Seleccionados:",totalItems:"Artículos Totales:",size:"Tamaño de Página:",first:"Primera Página",next:"Página Siguiente",previous:"Página Anterior",last:"Última Página"},menu:{text:"Elegir columnas:"},column:{hide:"Ocultar la columna"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("fa",{aggregate:{label:"موردها"},groupPanel:{description:"یک عنوان ستون اینجا را بردار و به گروهی از آن ستون بیانداز."},search:{placeholder:"جستجو...",showingItems:"نمایش موردها:",selectedItems:"موردهای انتخابشده:",totalItems:"همهٔ موردها:",size:"اندازهٔ صفحه:",first:"صفحهٔ اول",next:"صفحهٔ بعد",previous:"صفحهٔ قبل",last:"آخرین صفحه"},menu:{text:"انتخاب ستونها:"},column:{hide:"ستون پنهان کن"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("fr",{aggregate:{label:"articles"},groupPanel:{description:"Faites glisser un en-tête de colonne ici et déposez-le vers un groupe par cette colonne."},search:{placeholder:"Recherche...",showingItems:"Articles Affichage des:",selectedItems:"Éléments Articles:",totalItems:"Nombre total d'articles:",size:"Taille de page:",first:"Première page",next:"Page Suivante",previous:"Page précédente",last:"Dernière page"},menu:{text:"Choisir des colonnes:"},column:{hide:"Colonne de peau"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("he",{aggregate:{label:"items"},groupPanel:{description:"גרור עמודה לכאן ושחרר בכדי לקבץ עמודה זו."},search:{placeholder:"חפש...",showingItems:"מציג:",selectedItems:'סה"כ נבחרו:',totalItems:'סה"כ רשומות:',size:"תוצאות בדף:",first:"דף ראשון",next:"דף הבא",previous:"דף קודם",last:"דף אחרון"},menu:{text:"בחר עמודות:"},sort:{ascending:"סדר עולה",descending:"סדר יורד",remove:"בטל"},column:{hide:"טור הסתר"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("nl",{aggregate:{label:"items"},groupPanel:{description:"Sleep hier een kolomnaam heen om op te groeperen."},search:{placeholder:"Zoeken...",showingItems:"Getoonde items:",selectedItems:"Geselecteerde items:",totalItems:"Totaal aantal items:",size:"Items per pagina:",first:"Eerste pagina",next:"Volgende pagina",previous:"Vorige pagina",last:"Laatste pagina"},menu:{text:"Kies kolommen:"},sort:{ascending:"Sorteer oplopend",descending:"Sorteer aflopend",remove:"Verwijder sortering"},column:{hide:"Kolom te verbergen"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("pt-br",{aggregate:{label:"itens"},groupPanel:{description:"Arraste e solte uma coluna aqui para agrupar por essa coluna"},search:{placeholder:"Procurar...",showingItems:"Mostrando os Itens:",selectedItems:"Items Selecionados:",totalItems:"Total de Itens:",size:"Tamanho da Página:",first:"Primeira Página",next:"Próxima Página",previous:"Página Anterior",last:"Última Página"},menu:{text:"Selecione as colunas:"},column:{hide:"Esconder coluna"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("ru",{aggregate:{label:"элементы"},groupPanel:{description:"Для группировки по столбцу перетащите сюда его название."},search:{placeholder:"Поиск...",showingItems:"Показать элементы:",selectedItems:"Выбранные элементы:",totalItems:"Всего элементов:",size:"Размер страницы:",first:"Первая страница",next:"Следующая страница",previous:"Предыдущая страница",last:"Последняя страница"},menu:{text:"Выбрать столбцы:"},sort:{ascending:"По возрастанию",descending:"По убыванию",remove:"Убрать сортировку"},column:{hide:"спрятать столбец"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("sk",{aggregate:{label:"items"},groupPanel:{description:"Pretiahni sem názov stĺpca pre zoskupenie podľa toho stĺpca."},search:{placeholder:"Hľadaj...",showingItems:"Zobrazujem položky:",selectedItems:"Vybraté položky:",totalItems:"Počet položiek:",size:"Počet:",first:"Prvá strana",next:"Ďalšia strana",previous:"Predchádzajúca strana",last:"Posledná strana"},menu:{text:"Vyberte stĺpce:"},sort:{ascending:"Zotriediť vzostupne",descending:"Zotriediť zostupne",remove:"Vymazať triedenie"}}),a}])}])}(),function(){var a=["uiT","uiTranslate"],b=["t","uiTranslate"],c=angular.module("ui.grid.i18n");c.constant("i18nConstants",{MISSING:"[MISSING]",UPDATE_EVENT:"$uiI18n",LOCALE_DIRECTIVE_ALIAS:"uiI18n",DEFAULT_LANG:"en"}),c.service("i18nService",["$log","i18nConstants","$rootScope",function(a,b,c){var d={_langs:{},current:null,get:function(a){return this._langs[a.toLowerCase()]},add:function(a,b){var c=a.toLowerCase();this._langs[c]||(this._langs[c]={}),angular.extend(this._langs[c],b)},getAllLangs:function(){var a=[];if(!this._langs)return a;for(var b in this._langs)a.push(b);return a},setCurrent:function(a){this.current=a.toLowerCase()},getCurrentLang:function(){return this.current}},e={add:function(a,b){"object"==typeof a?angular.forEach(a,function(a){a&&d.add(a,b)}):d.add(a,b)},getAllLangs:function(){return d.getAllLangs()},get:function(a){var b=a?a:e.getCurrentLang();return d.get(b)},getSafeText:function(a,c){var f=c?c:e.getCurrentLang(),g=d.get(f);if(!g)return b.MISSING;for(var h=a.split("."),i=g,j=0;j<h.length;++j){if(void 0===i[h[j]]||null===i[h[j]])return b.MISSING;i=i[h[j]]}return i},setCurrentLang:function(a){a&&(d.setCurrent(a),c.$broadcast(b.UPDATE_EVENT))},getCurrentLang:function(){var a=d.getCurrentLang();return a||(a=b.DEFAULT_LANG,d.setCurrent(a)),a}};return e}]);var d=function(a,b){return{compile:function(){return{pre:function(c,d,e){var f=b.LOCALE_DIRECTIVE_ALIAS,g=c.$eval(e[f]);g?c.$watch(e[f],function(){a.setCurrentLang(g)}):e.$$observers&&e.$observe(f,function(){a.setCurrentLang(e[f]||b.DEFAULT_LANG)})}}}}};c.directive("uiI18n",["i18nService","i18nConstants",d]);var e=function(b,c,d){return{restrict:"EA",compile:function(){return{pre:function(e,f,g){var h,i=a[0],j=a[1],k=g[i]||g[j]||f.html(),l=d.MISSING+k;if(g.$$observers){var m=g[i]?i:j;h=g.$observe(m,function(a){a&&f.html(b(a)(c.getCurrentLang())||l)})}var n=b(k),o=e.$on(d.UPDATE_EVENT,function(){h?h(g[i]||g[j]):f.html(n(c.get())||l)});e.$on("$destroy",o),f.html(n(c.get())||l)}}}}};a.forEach(function(a){c.directive(a,["$parse","i18nService","i18nConstants",e])});var f=function(a,b,c){return function(d){var e=a(d);return e(b.get())||c.MISSING+d}};b.forEach(function(a){c.filter(a,["$parse","i18nService","i18nConstants",f])})}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("zh-cn",{aggregate:{label:"条目"},groupPanel:{description:"拖曳表头到此处以进行分组"},search:{placeholder:"搜索...",showingItems:"当前显示条目：",selectedItems:"选中条目：",totalItems:"条目总数：",size:"每页显示数：",first:"回到首页",next:"下一页",previous:"上一页",last:"前往尾页"},menu:{text:"数据分组与选择列："},column:{hide:"隐藏列"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("zh-tw",{aggregate:{label:"筆"},groupPanel:{description:"拖拉表頭到此處以進行分組"},search:{placeholder:"搜尋...",showingItems:"目前顯示筆數：",selectedItems:"選取筆數：",totalItems:"總筆數：",size:"每頁顯示：",first:"第一頁",next:"下一頁",previous:"上一頁",last:"最後頁"},menu:{text:"選擇欄位："},column:{hide:"隐藏列"}}),a}])}])}(),function(){"use strict";var a=angular.module("ui.grid.autoResize",["ui.grid"]);a.directive("uiGridAutoResize",["$log","$timeout","gridUtil",function(a,b,c){return{require:"uiGrid",scope:!1,link:function(a,d,e,f){function g(){j=c.elementHeight(d),i=c.elementWidth(d)}function h(){b.cancel(k),k=b(function(){var a=c.elementHeight(d),b=c.elementWidth(d);a!==j||b!==i?(f.grid.gridHeight=a,f.grid.gridWidth=b,f.grid.queueRefresh().then(function(){g(),h()})):h()},250)}var i,j;g();var k;h(),a.$on("$destroy",function(){b.cancel(k)})}}}])}(),function(){"use strict";function a(a,b){this.row=a,this.col=b}var b=angular.module("ui.grid.cellNav",["ui.grid"]);b.constant("uiGridCellNavConstants",{FEATURE_NAME:"gridCellNav",CELL_NAV_EVENT:"cellNav",direction:{LEFT:0,RIGHT:1,UP:2,DOWN:3}}),b.service("uiGridCellNavService",["$log","uiGridConstants","uiGridCellNavConstants","$q",function(b,c,d,e){var f={initializeGrid:function(a){a.registerColumnBuilder(f.cellNavColumnBuilder),a.cellNav={},a.cellNav.lastRowCol=null;var b={events:{cellNav:{navigate:function(){}}},methods:{cellNav:{scrollTo:function(a,b,c,d){f.scrollTo(a,b,c,d)},getFocusedCell:function(){return a.cellNav.lastRowCol}}}};a.api.registerEventsFromObject(b.events),a.api.registerMethodsFromObject(b.methods)},getDirection:function(a){return a.keyCode===c.keymap.LEFT||a.keyCode===c.keymap.TAB&&a.shiftKey?d.direction.LEFT:a.keyCode===c.keymap.RIGHT||a.keyCode===c.keymap.TAB?d.direction.RIGHT:a.keyCode===c.keymap.UP||a.keyCode===c.keymap.ENTER&&a.shiftKey?d.direction.UP:a.keyCode===c.keymap.DOWN||a.keyCode===c.keymap.ENTER?d.direction.DOWN:null},getNextRowCol:function(a,b,c,e){switch(a){case d.direction.LEFT:return f.getRowColLeft(b.rows,b.columns,c,e);case d.direction.RIGHT:return f.getRowColRight(b.rows,b.columns,c,e);case d.direction.UP:return f.getRowColUp(b.rows,b.columns,c,e);case d.direction.DOWN:return f.getRowColDown(b.rows,b.columns,c,e)}},getRowColLeft:function(b,c,d,e){var g=f.getNextColIndexLeft(c,e);return g>e.index?0===d.index?new a(d,c[g]):new a(b[d.index-1],c[g]):new a(d,c[g])},getRowColRight:function(b,c,d,e){var g=f.getNextColIndexRight(c,e);return g<e.index?d.index===b.length-1?new a(d,c[g]):new a(b[d.index+1],c[g]):new a(d,c[g])},getNextColIndexLeft:function(a,b){for(var c=0===b.index?a.length-1:b.index-1;c!==b.index&&!a[c].colDef.allowCellFocus;)c--,-1===c&&(c=a.length-1);return c},getNextColIndexRight:function(a,b){for(var c=b.index===a.length-1?0:b.index+1;c!==b.index&&!a[c].colDef.allowCellFocus;)c++,c>a.length-1&&(c=0);return c},getRowColUp:function(b,c,d,e){var g=e.colDef.allowCellFocus?e.index:f.getNextColIndexRight(c,e);return 0===d.index?new a(d,c[g]):new a(b[d.index-1],c[g])},getRowColDown:function(b,c,d,e){var g=e.colDef.allowCellFocus?e.index:f.getNextColIndexRight(c,e);return d.index===b.length-1?new a(d,c[g]):new a(b[d.index+1],c[g])},cellNavColumnBuilder:function(a){var b=[];return a.allowCellFocus=void 0===a.allowCellFocus?!0:a.allowCellFocus,e.all(b)},scrollTo:function(a,b,d,e){var f={};if(null!==d){var g=a.getRow(d);g&&(f.y={percentage:g.index/a.renderContainers.body.visibleRowCache.length})}if(null!==e){var h=a.getColumn(e.name?e.name:e.field);h&&(f.x={percentage:this.getLeftWidth(a,h.index)/this.getLeftWidth(a,a.renderContainers.body.visibleColumnCache.length-1)})}(f.y||f.x)&&b.$broadcast(c.events.GRID_SCROLL,f)},getLeftWidth:function(a,b){var c=0;if(b){for(var d=0;b>=d;d++)a.renderContainers.body.visibleColumnCache[d].drawnWidth&&(c+=a.renderContainers.body.visibleColumnCache[d].drawnWidth);return c}}};return f}]),b.directive("uiGridCellnav",["$log","uiGridCellNavService","uiGridCellNavConstants",function(b,c,d){return{replace:!0,priority:-150,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(b,e,f,g){var h=g.grid;c.initializeGrid(h),g.cellNav={},g.cellNav.broadcastCellNav=function(a){b.$broadcast(d.CELL_NAV_EVENT,a),g.cellNav.broadcastFocus(a.row,a.col)},g.cellNav.broadcastFocus=function(b,c){if(null===h.cellNav.lastRowCol||h.cellNav.lastRowCol.row!==b||h.cellNav.lastRowCol.col!==c){var d=new a(b,c);h.api.cellNav.raise.navigate(d,h.cellNav.lastRowCol),h.cellNav.lastRowCol=d}}},post:function(){}}}}}]),b.directive("uiGridCell",["uiGridCellNavService","$log","uiGridCellNavConstants",function(a,b,c){return{priority:-150,restrict:"A",require:"^uiGrid",scope:!1,link:function(b,d,e,f){function g(){d.find("div").attr("tabindex",-1)}function h(){var a=d.find("div");a[0].focus(),a.attr("tabindex",0)}b.col.colDef.allowCellFocus&&(g(),d.on("keydown",function(c){var d=a.getDirection(c);if(null===d)return!0;var e=a.getNextRowCol(d,b.grid,b.row,b.col);return f.cellNav.broadcastCellNav(e),g(),!1}),d.find("div").on("focus",function(){f.cellNav.broadcastFocus(b.row,b.col)}),b.$on(c.CELL_NAV_EVENT,function(a,c){c.row===b.row&&c.col===b.col&&h()}))}}}])}(),function(){"use strict";var a=angular.module("ui.grid.edit",["ui.grid"]);a.constant("uiGridEditConstants",{EDITABLE_CELL_TEMPLATE:/EDITABLE_CELL_TEMPLATE/g,EDITABLE_CELL_DIRECTIVE:/editable_cell_directive/g,events:{BEGIN_CELL_EDIT:"uiGridEventBeginCellEdit",END_CELL_EDIT:"uiGridEventEndCellEdit",CANCEL_CELL_EDIT:"uiGridEventCancelCellEdit"}}),a.service("uiGridEditService",["$log","$q","$templateCache","uiGridConstants","gridUtil",function(a,b,c,d,e){var f={initializeGrid:function(a){f.defaultGridOptions(a.options),a.registerColumnBuilder(f.editColumnBuilder);var b={events:{edit:{afterCellEdit:function(){},beginCellEdit:function(){},cancelCellEdit:function(){}}},methods:{edit:{}}};a.api.registerEventsFromObject(b.events)},defaultGridOptions:function(a){a.cellEditableCondition=void 0===a.cellEditableCondition?!0:a.cellEditableCondition,a.enableCellEditOnFocus=void 0===a.enableCellEditOnFocus?!1:a.enableCellEditOnFocus},editColumnBuilder:function(a,c,d){var f=[];return a.enableCellEdit=void 0===a.enableCellEdit?void 0===d.enableCellEdit?"object"!==a.type:d.enableCellEdit:a.enableCellEdit,a.cellEditableCondition=void 0===a.cellEditableCondition?d.cellEditableCondition:a.cellEditableCondition,a.enableCellEdit&&(a.editableCellTemplate=a.editableCellTemplate||d.editableCellTemplate||"ui-grid/cellEditor",f.push(e.getTemplate(a.editableCellTemplate).then(function(a){c.editableCellTemplate=a},function(){throw new Error("Couldn't fetch/use colDef.editableCellTemplate '"+a.editableCellTemplate+"'")}))),a.enableCellEditOnFocus=void 0===a.enableCellEditOnFocus?d.enableCellEditOnFocus:a.enableCellEditOnFocus,b.all(f)},isStartEditKey:function(a){return a.keyCode===d.keymap.LEFT||a.keyCode===d.keymap.TAB&&a.shiftKey||a.keyCode===d.keymap.RIGHT||a.keyCode===d.keymap.TAB||a.keyCode===d.keymap.UP||a.keyCode===d.keymap.ENTER&&a.shiftKey||a.keyCode===d.keymap.DOWN||a.keyCode===d.keymap.ENTER?!1:!0}};return f}]),a.directive("uiGridEdit",["$log","uiGridEditService",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(a,c,d,e){b.initializeGrid(e.grid)},post:function(){}}}}}]),a.directive("uiGridCell",["$compile","uiGridConstants","uiGridEditConstants","$log","$parse","uiGridEditService",function(a,b,c,d,e,f){return{priority:-100,restrict:"A",scope:!1,link:function(d,g){function h(){g.on("dblclick",m),g.on("keydown",k),d.col.colDef.enableCellEditOnFocus&&g.find("div").on("focus",j)}function i(){g.off("dblclick",m),g.off("keydown",k),d.col.colDef.enableCellEditOnFocus&&g.find("div").off("focus",j)}function j(a){a.stopPropagation(),m()}function k(a){f.isStartEditKey(a)&&m()}function l(a,b){return!b.isSaving&&(angular.isFunction(a.colDef.cellEditableCondition)?a.colDef.cellEditableCondition(d):a.colDef.cellEditableCondition)}function m(){if(l(d.col,d.row)){r=e(d.row.getQualifiedColField(d.col)),q=r(d),p=d.col.editableCellTemplate,p=p.replace(b.COL_FIELD,d.row.getQualifiedColField(d.col));var f=d.col.colDef.editDropdownFilter?"|"+d.col.colDef.editDropdownFilter:"";switch(p=p.replace(b.CUSTOM_FILTERS,f),d.inputType="text",d.col.colDef.type){case"boolean":d.inputType="checkbox";break;case"number":d.inputType="number";break;case"date":d.inputType="date"}d.editDropdownOptionsArray=d.col.colDef.editDropdownOptionsArray,d.editDropdownIdLabel=d.col.colDef.editDropdownIdLabel?d.col.colDef.editDropdownIdLabel:"id",d.editDropdownValueLabel=d.col.colDef.editDropdownValueLabel?d.col.colDef.editDropdownValueLabel:"value";var h;d.$apply(function(){s=!0,i(),h=a(p)(d.$new());var b=angular.element(g.children()[0]);t=b.hasClass(":focus"),b.addClass("ui-grid-cell-contents-hidden"),g.append(h)});var j=d.$on(b.events.GRID_SCROLL,function(){n(!0),d.grid.api.edit.raise.afterCellEdit(d.row.entity,d.col.colDef,r(d),q),j()}),k=d.$on(c.events.END_CELL_EDIT,function(a,b){n(b),d.grid.api.edit.raise.afterCellEdit(d.row.entity,d.col.colDef,r(d),q),k()}),m=d.$on(c.events.CANCEL_CELL_EDIT,function(){o(),m()});d.$broadcast(c.events.BEGIN_CELL_EDIT),d.grid.api.edit.raise.beginCellEdit(d.row.entity,d.col.colDef)}}function n(a){if(s){var b=angular.element(g.children()[0]);angular.element(g.children()[1]).remove(),b.removeClass("ui-grid-cell-contents-hidden"),a&&t&&b.focus(),t=!1,s=!1,h()}}function o(){s&&(r.assign(d,q),d.$apply(),d.grid.api.edit.raise.cancelCellEdit(d.row.entity,d.col.colDef),n(!0))}if(d.col.colDef.enableCellEdit){var p,q,r,s=!1,t=!1;h()}}}}]),a.directive("uiGridEditor",["uiGridConstants","uiGridEditConstants",function(a,b){return{scope:!0,compile:function(){return{pre:function(){},post:function(c,d){c.$on(b.events.BEGIN_CELL_EDIT,function(){d[0].focus(),d[0].select(),d.on("blur",function(a){c.stopEdit(a)})}),c.deepEdit=!1,c.stopEdit=function(a){c.inputForm&&!c.inputForm.$valid?(a.stopPropagation(),c.$emit(b.events.CANCEL_CELL_EDIT)):c.$emit(b.events.END_CELL_EDIT),c.deepEdit=!1},d.on("click",function(){c.deepEdit=!0}),d.on("keydown",function(d){switch(d.keyCode){case a.keymap.ESC:d.stopPropagation(),c.$emit(b.events.CANCEL_CELL_EDIT);break;case a.keymap.ENTER:c.stopEdit(d);break;case a.keymap.TAB:c.stopEdit(d)}if(c.deepEdit)switch(d.keyCode){case a.keymap.LEFT:d.stopPropagation();break;case a.keymap.RIGHT:d.stopPropagation();break;case a.keymap.UP:d.stopPropagation();break;case a.keymap.DOWN:d.stopPropagation()}return!0})}}}}}]),a.directive("input",["$filter",function(a){function b(a){if("undefined"==typeof a||""===a)return null;var b=a.split("-");if(3!==b.length)return null;var c=parseInt(b[0],10),d=parseInt(b[1],10),e=parseInt(b[2],10);return 1>d||1>c||1>e?null:new Date(c,d-1,e)}return{restrict:"E",require:"?ngModel",link:function(c,d,e,f){2===angular.version.minor&&e.type&&"date"===e.type&&f&&(f.$formatters.push(function(b){return f.$setValidity(null,!b||!isNaN(b.getTime())),a("date")(b,"yyyy-MM-dd")}),f.$parsers.push(function(a){if(a&&a.length>0){var c=b(a);return f.$setValidity(null,c&&!isNaN(c.getTime())),c}return f.$setValidity(null,!0),null}))}}}]),a.directive("uiGridEditDropdown",["uiGridConstants","uiGridEditConstants",function(a,b){return{scope:!0,compile:function(){return{pre:function(){},post:function(c,d){c.$on(b.events.BEGIN_CELL_EDIT,function(){d[0].focus(),d[0].style.width=d[0].parentElement.offsetWidth-1+"px",d.on("blur",function(a){c.stopEdit(a)})}),c.stopEdit=function(){c.$emit(b.events.END_CELL_EDIT)},d.on("keydown",function(d){switch(d.keyCode){case a.keymap.ESC:d.stopPropagation(),c.$emit(b.events.CANCEL_CELL_EDIT);break;case a.keymap.ENTER:c.stopEdit(d);break;case a.keymap.LEFT:c.stopEdit(d);break;case a.keymap.RIGHT:c.stopEdit(d);break;case a.keymap.UP:d.stopPropagation();break;case a.keymap.DOWN:d.stopPropagation();break;case a.keymap.TAB:c.stopEdit(d)}return!0})}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.expandable",["ui.grid"]);a.service("uiGridExpandableService",["gridUtil","$log","$compile",function(){var a={initializeGrid:function(b){var c={events:{expandable:{rowExpandedStateChanged:function(){}}},methods:{expandable:{toggleRowExpansion:function(c){var d=b.getRow(c);null!==d&&a.toggleRowExpansion(b,d)},expandAllRows:function(){a.expandAllRows(b)},collapseAllRows:function(){a.collapseAllRows(b)}}}};b.api.registerEventsFromObject(c.events),b.api.registerMethodsFromObject(c.methods)},toggleRowExpansion:function(a,b){b.isExpanded=!b.isExpanded,b.height=b.isExpanded?b.grid.options.rowHeight+a.options.expandable.expandableRowHeight:b.grid.options.rowHeight,a.api.expandable.raise.rowExpandedStateChanged(b)},expandAllRows:function(b){angular.forEach(b.renderContainers.body.visibleRowCache,function(c){c.isExpanded||a.toggleRowExpansion(b,c)}),b.refresh()},collapseAllRows:function(b){angular.forEach(b.renderContainers.body.visibleRowCache,function(c){c.isExpanded&&a.toggleRowExpansion(b,c)}),b.refresh()}};return a}]),a.directive("uiGridExpandable",["$log","uiGridExpandableService","$templateCache",function(a,b,c){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(a,d,e,f){var g={name:"expandableButtons",width:40}; -g.cellTemplate=c.get("ui-grid/expandableRowHeader"),f.grid.addRowHeaderColumn(g),b.initializeGrid(f.grid)},post:function(){}}}}}]),a.directive("uiGridExpandableRow",["uiGridExpandableService","$timeout","$log","$compile","uiGridConstants","gridUtil","$interval",function(a,b,c,d,e,f){return{replace:!1,priority:0,scope:!1,compile:function(){return{pre:function(a,b){f.getTemplate(a.grid.options.expandable.rowExpandableTemplate).then(function(c){var e=d(c)(a);b.append(e),a.row.expandedRendered=!0})},post:function(a){a.$on("$destroy",function(){a.row.expandedRendered=!1})}}}}}]),a.directive("uiGridRow",["$compile","$log","$templateCache",function(){return{priority:-200,scope:!1,compile:function(){return{pre:function(a){a.expandableRow={},a.expandableRow.shouldRenderExpand=function(){var b="body"===a.colContainer.name&&a.row.isExpanded&&(!a.grid.isScrollingVertically||a.row.expandedRendered);return b},a.expandableRow.shouldRenderFiller=function(){var b=a.row.isExpanded&&("body"!==a.colContainer.name||a.grid.isScrollingVertically&&!a.row.expandedRendered);return b}},post:function(){}}}}}]),a.directive("uiGridViewport",["$compile","$log","$templateCache",function(a,b,c){return{priority:-200,scope:!1,compile:function(a){var b=angular.element(a.children().children()[0]),d=c.get("ui-grid/expandableScrollFiller"),e=c.get("ui-grid/expandableRow");return b.append(e),b.append(d),{pre:function(){},post:function(){}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.exporter",["ui.grid"]);a.constant("uiGridExporterConstants",{featureName:"exporter",ALL:"all",VISIBLE:"visible",SELECTED:"selected",CSV_CONTENT:"CSV_CONTENT",LINK_LABEL:"LINK_LABEL",BUTTON_LABEL:"BUTTON_LABEL"}),a.service("uiGridExporterService",["$log","$q","uiGridExporterConstants","gridUtil","$compile",function(a,b,c,d,e){var f={initializeGrid:function(a){a.exporter={},this.defaultGridOptions(a.options);var b={events:{exporter:{}},methods:{exporter:{csvExport:function(b,c,d){f.csvExport(a,b,c,d)},pdfExport:function(b,c){f.pdfExport(a,b,c)}}}};a.api.registerEventsFromObject(b.events),a.api.registerMethodsFromObject(b.methods)},defaultGridOptions:function(a){a.exporterSuppressButton=a.exporterSuppressButton===!0,a.exporterLinkTemplate=a.exporterLinkTemplate?a.exporterLinkTemplate:"ui-grid/csvLink",a.exporterHeaderTemplate=a.exporterHeaderTemplate?a.exporterHeaderTemplate:"ui-grid/exporterHeader",a.exporterLinkLabel=a.exporterLinkLabel?a.exporterLinkLabel:"Download CSV",a.exporterButtonLabel=a.exporterButtonLabel?a.exporterButtonLabel:"Export",a.exporterPdfDefaultStyle=a.exporterPdfDefaultStyle?a.exporterPdfDefaultStyle:{fontSize:11},a.exporterPdfTableStyle=a.exporterPdfTableStyle?a.exporterPdfTableStyle:{margin:[0,5,0,15]},a.exporterPdfTableHeaderStyle=a.exporterPdfTableHeaderStyle?a.exporterPdfTableHeaderStyle:{bold:!0,fontSize:12,color:"black"},a.exporterPdfOrientation=a.exporterPdfOrientation?a.exporterPdfOrientation:"landscape",a.exporterPdfPageSize=a.exporterPdfPageSize?a.exporterPdfPageSize:"A4",a.exporterPdfMaxGridWidth=a.exporterPdfMaxGridWidth?a.exporterPdfMaxGridWidth:720},showMenu:function(a){a.exporter.$scope.menuItems=[{title:"Export all data as csv",action:function(){this.grid.api.exporter.csvExport(c.ALL,c.ALL)}},{title:"Export visible data as csv",action:function(){this.grid.api.exporter.csvExport(c.VISIBLE,c.VISIBLE)}},{title:"Export selected data as csv",action:function(){this.grid.api.exporter.csvExport(c.SELECTED,c.VISIBLE)}},{title:"Export all data as pdf",action:function(){this.grid.api.exporter.pdfExport(c.ALL,c.ALL)}},{title:"Export visible data as pdf",action:function(){this.grid.api.exporter.pdfExport(c.VISIBLE,c.VISIBLE)}},{title:"Export selected data as pdf",action:function(){this.grid.api.exporter.pdfExport(c.SELECTED,c.VISIBLE)}}],a.exporter.$scope.$broadcast("toggleExporterMenu")},csvExport:function(a,b,c,d){var e=this.getColumnHeaders(a,c),f=this.getData(a,b,c),g=this.formatAsCsv(e,f);this.renderCsvLink(a,g,d)},getColumnHeaders:function(a,b){var d=[];return angular.forEach(a.columns,function(a){(a.visible||b===c.ALL)&&d.push({name:a.field,displayName:a.displayName,width:a.drawnWidth?a.drawnWidth:a.width,align:"number"===a.colDef.type?"right":"left"})}),d},getData:function(b,d,e){var f,g=[];switch(d){case c.ALL:f=b.rows;break;case c.VISIBLE:f=b.getVisibleRows();break;case c.SELECTED:b.api.selection?f=b.api.selection.getSelectedGridRows():a.error("selection feature must be enabled to allow selected rows to be exported")}return c.ALL?(angular.forEach(f,function(a){var d=[];angular.forEach(b.columns,function(f){(f.visible||e===c.ALL)&&d.push(b.getCellValue(a,f))}),g.push(d)}),g):void 0},formatAsCsv:function(a,b){var c=this,d=a.map(function(a){return a.displayName}),e=c.formatRowAsCsv(this)(d)+"\n";return e+=b.map(this.formatRowAsCsv(this)).join("\n")},formatRowAsCsv:function(a){return function(b){return b.map(a.formatFieldAsCsv).join(",")}},formatFieldAsCsv:function(a){return null==a?"":"number"==typeof a?a:"boolean"==typeof a?a?"TRUE":"FALSE":"string"==typeof a?'"'+a.replace(/"/g,'""')+'"':JSON.stringify(a)},renderCsvLink:function(a,b,f){var g=f?f:angular.element(a.exporter.gridElm[0].querySelectorAll(".ui-grid-exporter-csv-link"));angular.element(g[0].querySelectorAll(".ui-grid-exporter-csv-link-span"))&&angular.element(g[0].querySelectorAll(".ui-grid-exporter-csv-link-span")).remove();d.getTemplate(a.options.exporterLinkTemplate).then(function(d){d=d.replace(c.LINK_LABEL,a.options.exporterLinkLabel),d=d.replace(c.CSV_CONTENT,encodeURIComponent(b));var f=angular.element(d),h=e(f)(a.exporter.$scope);g.append(h)})},pdfExport:function(a,b,c){var d=this.getColumnHeaders(a,c),e=this.getData(a,b,c),f=this.prepareAsPdf(a,d,e);pdfMake.createPdf(f).open()},prepareAsPdf:function(a,b,c){var d=this.calculatePdfHeaderWidths(a,b),e=b.map(function(a){return{text:a.displayName,style:"tableHeader"}}),f=c.map(this.formatRowAsPdf(this)),g=[e].concat(f),h={pageOrientation:a.options.exporterPdfOrientation,content:[{style:"tableStyle",table:{headerRows:1,widths:d,body:g}}],styles:{tableStyle:a.options.exporterPdfTableStyle,tableHeader:a.options.exporterPdfTableHeaderStyle},defaultStyle:a.options.exporterPdfDefaultStyle};return a.options.exporterPdfLayout&&(h.layout=a.options.exporterPdfLayout),h},calculatePdfHeaderWidths:function(a,b){var c=0;angular.forEach(b,function(a){"number"==typeof a.width&&(c+=a.width)});var d=0;angular.forEach(b,function(a){if("*"===a.width&&(d+=100),"string"==typeof a.width&&a.width.match(/(\d)*%/)){var b=parseInt(a.width.match(/(\d)*%/)[0]);a.width=c*b/100,d+=a.width}});var e=c+d;return b.map(function(b){return"*"===b.width?b.width:b.width*a.options.exporterPdfMaxGridWidth/e})},formatRowAsPdf:function(a){return function(b){return b.map(a.formatFieldAsPdfString)}},formatFieldAsPdfString:function(a){return null==a?"":"number"==typeof a?a.toString():"boolean"==typeof a?a?"TRUE":"FALSE":"string"==typeof a?a.replace(/"/g,'""'):JSON.stringify(a).replace(/^"/,"").replace(/"$/,"")}};return f}]),a.directive("uiGridExporter",["$log","uiGridExporterConstants","uiGridExporterService","gridUtil","$compile",function(a,b,c){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(a,b,d,e){c.initializeGrid(e.grid),e.grid.exporter.$scope=a},post:function(){}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.infiniteScroll",["ui.grid"]);a.service("uiGridInfiniteScrollService",["gridUtil","$log","$compile","$timeout",function(){var a={initializeGrid:function(a){var b={events:{infiniteScroll:{needLoadMoreData:function(){}}},methods:{infiniteScroll:{dataLoaded:function(){a.options.loadTimout=!1}}}};a.options.loadTimout=!1,a.api.registerEventsFromObject(b.events),a.api.registerMethodsFromObject(b.methods)},loadData:function(a){a.api.infiniteScroll.raise.needLoadMoreData(),a.options.loadTimout=!0},checkScroll:function(a,b){var c=a.options.infiniteScrollPercentage?a.options.infiniteScrollPercentage:20;return!a.options.loadTimout&&c>=b?(this.loadData(a),!0):!1}};return a}]),a.directive("uiGridInfiniteScroll",["$log","uiGridInfiniteScrollService",function(a,b){return{priority:-200,scope:!1,require:"^uiGrid",compile:function(){return{pre:function(a,c,d,e){b.initializeGrid(e.grid)},post:function(){}}}}}]),a.directive("uiGridViewport",["$compile","$log","uiGridInfiniteScrollService","uiGridConstants",function(a,b,c,d){return{priority:-200,scope:!1,link:function(a){a.$on(d.events.GRID_SCROLL,function(b,d){var e=100-100*d.y.percentage;c.checkScroll(a.grid,e)})}}}])}(),function(){"use strict";var a=angular.module("ui.grid.pinning",["ui.grid"]);a.config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("en",{pinning:{pinLeft:"Pin Left",pinRight:"Pin Right",unpin:"Unpin"}}),a}])}]),a.service("uiGridPinningService",["$log","GridRenderContainer","i18nService",function(a,b,c){var d={initializeGrid:function(a){d.defaultGridOptions(a.options),a.registerColumnBuilder(d.pinningColumnBuilder)},defaultGridOptions:function(a){a.enablePinning=a.enablePinning!==!1},pinningColumnBuilder:function(a,b,d){if(a.enablePinning=void 0===a.enablePinning?d.enablePinning:a.enablePinning,a.pinnedLeft?(b.renderContainer="left",b.grid.createLeftContainer()):a.pinnedRight&&(b.renderContainer="right",b.grid.createRightContainer()),a.enablePinning){var e={title:c.get().pinning.pinLeft,icon:"ui-grid-icon-left-open",shown:function(){return"undefined"==typeof this.context.col.renderContainer||!this.context.col.renderContainer||"left"!==this.context.col.renderContainer},action:function(){this.context.col.renderContainer="left",this.context.col.grid.createLeftContainer(),b.grid.refresh().then(function(){b.grid.refresh()})}},f={title:c.get().pinning.pinRight,icon:"ui-grid-icon-right-open",shown:function(){return"undefined"==typeof this.context.col.renderContainer||!this.context.col.renderContainer||"right"!==this.context.col.renderContainer},action:function(){this.context.col.renderContainer="right",this.context.col.grid.createRightContainer(),b.grid.refresh().then(function(){b.grid.refresh()})}},g={title:c.get().pinning.unpin,icon:"ui-grid-icon-cancel",shown:function(){return"undefined"!=typeof this.context.col.renderContainer&&null!==this.context.col.renderContainer&&"body"!==this.context.col.renderContainer},action:function(){this.context.col.renderContainer=null,b.grid.refresh().then(function(){b.grid.refresh()})}};b.menuItems.push(e),b.menuItems.push(f),b.menuItems.push(g)}}};return d}]),a.directive("uiGridPinning",["$log","uiGridPinningService",function(a,b){return{require:"uiGrid",scope:!1,compile:function(){return{pre:function(a,c,d,e){b.initializeGrid(e.grid)},post:function(){}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.resizeColumns",["ui.grid"]);a.constant("columnBounds",{minWidth:35}),a.service("uiGridResizeColumnsService",["$log","$q",function(a,b){var c={defaultGridOptions:function(a){a.enableColumnResizing=a.enableColumnResizing!==!1,a.enableColumnResize===!1&&(a.enableColumnResizing=!1)},colResizerColumnBuilder:function(a,c,d){var e=[];return a.enableColumnResizing=void 0===a.enableColumnResizing?d.enableColumnResizing:a.enableColumnResizing,a.enableColumnResize===!1&&(a.enableColumnResizing=!1),b.all(e)}};return c}]),a.directive("uiGridResizeColumns",["$log","uiGridResizeColumnsService",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(a,c,d,e){b.defaultGridOptions(e.grid.options),e.grid.registerColumnBuilder(b.colResizerColumnBuilder)},post:function(){}}}}}]),a.directive("uiGridHeaderCell",["$log","$templateCache","$compile","$q",function(a,b,c,d){return{priority:-10,require:"^uiGrid",compile:function(){return{post:function(a,e,f,g){if(g.grid.options.enableColumnResizing){var h=d.defer();f.$observe("renderIndex",function(b){a.renderIndex=a.$eval(b),h.resolve()}),h.promise.then(function(){var d=b.get("ui-grid/columnResizer"),f=angular.element(d).clone(),g=angular.element(d).clone();f.attr("position","left"),g.attr("position","right");var h=a.col,i=h.getRenderContainer(),j=i.renderedColumns[a.renderIndex-1];j&&0!==a.col.index&&j.colDef.enableColumnResizing!==!1&&e.prepend(f),a.col.colDef.enableColumnResizing!==!1&&e.append(g),c(f)(a),c(g)(a)})}}}}}}]),a.directive("uiGridColumnResizer",["$log","$document","gridUtil","uiGridConstants","columnBounds",function(a,b,c,d,e){var f=angular.element('<div class="ui-grid-resize-overlay"></div>'),g={priority:0,scope:{col:"=",position:"@",renderIndex:"="},require:"?^uiGrid",link:function(a,g,h,i){function j(a){var b=a.getRenderContainer();b.visibleColumnCache.forEach(function(b){if(b.index!==a.index){var c=b.colDef;(!c.width||angular.isString(c.width)&&(-1!==c.width.indexOf("*")||-1!==c.width.indexOf("%")))&&(c.width=b.drawnWidth)}})}function k(){i.grid.buildColumns().then(function(){i.grid.refreshCanvas(!0)})}function l(b){b.originalEvent&&(b=b.originalEvent),b.preventDefault(),o=b.clientX-p,0>o?o=0:o>i.grid.gridWidth&&(o=i.grid.gridWidth);var c,g=a.col,h=g.getRenderContainer();if("left"===a.position?(g=h.renderedColumns[a.renderIndex-1],c=a.col):"right"===a.position&&(c=h.renderedColumns[a.renderIndex+1]),g.colDef.enableColumnResizing!==!1){i.grid.element.hasClass("column-resizing")||i.grid.element.addClass("column-resizing");var j=o-n,k=g.drawnWidth+j;g.colDef.minWidth&&k<g.colDef.minWidth?o+=g.colDef.minWidth-k:!g.colDef.minWidth&&e.minWidth&&k<e.minWidth?o+=g.colDef.minWidth-k:g.colDef.maxWidth&&k>g.colDef.maxWidth&&(o+=g.colDef.maxWidth-k),f.css({left:o+"px"}),i.fireEvent(d.events.ITEM_DRAGGING)}}function m(c){c.originalEvent&&(c=c.originalEvent),c.preventDefault(),i.grid.element.removeClass("column-resizing"),f.remove(),o=c.clientX-p;var d=o-n;if(0===d)return b.off("mouseup",m),void b.off("mousemove",l);var g,h=a.col,q=h.getRenderContainer();if("left"===a.position?(h=q.renderedColumns[a.renderIndex-1],g=a.col):"right"===a.position&&(g=q.renderedColumns[a.renderIndex+1]),h.colDef.enableColumnResizing!==!1){var r=h.drawnWidth+d;h.colDef.minWidth&&r<h.colDef.minWidth?r=h.colDef.minWidth:!h.colDef.minWidth&&e.minWidth&&r<e.minWidth&&(r=e.minWidth),h.colDef.maxWidth&&r>h.colDef.maxWidth&&(r=h.colDef.maxWidth),h.colDef.width=r,j(h),k(d),b.off("mouseup",m),b.off("mousemove",l)}}var n=0,o=0,p=0;"left"===a.position?g.addClass("left"):"right"===a.position&&g.addClass("right"),g.on("mousedown",function(a){a.originalEvent&&(a=a.originalEvent),a.stopPropagation(),p=i.grid.element[0].getBoundingClientRect().left,n=a.clientX-p,i.grid.element.append(f),f.css({left:n}),b.on("mouseup",m),b.on("mousemove",l)}),g.on("dblclick",function(b){b.stopPropagation();var f,h,i=a.col,l=i.getRenderContainer();"left"===a.position?(i=l.renderedColumns[a.renderIndex-1],f=a.col,h=1):"right"===a.position&&(f=l.renderedColumns[a.renderIndex+1],f=l.renderedColumns[a.renderIndex+1],h=-1);var m=0,n=0,o=c.closestElm(g,".ui-grid-render-container"),p=o.querySelectorAll("."+d.COL_CLASS_PREFIX+i.index+" .ui-grid-cell-contents");Array.prototype.forEach.call(p,function(a){var b;angular.element(a).parent().hasClass("ui-grid-header-cell")&&(b=angular.element(a).parent()[0].querySelectorAll(".ui-grid-column-menu-button")),c.fakeElement(a,{},function(a){var d=angular.element(a);d.attr("style","float: left");var e=c.elementWidth(d);if(b){var f=c.elementWidth(b);e+=f}e>m&&(m=e,n=m-e)})}),i.colDef.minWidth&&m<i.colDef.minWidth?m=i.colDef.minWidth:!i.colDef.minWidth&&e.minWidth&&m<e.minWidth&&(m=e.minWidth),i.colDef.maxWidth&&m>i.colDef.maxWidth&&(m=i.colDef.maxWidth),i.colDef.width=m,j(i),k(n)}),g.on("$destroy",function(){g.off("mousedown"),g.off("dblclick"),b.off("mousemove",l),b.off("mouseup",m)})}};return g}])}(),function(){"use strict";var a=angular.module("ui.grid.rowEdit",["ui.grid","ui.grid.edit","ui.grid.cellNav"]);a.constant("uiGridRowEditConstants",{}),a.service("uiGridRowEditService",["$interval","$log","$q","uiGridConstants","uiGridRowEditConstants","gridUtil",function(a,b,c){var d={initializeGrid:function(a,b){var c={events:{rowEdit:{saveRow:function(){}}},methods:{rowEdit:{setSavePromise:function(a,b,c){d.setSavePromise(a,b,c)},getDirtyRows:function(a){return a.rowEditDirtyRows},getErrorRows:function(a){return a.rowEditErrorRows},flushDirtyRows:function(a){return d.flushDirtyRows(a)}}}};b.api.registerEventsFromObject(c.events),b.api.registerMethodsFromObject(c.methods),b.api.core.on.renderingComplete(a,function(){b.api.edit.on.afterCellEdit(a,d.endEditCell),b.api.edit.on.beginCellEdit(a,d.beginEditCell),b.api.edit.on.cancelCellEdit(a,d.cancelEditCell),b.api.cellNav&&b.api.cellNav.on.navigate(a,d.navigate)})},defaultGridOptions:function(){},saveRow:function(a,c){var d=this;return function(){c.isSaving=!0;var e=a.api.rowEdit.raise.saveRow(c.entity);return c.rowEditSavePromise?c.rowEditSavePromise.then(d.processSuccessPromise(a,c),d.processErrorPromise(a,c)):b.log("A promise was not returned when saveRow event was raised, either nobody is listening to event, or event handler did not return a promise"),e}},setSavePromise:function(a,b,c){var d=a.getRow(b);d.rowEditSavePromise=c},processSuccessPromise:function(a,b){var c=this;return function(){delete b.isSaving,delete b.isDirty,delete b.isError,delete b.rowEditSaveTimer,c.removeRow(a.rowEditErrorRows,b),c.removeRow(a.rowEditDirtyRows,b)}},processErrorPromise:function(a,b){return function(){delete b.isSaving,delete b.rowEditSaveTimer,b.isError=!0,a.rowEditErrorRows||(a.rowEditErrorRows=[]),a.rowEditErrorRows.push(b)}},removeRow:function(a,b){angular.forEach(a,function(c,d){c.uid===b.uid&&a.splice(d,1)})},flushDirtyRows:function(a){var b=[];return angular.forEach(a.rowEditDirtyRows,function(c){d.saveRow(a,c)(),b.push(c.rowEditSavePromise)}),c.all(b)},endEditCell:function(a,c,e,f){var g=this.grid,h=g.getRow(a);return h?void((e!==f||h.isDirty)&&(g.rowEditDirtyRows||(g.rowEditDirtyRows=[]),h.isDirty||(h.isDirty=!0,g.rowEditDirtyRows.push(h)),delete h.isError,d.considerSetTimer(g,h))):void b.log("Unable to find rowEntity in grid data, dirty flag cannot be set")},beginEditCell:function(a){var c=this.grid,e=c.getRow(a);return e?void d.cancelTimer(c,e):void b.log("Unable to find rowEntity in grid data, timer cannot be cancelled")},cancelEditCell:function(a){var c=this.grid,e=c.getRow(a);return e?void d.considerSetTimer(c,e):void b.log("Unable to find rowEntity in grid data, timer cannot be set")},navigate:function(a,b){var c=this.grid;a.row.rowEditSaveTimer&&d.cancelTimer(c,a.row),b&&b.row&&b.row!==a.row&&d.considerSetTimer(c,b.row)},considerSetTimer:function(b,c){if(d.cancelTimer(b,c),c.isDirty&&!c.isSaving){var e=b.options.rowEditWaitInterval?b.options.rowEditWaitInterval:2e3;c.rowEditSaveTimer=a(d.saveRow(b,c),e,1)}},cancelTimer:function(b,c){c.rowEditSaveTimer&&!c.isSaving&&(a.cancel(c.rowEditSaveTimer),delete c.rowEditSaveTimer)}};return d}]),a.directive("uiGridRowEdit",["$log","uiGridRowEditService","uiGridEditConstants",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(a,c,d,e){b.initializeGrid(a,e.grid)},post:function(){}}}}}]),a.directive("uiGridViewport",["$compile","uiGridConstants","$log","$parse",function(){return{priority:-200,scope:!1,compile:function(a){var b=angular.element(a.children().children()[0]);return b.attr("ng-class","{'ui-grid-row-saving': row.isSaving, 'ui-grid-row-error': row.isError}"),{pre:function(){},post:function(){}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.selection",["ui.grid"]);a.constant("uiGridSelectionConstants",{featureName:"selection"}),a.service("uiGridSelectionService",["$log","$q","$templateCache","uiGridSelectionConstants","gridUtil",function(){var a={initializeGrid:function(b){b.selection={},b.selection.lastSelectedRow=null,a.defaultGridOptions(b.options);var c={events:{selection:{rowSelectionChanged:function(){}}},methods:{selection:{toggleRowSelection:function(c){var d=b.getRow(c);null!==d&&a.toggleRowSelection(b,d,b.options.multiSelect)},selectRow:function(c){var d=b.getRow(c);null===d||d.isSelected||a.toggleRowSelection(b,d,b.options.multiSelect)},unSelectRow:function(c){var d=b.getRow(c);null!==d&&d.isSelected&&a.toggleRowSelection(b,d,b.options.multiSelect)},selectAllRows:function(){b.options.multiSelect!==!1&&b.rows.forEach(function(a){a.isSelected=!0})},selectAllVisibleRows:function(){b.options.multiSelect!==!1&&b.rows.forEach(function(a){a.isSelected=a.visible?!0:!1})},clearSelectedRows:function(){a.clearSelectedRows(b)},getSelectedRows:function(){return a.getSelectedRows(b).map(function(a){return a.entity})},getSelectedGridRows:function(){return a.getSelectedRows(b)},setMultiSelect:function(a){b.options.multiSelect=a}}}};b.api.registerEventsFromObject(c.events),b.api.registerMethodsFromObject(c.methods)},defaultGridOptions:function(a){a.enableRowSelection=a.enableRowSelection!==!1,a.multiSelect=a.multiSelect!==!1,a.enableRowHeaderSelection=a.enableRowHeaderSelection!==!1},toggleRowSelection:function(b,c,d){var e=c.isSelected;d||e||a.clearSelectedRows(b),c.isSelected=!e,c.isSelected===!0&&(b.selection.lastSelectedRow=c),b.api.selection.raise.rowSelectionChanged(c)},shiftSelect:function(b,c,d){if(d){var e=a.getSelectedRows(b),f=e.length>0?b.renderContainers.body.visibleRowCache.indexOf(b.selection.lastSelectedRow):0,g=b.renderContainers.body.visibleRowCache.indexOf(c);if(f>g){var h=f;f=g,g=h}for(var i=f;g>=i;i++){var j=b.renderContainers.body.visibleRowCache[i];j&&(j.isSelected=!0,b.selection.lastSelectedRow=j,b.api.selection.raise.rowSelectionChanged(j))}}},getSelectedRows:function(a){return a.rows.filter(function(a){return a.isSelected})},clearSelectedRows:function(b){a.getSelectedRows(b).forEach(function(a){a.isSelected=!1,b.api.selection.raise.rowSelectionChanged(a)})}};return a}]),a.directive("uiGridSelection",["$log","uiGridSelectionConstants","uiGridSelectionService","$templateCache",function(a,b,c){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(a,b,d,e){if(c.initializeGrid(e.grid),e.grid.options.enableRowHeaderSelection){var f="ui-grid/selectionRowHeader",g={name:"selectionRowHeaderCol",displayName:"",width:30,cellTemplate:f};e.grid.addRowHeaderColumn(g)}},post:function(){}}}}}]),a.directive("uiGridSelectionRowHeaderButtons",["$log","$templateCache","uiGridSelectionService",function(a,b,c){return{replace:!0,restrict:"E",template:b.get("ui-grid/selectionRowHeaderButtons"),scope:!0,require:"^uiGrid",link:function(a,b,d,e){var f=e.grid;a.selectButtonClick=function(a,b){b.shiftKey?c.shiftSelect(f,a,f.options.multiSelect):c.toggleRowSelection(f,a,f.options.multiSelect)}}}}]),a.directive("uiGridViewport",["$compile","uiGridConstants","uiGridSelectionConstants","$log","$parse","uiGridSelectionService",function(){return{priority:-200,scope:!1,compile:function(a){var b=angular.element(a.children().children()[0]);return b.attr("ng-class","{'ui-grid-row-selected': row.isSelected}"),{pre:function(){},post:function(){}}}}}]),a.directive("uiGridCell",["$compile","uiGridConstants","uiGridSelectionConstants","$log","$parse","uiGridSelectionService",function(a,b,c,d,e,f){return{priority:-200,restrict:"A",scope:!1,link:function(a,b){function c(){b.on("click",function(b){b.shiftKey?f.shiftSelect(a.grid,a.row,a.grid.options.multiSelect):f.toggleRowSelection(a.grid,a.row,a.grid.options.multiSelect),a.$apply()})}a.grid.options.enableRowSelection&&!a.grid.options.enableRowHeaderSelection&&(b.addClass("ui-grid-disable-selection"),c())}}}])}(),angular.module("ui.grid").run(["$templateCache",function(a){"use strict";a.put("ui-grid/ui-grid-footer",'<div class="ui-grid-footer-panel"><div ui-grid-group-panel ng-show="grid.options.showGroupPanel"></div><div class="ui-grid-footer ui-grid-footer-viewport"><div class="ui-grid-footer-canvas"><div ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" ui-grid-footer-cell col="col" render-index="$index" class="ui-grid-footer-cell clearfix" ng-style="$index === 0 && colContainer.columnStyle($index)"></div></div></div></div>'),a.put("ui-grid/ui-grid-group-panel",'<div class="ui-grid-group-panel"><div ui-t="groupPanel.description" class="description" ng-show="groupings.length == 0"></div><ul ng-show="groupings.length > 0" class="ngGroupList"><li class="ngGroupItem" ng-repeat="group in configGroups"><span class="ngGroupElement"><span class="ngGroupName">{{group.displayName}} <span ng-click="removeGroup($index)" class="ngRemoveGroup">x</span></span> <span ng-hide="$last" class="ngGroupArrow"></span></span></li></ul></div>'),a.put("ui-grid/ui-grid-header",'<div class="ui-grid-top-panel"><div ui-grid-group-panel ng-show="grid.options.showGroupPanel"></div><div class="ui-grid-header ui-grid-header-viewport"><div class="ui-grid-header-canvas"><div class="ui-grid-header-cell clearfix" ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" ui-grid-header-cell col="col" render-index="$index" ng-style="$index === 0 && colContainer.columnStyle($index)"></div></div></div><div ui-grid-menu></div></div>'),a.put("ui-grid/ui-grid-no-header",'<div class="ui-grid-top-panel"></div>'),a.put("ui-grid/ui-grid-row",'<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader }" ui-grid-cell></div>'),a.put("ui-grid/ui-grid",'<div ui-i18n="en" class="ui-grid"><!-- TODO (c0bra): add "scoped" attr here, eventually? --><style ui-grid-style>.grid{{ grid.id }} {\n /* Styles for the grid */\n }\n\n .grid{{ grid.id }} .ui-grid-row, .grid{{ grid.id }} .ui-grid-cell, .grid{{ grid.id }} .ui-grid-cell .ui-grid-vertical-bar {\n height: {{ grid.options.rowHeight }}px;\n }\n\n .grid{{ grid.id }} .ui-grid-row:last-child .ui-grid-cell {\n border-bottom-width: {{ ((grid.getTotalRowHeight() < grid.getViewportHeight()) && \'1\') || \'0\' }}px;\n }\n\n {{ grid.verticalScrollbarStyles }}\n {{ grid.horizontalScrollbarStyles }}\n\n .ui-grid[dir=rtl] .ui-grid-viewport {\n padding-left: {{ grid.verticalScrollbarWidth }}px;\n }\n\n {{ grid.customStyles }}</style><div ui-grid-render-container container-id="\'body\'" col-container-name="\'body\'" row-container-name="\'body\'" bind-scroll-horizontal="true" bind-scroll-vertical="true" enable-scrollbars="grid.options.enableScrollbars"></div><div ui-grid-column-menu ng-if="grid.options.enableColumnMenu"></div><div ng-transclude></div></div>'),a.put("ui-grid/uiGridCell",'<div class="ui-grid-cell-contents">{{COL_FIELD CUSTOM_FILTERS}}</div>'),a.put("ui-grid/uiGridColumnFilter",'<li class="ui-grid-menu-item ui-grid-clearfix ui-grid-column-filter" ng-show="itemShown()" ng-click="$event.stopPropagation();"><div class="input-container"><input class="column-filter-input" type="text" ng-model="item.model" placeholder="{{ i18n.search.placeholder }}"><div class="column-filter-cancel-icon-container"><i class="ui-grid-filter-cancel ui-grid-icon-cancel column-filter-cancel-icon"> </i></div></div><div style="button-container" ng-click="item.action($event)"><div class="ui-grid-button"><i class="ui-grid-icon-search"> </i></div></div></li>'),a.put("ui-grid/uiGridColumnMenu",'<div class="ui-grid-column-menu"><div ui-grid-menu menu-items="menuItems"><!-- <div class="ui-grid-column-menu">\n <div class="inner" ng-show="menuShown">\n <ul>\n <div ng-show="grid.options.enableSorting">\n <li ng-click="sortColumn($event, asc)" ng-class="{ \'selected\' : col.sort.direction == asc }"><i class="ui-grid-icon-sort-alt-up"></i> Sort Ascending</li>\n <li ng-click="sortColumn($event, desc)" ng-class="{ \'selected\' : col.sort.direction == desc }"><i class="ui-grid-icon-sort-alt-down"></i> Sort Descending</li>\n <li ng-show="col.sort.direction" ng-click="unsortColumn()"><i class="ui-grid-icon-cancel"></i> Remove Sort</li>\n </div>\n </ul>\n </div>\n </div> --></div></div>'),a.put("ui-grid/uiGridFooterCell",'<div class="ui-grid-cell-contents" col-index="renderIndex"><div>{{ col.getAggregationValue() }}</div></div>'),a.put("ui-grid/uiGridHeaderCell",'<div ng-class="{ \'sortable\': sortable }"><div class="ui-grid-vertical-bar"> </div><div class="ui-grid-cell-contents" col-index="renderIndex">{{ col.displayName CUSTOM_FILTERS }} <span ui-grid-visible="col.sort.direction" ng-class="{ \'ui-grid-icon-up-dir\': col.sort.direction == asc, \'ui-grid-icon-down-dir\': col.sort.direction == desc, \'ui-grid-icon-blank\': !col.sort.direction }"> </span></div><div ng-if="grid.options.enableColumnMenu && !col.isRowHeader" class="ui-grid-column-menu-button" ng-click="toggleMenu($event)"><i class="ui-grid-icon-angle-down"> <i></i></i></div><div ng-if="filterable" class="ui-grid-filter-container" ng-repeat="colFilter in col.filters"><input type="text" class="ui-grid-filter-input" ng-model="colFilter.term" ng-click="$event.stopPropagation()" ng-attr-placeholder="{{colFilter.placeholder || \'\'}}"><div class="ui-grid-filter-button" ng-click="colFilter.term = null"><i class="ui-grid-icon-cancel right" ng-show="!!colFilter.term"> </i> <!-- use !! because angular interprets \'f\' as false --></div></div></div>'),a.put("ui-grid/uiGridMenu",'<div class="ui-grid-menu"><div class="ui-grid-menu-inner" ng-show="shown"><ul class="ui-grid-menu-items"><li ng-repeat="item in menuItems" ui-grid-menu-item action="item.action" title="item.title" active="item.active" icon="item.icon" shown="item.shown" context="item.context" template-url="item.templateUrl"></li></ul></div></div>'),a.put("ui-grid/uiGridMenuItem",'<li class="ui-grid-menu-item" ng-click="itemAction($event, title)" ng-show="itemShown()" ng-class="{ \'ui-grid-menu-item-active\' : active() }"><i ng-class="icon"></i> {{ title }}</li>'),a.put("ui-grid/uiGridRenderContainer",'<div class="ui-grid-render-container"><div ui-grid-header></div><div ui-grid-viewport></div><div ui-grid-footer ng-if="grid.options.showFooter"></div><!-- native scrolling --><div ui-grid-native-scrollbar ng-if="enableScrollbars" type="vertical"></div><div ui-grid-native-scrollbar ng-if="enableScrollbars" type="horizontal"></div></div>'),a.put("ui-grid/uiGridViewport",'<div class="ui-grid-viewport"><div class="ui-grid-canvas"><div ng-repeat="(rowRenderIndex, row) in rowContainer.renderedRows track by row.uid" class="ui-grid-row" ng-style="containerCtrl.rowStyle(rowRenderIndex)"><div ui-grid-row="row" row-render-index="rowRenderIndex"></div></div></div></div>'),a.put("ui-grid/cellEditor",'<div><form name="inputForm"><input type="{{inputType}}" ng-class="\'colt\' + col.index" ui-grid-editor ng-model="COL_FIELD"></form></div>'),a.put("ui-grid/dropdownEditor",'<div><form name="inputForm"><select ng-class="\'colt\' + col.index" ui-grid-edit-dropdown ng-model="COL_FIELD" ng-options="field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray"></select></form></div>'),a.put("ui-grid/expandableRow",'<div ui-grid-expandable-row ng-if="expandableRow.shouldRenderExpand()" class="expandableRow" style="float:left;margin-top: 1px;margin-bottom: 1px" ng-style="{width: (grid.renderContainers.body.getCanvasWidth() - grid.verticalScrollbarWidth)\n ,height: grid.options.expandable.expandableRowHeight}"></div>'),a.put("ui-grid/expandableRowHeader",'<div class="ui-grid-row-header-cell uiGridExpandableButtonsCell"><div class="ui-grid-cell-contents"><i ng-class="{\'ui-grid-icon-plus-squared\':!row.isExpanded, \'ui-grid-icon-minus-squared\':row.isExpanded}" ng-click="grid.api.expandable.toggleRowExpansion(row.entity)"></i></div></div>'),a.put("ui-grid/expandableScrollFiller",'<div ng-if="expandableRow.shouldRenderFiller()" style="float:left;margin-top: 2px;margin-bottom: 2px" ng-style="{width: (grid.getViewportWidth())\n ,height: grid.options.expandable.expandableRowHeight, \'margin-left\': grid.options.rowHeader.rowHeaderWidth}"><i class="ui-grid-icon-spin5 ui-grid-animate-spin" ng-style="{\'margin-top\': ( grid.options.expandable.expandableRowHeight/2 - 5),\n \'margin-left\':((grid.getViewportWidth() - grid.options.rowHeader.rowHeaderWidth)/2 - 5)}"></i></div>'),a.put("ui-grid/csvLink",'<span class="ui-grid-exporter-csv-link-span"><a href="data:text/csv;charset=UTF-8,CSV_CONTENT">LINK_LABEL</a></span>'),a.put("ui-grid/columnResizer",'<div ui-grid-column-resizer ng-if="grid.options.enableColumnResizing" class="ui-grid-column-resizer" col="col" position="right" render-index="renderIndex"></div>'),a.put("ui-grid/selectionRowHeader",'<div class="ui-grid-row-header-cell ui-grid-disable-selection"><div class="ui-grid-cell-contents"><ui-grid-selection-row-header-buttons></ui-grid-selection-row-header-buttons></div></div>'),a.put("ui-grid/selectionRowHeaderButtons",'<div class="ui-grid-selection-row-header-buttons ui-grid-icon-ok" ng-class="{\'ui-grid-row-selected\': row.isSelected}" ng-click="selectButtonClick(row, $event)"> </div>') -}]);
\ No newline at end of file diff --git a/src/main/resources/META-INF/resources/designer/lib/ui-grid-unstable.js b/src/main/resources/META-INF/resources/designer/lib/ui-grid-unstable.js deleted file mode 100644 index 6bec93608..000000000 --- a/src/main/resources/META-INF/resources/designer/lib/ui-grid-unstable.js +++ /dev/null @@ -1,18014 +0,0 @@ -/*! ui-grid - v3.0.0-rc.16-234dd76 - 2014-11-22 -* Copyright (c) 2014 ; License: MIT */ -(function () { - 'use strict'; - angular.module('ui.grid.i18n', []); - angular.module('ui.grid', ['ui.grid.i18n']); -})(); -(function () { - 'use strict'; - angular.module('ui.grid').constant('uiGridConstants', { - LOG_DEBUG_MESSAGES: true, - LOG_WARN_MESSAGES: true, - LOG_ERROR_MESSAGES: true, - CUSTOM_FILTERS: /CUSTOM_FILTERS/g, - COL_FIELD: /COL_FIELD/g, - MODEL_COL_FIELD: /MODEL_COL_FIELD/g, - DISPLAY_CELL_TEMPLATE: /DISPLAY_CELL_TEMPLATE/g, - TEMPLATE_REGEXP: /<.+>/, - FUNC_REGEXP: /(\([^)]*\))?$/, - DOT_REGEXP: /\./g, - APOS_REGEXP: /'/g, - BRACKET_REGEXP: /^(.*)((?:\s*\[\s*\d+\s*\]\s*)|(?:\s*\[\s*"(?:[^"\\]|\\.)*"\s*\]\s*)|(?:\s*\[\s*'(?:[^'\\]|\\.)*'\s*\]\s*))(.*)$/, - COL_CLASS_PREFIX: 'ui-grid-col', - events: { - GRID_SCROLL: 'uiGridScroll', - COLUMN_MENU_SHOWN: 'uiGridColMenuShown', - ITEM_DRAGGING: 'uiGridItemDragStart' // For any item being dragged - }, - // copied from http://www.lsauer.com/2011/08/javascript-keymap-keycodes-in-json.html - keymap: { - TAB: 9, - STRG: 17, - CTRL: 17, - CTRLRIGHT: 18, - CTRLR: 18, - SHIFT: 16, - RETURN: 13, - ENTER: 13, - BACKSPACE: 8, - BCKSP: 8, - ALT: 18, - ALTR: 17, - ALTRIGHT: 17, - SPACE: 32, - WIN: 91, - MAC: 91, - FN: null, - UP: 38, - DOWN: 40, - LEFT: 37, - RIGHT: 39, - ESC: 27, - DEL: 46, - F1: 112, - F2: 113, - F3: 114, - F4: 115, - F5: 116, - F6: 117, - F7: 118, - F8: 119, - F9: 120, - F10: 121, - F11: 122, - F12: 123 - }, - ASC: 'asc', - DESC: 'desc', - filter: { - STARTS_WITH: 2, - ENDS_WITH: 4, - EXACT: 8, - CONTAINS: 16, - GREATER_THAN: 32, - GREATER_THAN_OR_EQUAL: 64, - LESS_THAN: 128, - LESS_THAN_OR_EQUAL: 256, - NOT_EQUAL: 512 - }, - - aggregationTypes: { - sum: 2, - count: 4, - avg: 8, - min: 16, - max: 32 - }, - - // TODO(c0bra): Create full list of these somehow. NOTE: do any allow a space before or after them? - CURRENCY_SYMBOLS: ['ƒ', '$', '£', '$', '¤', '¥', '៛', '₩', '₱', '฿', '₫'], - - dataChange: { - ALL: 'all', - EDIT: 'edit', - ROW: 'row', - COLUMN: 'column' - }, - scrollbars: { - NEVER: 0, - ALWAYS: 1, - WHEN_NEEDED: 2 - } - }); - -})(); -angular.module('ui.grid').directive('uiGridCell', ['$compile', '$parse', 'gridUtil', 'uiGridConstants', function ($compile, $parse, gridUtil, uiGridConstants) { - var uiGridCell = { - priority: 0, - scope: false, - require: '?^uiGrid', - compile: function() { - return { - pre: function($scope, $elm, $attrs, uiGridCtrl) { - function compileTemplate() { - var compiledElementFn = $scope.col.compiledElementFn; - - compiledElementFn($scope, function(clonedElement, scope) { - $elm.append(clonedElement); - }); - } - - // If the grid controller is present, use it to get the compiled cell template function - if (uiGridCtrl && $scope.col.compiledElementFn) { - compileTemplate(); - } - // No controller, compile the element manually (for unit tests) - else { - if ( uiGridCtrl && !$scope.col.compiledElementFn ){ - // gridUtil.logError('Render has been called before precompile. Please log a ui-grid issue'); - - $scope.col.getCompiledElementFn() - .then(function (compiledElementFn) { - compiledElementFn($scope, function(clonedElement, scope) { - $elm.append(clonedElement); - }); - }); - } - else { - var html = $scope.col.cellTemplate - .replace(uiGridConstants.MODEL_COL_FIELD, 'row.entity.' + gridUtil.preEval($scope.col.field)) - .replace(uiGridConstants.COL_FIELD, 'grid.getCellValue(row, col)'); - - var cellElement = $compile(html)($scope); - $elm.append(cellElement); - } - } - }, - post: function($scope, $elm, $attrs, uiGridCtrl) { - $elm.addClass($scope.col.getColClass(false)); - - var classAdded; - var updateClass = function( grid ){ - var contents = $elm; - if ( classAdded ){ - contents.removeClass( classAdded ); - classAdded = null; - } - - if (angular.isFunction($scope.col.cellClass)) { - classAdded = $scope.col.cellClass($scope.grid, $scope.row, $scope.col, $scope.rowRenderIndex, $scope.colRenderIndex); - } - else { - classAdded = $scope.col.cellClass; - } - contents.addClass(classAdded); - }; - - if ($scope.col.cellClass) { - updateClass(); - } - - // Register a data change watch that would get triggered whenever someone edits a cell or modifies column defs - var watchUid = $scope.grid.registerDataChangeCallback( updateClass, [uiGridConstants.dataChange.COLUMN, uiGridConstants.dataChange.EDIT]); - - var deregisterFunction = function() { - $scope.grid.deregisterDataChangeCallback( watchUid ); - }; - - $scope.$on( '$destroy', deregisterFunction ); - } - }; - } - }; - - return uiGridCell; -}]); - - -(function(){ - -angular.module('ui.grid') -.service('uiGridColumnMenuService', [ 'i18nService', 'uiGridConstants', 'gridUtil', -function ( i18nService, uiGridConstants, gridUtil ) { -/** - * @ngdoc service - * @name ui.grid.service:uiGridColumnMenuService - * - * @description Services for working with column menus, factored out - * to make the code easier to understand - */ - - var service = { - /** - * @ngdoc method - * @methodOf ui.grid.service:uiGridColumnMenuService - * @name initialize - * @description Sets defaults, puts a reference to the $scope on - * the uiGridController - * @param {$scope} $scope the $scope from the uiGridColumnMenu - * @param {controller} uiGridCtrl the uiGridController for the grid - * we're on - * - */ - initialize: function( $scope, uiGridCtrl ){ - $scope.grid = uiGridCtrl.grid; - - // Store a reference to this link/controller in the main uiGrid controller - // to allow showMenu later - uiGridCtrl.columnMenuScope = $scope; - - // Save whether we're shown or not so the columns can check - $scope.menuShown = false; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.service:uiGridColumnMenuService - * @name setColMenuItemWatch - * @description Setup a watch on $scope.col.menuItems, and update - * menuItems based on this. $scope.col needs to be set by the column - * before calling the menu. - * @param {$scope} $scope the $scope from the uiGridColumnMenu - * @param {controller} uiGridCtrl the uiGridController for the grid - * we're on - * - */ - setColMenuItemWatch: function ( $scope ){ - var deregFunction = $scope.$watch('col.menuItems', function (n, o) { - if (typeof(n) !== 'undefined' && n && angular.isArray(n)) { - n.forEach(function (item) { - if (typeof(item.context) === 'undefined' || !item.context) { - item.context = {}; - } - item.context.col = $scope.col; - }); - - $scope.menuItems = $scope.defaultMenuItems.concat(n); - } - else { - $scope.menuItems = $scope.defaultMenuItems; - } - }); - - $scope.$on( '$destroy', deregFunction ); - }, - - - /** - * @ngdoc boolean - * @name enableSorting - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description (optional) True by default. When enabled, this setting adds sort - * widgets to the column header, allowing sorting of the data in the individual column. - */ - /** - * @ngdoc method - * @methodOf ui.grid.service:uiGridColumnMenuService - * @name sortable - * @description determines whether this column is sortable - * @param {$scope} $scope the $scope from the uiGridColumnMenu - * - */ - sortable: function( $scope ) { - if ( $scope.grid.options.enableSorting && typeof($scope.col) !== 'undefined' && $scope.col && $scope.col.enableSorting) { - return true; - } - else { - return false; - } - }, - - /** - * @ngdoc method - * @methodOf ui.grid.service:uiGridColumnMenuService - * @name isActiveSort - * @description determines whether the requested sort direction is current active, to - * allow highlighting in the menu - * @param {$scope} $scope the $scope from the uiGridColumnMenu - * @param {string} direction the direction that we'd have selected for us to be active - * - */ - isActiveSort: function( $scope, direction ){ - return (typeof($scope.col) !== 'undefined' && typeof($scope.col.sort) !== 'undefined' && - typeof($scope.col.sort.direction) !== 'undefined' && $scope.col.sort.direction === direction); - - }, - - /** - * @ngdoc boolean - * @name suppressRemoveSort - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description (optional) False by default. When enabled, this setting hides the removeSort option - * in the menu. - */ - /** - * @ngdoc method - * @methodOf ui.grid.service:uiGridColumnMenuService - * @name suppressRemoveSort - * @description determines whether we should suppress the removeSort option - * @param {$scope} $scope the $scope from the uiGridColumnMenu - * - */ - suppressRemoveSort: function( $scope ) { - if ($scope.col && $scope.col.colDef && $scope.col.colDef.suppressRemoveSort) { - return true; - } - else { - return false; - } - }, - - - /** - * @ngdoc boolean - * @name enableHiding - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description (optional) True by default. When set to false, this setting prevents a user from hiding the column - * using the column menu or the grid menu. - */ - /** - * @ngdoc method - * @methodOf ui.grid.service:uiGridColumnMenuService - * @name hideable - * @description determines whether a column can be hidden, by checking the enableHiding columnDef option - * @param {$scope} $scope the $scope from the uiGridColumnMenu - * - */ - hideable: function( $scope ) { - if (typeof($scope.col) !== 'undefined' && $scope.col && $scope.col.colDef && $scope.col.colDef.enableHiding === false ) { - return false; - } - else { - return true; - } - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.service:uiGridColumnMenuService - * @name getDefaultMenuItems - * @description returns the default menu items for a column menu - * @param {$scope} $scope the $scope from the uiGridColumnMenu - * - */ - getDefaultMenuItems: function( $scope ){ - return [ - { - title: i18nService.getSafeText('sort.ascending'), - icon: 'ui-grid-icon-sort-alt-up', - action: function($event) { - $event.stopPropagation(); - $scope.sortColumn($event, uiGridConstants.ASC); - }, - shown: function () { - return service.sortable( $scope ); - }, - active: function() { - return service.isActiveSort( $scope, uiGridConstants.ASC); - } - }, - { - title: i18nService.getSafeText('sort.descending'), - icon: 'ui-grid-icon-sort-alt-down', - action: function($event) { - $event.stopPropagation(); - $scope.sortColumn($event, uiGridConstants.DESC); - }, - shown: function() { - return service.sortable( $scope ); - }, - active: function() { - return service.isActiveSort( $scope, uiGridConstants.DESC); - } - }, - { - title: i18nService.getSafeText('sort.remove'), - icon: 'ui-grid-icon-cancel', - action: function ($event) { - $event.stopPropagation(); - $scope.unsortColumn(); - }, - shown: function() { - return service.sortable( $scope ) && - typeof($scope.col) !== 'undefined' && (typeof($scope.col.sort) !== 'undefined' && - typeof($scope.col.sort.direction) !== 'undefined') && $scope.col.sort.direction !== null && - !service.suppressRemoveSort( $scope ); - } - }, - { - title: i18nService.getSafeText('column.hide'), - icon: 'ui-grid-icon-cancel', - shown: function() { - return service.hideable( $scope ); - }, - action: function ($event) { - $event.stopPropagation(); - $scope.hideColumn(); - } - } - ]; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.service:uiGridColumnMenuService - * @name getColumnElementPosition - * @description gets the position information needed to place the column - * menu below the column header - * @param {$scope} $scope the $scope from the uiGridColumnMenu - * @param {GridCol} column the column we want to position below - * @param {element} $columnElement the column element we want to position below - * @returns {hash} containing left, top, offset, height, width - * - */ - getColumnElementPosition: function( $scope, column, $columnElement ){ - var positionData = {}; - positionData.left = $columnElement[0].offsetLeft; - positionData.top = $columnElement[0].offsetTop; - - // Get the grid scrollLeft - positionData.offset = 0; - if (column.grid.options.offsetLeft) { - positionData.offset = column.grid.options.offsetLeft; - } - - positionData.height = gridUtil.elementHeight($columnElement, true); - positionData.width = gridUtil.elementWidth($columnElement, true); - - return positionData; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.service:uiGridColumnMenuService - * @name repositionMenu - * @description Reposition the menu below the new column. If the menu has no child nodes - * (i.e. it's not currently visible) then we guess it's width at 100, we'll be called again - * later to fix it - * @param {$scope} $scope the $scope from the uiGridColumnMenu - * @param {GridCol} column the column we want to position below - * @param {hash} positionData a hash containing left, top, offset, height, width - * @param {element} $elm the column menu element that we want to reposition - * @param {element} $columnElement the column element that we want to reposition underneath - * - */ - repositionMenu: function( $scope, column, positionData, $elm, $columnElement ) { - var menu = $elm[0].querySelectorAll('.ui-grid-menu'); - var containerId = column.renderContainer ? column.renderContainer : 'body'; - var renderContainer = column.grid.renderContainers[containerId]; - - // It's possible that the render container of the column we're attaching to is - // offset from the grid (i.e. pinned containers), we need to get the difference in the offsetLeft - // between the render container and the grid - var renderContainerElm = gridUtil.closestElm($columnElement, '.ui-grid-render-container'); - var renderContainerOffset = renderContainerElm.getBoundingClientRect().left - $scope.grid.element[0].getBoundingClientRect().left; - - var containerScrollLeft = renderContainerElm.querySelectorAll('.ui-grid-viewport')[0].scrollLeft; - - // default value the last width for _this_ column, otherwise last width for _any_ column, otherwise default to 170 - var myWidth = column.lastMenuWidth ? column.lastMenuWidth : ( $scope.lastMenuWidth ? $scope.lastMenuWidth : 170); - var paddingRight = column.lastMenuPaddingRight ? column.lastMenuPaddingRight : ( $scope.lastMenuPaddingRight ? $scope.lastMenuPaddingRight : 10); - - if ( menu.length !== 0 ){ - var mid = menu[0].querySelectorAll('.ui-grid-menu-mid'); - if ( mid.length !== 0 && !angular.element(mid).hasClass('ng-hide') ) { - myWidth = gridUtil.elementWidth(menu, true); - $scope.lastMenuWidth = myWidth; - column.lastMenuWidth = myWidth; - - // TODO(c0bra): use padding-left/padding-right based on document direction (ltr/rtl), place menu on proper side - // Get the column menu right padding - paddingRight = parseInt(gridUtil.getStyles(angular.element(menu)[0])['paddingRight'], 10); - $scope.lastMenuPaddingRight = paddingRight; - column.lastMenuPaddingRight = paddingRight; - } - } - - var left = positionData.left + renderContainerOffset - containerScrollLeft + positionData.width - myWidth + paddingRight; - if (left < positionData.offset){ - left = positionData.offset; - } - - $elm.css('left', left + 'px'); - $elm.css('top', (positionData.top + positionData.height) + 'px'); - } - - }; - - return service; -}]) - - -.directive('uiGridColumnMenu', ['$timeout', 'gridUtil', 'uiGridConstants', 'uiGridColumnMenuService', -function ($timeout, gridUtil, uiGridConstants, uiGridColumnMenuService) { -/** - * @ngdoc directive - * @name ui.grid.directive:uiGridColumnMenu - * @description Provides the column menu framework, leverages uiGridMenu underneath - * - */ - - var uiGridColumnMenu = { - priority: 0, - scope: true, - require: '?^uiGrid', - templateUrl: 'ui-grid/uiGridColumnMenu', - replace: true, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - var self = this; - - uiGridColumnMenuService.initialize( $scope, uiGridCtrl ); - - $scope.defaultMenuItems = uiGridColumnMenuService.getDefaultMenuItems( $scope ); - - // Set the menu items for use with the column menu. The user can later add additional items via the watch - $scope.menuItems = $scope.defaultMenuItems; - uiGridColumnMenuService.setColMenuItemWatch( $scope ); - - - /** - * @ngdoc method - * @methodOf ui.grid.directive:uiGridColumnMenu - * @name showMenu - * @description Shows the column menu. If the menu is already displayed it - * calls the menu to ask it to hide (it will animate), then it repositions the menu - * to the right place whilst hidden (it will make an assumption on menu width), - * then it asks the menu to show (it will animate), then it repositions the menu again - * once we can calculate it's size. - * @param {GridCol} column the column we want to position below - * @param {element} $columnElement the column element we want to position below - */ - $scope.showMenu = function(column, $columnElement, event) { - // Swap to this column - $scope.col = column; - - // Get the position information for the column element - var colElementPosition = uiGridColumnMenuService.getColumnElementPosition( $scope, column, $columnElement ); - - if ($scope.menuShown) { - // we want to hide, then reposition, then show, but we want to wait for animations - // we set a variable, and then rely on the menu-hidden event to call the reposition and show - $scope.colElement = $columnElement; - $scope.colElementPosition = colElementPosition; - $scope.hideThenShow = true; - - $scope.$broadcast('hide-menu', { originalEvent: event }); - } else { - self.shown = $scope.menuShown = true; - uiGridColumnMenuService.repositionMenu( $scope, column, colElementPosition, $elm, $columnElement ); - - $scope.colElement = $columnElement; - $scope.colElementPosition = colElementPosition; - $scope.$broadcast('show-menu', { originalEvent: event }); - } - - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.directive:uiGridColumnMenu - * @name hideMenu - * @description Hides the column menu. - * @param {boolean} broadcastTrigger true if we were triggered by a broadcast - * from the menu itself - in which case don't broadcast again as we'll get - * an infinite loop - */ - $scope.hideMenu = function( broadcastTrigger ) { - // delete $scope.col; - $scope.menuShown = false; - - if ( !broadcastTrigger ){ - $scope.$broadcast('hide-menu'); - } - }; - - - $scope.$on('menu-hidden', function() { - if ( $scope.hideThenShow ){ - delete $scope.hideThenShow; - - uiGridColumnMenuService.repositionMenu( $scope, $scope.col, $scope.colElementPosition, $elm, $scope.colElement ); - $scope.$broadcast('show-menu'); - - $scope.menuShown = true; - } else { - $scope.hideMenu( true ); - } - }); - - $scope.$on('menu-shown', function() { - $timeout( function() { - uiGridColumnMenuService.repositionMenu( $scope, $scope.col, $scope.colElementPosition, $elm, $scope.colElement ); - delete $scope.colElementPosition; - delete $scope.columnElement; - }, 200); - }); - - - /* Column methods */ - $scope.sortColumn = function (event, dir) { - event.stopPropagation(); - - $scope.grid.sortColumn($scope.col, dir, true) - .then(function () { - $scope.grid.refresh(); - $scope.hideMenu(); - }); - }; - - $scope.unsortColumn = function () { - $scope.col.unsort(); - - $scope.grid.refresh(); - $scope.hideMenu(); - }; - - $scope.hideColumn = function () { - $scope.col.colDef.visible = false; - - $scope.grid.refresh(); - $scope.hideMenu(); - }; - }, - - - - controller: ['$scope', function ($scope) { - var self = this; - - $scope.$watch('menuItems', function (n, o) { - self.menuItems = n; - }); - }] - }; - - return uiGridColumnMenu; - -}]); - -})(); -(function () { - 'use strict'; - - angular.module('ui.grid').directive('uiGridFooterCell', ['$timeout', 'gridUtil', 'uiGridConstants', '$compile', - function ($timeout, gridUtil, uiGridConstants, $compile) { - var uiGridFooterCell = { - priority: 0, - scope: { - col: '=', - row: '=', - renderIndex: '=' - }, - replace: true, - require: '^uiGrid', - compile: function compile(tElement, tAttrs, transclude) { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - function compileTemplate(template) { - gridUtil.getTemplate(template).then(function (contents) { - var linkFunction = $compile(contents); - var html = linkFunction($scope); - $elm.append(html); - }); - } - - //compile the footer template - if ($scope.col.footerCellTemplate) { - //compile the custom template - compileTemplate($scope.col.footerCellTemplate); - } - else { - //use default template - compileTemplate('ui-grid/uiGridFooterCell'); - } - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - //$elm.addClass($scope.col.getColClass(false)); - $scope.grid = uiGridCtrl.grid; - $scope.getExternalScopes = uiGridCtrl.getExternalScopes; - - $elm.addClass($scope.col.getColClass(false)); - - // apply any footerCellClass - var classAdded; - var updateClass = function( grid ){ - var contents = $elm; - if ( classAdded ){ - contents.removeClass( classAdded ); - classAdded = null; - } - - if (angular.isFunction($scope.col.footerCellClass)) { - classAdded = $scope.col.footerCellClass($scope.grid, $scope.row, $scope.col, $scope.rowRenderIndex, $scope.colRenderIndex); - } - else { - classAdded = $scope.col.footerCellClass; - } - contents.addClass(classAdded); - }; - - if ($scope.col.footerCellClass) { - updateClass(); - } - - // Register a data change watch that would get triggered whenever someone edits a cell or modifies column defs - var watchUid = $scope.grid.registerDataChangeCallback( updateClass, [uiGridConstants.dataChange.COLUMN]); - - $scope.$on( '$destroy', function() { - $scope.grid.deregisterDataChangeCallback( watchUid ); - }); - } - }; - } - }; - - return uiGridFooterCell; - }]); - -})(); - -(function () { - 'use strict'; - - angular.module('ui.grid').directive('uiGridFooter', ['$templateCache', '$compile', 'uiGridConstants', 'gridUtil', '$timeout', function ($templateCache, $compile, uiGridConstants, gridUtil, $timeout) { - var defaultTemplate = 'ui-grid/ui-grid-footer'; - - return { - restrict: 'EA', - replace: true, - // priority: 1000, - require: ['^uiGrid', '^uiGridRenderContainer'], - scope: true, - compile: function ($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - $scope.grid = uiGridCtrl.grid; - $scope.colContainer = containerCtrl.colContainer; - $scope.getExternalScopes = uiGridCtrl.getExternalScopes; - - containerCtrl.footer = $elm; - - var footerTemplate = ($scope.grid.options.footerTemplate) ? $scope.grid.options.footerTemplate : defaultTemplate; - gridUtil.getTemplate(footerTemplate) - .then(function (contents) { - var template = angular.element(contents); - - var newElm = $compile(template)($scope); - $elm.append(newElm); - - if (containerCtrl) { - // Inject a reference to the footer viewport (if it exists) into the grid controller for use in the horizontal scroll handler below - var footerViewport = $elm[0].getElementsByClassName('ui-grid-footer-viewport')[0]; - - if (footerViewport) { - containerCtrl.footerViewport = footerViewport; - } - } - }); - }, - - post: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - // gridUtil.logDebug('ui-grid-footer link'); - - var grid = uiGridCtrl.grid; - - // Don't animate footer cells - gridUtil.disableAnimations($elm); - - containerCtrl.footer = $elm; - - var footerViewport = $elm[0].getElementsByClassName('ui-grid-footer-viewport')[0]; - if (footerViewport) { - containerCtrl.footerViewport = footerViewport; - } - } - }; - } - }; - }]); - -})(); -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridGroupPanel', ["$compile", "uiGridConstants", "gridUtil", function($compile, uiGridConstants, gridUtil) { - var defaultTemplate = 'ui-grid/ui-grid-group-panel'; - - return { - restrict: 'EA', - replace: true, - require: '?^uiGrid', - scope: false, - compile: function($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - var groupPanelTemplate = $scope.grid.options.groupPanelTemplate || defaultTemplate; - - gridUtil.getTemplate(groupPanelTemplate) - .then(function (contents) { - var template = angular.element(contents); - - var newElm = $compile(template)($scope); - $elm.append(newElm); - }); - }, - - post: function ($scope, $elm, $attrs, uiGridCtrl) { - $elm.bind('$destroy', function() { - // scrollUnbinder(); - }); - } - }; - } - }; - }]); - -})(); -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridHeaderCell', ['$compile', '$timeout', '$window', '$document', 'gridUtil', 'uiGridConstants', - function ($compile, $timeout, $window, $document, gridUtil, uiGridConstants) { - // Do stuff after mouse has been down this many ms on the header cell - var mousedownTimeout = 500; - - var uiGridHeaderCell = { - priority: 0, - scope: { - col: '=', - row: '=', - renderIndex: '=' - }, - require: ['?^uiGrid', '^uiGridRenderContainer'], - replace: true, - compile: function() { - return { - pre: function ($scope, $elm, $attrs) { - var cellHeader = $compile($scope.col.headerCellTemplate)($scope); - $elm.append(cellHeader); - }, - - post: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var renderContainerCtrl = controllers[1]; - - $scope.grid = uiGridCtrl.grid; - $scope.getExternalScopes = uiGridCtrl.getExternalScopes; - - $scope.renderContainer = uiGridCtrl.grid.renderContainers[renderContainerCtrl.containerId]; - - $elm.addClass($scope.col.getColClass(false)); - - // Hide the menu by default - $scope.menuShown = false; - - // Put asc and desc sort directions in scope - $scope.asc = uiGridConstants.ASC; - $scope.desc = uiGridConstants.DESC; - - // Store a reference to menu element - var $colMenu = angular.element( $elm[0].querySelectorAll('.ui-grid-header-cell-menu') ); - - var $contentsElm = angular.element( $elm[0].querySelectorAll('.ui-grid-cell-contents') ); - - - // apply any headerCellClass - var classAdded; - var updateClass = function( grid ){ - var contents = $elm; - if ( classAdded ){ - contents.removeClass( classAdded ); - classAdded = null; - } - - if (angular.isFunction($scope.col.headerCellClass)) { - classAdded = $scope.col.headerCellClass($scope.grid, $scope.row, $scope.col, $scope.rowRenderIndex, $scope.colRenderIndex); - } - else { - classAdded = $scope.col.headerCellClass; - } - contents.addClass(classAdded); - }; - - if ($scope.col.headerCellClass) { - updateClass(); - } - - // Register a data change watch that would get triggered whenever someone edits a cell or modifies column defs - var watchUid = $scope.grid.registerDataChangeCallback( updateClass, [uiGridConstants.dataChange.COLUMN]); - - var deregisterFunction = function() { - $scope.grid.deregisterDataChangeCallback( watchUid ); - }; - - $scope.$on( '$destroy', deregisterFunction ); - - - // Figure out whether this column is sortable or not - if (uiGridCtrl.grid.options.enableSorting && $scope.col.enableSorting) { - $scope.sortable = true; - } - else { - $scope.sortable = false; - } - - if (uiGridCtrl.grid.options.enableFiltering && $scope.col.enableFiltering) { - $scope.filterable = true; - } - else { - $scope.filterable = false; - } - - function handleClick(evt) { - // If the shift key is being held down, add this column to the sort - var add = false; - if (evt.shiftKey) { - add = true; - } - - // Sort this column then rebuild the grid's rows - uiGridCtrl.grid.sortColumn($scope.col, add) - .then(function () { - if (uiGridCtrl.columnMenuScope) { uiGridCtrl.columnMenuScope.hideMenu(); } - uiGridCtrl.grid.refresh(); - }); - } - - /** - * @ngdoc property - * @name enableColumnMenu - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description if column menus are enabled, controls the column menus for this specific - * column (i.e. if gridOptions.enableColumnMenus, then you can control column menus - * using this option. If gridOptions.enableColumnMenus === false then you get no column - * menus irrespective of the value of this option ). Defaults to true. - * - */ - /** - * @ngdoc property - * @name enableColumnMenus - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Override for column menus everywhere - if set to false then you get no - * column menus. Defaults to true. - * - */ - - // Long-click (for mobile) - var cancelMousedownTimeout; - var mousedownStartTime = 0; - $contentsElm.on('mousedown touchstart', function(event) { - if (typeof(event.originalEvent) !== 'undefined' && event.originalEvent !== undefined) { - event = event.originalEvent; - } - - // Don't show the menu if it's not the left button - if (event.button && event.button !== 0) { - return; - } - - mousedownStartTime = (new Date()).getTime(); - - cancelMousedownTimeout = $timeout(function() { }, mousedownTimeout); - - cancelMousedownTimeout.then(function () { - if ($scope.col.grid.options && $scope.col.grid.options.enableColumnMenus !== false && - $scope.col.colDef && $scope.col.colDef.enableColumnMenu !== false) { - uiGridCtrl.columnMenuScope.showMenu($scope.col, $elm, event); - } - }); - }); - - $contentsElm.on('mouseup touchend', function () { - $timeout.cancel(cancelMousedownTimeout); - }); - - $scope.$on('$destroy', function () { - $contentsElm.off('mousedown touchstart'); - }); - - - $scope.toggleMenu = function($event) { - $event.stopPropagation(); - - // If the menu is already showing... - if (uiGridCtrl.columnMenuScope.menuShown) { - // ... and we're the column the menu is on... - if (uiGridCtrl.columnMenuScope.col === $scope.col) { - // ... hide it - uiGridCtrl.columnMenuScope.hideMenu(); - } - // ... and we're NOT the column the menu is on - else { - // ... move the menu to our column - uiGridCtrl.columnMenuScope.showMenu($scope.col, $elm); - } - } - // If the menu is NOT showing - else { - // ... show it on our column - uiGridCtrl.columnMenuScope.showMenu($scope.col, $elm); - } - }; - - // If this column is sortable, add a click event handler - if ($scope.sortable) { - $contentsElm.on('click touchend', function(evt) { - evt.stopPropagation(); - - $timeout.cancel(cancelMousedownTimeout); - - var mousedownEndTime = (new Date()).getTime(); - var mousedownTime = mousedownEndTime - mousedownStartTime; - - if (mousedownTime > mousedownTimeout) { - // long click, handled above with mousedown - } - else { - // short click - handleClick(evt); - } - }); - - $scope.$on('$destroy', function () { - // Cancel any pending long-click timeout - $timeout.cancel(cancelMousedownTimeout); - }); - } - - if ($scope.filterable) { - var filterDeregisters = []; - angular.forEach($scope.col.filters, function(filter, i) { - filterDeregisters.push($scope.$watch('col.filters[' + i + '].term', function(n, o) { - if (n !== o) { - uiGridCtrl.grid.api.core.raise.filterChanged(); - uiGridCtrl.grid.refresh() - .then(function () { - if (uiGridCtrl.prevScrollArgs && uiGridCtrl.prevScrollArgs.y && uiGridCtrl.prevScrollArgs.y.percentage) { - uiGridCtrl.fireScrollingEvent({ y: { percentage: uiGridCtrl.prevScrollArgs.y.percentage } }); - } - // uiGridCtrl.fireEvent('force-vertical-scroll'); - }); - } - })); - }); - $scope.$on('$destroy', function() { - angular.forEach(filterDeregisters, function(filterDeregister) { - filterDeregister(); - }); - }); - } - } - }; - } - }; - - return uiGridHeaderCell; - }]); - -})(); - -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridHeader', ['$templateCache', '$compile', 'uiGridConstants', 'gridUtil', '$timeout', function($templateCache, $compile, uiGridConstants, gridUtil, $timeout) { - var defaultTemplate = 'ui-grid/ui-grid-header'; - var emptyTemplate = 'ui-grid/ui-grid-no-header'; - - return { - restrict: 'EA', - // templateUrl: 'ui-grid/ui-grid-header', - replace: true, - // priority: 1000, - require: ['^uiGrid', '^uiGridRenderContainer'], - scope: true, - compile: function($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - $scope.grid = uiGridCtrl.grid; - $scope.colContainer = containerCtrl.colContainer; - $scope.getExternalScopes = uiGridCtrl.getExternalScopes; - - containerCtrl.header = $elm; - containerCtrl.colContainer.header = $elm; - - /** - * @ngdoc property - * @name hideHeader - * @propertyOf ui.grid.class:GridOptions - * @description Null by default. When set to true, this setting will replace the - * standard header template with '<div></div>', resulting in no header being shown. - */ - - var headerTemplate; - if ($scope.grid.options.hideHeader){ - headerTemplate = emptyTemplate; - } else { - headerTemplate = ($scope.grid.options.headerTemplate) ? $scope.grid.options.headerTemplate : defaultTemplate; - } - - gridUtil.getTemplate(headerTemplate) - .then(function (contents) { - var template = angular.element(contents); - - var newElm = $compile(template)($scope); - $elm.replaceWith(newElm); - - // Replace the reference to the container's header element with this new element - containerCtrl.header = newElm; - containerCtrl.colContainer.header = newElm; - - // And update $elm to be the new element - $elm = newElm; - - if (containerCtrl) { - // Inject a reference to the header viewport (if it exists) into the grid controller for use in the horizontal scroll handler below - var headerViewport = $elm[0].getElementsByClassName('ui-grid-header-viewport')[0]; - - if (headerViewport) { - containerCtrl.headerViewport = headerViewport; - } - } - }); - }, - - post: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - // gridUtil.logDebug('ui-grid-header link'); - - var grid = uiGridCtrl.grid; - - // Don't animate header cells - gridUtil.disableAnimations($elm); - - function updateColumnWidths() { - // Get the width of the viewport - var availableWidth = containerCtrl.colContainer.getViewportWidth(); - - if (typeof(uiGridCtrl.grid.verticalScrollbarWidth) !== 'undefined' && uiGridCtrl.grid.verticalScrollbarWidth !== undefined && uiGridCtrl.grid.verticalScrollbarWidth > 0) { - availableWidth = availableWidth + uiGridCtrl.grid.verticalScrollbarWidth; - } - - // The total number of columns - // var equalWidthColumnCount = columnCount = uiGridCtrl.grid.options.columnDefs.length; - // var equalWidth = availableWidth / equalWidthColumnCount; - - var columnCache = containerCtrl.colContainer.visibleColumnCache, - canvasWidth = 0, - asteriskNum = 0, - oneAsterisk = 0, - leftoverWidth = availableWidth, - hasVariableWidth = false; - - var getColWidth = function(column){ - if (column.widthType === "manual"){ - return +column.width; - } - else if (column.widthType === "percent"){ - return parseInt(column.width.replace(/%/g, ''), 10) * availableWidth / 100; - } - else if (column.widthType === "auto"){ - // leftOverWidth is subtracted from after each call to this - // function so we need to calculate oneAsterisk size only once - if (oneAsterisk === 0) { - oneAsterisk = parseInt(leftoverWidth / asteriskNum, 10); - } - return column.width.length * oneAsterisk; - } - }; - - // Populate / determine column width types: - columnCache.forEach(function(column){ - column.widthType = null; - if (isFinite(+column.width)){ - column.widthType = "manual"; - } - else if (gridUtil.endsWith(column.width, "%")){ - column.widthType = "percent"; - hasVariableWidth = true; - } - else if (angular.isString(column.width) && column.width.indexOf('*') !== -1){ - column.widthType = "auto"; - asteriskNum += column.width.length; - hasVariableWidth = true; - } - }); - - // For sorting, calculate width from first to last: - var colWidthPriority = ["manual", "percent", "auto"]; - columnCache.filter(function(column){ - // Only draw visible items with a widthType - return (column.visible && column.widthType); - }).sort(function(a,b){ - // Calculate widths in order, so that manual comes first, etc. - return colWidthPriority.indexOf(a.widthType) - colWidthPriority.indexOf(b.widthType); - }).forEach(function(column){ - // Calculate widths: - var colWidth = getColWidth(column); - if (column.minWidth){ - colWidth = Math.max(colWidth, column.minWidth); - } - if (column.maxWidth){ - colWidth = Math.min(colWidth, column.maxWidth); - } - column.drawnWidth = Math.floor(colWidth); - canvasWidth += column.drawnWidth; - leftoverWidth -= column.drawnWidth; - }); - - // If the grid width didn't divide evenly into the column widths and we have pixels left over, dole them out to the columns one by one to make everything fit - if (hasVariableWidth && leftoverWidth > 0 && canvasWidth > 0 && canvasWidth < availableWidth) { - var remFn = function (column) { - if (leftoverWidth > 0 && (column.widthType === "auto" || column.widthType === "percent")) { - column.drawnWidth = column.drawnWidth + 1; - canvasWidth = canvasWidth + 1; - leftoverWidth--; - } - }; - var prevLeftover = 0; - do { - prevLeftover = leftoverWidth; - columnCache.forEach(remFn); - } while (leftoverWidth > 0 && leftoverWidth !== prevLeftover ); - } - canvasWidth = Math.max(canvasWidth, availableWidth); - - // Build the CSS - // uiGridCtrl.grid.columns.forEach(function (column) { - var ret = ''; - columnCache.forEach(function (column) { - ret = ret + column.getColClassDefinition(); - }); - - // Add the vertical scrollbar width back in to the canvas width, it's taken out in getViewportWidth - if (grid.verticalScrollbarWidth) { - canvasWidth = canvasWidth + grid.verticalScrollbarWidth; - } - // canvasWidth = canvasWidth + 1; - - // if we have a grid menu, then we prune the width of the last column header - // to allow room for the button whilst still getting to the column menu - if (columnCache.length > 0) { // && grid.options.enableGridMenu) { - columnCache[columnCache.length - 1].headerWidth = columnCache[columnCache.length - 1].drawnWidth - 30; - } - - containerCtrl.colContainer.canvasWidth = parseInt(canvasWidth, 10); - - // Return the styles back to buildStyles which pops them into the `customStyles` scope variable - return ret; - } - - containerCtrl.header = $elm; - - var headerViewport = $elm[0].getElementsByClassName('ui-grid-header-viewport')[0]; - if (headerViewport) { - containerCtrl.headerViewport = headerViewport; - } - - //todo: remove this if by injecting gridCtrl into unit tests - if (uiGridCtrl) { - uiGridCtrl.grid.registerStyleComputation({ - priority: 5, - func: updateColumnWidths - }); - } - } - }; - } - }; - }]); - -})(); - -(function(){ - -angular.module('ui.grid') -.service('uiGridGridMenuService', [ 'gridUtil', 'i18nService', function( gridUtil, i18nService ) { - /** - * @ngdoc service - * @name ui.grid.gridMenuService - * - * @description Methods for working with the grid menu - */ - - var service = { - /** - * @ngdoc method - * @methodOf ui.grid.gridMenuService - * @name initialize - * @description Sets up the gridMenu. Most importantly, sets our - * scope onto the grid object as grid.gridMenuScope, allowing us - * to operate when passed only the grid. Second most importantly, - * we register the 'addToGridMenu' and 'removeFromGridMenu' methods - * on the core api. - * @param {$scope} $scope the scope of this gridMenu - * @param {Grid} grid the grid to which this gridMenu is associated - */ - initialize: function( $scope, grid ){ - grid.gridMenuScope = $scope; - $scope.grid = grid; - $scope.registeredMenuItems = []; - - // not certain this is needed, but would be bad to create a memory leak - $scope.$on('$destroy', function() { - if ( $scope.grid && $scope.grid.gridMenuScope ){ - $scope.grid.gridMenuScope = null; - } - if ( $scope.grid ){ - $scope.grid = null; - } - if ( $scope.registeredMenuItems ){ - $scope.registeredMenuItems = null; - } - }); - - $scope.registeredMenuItems = []; - - /** - * @ngdoc function - * @name addToGridMenu - * @methodOf ui.grid.core.api:PublicApi - * @description add items to the grid menu. Used by features - * to add their menu items if they are enabled, can also be used by - * end users to add menu items. This method has the advantage of allowing - * remove again, which can simplify management of which items are included - * in the menu when. (Noting that in most cases the shown and active functions - * provide a better way to handle visibility of menu items) - * @param {Grid} grid the grid on which we are acting - * @param {array} items menu items in the format as described in the tutorial, with - * the added note that if you want to use remove you must also specify an `id` field, - * which is provided when you want to remove an item. The id should be unique. - * - */ - grid.api.registerMethod( 'core', 'addToGridMenu', service.addToGridMenu ); - - /** - * @ngdoc function - * @name removeFromGridMenu - * @methodOf ui.grid.core.api:PublicApi - * @description Remove an item from the grid menu based on a provided id. Assumes - * that the id is unique, removes only the last instance of that id. Does nothing if - * the specified id is not found - * @param {Grid} grid the grid on which we are acting - * @param {string} id the id we'd like to remove from the menu - * - */ - grid.api.registerMethod( 'core', 'removeFromGridMenu', service.removeFromGridMenu ); - }, - - - /** - * @ngdoc function - * @name addToGridMenu - * @propertyOf ui.grid.class:GridOptions - * @description add items to the grid menu. Used by features - * to add their menu items if they are enabled, can also be used by - * end users to add menu items. This method has the advantage of allowing - * remove again, which can simplify management of which items are included - * in the menu when. (Noting that in most cases the shown and active functions - * provide a better way to handle visibility of menu items) - * @param {Grid} grid the grid on which we are acting - * @param {array} items menu items in the format as described in the tutorial, with - * the added note that if you want to use remove you must also specify an `id` field, - * which is provided when you want to remove an item. The id should be unique. - * - */ - addToGridMenu: function( grid, menuItems ) { - if ( !angular.isArray( menuItems ) ) { - gridUtil.logError( 'addToGridMenu: menuItems must be an array, and is not, not adding any items'); - } else { - if ( grid.gridMenuScope ){ - grid.gridMenuScope.registeredMenuItems = grid.gridMenuScope.registeredMenuItems ? grid.gridMenuScope.registeredMenuItems : []; - grid.gridMenuScope.registeredMenuItems = grid.gridMenuScope.registeredMenuItems.concat( menuItems ); - } else { - gridUtil.logError( 'Asked to addToGridMenu, but gridMenuScope not present. Timing issue? Please log issue with ui-grid'); - } - } - }, - - - /** - * @ngdoc function - * @name removeFromGridMenu - * @methodOf ui.grid.core.api:PublicApi - * @description Remove an item from the grid menu based on a provided id. Assumes - * that the id is unique, removes only the last instance of that id. Does nothing if - * the specified id is not found. If there is no gridMenuScope or registeredMenuItems - * then do nothing silently - the desired result is those menu items not be present and they - * aren't. - * @param {Grid} grid the grid on which we are acting - * @param {string} id the id we'd like to remove from the menu - * - */ - removeFromGridMenu: function( grid, id ){ - var foundIndex = -1; - - if ( grid && grid.gridMenuScope ){ - grid.gridMenuScope.registeredMenuItems.forEach( function( value, index ) { - if ( value.id === id ){ - if (foundIndex > -1) { - gridUtil.logError( 'removeFromGridMenu: found multiple items with the same id, removing only the last' ); - } else { - - foundIndex = index; - } - } - }); - } - - if ( foundIndex > -1 ){ - grid.gridMenuScope.registeredMenuItems.splice( foundIndex, 1 ); - } - }, - - - /** - * @ngdoc array - * @name gridMenuCustomItems - * @propertyOf ui.grid.class:GridOptions - * @description (optional) An array of menu items that should be added to - * the gridMenu. Follow the format documented in the tutorial for column - * menu customisation. The context provided to the action function will - * include context.grid. An alternative if working with dynamic menus is to use the - * provided api - core.addToGridMenu and core.removeFromGridMenu, which handles - * some of the management of items for you. - * - */ - /** - * @ngdoc boolean - * @name gridMenuShowHideColumns - * @propertyOf ui.grid.class:GridOptions - * @description true by default, whether the grid menu should allow hide/show - * of columns - * - */ - /** - * @ngdoc method - * @methodOf ui.grid.gridMenuService - * @name getMenuItems - * @description Decides the menu items to show in the menu. This is a - * combination of: - * - * - the default menu items that are always included, - * - any menu items that have been provided through the addMenuItem api. These - * are typically added by features within the grid - * - any menu items included in grid.options.gridMenuCustomItems. These can be - * changed dynamically, as they're always recalculated whenever we show the - * menu - * @param {$scope} $scope the scope of this gridMenu, from which we can find all - * the information that we need - * @returns {array} an array of menu items that can be shown - */ - getMenuItems: function( $scope ) { - var menuItems = [ - // this is where we add any menu items we want to always include - ]; - - if ( $scope.grid.options.gridMenuCustomItems ){ - if ( !angular.isArray( $scope.grid.options.gridMenuCustomItems ) ){ - gridUtil.logError( 'gridOptions.gridMenuCustomItems must be an array, and is not'); - } else { - menuItems = menuItems.concat( $scope.grid.options.gridMenuCustomItems ); - } - } - - menuItems = menuItems.concat( $scope.registeredMenuItems ); - - if ( $scope.grid.options.gridMenuShowHideColumns !== false ){ - menuItems = menuItems.concat( service.showHideColumns( $scope ) ); - } - - return menuItems; - }, - - - /** - * @ngdoc array - * @name gridMenuTitleFilter - * @propertyOf ui.grid.class:GridOptions - * @description (optional) A function that takes a title string - * (usually the col.displayName), and converts it into a display value. The function - * must return either a string or a promise. - * - * Used for internationalization of the grid menu column names - for angular-translate - * you can pass $translate as the function, for i18nService you can pass getSafeText as the - * function - * @example - * <pre> - * gridOptions = { - * gridMenuTitleFilter: $translate - * } - * </pre> - */ - /** - * @ngdoc method - * @methodOf ui.grid.gridMenuService - * @name showHideColumns - * @description Adds two menu items for each of the columns in columnDefs. One - * menu item for hide, one menu item for show. Each is visible when appropriate - * (show when column is not visible, hide when column is visible). Each toggles - * the visible property on the columnDef using toggleColumnVisibility - * @param {$scope} $scope of a gridMenu, which contains a reference to the grid - */ - showHideColumns: function( $scope ){ - var showHideColumns = []; - if ( !$scope.grid.options.columnDefs || $scope.grid.options.columnDefs.length === 0 || $scope.grid.columns.length === 0 ) { - return showHideColumns; - } - - // add header for columns - showHideColumns.push({ - title: i18nService.getSafeText('gridMenu.columns') - }); - - $scope.grid.options.gridMenuTitleFilter = $scope.grid.options.gridMenuTitleFilter ? $scope.grid.options.gridMenuTitleFilter : function( title ) { return title; }; - - $scope.grid.options.columnDefs.forEach( function( colDef, index ){ - if ( colDef.enableHiding !== false ){ - // add hide menu item - shows an OK icon as we only show when column is already visible - var menuItem = { - icon: 'ui-grid-icon-ok', - action: function($event) { - $event.stopPropagation(); - service.toggleColumnVisibility( this.context.gridCol ); - }, - shown: function() { - return this.context.gridCol.colDef.visible === true || this.context.gridCol.colDef.visible === undefined; - }, - context: { gridCol: $scope.grid.getColumn(colDef.name || colDef.field) } - }; - service.setMenuItemTitle( menuItem, colDef, $scope.grid ); - showHideColumns.push( menuItem ); - - // add show menu item - shows no icon as we only show when column is invisible - menuItem = { - icon: 'ui-grid-icon-cancel', - action: function($event) { - $event.stopPropagation(); - service.toggleColumnVisibility( this.context.gridCol ); - }, - shown: function() { - return !(this.context.gridCol.colDef.visible === true || this.context.gridCol.colDef.visible === undefined); - }, - context: { gridCol: $scope.grid.getColumn(colDef.name || colDef.field) } - }; - service.setMenuItemTitle( menuItem, colDef, $scope.grid ); - showHideColumns.push( menuItem ); - } - }); - return showHideColumns; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.gridMenuService - * @name setMenuItemTitle - * @description Handles the response from gridMenuTitleFilter, adding it directly to the menu - * item if it returns a string, otherwise waiting for the promise to resolve or reject then - * putting the result into the title - * @param {object} menuItem the menuItem we want to put the title on - * @param {object} colDef the colDef from which we can get displayName, name or field - * @param {Grid} grid the grid, from which we can get the options.gridMenuTitleFilter - * - */ - setMenuItemTitle: function( menuItem, colDef, grid ){ - var title = grid.options.gridMenuTitleFilter( colDef.displayName || colDef.name || colDef.field ); - - if ( typeof(title) === 'string' ){ - menuItem.title = title; - } else if ( title.then ){ - // must be a promise - menuItem.title = ""; - title.then( function( successValue ) { - menuItem.title = successValue; - }, function( errorValue ) { - menuItem.title = errorValue; - }); - } else { - gridUtil.logError('Expected gridMenuTitleFilter to return a string or a promise, it has returned neither, bad config'); - menuItem.title = 'badconfig'; - } - }, - - /** - * @ngdoc method - * @methodOf ui.grid.gridMenuService - * @name toggleColumnVisibility - * @description Toggles the visibility of an individual column. Expects to be - * provided a context that has on it a gridColumn, which is the column that - * we'll operate upon. We change the visibility, and refresh the grid as appropriate - * @param {GridCol} gridCol the column that we want to toggle - * - */ - toggleColumnVisibility: function( gridCol ) { - gridCol.colDef.visible = !( gridCol.colDef.visible === true || gridCol.colDef.visible === undefined ); - - gridCol.grid.refresh(); - } - }; - - return service; -}]) - - - -.directive('uiGridMenuButton', ['gridUtil', 'uiGridConstants', 'uiGridGridMenuService', -function (gridUtil, uiGridConstants, uiGridGridMenuService) { - - return { - priority: 0, - scope: true, - require: ['?^uiGrid'], - templateUrl: 'ui-grid/ui-grid-menu-button', - replace: true, - - - link: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - - uiGridGridMenuService.initialize($scope, uiGridCtrl.grid); - - $scope.shown = false; - - $scope.toggleMenu = function () { - if ( $scope.shown ){ - $scope.$broadcast('hide-menu'); - $scope.shown = false; - } else { - $scope.menuItems = uiGridGridMenuService.getMenuItems( $scope ); - $scope.$broadcast('show-menu'); - $scope.shown = true; - } - }; - - $scope.$on('menu-hidden', function() { - $scope.shown = false; - }); - } - }; - -}]); - -})(); -(function(){ - -/** - * @ngdoc directive - * @name ui.grid.directive:uiGridColumnMenu - * @element style - * @restrict A - * - * @description - * Allows us to interpolate expressions in `<style>` elements. Angular doesn't do this by default as it can/will/might? break in IE8. - * - * @example - <doc:example module="app"> - <doc:source> - <script> - var app = angular.module('app', ['ui.grid']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - - }]); - </script> - - <div ng-controller="MainCtrl"> - <div ui-grid-menu shown="true" ></div> - </div> - </doc:source> - <doc:scenario> - </doc:scenario> - </doc:example> - */ -angular.module('ui.grid') - -.directive('uiGridMenu', ['$compile', '$timeout', '$window', '$document', 'gridUtil', 'uiGridConstants', -function ($compile, $timeout, $window, $document, gridUtil, uiGridConstants) { - var uiGridMenu = { - priority: 0, - scope: { - // shown: '&', - menuItems: '=', - autoHide: '=?' - }, - require: '?^uiGrid', - templateUrl: 'ui-grid/uiGridMenu', - replace: false, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - var self = this; - var menuMid; - var $animate; - - // *** Show/Hide functions ****** - self.showMenu = $scope.showMenu = function(event, args) { - if ( !$scope.shown ){ - - /* - * In order to animate cleanly we remove the ng-if, wait a digest cycle, then - * animate the removal of the ng-hide. We can't successfully (so far as I can tell) - * animate removal of the ng-if, as the menu items aren't there yet. And we don't want - * to rely on ng-show only, as that leaves elements in the DOM that are needlessly evaluated - * on scroll events. - * - * Note when testing animation that animations don't run on the tutorials. When debugging it looks - * like they do, but angular has a default $animate provider that is just a stub, and that's what's - * being called. ALso don't be fooled by the fact that your browser has actually loaded the - * angular-translate.js, it's not using it. You need to test animations in an external application. - */ - $scope.shown = true; - - $timeout( function() { - $scope.shownMid = true; - $scope.$emit('menu-shown'); - }); - } else if ( !$scope.shownMid ) { - // we're probably doing a hide then show, so we don't need to wait for ng-if - $scope.shownMid = true; - $scope.$emit('menu-shown'); - } - - var docEventType = 'click'; - if (args && args.originalEvent && args.originalEvent.type && args.originalEvent.type === 'touchstart') { - docEventType = args.originalEvent.type; - } - - // Turn off an existing document click handler - angular.element(document).off('click touchstart', applyHideMenu); - - // Turn on the document click handler, but in a timeout so it doesn't apply to THIS click if there is one - $timeout(function() { - angular.element(document).on(docEventType, applyHideMenu); - }); - }; - - - self.hideMenu = $scope.hideMenu = function(event, args) { - if ( $scope.shown ){ - /* - * In order to animate cleanly we animate the addition of ng-hide, then use a $timeout to - * set the ng-if (shown = false) after the animation runs. In theory we can cascade off the - * callback on the addClass method, but it is very unreliable with unit tests for no discernable reason. - * - * The user may have clicked on the menu again whilst - * we're waiting, so we check that the mid isn't shown before applying the ng-if. - */ - $scope.shownMid = false; - $timeout( function() { - if ( !$scope.shownMid ){ - $scope.shown = false; - $scope.$emit('menu-hidden'); - } - }, 200); - } - - angular.element(document).off('click touchstart', applyHideMenu); - }; - - $scope.$on('hide-menu', function (event, args) { - $scope.hideMenu(event, args); - }); - - $scope.$on('show-menu', function (event, args) { - $scope.showMenu(event, args); - }); - - - // *** Auto hide when click elsewhere ****** - var applyHideMenu = function(){ - if ($scope.shown) { - $scope.$apply(function () { - $scope.hideMenu(); - }); - } - }; - - if (typeof($scope.autoHide) === 'undefined' || $scope.autoHide === undefined) { - $scope.autoHide = true; - } - - if ($scope.autoHide) { - angular.element($window).on('resize', applyHideMenu); - } - - $scope.$on('$destroy', function () { - angular.element(document).off('click touchstart', applyHideMenu); - }); - - - $scope.$on('$destroy', function() { - angular.element($window).off('resize', applyHideMenu); - }); - - $scope.$on('$destroy', $scope.$on(uiGridConstants.events.GRID_SCROLL, applyHideMenu )); - - $scope.$on('$destroy', $scope.$on(uiGridConstants.events.ITEM_DRAGGING, applyHideMenu )); - }, - - - controller: ['$scope', '$element', '$attrs', function ($scope, $element, $attrs) { - var self = this; - }] - }; - - return uiGridMenu; -}]) - -.directive('uiGridMenuItem', ['gridUtil', '$compile', 'i18nService', function (gridUtil, $compile, i18nService) { - var uiGridMenuItem = { - priority: 0, - scope: { - title: '=', - active: '=', - action: '=', - icon: '=', - shown: '=', - context: '=', - templateUrl: '=' - }, - require: ['?^uiGrid', '^uiGridMenu'], - templateUrl: 'ui-grid/uiGridMenuItem', - replace: true, - compile: function($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0], - uiGridMenuCtrl = controllers[1]; - - if ($scope.templateUrl) { - gridUtil.getTemplate($scope.templateUrl) - .then(function (contents) { - var template = angular.element(contents); - - var newElm = $compile(template)($scope); - $elm.replaceWith(newElm); - }); - } - }, - post: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0], - uiGridMenuCtrl = controllers[1]; - - // TODO(c0bra): validate that shown and active are functions if they're defined. An exception is already thrown above this though - // if (typeof($scope.shown) !== 'undefined' && $scope.shown && typeof($scope.shown) !== 'function') { - // throw new TypeError("$scope.shown is defined but not a function"); - // } - if (typeof($scope.shown) === 'undefined' || $scope.shown === null) { - $scope.shown = function() { return true; }; - } - - $scope.itemShown = function () { - var context = {}; - if ($scope.context) { - context.context = $scope.context; - } - - if (typeof(uiGridCtrl) !== 'undefined' && uiGridCtrl) { - context.grid = uiGridCtrl.grid; - } - - return $scope.shown.call(context); - }; - - $scope.itemAction = function($event,title) { - // gridUtil.logDebug('itemAction'); - $event.stopPropagation(); - - if (typeof($scope.action) === 'function') { - var context = {}; - - if ($scope.context) { - context.context = $scope.context; - } - - // Add the grid to the function call context if the uiGrid controller is present - if (typeof(uiGridCtrl) !== 'undefined' && uiGridCtrl) { - context.grid = uiGridCtrl.grid; - } - - $scope.action.call(context, $event, title); - - $scope.$emit('hide-menu'); - } - }; - - $scope.i18n = i18nService.get(); - } - }; - } - }; - - return uiGridMenuItem; -}]); - -})(); -(function () { -// 'use strict'; - - angular.module('ui.grid').directive('uiGridNativeScrollbar', ['$timeout', '$document', 'uiGridConstants', 'gridUtil', - function ($timeout, $document, uiGridConstants, gridUtil) { - var scrollBarWidth = gridUtil.getScrollbarWidth(); - - // scrollBarWidth = scrollBarWidth > 0 ? scrollBarWidth : 17; - if (!angular.isNumber(scrollBarWidth)) { - scrollBarWidth = 0; - } - - // If the browser is IE, add 1px to the scrollbar container, otherwise scroll events won't work right (in IE11 at least) - var browser = gridUtil.detectBrowser(); - if (browser === 'ie') { - scrollBarWidth = scrollBarWidth + 1; - } - - return { - scope: { - type: '@' - }, - require: ['^uiGrid', '^uiGridRenderContainer'], - link: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - var rowContainer = containerCtrl.rowContainer; - var colContainer = containerCtrl.colContainer; - var grid = uiGridCtrl.grid; - - var contents = angular.element('<div class="contents"> </div>'); - - $elm.addClass('ui-grid-native-scrollbar'); - - var previousScrollPosition; - - var elmMaxScroll = 0; - - if ($scope.type === 'vertical') { - // Update the width based on native scrollbar width - $elm.css('width', scrollBarWidth + 'px'); - - $elm.addClass('vertical'); - - grid.verticalScrollbarWidth = grid.options.enableVerticalScrollbar === uiGridConstants.scrollbars.WHEN_NEEDED ? 0 : scrollBarWidth; - colContainer.verticalScrollbarWidth = grid.verticalScrollbarWidth; - - // Save the initial scroll position for use in scroll events - previousScrollPosition = $elm[0].scrollTop; - } - else if ($scope.type === 'horizontal') { - // Update the height based on native scrollbar height - $elm.css('height', scrollBarWidth + 'px'); - - $elm.addClass('horizontal'); - - // Save this scrollbar's dimension in the grid properties - grid.horizontalScrollbarHeight = grid.options.enableHorizontalScrollbar === uiGridConstants.scrollbars.WHEN_NEEDED ? 0 : scrollBarWidth; - rowContainer.horizontalScrollbarHeight = grid.horizontalScrollbarHeight; - - // Save the initial scroll position for use in scroll events - previousScrollPosition = gridUtil.normalizeScrollLeft($elm); - } - - // Save the contents elm inside the scrollbar elm so it sizes correctly - $elm.append(contents); - - // Get the relevant element dimension now that the contents are in it - if ($scope.type === 'vertical') { - elmMaxScroll = gridUtil.elementHeight($elm); - } - else if ($scope.type === 'horizontal') { - elmMaxScroll = gridUtil.elementWidth($elm); - } - - function updateNativeVerticalScrollbar() { - // Get the height that the scrollbar should have - var height = rowContainer.getViewportHeight(); - - // Update the vertical scrollbar's content height so it's the same as the canvas - var contentHeight = rowContainer.getCanvasHeight(); - - // TODO(c0bra): set scrollbar `top` by height of header row - // var headerHeight = gridUtil.outerElementHeight(containerCtrl.header); - var headerHeight = colContainer.headerHeight ? colContainer.headerHeight : grid.headerHeight; - - // gridUtil.logDebug('headerHeight in scrollbar', headerHeight); - - var ondemand = grid.options.enableVerticalScrollbar === uiGridConstants.scrollbars.WHEN_NEEDED ? "overflow-y:auto;" : ""; - // var ret = '.grid' + uiGridCtrl.grid.id + ' .ui-grid-native-scrollbar.vertical .contents { height: ' + h + 'px; }'; - var ret = '.grid' + grid.id + ' .ui-grid-render-container-' + containerCtrl.containerId + ' .ui-grid-native-scrollbar.vertical .contents { height: ' + contentHeight + 'px; }'; - ret += '\n .grid' + grid.id + ' .ui-grid-render-container-' + containerCtrl.containerId + ' .ui-grid-native-scrollbar.vertical { height: ' + height + 'px; top: ' + headerHeight + 'px;' +ondemand +'}'; - - elmMaxScroll = contentHeight; - - return ret; - } - - // Get the grid's bottom border height (TODO(c0bra): need to account for footer here!) - var gridElm = gridUtil.closestElm($elm, '.ui-grid'); - var gridBottomBorder = gridUtil.getBorderSize(gridElm, 'bottom'); - - function updateNativeHorizontalScrollbar() { - var w = colContainer.getCanvasWidth(); - - var bottom = gridBottomBorder; - if (grid.options.showFooter) { - bottom -= 1; - } - - var adjustment = colContainer.getViewportAdjustment(); - bottom -= adjustment.height; - - var ondemand = grid.options.enableHorizontalScrollbar === uiGridConstants.scrollbars.WHEN_NEEDED ? "overflow-x:auto" : ""; - var ret = '.grid' + grid.id + ' .ui-grid-render-container-' + containerCtrl.containerId + ' .ui-grid-native-scrollbar.horizontal { bottom: ' + bottom + 'px;' +ondemand + ' }'; - ret += '.grid' + grid.id + ' .ui-grid-render-container-' + containerCtrl.containerId + ' .ui-grid-native-scrollbar.horizontal .contents { width: ' + w + 'px; }'; - - elmMaxScroll = w; - - return ret; - } - - // NOTE: priority 6 so they run after the column widths update, which in turn update the canvas width - if ($scope.type === 'vertical') { - grid.registerStyleComputation({ - priority: 6, - func: updateNativeVerticalScrollbar - }); - } - else if ($scope.type === 'horizontal') { - grid.registerStyleComputation({ - priority: 6, - func: updateNativeHorizontalScrollbar - }); - } - - - $scope.scrollSource = null; - - function scrollEvent(evt) { - if ($scope.type === 'vertical') { - grid.flagScrollingVertically(); - var newScrollTop = $elm[0].scrollTop; - - var yDiff = previousScrollPosition - newScrollTop; - - var vertScrollLength = (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - // Subtract the h. scrollbar height from the vertical length if it's present - if (grid.horizontalScrollbarHeight && grid.horizontalScrollbarHeight > 0) { - vertScrollLength = vertScrollLength - uiGridCtrl.grid.horizontalScrollbarHeight; - } - - var vertScrollPercentage = newScrollTop / vertScrollLength; - - if (vertScrollPercentage > 1) { - vertScrollPercentage = 1; - } - if (vertScrollPercentage < 0) { - vertScrollPercentage = 0; - } - - var yArgs = { - target: $elm, - y: { - percentage: vertScrollPercentage - } - }; - - // If the source of this scroll is defined (i.e., not us, then don't fire the scroll event because we'll be re-triggering) - if (!$scope.scrollSource) { - uiGridCtrl.fireScrollingEvent(yArgs); - } - else { - // Reset the scroll source for the next scroll event - $scope.scrollSource = null; - } - - previousScrollPosition = newScrollTop; - } - else if ($scope.type === 'horizontal') { - grid.flagScrollingHorizontally(); - // var newScrollLeft = $elm[0].scrollLeft; - var newScrollLeft = gridUtil.normalizeScrollLeft($elm); - - var xDiff = previousScrollPosition - newScrollLeft; - - var horizScrollLength = (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - var horizScrollPercentage = newScrollLeft / horizScrollLength; - - var xArgs = { - target: $elm, - x: { - percentage: horizScrollPercentage - } - }; - - // If the source of this scroll is defined (i.e., not us, then don't fire the scroll event because we'll be re-triggering) - if (!$scope.scrollSource) { - uiGridCtrl.fireScrollingEvent(xArgs); - } - else { - // Reset the scroll source for the next scroll event - $scope.scrollSource = null; - } - - previousScrollPosition = newScrollLeft; - } - } - - $elm.on('scroll', scrollEvent); - - $elm.on('$destroy', function () { - $elm.off('scroll'); - }); - - function gridScroll(evt, args) { - // Don't listen to our own scroll event! - if (args.target && (args.target === $elm || angular.element(args.target).hasClass('ui-grid-native-scrollbar'))) { - return; - } - - // Set the source of the scroll event in our scope so it's available in our 'scroll' event handler - $scope.scrollSource = args.target; - - if ($scope.type === 'vertical') { - if (args.y && typeof(args.y.percentage) !== 'undefined' && args.y.percentage !== undefined) { - grid.flagScrollingVertically(); - var vertScrollLength = (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - var newScrollTop = Math.max(0, args.y.percentage * vertScrollLength); - - $elm[0].scrollTop = newScrollTop; - - - } - } - else if ($scope.type === 'horizontal') { - if (args.x && typeof(args.x.percentage) !== 'undefined' && args.x.percentage !== undefined) { - grid.flagScrollingHorizontally(); - var horizScrollLength = (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - - var newScrollLeft = Math.max(0, args.x.percentage * horizScrollLength); - - // $elm[0].scrollLeft = newScrollLeft; - $elm[0].scrollLeft = gridUtil.denormalizeScrollLeft($elm, newScrollLeft); - } - } - } - - var gridScrollDereg = $scope.$on(uiGridConstants.events.GRID_SCROLL, gridScroll); - $scope.$on('$destroy', gridScrollDereg); - - - - } - }; - }]); -})(); -(function () { - 'use strict'; - - var module = angular.module('ui.grid'); - - module.directive('uiGridRenderContainer', ['$timeout', '$document', 'uiGridConstants', 'gridUtil', - function($timeout, $document, uiGridConstants, GridUtil) { - return { - replace: true, - transclude: true, - templateUrl: 'ui-grid/uiGridRenderContainer', - require: ['^uiGrid', 'uiGridRenderContainer'], - scope: { - containerId: '=', - rowContainerName: '=', - colContainerName: '=', - bindScrollHorizontal: '=', - bindScrollVertical: '=', - enableVerticalScrollbar: '=', - enableHorizontalScrollbar: '=' - }, - controller: 'uiGridRenderContainer as RenderContainer', - compile: function () { - return { - pre: function prelink($scope, $elm, $attrs, controllers) { - // gridUtil.logDebug('render container ' + $scope.containerId + ' pre-link'); - - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - var grid = $scope.grid = uiGridCtrl.grid; - - // Verify that the render container for this element exists - if (!$scope.rowContainerName) { - throw "No row render container name specified"; - } - if (!$scope.colContainerName) { - throw "No column render container name specified"; - } - - if (!grid.renderContainers[$scope.rowContainerName]) { - throw "Row render container '" + $scope.rowContainerName + "' is not registered."; - } - if (!grid.renderContainers[$scope.colContainerName]) { - throw "Column render container '" + $scope.colContainerName + "' is not registered."; - } - - var rowContainer = $scope.rowContainer = grid.renderContainers[$scope.rowContainerName]; - var colContainer = $scope.colContainer = grid.renderContainers[$scope.colContainerName]; - - containerCtrl.containerId = $scope.containerId; - containerCtrl.rowContainer = rowContainer; - containerCtrl.colContainer = colContainer; - }, - post: function postlink($scope, $elm, $attrs, controllers) { - // gridUtil.logDebug('render container ' + $scope.containerId + ' post-link'); - - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - var grid = uiGridCtrl.grid; - var rowContainer = containerCtrl.rowContainer; - var colContainer = containerCtrl.colContainer; - - var renderContainer = grid.renderContainers[$scope.containerId]; - - // Put the container name on this element as a class - $elm.addClass('ui-grid-render-container-' + $scope.containerId); - - // Bind to left/right-scroll events - var scrollUnbinder; - if ($scope.bindScrollHorizontal || $scope.bindScrollVertical) { - scrollUnbinder = $scope.$on(uiGridConstants.events.GRID_SCROLL, scrollHandler); - } - - function scrollHandler (evt, args) { - // Vertical scroll - if (args.y && $scope.bindScrollVertical) { - containerCtrl.prevScrollArgs = args; - - var scrollLength = (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - // Add the height of the native horizontal scrollbar, if it's there. Otherwise it will mask over the final row - if (grid.horizontalScrollbarHeight && grid.horizontalScrollbarHeight > 0) { - scrollLength = scrollLength + grid.horizontalScrollbarHeight; - } - - var oldScrollTop = containerCtrl.viewport[0].scrollTop; - - var scrollYPercentage; - if (typeof(args.y.percentage) !== 'undefined' && args.y.percentage !== undefined) { - scrollYPercentage = args.y.percentage; - } - else if (typeof(args.y.pixels) !== 'undefined' && args.y.pixels !== undefined) { - scrollYPercentage = args.y.percentage = (oldScrollTop + args.y.pixels) / scrollLength; - // gridUtil.logDebug('y.percentage', args.y.percentage); - } - else { - throw new Error("No percentage or pixel value provided for scroll event Y axis"); - } - - var newScrollTop = Math.max(0, scrollYPercentage * scrollLength); - - containerCtrl.viewport[0].scrollTop = newScrollTop; - - // TOOD(c0bra): what's this for? - // grid.options.offsetTop = newScrollTop; - - containerCtrl.prevScrollArgs.y.pixels = newScrollTop - oldScrollTop; - } - - // Horizontal scroll - if (args.x && $scope.bindScrollHorizontal) { - containerCtrl.prevScrollArgs = args; - - var scrollWidth = (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - - // var oldScrollLeft = containerCtrl.viewport[0].scrollLeft; - var oldScrollLeft = GridUtil.normalizeScrollLeft(containerCtrl.viewport); - - var scrollXPercentage; - if (typeof(args.x.percentage) !== 'undefined' && args.x.percentage !== undefined) { - scrollXPercentage = args.x.percentage; - } - else if (typeof(args.x.pixels) !== 'undefined' && args.x.pixels !== undefined) { - scrollXPercentage = args.x.percentage = (oldScrollLeft + args.x.pixels) / scrollWidth; - } - else { - throw new Error("No percentage or pixel value provided for scroll event X axis"); - } - - var newScrollLeft = Math.max(0, scrollXPercentage * scrollWidth); - - // uiGridCtrl.adjustScrollHorizontal(newScrollLeft, scrollXPercentage); - - // containerCtrl.viewport[0].scrollLeft = newScrollLeft; - containerCtrl.viewport[0].scrollLeft = GridUtil.denormalizeScrollLeft(containerCtrl.viewport, newScrollLeft); - - containerCtrl.prevScrollLeft = newScrollLeft; - - if (containerCtrl.headerViewport) { - // containerCtrl.headerViewport.scrollLeft = newScrollLeft; - containerCtrl.headerViewport.scrollLeft = GridUtil.denormalizeScrollLeft(containerCtrl.headerViewport, newScrollLeft); - } - - if (containerCtrl.footerViewport) { - // containerCtrl.footerViewport.scrollLeft = newScrollLeft; - containerCtrl.footerViewport.scrollLeft = GridUtil.denormalizeScrollLeft(containerCtrl.footerViewport, newScrollLeft); - } - - // uiGridCtrl.grid.options.offsetLeft = newScrollLeft; - - containerCtrl.prevScrollArgs.x.pixels = newScrollLeft - oldScrollLeft; - } - } - - // Scroll the render container viewport when the mousewheel is used - $elm.bind('wheel mousewheel DomMouseScroll MozMousePixelScroll', function(evt) { - // use wheelDeltaY - evt.preventDefault(); - - var newEvent = GridUtil.normalizeWheelEvent(evt); - - var args = { target: $elm }; - if (newEvent.deltaY !== 0) { - var scrollYAmount = newEvent.deltaY * -120; - - // Get the scroll percentage - var scrollYPercentage = (containerCtrl.viewport[0].scrollTop + scrollYAmount) / (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - // Keep scrollPercentage within the range 0-1. - if (scrollYPercentage < 0) { scrollYPercentage = 0; } - else if (scrollYPercentage > 1) { scrollYPercentage = 1; } - - args.y = { percentage: scrollYPercentage, pixels: scrollYAmount }; - } - if (newEvent.deltaX !== 0) { - var scrollXAmount = newEvent.deltaX * -120; - - // Get the scroll percentage - var scrollLeft = GridUtil.normalizeScrollLeft(containerCtrl.viewport); - var scrollXPercentage = (scrollLeft + scrollXAmount) / (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - - // Keep scrollPercentage within the range 0-1. - if (scrollXPercentage < 0) { scrollXPercentage = 0; } - else if (scrollXPercentage > 1) { scrollXPercentage = 1; } - - args.x = { percentage: scrollXPercentage, pixels: scrollXAmount }; - } - - uiGridCtrl.fireScrollingEvent(args); - }); - - - var startY = 0, - startX = 0, - scrollTopStart = 0, - scrollLeftStart = 0, - directionY = 1, - directionX = 1, - moveStart; - - function touchmove(event) { - if (event.originalEvent) { - event = event.originalEvent; - } - - event.preventDefault(); - - var deltaX, deltaY, newX, newY; - newX = event.targetTouches[0].screenX; - newY = event.targetTouches[0].screenY; - deltaX = -(newX - startX); - deltaY = -(newY - startY); - - directionY = (deltaY < 1) ? -1 : 1; - directionX = (deltaX < 1) ? -1 : 1; - - deltaY *= 2; - deltaX *= 2; - - var args = { target: event.target }; - - if (deltaY !== 0) { - var scrollYPercentage = (scrollTopStart + deltaY) / (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - if (scrollYPercentage > 1) { scrollYPercentage = 1; } - else if (scrollYPercentage < 0) { scrollYPercentage = 0; } - - args.y = { percentage: scrollYPercentage, pixels: deltaY }; - } - if (deltaX !== 0) { - var scrollXPercentage = (scrollLeftStart + deltaX) / (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - - if (scrollXPercentage > 1) { scrollXPercentage = 1; } - else if (scrollXPercentage < 0) { scrollXPercentage = 0; } - - args.x = { percentage: scrollXPercentage, pixels: deltaX }; - } - - uiGridCtrl.fireScrollingEvent(args); - } - - function touchend(event) { - if (event.originalEvent) { - event = event.originalEvent; - } - - event.preventDefault(); - - $document.unbind('touchmove', touchmove); - $document.unbind('touchend', touchend); - $document.unbind('touchcancel', touchend); - - // Get the distance we moved on the Y axis - var scrollTopEnd = containerCtrl.viewport[0].scrollTop; - var scrollLeftEnd = containerCtrl.viewport[0].scrollTop; - var deltaY = Math.abs(scrollTopEnd - scrollTopStart); - var deltaX = Math.abs(scrollLeftEnd - scrollLeftStart); - - // Get the duration it took to move this far - var moveDuration = (new Date()) - moveStart; - - // Scale the amount moved by the time it took to move it (i.e. quicker, longer moves == more scrolling after the move is over) - var moveYScale = deltaY / moveDuration; - var moveXScale = deltaX / moveDuration; - - var decelerateInterval = 63; // 1/16th second - var decelerateCount = 8; // == 1/2 second - var scrollYLength = 120 * directionY * moveYScale; - var scrollXLength = 120 * directionX * moveXScale; - - function decelerate() { - $timeout(function() { - var args = { target: event.target }; - - if (scrollYLength !== 0) { - var scrollYPercentage = (containerCtrl.viewport[0].scrollTop + scrollYLength) / (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - - args.y = { percentage: scrollYPercentage, pixels: scrollYLength }; - } - - if (scrollXLength !== 0) { - var scrollXPercentage = (containerCtrl.viewport[0].scrollLeft + scrollXLength) / (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - args.x = { percentage: scrollXPercentage, pixels: scrollXLength }; - } - - uiGridCtrl.fireScrollingEvent(args); - - decelerateCount = decelerateCount -1; - scrollYLength = scrollYLength / 2; - scrollXLength = scrollXLength / 2; - - if (decelerateCount > 0) { - decelerate(); - } - else { - uiGridCtrl.scrollbars.forEach(function (sbar) { - sbar.removeClass('ui-grid-scrollbar-visible'); - sbar.removeClass('ui-grid-scrolling'); - }); - } - }, decelerateInterval); - } - - decelerate(); - } - - if (GridUtil.isTouchEnabled()) { - $elm.bind('touchstart', function (event) { - if (event.originalEvent) { - event = event.originalEvent; - } - - event.preventDefault(); - - uiGridCtrl.scrollbars.forEach(function (sbar) { - sbar.addClass('ui-grid-scrollbar-visible'); - sbar.addClass('ui-grid-scrolling'); - }); - - moveStart = new Date(); - startY = event.targetTouches[0].screenY; - startX = event.targetTouches[0].screenX; - scrollTopStart = containerCtrl.viewport[0].scrollTop; - scrollLeftStart = containerCtrl.viewport[0].scrollLeft; - - $document.on('touchmove', touchmove); - $document.on('touchend touchcancel', touchend); - }); - } - - $elm.bind('$destroy', function() { - scrollUnbinder(); - $elm.unbind('keydown'); - - ['touchstart', 'touchmove', 'touchend','keydown', 'wheel', 'mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'].forEach(function (eventName) { - $elm.unbind(eventName); - }); - }); - - // TODO(c0bra): Handle resizing the inner canvas based on the number of elements - function update() { - var ret = ''; - - var canvasWidth = colContainer.getCanvasWidth(); - var viewportWidth = colContainer.getViewportWidth(); - - var canvasHeight = rowContainer.getCanvasHeight(); - var viewportHeight = rowContainer.getViewportHeight(); - - var headerViewportWidth = colContainer.getHeaderViewportWidth(); - var footerViewportWidth = colContainer.getHeaderViewportWidth(); - - // Set canvas dimensions - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-canvas { width: ' + canvasWidth + 'px; height: ' + canvasHeight + 'px; }'; - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-header-canvas { width: ' + canvasWidth + 'px; }'; - - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-viewport { width: ' + viewportWidth + 'px; height: ' + viewportHeight + 'px; }'; - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-header-viewport { width: ' + headerViewportWidth + 'px; }'; - - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-footer-canvas { width: ' + canvasWidth + 'px; }'; - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-footer-viewport { width: ' + footerViewportWidth + 'px; }'; - - // If the render container has an "explicit" header height (such as in the case that its header is smaller than the other headers and needs to be explicitly set to be the same, ue thae) - if (renderContainer.explicitHeaderHeight !== undefined && renderContainer.explicitHeaderHeight !== null && renderContainer.explicitHeaderHeight > 0) { - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-header-cell { height: ' + renderContainer.explicitHeaderHeight + 'px; }'; - } - // Otherwise if the render container has an INNER header height, use that on the header cells (so that all the header cells are the same height and those that have less elements don't have undersized borders) - else if (renderContainer.innerHeaderHeight !== undefined && renderContainer.innerHeaderHeight !== null && renderContainer.innerHeaderHeight > 0) { - ret += '\n .grid' + uiGridCtrl.grid.id + ' .ui-grid-render-container-' + $scope.containerId + ' .ui-grid-header-cell { height: ' + renderContainer.innerHeaderHeight + 'px; }'; - } - - return ret; - } - - uiGridCtrl.grid.registerStyleComputation({ - priority: 6, - func: update - }); - } - }; - } - }; - - }]); - - module.controller('uiGridRenderContainer', ['$scope', 'gridUtil', function ($scope, gridUtil) { - var self = this; - - self.rowStyle = function (index) { - var renderContainer = $scope.grid.renderContainers[$scope.containerId]; - - var styles = {}; - - if (!renderContainer.disableRowOffset) { - if (index === 0 && self.currentTopRow !== 0) { - // The row offset-top is just the height of the rows above the current top-most row, which are no longer rendered - var hiddenRowWidth = ($scope.rowContainer.currentTopRow) * - $scope.rowContainer.visibleRowCache[$scope.rowContainer.currentTopRow].height; - - // return { 'margin-top': hiddenRowWidth + 'px' }; - styles['margin-top'] = hiddenRowWidth + 'px'; - } - } - - if (!renderContainer.disableColumnOffset && $scope.colContainer.currentFirstColumn !== 0) { - if ($scope.grid.isRTL()) { - styles['margin-right'] = $scope.colContainer.columnOffset + 'px'; - } - else { - styles['margin-left'] = $scope.colContainer.columnOffset + 'px'; - } - } - - return styles; - }; - - self.columnStyle = function (index) { - var renderContainer = $scope.grid.renderContainers[$scope.containerId]; - - var self = this; - - if (!renderContainer.disableColumnOffset) { - if (index === 0 && $scope.colContainer.currentFirstColumn !== 0) { - var offset = $scope.colContainer.columnOffset; - - if ($scope.grid.isRTL()) { - return { 'margin-right': offset + 'px' }; - } - else { - return { 'margin-left': offset + 'px' }; - } - } - } - - return null; - }; - }]); - -})(); -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridRow', ['gridUtil', function(gridUtil) { - return { - replace: true, - // priority: 2001, - // templateUrl: 'ui-grid/ui-grid-row', - require: ['^uiGrid', '^uiGridRenderContainer'], - scope: { - row: '=uiGridRow', - //rowRenderIndex is added to scope to give the true visual index of the row to any directives that need it - rowRenderIndex: '=' - }, - compile: function() { - return { - pre: function($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - var grid = uiGridCtrl.grid; - - $scope.grid = uiGridCtrl.grid; - $scope.colContainer = containerCtrl.colContainer; - - grid.getRowTemplateFn.then(function (templateFn) { - templateFn($scope, function(clonedElement, scope) { - $elm.replaceWith(clonedElement); - }); - }); - }, - post: function($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - //add optional reference to externalScopes function to scope - //so it can be retrieved in lower elements - $scope.getExternalScopes = uiGridCtrl.getExternalScopes; - } - }; - } - }; - }]); - -})(); -(function(){ -// 'use strict'; - - /** - * @ngdoc directive - * @name ui.grid.directive:uiGridStyle - * @element style - * @restrict A - * - * @description - * Allows us to interpolate expressions in `<style>` elements. Angular doesn't do this by default as it can/will/might? break in IE8. - * - * @example - <doc:example module="app"> - <doc:source> - <script> - var app = angular.module('app', ['ui.grid']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.myStyle = '.blah { border: 1px solid }'; - }]); - </script> - - <div ng-controller="MainCtrl"> - <style ui-grid-style>{{ myStyle }}</style> - <span class="blah">I am in a box.</span> - </div> - </doc:source> - <doc:scenario> - it('should apply the right class to the element', function () { - element(by.css('.blah')).getCssValue('border') - .then(function(c) { - expect(c).toContain('1px solid'); - }); - }); - </doc:scenario> - </doc:example> - */ - - - angular.module('ui.grid').directive('uiGridStyle', ['gridUtil', '$interpolate', function(gridUtil, $interpolate) { - return { - // restrict: 'A', - // priority: 1000, - // require: '?^uiGrid', - link: function($scope, $elm, $attrs, uiGridCtrl) { - // gridUtil.logDebug('ui-grid-style link'); - // if (uiGridCtrl === undefined) { - // gridUtil.logWarn('[ui-grid-style link] uiGridCtrl is undefined!'); - // } - - var interpolateFn = $interpolate($elm.text(), true); - - if (interpolateFn) { - $scope.$watch(interpolateFn, function(value) { - $elm.text(value); - }); - } - - // uiGridCtrl.recalcRowStyles = function() { - // var offset = (scope.options.offsetTop || 0) - (scope.options.excessRows * scope.options.rowHeight); - // var rowHeight = scope.options.rowHeight; - - // var ret = ''; - // var rowStyleCount = uiGridCtrl.minRowsToRender() + (scope.options.excessRows * 2); - // for (var i = 1; i <= rowStyleCount; i++) { - // ret = ret + ' .grid' + scope.gridId + ' .ui-grid-row:nth-child(' + i + ') { top: ' + offset + 'px; }'; - // offset = offset + rowHeight; - // } - - // scope.rowStyles = ret; - // }; - - // uiGridCtrl.styleComputions.push(uiGridCtrl.recalcRowStyles); - - } - }; - }]); - -})(); -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridViewport', ['gridUtil', - function(gridUtil) { - return { - replace: true, - scope: {}, - templateUrl: 'ui-grid/uiGridViewport', - require: ['^uiGrid', '^uiGridRenderContainer'], - link: function($scope, $elm, $attrs, controllers) { - // gridUtil.logDebug('viewport post-link'); - - var uiGridCtrl = controllers[0]; - var containerCtrl = controllers[1]; - - $scope.containerCtrl = containerCtrl; - - var rowContainer = containerCtrl.rowContainer; - var colContainer = containerCtrl.colContainer; - - var grid = uiGridCtrl.grid; - - $scope.grid = uiGridCtrl.grid; - - // Put the containers in scope so we can get rows and columns from them - $scope.rowContainer = containerCtrl.rowContainer; - $scope.colContainer = containerCtrl.colContainer; - - // Register this viewport with its container - containerCtrl.viewport = $elm; - - $elm.on('scroll', function (evt) { - var newScrollTop = $elm[0].scrollTop; - // var newScrollLeft = $elm[0].scrollLeft; - var newScrollLeft = gridUtil.normalizeScrollLeft($elm); - var horizScrollPercentage = -1; - var vertScrollPercentage = -1; - - // Handle RTL here - - if (newScrollLeft !== colContainer.prevScrollLeft) { - var xDiff = newScrollLeft - colContainer.prevScrollLeft; - - var horizScrollLength = (colContainer.getCanvasWidth() - colContainer.getViewportWidth()); - horizScrollPercentage = newScrollLeft / horizScrollLength; - - colContainer.adjustScrollHorizontal(newScrollLeft, horizScrollPercentage); - } - - if (newScrollTop !== rowContainer.prevScrollTop) { - var yDiff = newScrollTop - rowContainer.prevScrollTop; - - // uiGridCtrl.fireScrollingEvent({ y: { pixels: diff } }); - var vertScrollLength = (rowContainer.getCanvasHeight() - rowContainer.getViewportHeight()); - // var vertScrollPercentage = (uiGridCtrl.prevScrollTop + yDiff) / vertScrollLength; - vertScrollPercentage = newScrollTop / vertScrollLength; - - if (vertScrollPercentage > 1) { vertScrollPercentage = 1; } - if (vertScrollPercentage < 0) { vertScrollPercentage = 0; } - - rowContainer.adjustScrollVertical(newScrollTop, vertScrollPercentage); - } - - if ( !$scope.grid.isScrollingVertically && !$scope.grid.isScrollingHorizontally ){ - // viewport scroll that didn't come from fireScrollEvent, so fire a scroll to keep - // the header in sync - var args = {}; - if ( horizScrollPercentage > -1 ){ - args.x = { percentage: horizScrollPercentage }; - } - - if ( vertScrollPercentage > -1 ){ - args.y = { percentage: vertScrollPercentage }; - } - uiGridCtrl.fireScrollingEvent(args); - } - }); - } - }; - } - ]); - -})(); -(function() { - -angular.module('ui.grid') -.directive('uiGridVisible', function uiGridVisibleAction() { - return function ($scope, $elm, $attr) { - $scope.$watch($attr.uiGridVisible, function (visible) { - // $elm.css('visibility', visible ? 'visible' : 'hidden'); - $elm[visible ? 'removeClass' : 'addClass']('ui-grid-invisible'); - }); - }; -}); - -})(); -(function () { - 'use strict'; - - angular.module('ui.grid').controller('uiGridController', ['$scope', '$element', '$attrs', 'gridUtil', '$q', 'uiGridConstants', - '$templateCache', 'gridClassFactory', '$timeout', '$parse', '$compile', - function ($scope, $elm, $attrs, gridUtil, $q, uiGridConstants, - $templateCache, gridClassFactory, $timeout, $parse, $compile) { - // gridUtil.logDebug('ui-grid controller'); - - var self = this; - - // Extend options with ui-grid attribute reference - self.grid = gridClassFactory.createGrid($scope.uiGrid); - $elm.addClass('grid' + self.grid.id); - self.grid.rtl = gridUtil.getStyles($elm[0])['direction'] === 'rtl'; - - - //add optional reference to externalScopes function to controller - //so it can be retrieved in lower elements that have isolate scope - self.getExternalScopes = $scope.getExternalScopes; - - // angular.extend(self.grid.options, ); - - //all properties of grid are available on scope - $scope.grid = self.grid; - - if ($attrs.uiGridColumns) { - $attrs.$observe('uiGridColumns', function(value) { - self.grid.options.columnDefs = value; - self.grid.buildColumns() - .then(function(){ - self.grid.preCompileCellTemplates(); - - self.grid.refreshCanvas(true); - }); - }); - } - - - var dataWatchCollectionDereg; - if (angular.isString($scope.uiGrid.data)) { - dataWatchCollectionDereg = $scope.$parent.$watchCollection($scope.uiGrid.data, dataWatchFunction); - } - else { - dataWatchCollectionDereg = $scope.$parent.$watchCollection(function() { return $scope.uiGrid.data; }, dataWatchFunction); - } - - var columnDefWatchCollectionDereg = $scope.$parent.$watchCollection(function() { return $scope.uiGrid.columnDefs; }, columnDefsWatchFunction); - - function columnDefsWatchFunction(n, o) { - if (n && n !== o) { - self.grid.options.columnDefs = n; - self.grid.buildColumns() - .then(function(){ - - self.grid.preCompileCellTemplates(); - - self.grid.callDataChangeCallbacks(uiGridConstants.dataChange.COLUMN); - }); - } - } - - function dataWatchFunction(newData) { - // gridUtil.logDebug('dataWatch fired'); - var promises = []; - - if (newData) { - if ( - // If we have no columns (i.e. columns length is either 0 or equal to the number of row header columns, which don't count because they're created automatically) - self.grid.columns.length === (self.grid.rowHeaderColumns ? self.grid.rowHeaderColumns.length : 0) && - // ... and we don't have a ui-grid-columns attribute, which would define columns for us - !$attrs.uiGridColumns && - // ... and we have no pre-defined columns - self.grid.options.columnDefs.length === 0 && - // ... but we DO have data - newData.length > 0 - ) { - // ... then build the column definitions from the data that we have - self.grid.buildColumnDefsFromData(newData); - } - - // If we either have some columns defined, or some data defined - if (self.grid.options.columnDefs.length > 0 || newData.length > 0) { - // Build the column set, then pre-compile the column cell templates - promises.push(self.grid.buildColumns() - .then(function() { - self.grid.preCompileCellTemplates(); - })); - } - - $q.all(promises).then(function() { - self.grid.modifyRows(newData) - .then(function () { - // if (self.viewport) { - self.grid.redrawInPlace(); - // } - - $scope.$evalAsync(function() { - self.grid.refreshCanvas(true); - self.grid.callDataChangeCallbacks(uiGridConstants.dataChange.ROW); - }); - }); - }); - } - } - - - $scope.$on('$destroy', function() { - dataWatchCollectionDereg(); - columnDefWatchCollectionDereg(); - }); - - $scope.$watch(function () { return self.grid.styleComputations; }, function() { - self.grid.refreshCanvas(true); - }); - - - /* Event Methods */ - - self.fireScrollingEvent = gridUtil.throttle(function(args) { - $scope.$broadcast(uiGridConstants.events.GRID_SCROLL, args); - }, self.grid.options.scrollThrottle, {trailing: true}); - - self.fireEvent = function(eventName, args) { - // Add the grid to the event arguments if it's not there - if (typeof(args) === 'undefined' || args === undefined) { - args = {}; - } - - if (typeof(args.grid) === 'undefined' || args.grid === undefined) { - args.grid = self.grid; - } - - $scope.$broadcast(eventName, args); - }; - - self.innerCompile = function innerCompile(elm) { - $compile(elm)($scope); - }; - - }]); - -/** - * @ngdoc directive - * @name ui.grid.directive:uiGrid - * @element div - * @restrict EA - * @param {Object} uiGrid Options for the grid to use - * @param {Object=} external-scopes Add external-scopes='someScopeObjectYouNeed' attribute so you can access - * your scopes from within any custom templatedirective. You access by $scope.getExternalScopes() function - * - * @description Create a very basic grid. - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data }"></div> - </div> - </file> - </example> - */ -angular.module('ui.grid').directive('uiGrid', - [ - '$compile', - '$templateCache', - 'gridUtil', - '$window', - function( - $compile, - $templateCache, - gridUtil, - $window - ) { - return { - templateUrl: 'ui-grid/ui-grid', - scope: { - uiGrid: '=', - getExternalScopes: '&?externalScopes' //optional functionwrapper around any needed external scope instances - }, - replace: true, - transclude: true, - controller: 'uiGridController', - compile: function () { - return { - post: function ($scope, $elm, $attrs, uiGridCtrl) { - // gridUtil.logDebug('ui-grid postlink'); - - var grid = uiGridCtrl.grid; - - // Initialize scrollbars (TODO: move to controller??) - uiGridCtrl.scrollbars = []; - - //todo: assume it is ok to communicate that rendering is complete?? - grid.renderingComplete(); - - grid.element = $elm; - - grid.gridWidth = $scope.gridWidth = gridUtil.elementWidth($elm); - - // Default canvasWidth to the grid width, in case we don't get any column definitions to calculate it from - grid.canvasWidth = uiGridCtrl.grid.gridWidth; - - grid.gridHeight = $scope.gridHeight = gridUtil.elementHeight($elm); - - // If the grid isn't tall enough to fit a single row, it's kind of useless. Resize it to fit a minimum number of rows - if (grid.gridHeight < grid.options.rowHeight) { - // Figure out the new height - var contentHeight = grid.options.minRowsToShow * grid.options.rowHeight; - var headerHeight = grid.options.hideHeader ? 0 : grid.options.headerRowHeight; - var footerHeight = grid.options.showFooter ? grid.options.footerRowHeight : 0; - var scrollbarHeight = grid.options.enableScrollbars ? gridUtil.getScrollbarWidth() : 0; - - var maxNumberOfFilters = 0; - // Calculates the maximum number of filters in the columns - angular.forEach(grid.options.columnDefs, function(col) { - if (col.hasOwnProperty('filter')) { - if (maxNumberOfFilters < 1) { - maxNumberOfFilters = 1; - } - } - else if (col.hasOwnProperty('filters')) { - if (maxNumberOfFilters < col.filters.length) { - maxNumberOfFilters = col.filters.length; - } - } - }); - var filterHeight = maxNumberOfFilters * headerHeight; - - var newHeight = headerHeight + contentHeight + footerHeight + scrollbarHeight + filterHeight; - - $elm.css('height', newHeight + 'px'); - - grid.gridHeight = $scope.gridHeight = gridUtil.elementHeight($elm); - } - - // Run initial canvas refresh - grid.refreshCanvas(); - - //add pinned containers for row headers support - //moved from pinning feature - var left = angular.element('<div ng-if="grid.hasLeftContainer()" style="width: 0" ui-grid-pinned-container="\'left\'"></div>'); - $elm.prepend(left); - uiGridCtrl.innerCompile(left); - - var right = angular.element('<div ng-if="grid.hasRightContainer()" style="width: 0" ui-grid-pinned-container="\'right\'"></div>'); - $elm.append(right); - uiGridCtrl.innerCompile(right); - - - //if we add a left container after render, we need to watch and react - $scope.$watch(function () { return grid.hasLeftContainer();}, function (newValue, oldValue) { - if (newValue === oldValue) { - return; - } - - //todo: remove this code. it was commented out after moving from pinning because body is already float:left -// var bodyContainer = angular.element($elm[0].querySelectorAll('[container-id="body"]')); -// if (newValue){ -// bodyContainer.attr('style', 'float: left; position: inherit'); -// } -// else { -// bodyContainer.attr('style', 'float: left; position: relative'); -// } - - grid.refreshCanvas(true); - }); - - //if we add a right container after render, we need to watch and react - $scope.$watch(function () { return grid.hasRightContainer();}, function (newValue, oldValue) { - if (newValue === oldValue) { - return; - } - grid.refreshCanvas(true); - }); - - - // Resize the grid on window resize events - function gridResize($event) { - grid.gridWidth = $scope.gridWidth = gridUtil.elementWidth($elm); - grid.gridHeight = $scope.gridHeight = gridUtil.elementHeight($elm); - - grid.queueRefresh(); - } - - angular.element($window).on('resize', gridResize); - - // Unbind from window resize events when the grid is destroyed - $elm.on('$destroy', function () { - angular.element($window).off('resize', gridResize); - }); - } - }; - } - }; - } - ]); - -})(); - -(function(){ - 'use strict'; - - angular.module('ui.grid').directive('uiGridPinnedContainer', ['gridUtil', function (gridUtil) { - return { - restrict: 'EA', - replace: true, - template: '<div class="ui-grid-pinned-container"><div ui-grid-render-container container-id="side" row-container-name="\'body\'" col-container-name="side" bind-scroll-vertical="true" class="{{ side }} ui-grid-render-container-{{ side }}"></div></div>', - scope: { - side: '=uiGridPinnedContainer' - }, - require: '^uiGrid', - compile: function compile() { - return { - post: function ($scope, $elm, $attrs, uiGridCtrl) { - // gridUtil.logDebug('ui-grid-pinned-container ' + $scope.side + ' link'); - - var grid = uiGridCtrl.grid; - - var myWidth = 0; - - $elm.addClass('ui-grid-pinned-container-' + $scope.side); - - function updateContainerWidth() { - if ($scope.side === 'left' || $scope.side === 'right') { - var cols = grid.renderContainers[$scope.side].visibleColumnCache; - var width = 0; - for (var i = 0; i < cols.length; i++) { - var col = cols[i]; - width += col.drawnWidth; - } - - myWidth = width; - } - } - - function updateContainerDimensions() { - // gridUtil.logDebug('update ' + $scope.side + ' dimensions'); - - var ret = ''; - - // Column containers - if ($scope.side === 'left' || $scope.side === 'right') { - updateContainerWidth(); - - // gridUtil.logDebug('myWidth', myWidth); - - // TODO(c0bra): Subtract sum of col widths from grid viewport width and update it - $elm.attr('style', null); - - var myHeight = grid.renderContainers.body.getViewportHeight(); // + grid.horizontalScrollbarHeight; - - ret += '.grid' + grid.id + ' .ui-grid-pinned-container-' + $scope.side + ', .grid' + grid.id + ' .ui-grid-pinned-container-' + $scope.side + ' .ui-grid-render-container-' + $scope.side + ' .ui-grid-viewport { width: ' + myWidth + 'px; height: ' + myHeight + 'px; } '; - } - - return ret; - } - - grid.renderContainers.body.registerViewportAdjuster(function (adjustment) { - if ( myWidth === 0 ){ - updateContainerWidth(); - } - // Subtract our own width - adjustment.width -= myWidth; - - return adjustment; - }); - - // Register style computation to adjust for columns in `side`'s render container - grid.registerStyleComputation({ - priority: 15, - func: updateContainerDimensions - }); - } - }; - } - }; - }]); -})(); -(function(){ - -angular.module('ui.grid') -.factory('Grid', ['$q', '$compile', '$parse', 'gridUtil', 'uiGridConstants', 'GridOptions', 'GridColumn', 'GridRow', 'GridApi', 'rowSorter', 'rowSearcher', 'GridRenderContainer', '$timeout', - function($q, $compile, $parse, gridUtil, uiGridConstants, GridOptions, GridColumn, GridRow, GridApi, rowSorter, rowSearcher, GridRenderContainer, $timeout) { - -/** - * @ngdoc object - * @name ui.grid.core.api:PublicApi - * @description Public Api for the core grid features - * - */ - -/** - * @ngdoc function - * @name ui.grid.class:Grid - * @description Grid is the main viewModel. Any properties or methods needed to maintain state are defined in - * * this prototype. One instance of Grid is created per Grid directive instance. - * @param {object} options Object map of options to pass into the grid. An 'id' property is expected. - */ - var Grid = function Grid(options) { - var self = this; - // Get the id out of the options, then remove it - if (options !== undefined && typeof(options.id) !== 'undefined' && options.id) { - if (!/^[_a-zA-Z0-9-]+$/.test(options.id)) { - throw new Error("Grid id '" + options.id + '" is invalid. It must follow CSS selector syntax rules.'); - } - } - else { - throw new Error('No ID provided. An ID must be given when creating a grid.'); - } - - self.id = options.id; - delete options.id; - - // Get default options - self.options = GridOptions.initialize( options ); - - self.headerHeight = self.options.headerRowHeight; - self.footerHeight = self.options.showFooter === true ? self.options.footerRowHeight : 0; - - self.rtl = false; - self.gridHeight = 0; - self.gridWidth = 0; - self.columnBuilders = []; - self.rowBuilders = []; - self.rowsProcessors = []; - self.columnsProcessors = []; - self.styleComputations = []; - self.viewportAdjusters = []; - self.rowHeaderColumns = []; - self.dataChangeCallbacks = {}; - - // self.visibleRowCache = []; - - // Set of 'render' containers for self grid, which can render sets of rows - self.renderContainers = {}; - - // Create a - self.renderContainers.body = new GridRenderContainer('body', self); - - self.cellValueGetterCache = {}; - - // Cached function to use with custom row templates - self.getRowTemplateFn = null; - - - //representation of the rows on the grid. - //these are wrapped references to the actual data rows (options.data) - self.rows = []; - - //represents the columns on the grid - self.columns = []; - - /** - * @ngdoc boolean - * @name isScrollingVertically - * @propertyOf ui.grid.class:Grid - * @description set to true when Grid is scrolling vertically. Set to false via debounced method - */ - self.isScrollingVertically = false; - - /** - * @ngdoc boolean - * @name isScrollingHorizontally - * @propertyOf ui.grid.class:Grid - * @description set to true when Grid is scrolling horizontally. Set to false via debounced method - */ - self.isScrollingHorizontally = false; - - var debouncedVertical = gridUtil.debounce(function () { - self.isScrollingVertically = false; - }, 300); - - var debouncedHorizontal = gridUtil.debounce(function () { - self.isScrollingHorizontally = false; - }, 300); - - - /** - * @ngdoc function - * @name flagScrollingVertically - * @methodOf ui.grid.class:Grid - * @description sets isScrollingVertically to true and sets it to false in a debounced function - */ - self.flagScrollingVertically = function() { - self.isScrollingVertically = true; - debouncedVertical(); - }; - - /** - * @ngdoc function - * @name flagScrollingHorizontally - * @methodOf ui.grid.class:Grid - * @description sets isScrollingHorizontally to true and sets it to false in a debounced function - */ - self.flagScrollingHorizontally = function() { - self.isScrollingHorizontally = true; - debouncedHorizontal(); - }; - - - - self.api = new GridApi(self); - - /** - * @ngdoc function - * @name refresh - * @methodOf ui.grid.core.api:PublicApi - * @description Refresh the rendered grid on screen. - * - */ - self.api.registerMethod( 'core', 'refresh', this.refresh ); - - /** - * @ngdoc function - * @name refreshRows - * @methodOf ui.grid.core.api:PublicApi - * @description Refresh the rendered grid on screen? Note: not functional at present - * @returns {promise} promise that is resolved when render completes? - * - */ - self.api.registerMethod( 'core', 'refreshRows', this.refreshRows ); - - /** - * @ngdoc function - * @name handleWindowResize - * @methodOf ui.grid.core.api:PublicApi - * @description Trigger a grid resize, normally this would be picked - * up by a watch on window size, but in some circumstances it is necessary - * to call this manually - * @returns {promise} promise that is resolved when render completes? - * - */ - self.api.registerMethod( 'core', 'handleWindowResize', this.handleWindowResize ); - - - /** - * @ngdoc function - * @name addRowHeaderColumn - * @methodOf ui.grid.core.api:PublicApi - * @description adds a row header column to the grid - * @param {object} column def - * - */ - self.api.registerMethod( 'core', 'addRowHeaderColumn', this.addRowHeaderColumn ); - - - /** - * @ngdoc function - * @name sortHandleNulls - * @methodOf ui.grid.core.api:PublicApi - * @description A null handling method that can be used when building custom sort - * functions - * @example - * <pre> - * mySortFn = function(a, b) { - * var nulls = $scope.gridApi.core.sortHandleNulls(a, b); - * if ( nulls !== null ){ - * return nulls; - * } else { - * // your code for sorting here - * }; - * </pre> - * @param {object} a sort value a - * @param {object} b sort value b - * @returns {number} null if there were no nulls/undefineds, otherwise returns - * a sort value that should be passed back from the sort function - * - */ - self.api.registerMethod( 'core', 'sortHandleNulls', rowSorter.handleNulls ); - - - /** - * @ngdoc function - * @name sortChanged - * @methodOf ui.grid.core.api:PublicApi - * @description The sort criteria on one or more columns has - * changed. Provides as parameters the grid and the output of - * getColumnSorting, which is an array of gridColumns - * that have sorting on them, sorted in priority order. - * - * @param {Grid} grid the grid - * @param {array} sortColumns an array of columns with - * sorts on them, in priority order - * - * @example - * <pre> - * gridApi.core.on.sortChanged( grid, sortColumns ); - * </pre> - */ - self.api.registerEvent( 'core', 'sortChanged' ); - - /** - * @ngdoc method - * @name notifyDataChange - * @methodOf ui.grid.core.api:PublicApi - * @description Notify the grid that a data or config change has occurred, - * where that change isn't something the grid was otherwise noticing. This - * might be particularly relevant where you've changed values within the data - * and you'd like cell classes to be re-evaluated, or changed config within - * the columnDef and you'd like headerCellClasses to be re-evaluated. - * @param {Grid} grid the grid - * @param {string} type one of the - * uiGridConstants.dataChange values (ALL, ROW, EDIT, COLUMN), which tells - * us which refreshes to fire. - * - */ - self.api.registerMethod( 'core', 'notifyDataChange', this.notifyDataChange ); - - self.registerDataChangeCallback( self.columnRefreshCallback, [uiGridConstants.dataChange.COLUMN]); - self.registerDataChangeCallback( self.processRowsCallback, [uiGridConstants.dataChange.EDIT]); -}; - - /** - * @ngdoc function - * @name isRTL - * @methodOf ui.grid.class:Grid - * @description Returns true if grid is RightToLeft - */ - Grid.prototype.isRTL = function () { - return this.rtl; - }; - - - /** - * @ngdoc function - * @name registerColumnBuilder - * @methodOf ui.grid.class:Grid - * @description When the build creates columns from column definitions, the columnbuilders will be called to add - * additional properties to the column. - * @param {function(colDef, col, gridOptions)} columnsProcessor function to be called - */ - Grid.prototype.registerColumnBuilder = function registerColumnBuilder(columnBuilder) { - this.columnBuilders.push(columnBuilder); - }; - - /** - * @ngdoc function - * @name buildColumnDefsFromData - * @methodOf ui.grid.class:Grid - * @description Populates columnDefs from the provided data - * @param {function(colDef, col, gridOptions)} rowBuilder function to be called - */ - Grid.prototype.buildColumnDefsFromData = function (dataRows){ - this.options.columnDefs = gridUtil.getColumnsFromData(dataRows, this.options.excludeProperties); - }; - - /** - * @ngdoc function - * @name registerRowBuilder - * @methodOf ui.grid.class:Grid - * @description When the build creates rows from gridOptions.data, the rowBuilders will be called to add - * additional properties to the row. - * @param {function(row, gridOptions)} rowBuilder function to be called - */ - Grid.prototype.registerRowBuilder = function registerRowBuilder(rowBuilder) { - this.rowBuilders.push(rowBuilder); - }; - - - /** - * @ngdoc function - * @name registerDataChangeCallback - * @methodOf ui.grid.class:Grid - * @description When a data change occurs, the data change callbacks of the specified type - * will be called. The rules are: - * - * - when the data watch fires, that is considered a ROW change (the data watch only notices - * added or removed rows) - * - when the api is called to inform us of a change, the declared type of that change is used - * - when a cell edit completes, the EDIT callbacks are triggered - * - when the columnDef watch fires, the COLUMN callbacks are triggered - * - * For a given event: - * - ALL calls ROW, EDIT, COLUMN and ALL callbacks - * - ROW calls ROW and ALL callbacks - * - EDIT calls EDIT and ALL callbacks - * - COLUMN calls COLUMN and ALL callbacks - * - * @param {function(grid)} callback function to be called - * @param {array} types the types of data change you want to be informed of. Values from - * the uiGridConstants.dataChange values ( ALL, EDIT, ROW, COLUMN ). Optional and defaults to - * ALL - * @returns {string} uid of the callback, can be used to deregister it again - */ - Grid.prototype.registerDataChangeCallback = function registerDataChangeCallback(callback, types) { - var uid = gridUtil.nextUid(); - if ( !types ){ - types = [uiGridConstants.dataChange.ALL]; - } - if ( !Array.isArray(types)){ - gridUtil.logError("Expected types to be an array or null in registerDataChangeCallback, value passed was: " + types ); - } - this.dataChangeCallbacks[uid] = { callback: callback, types: types }; - return uid; - }; - - /** - * @ngdoc function - * @name deregisterDataChangeCallback - * @methodOf ui.grid.class:Grid - * @description Delete the callback identified by the id. - * @param {string} uid the uid of the function that is to be deregistered - */ - Grid.prototype.deregisterDataChangeCallback = function deregisterDataChangeCallback(uid) { - delete this.dataChangeCallbacks[uid]; - }; - - /** - * @ngdoc function - * @name callDataChangeCallbacks - * @methodOf ui.grid.class:Grid - * @description Calls the callbacks based on the type of data change that - * has occurred. Always calls the ALL callbacks, calls the ROW, EDIT, and COLUMN callbacks if the - * event type is matching, or if the type is ALL. - * @param {number} type the type of event that occurred - one of the - * uiGridConstants.dataChange values (ALL, ROW, EDIT, COLUMN) - */ - Grid.prototype.callDataChangeCallbacks = function callDataChangeCallbacks(type, options) { - angular.forEach( this.dataChangeCallbacks, function( callback, uid ){ - if ( callback.types.indexOf( uiGridConstants.dataChange.ALL ) !== -1 || - callback.types.indexOf( type ) !== -1 || - type === uiGridConstants.dataChange.ALL ) { - callback.callback( this ); - } - }, this); - }; - - /** - * @ngdoc function - * @name notifyDataChange - * @methodOf ui.grid.class:Grid - * @description Notifies us that a data change has occurred, used in the public - * api for users to tell us when they've changed data or some other event that - * our watches cannot pick up - * @param {Grid} grid the grid - * @param {string} type the type of event that occurred - one of the - * uiGridConstants.dataChange values (ALL, ROW, EDIT, COLUMN) - */ - Grid.prototype.notifyDataChange = function notifyDataChange(grid, type) { - var constants = uiGridConstants.dataChange; - if ( type === constants.ALL || - type === constants.COLUMN || - type === constants.EDIT || - type === constants.ROW ){ - grid.callDataChangeCallbacks( type ); - } else { - gridUtil.logError("Notified of a data change, but the type was not recognised, so no action taken, type was: " + type); - } - }; - - - /** - * @ngdoc function - * @name columnRefreshCallback - * @methodOf ui.grid.class:Grid - * @description refreshes the grid when a column refresh - * is notified, which triggers handling of the visible flag. - * This is called on uiGridConstants.dataChange.COLUMN, and is - * registered as a dataChangeCallback in grid.js - * @param {string} name column name - */ - Grid.prototype.columnRefreshCallback = function columnRefreshCallback( grid ){ - grid.refresh(); - }; - - - /** - * @ngdoc function - * @name processRowsCallback - * @methodOf ui.grid.class:Grid - * @description calls the row processors, specifically - * intended to reset the sorting when an edit is called, - * registered as a dataChangeCallback on uiGridConstants.dataChange.EDIT - * @param {string} name column name - */ - Grid.prototype.processRowsCallback = function processRowsCallback( grid ){ - grid.refreshRows(); - }; - - - /** - * @ngdoc function - * @name getColumn - * @methodOf ui.grid.class:Grid - * @description returns a grid column for the column name - * @param {string} name column name - */ - Grid.prototype.getColumn = function getColumn(name) { - var columns = this.columns.filter(function (column) { - return column.colDef.name === name; - }); - return columns.length > 0 ? columns[0] : null; - }; - - /** - * @ngdoc function - * @name getColDef - * @methodOf ui.grid.class:Grid - * @description returns a grid colDef for the column name - * @param {string} name column.field - */ - Grid.prototype.getColDef = function getColDef(name) { - var colDefs = this.options.columnDefs.filter(function (colDef) { - return colDef.name === name; - }); - return colDefs.length > 0 ? colDefs[0] : null; - }; - - /** - * @ngdoc function - * @name assignTypes - * @methodOf ui.grid.class:Grid - * @description uses the first row of data to assign colDef.type for any types not defined. - */ - /** - * @ngdoc property - * @name type - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description the type of the column, used in sorting. If not provided then the - * grid will guess the type. Add this only if the grid guessing is not to your - * satisfaction. Refer to {@link ui.grid.service:GridUtil.guessType gridUtil.guessType} for - * a list of values the grid knows about. - * - */ - Grid.prototype.assignTypes = function(){ - var self = this; - self.options.columnDefs.forEach(function (colDef, index) { - - //Assign colDef type if not specified - if (!colDef.type) { - var col = new GridColumn(colDef, index, self); - var firstRow = self.rows.length > 0 ? self.rows[0] : null; - if (firstRow) { - colDef.type = gridUtil.guessType(self.getCellValue(firstRow, col)); - } - else { - gridUtil.logWarn('Unable to assign type from data, so defaulting to string'); - colDef.type = 'string'; - } - } - }); - }; - - /** - * @ngdoc function - * @name addRowHeaderColumn - * @methodOf ui.grid.class:Grid - * @description adds a row header column to the grid - * @param {object} column def - */ - Grid.prototype.addRowHeaderColumn = function addRowHeaderColumn(colDef) { - var self = this; - //self.createLeftContainer(); - var rowHeaderCol = new GridColumn(colDef, self.rowHeaderColumns.length, self); - rowHeaderCol.isRowHeader = true; - if (self.isRTL()) { - self.createRightContainer(); - rowHeaderCol.renderContainer = 'right'; - } - else { - self.createLeftContainer(); - rowHeaderCol.renderContainer = 'left'; - } - - // relies on the default column builder being first in array, as it is instantiated - // as part of grid creation - self.columnBuilders[0](colDef,rowHeaderCol,self.options) - .then(function(){ - rowHeaderCol.enableFiltering = false; - rowHeaderCol.enableSorting = false; - rowHeaderCol.enableHiding = false; - self.rowHeaderColumns.push(rowHeaderCol); - self.buildColumns() - .then( function() { - self.preCompileCellTemplates(); - self.handleWindowResize(); - }); - }); - }; - - /** - * @ngdoc function - * @name buildColumns - * @methodOf ui.grid.class:Grid - * @description creates GridColumn objects from the columnDefinition. Calls each registered - * columnBuilder to further process the column - * @returns {Promise} a promise to load any needed column resources - */ - Grid.prototype.buildColumns = function buildColumns() { - // gridUtil.logDebug('buildColumns'); - var self = this; - var builderPromises = []; - var headerOffset = self.rowHeaderColumns.length; - var i; - - // Remove any columns for which a columnDef cannot be found - // Deliberately don't use forEach, as it doesn't like splice being called in the middle - // Also don't cache columns.length, as it will change during this operation - for (i = 0; i < self.columns.length; i++){ - if (!self.getColDef(self.columns[i].name)) { - self.columns.splice(i, 1); - i--; - } - } - - //add row header columns to the grid columns array _after_ columns without columnDefs have been removed - self.rowHeaderColumns.forEach(function (rowHeaderColumn) { - self.columns.unshift(rowHeaderColumn); - }); - - - // look at each column def, and update column properties to match. If the column def - // doesn't have a column, then splice in a new gridCol - self.options.columnDefs.forEach(function (colDef, index) { - self.preprocessColDef(colDef); - var col = self.getColumn(colDef.name); - - if (!col) { - col = new GridColumn(colDef, gridUtil.nextUid(), self); - self.columns.splice(index + headerOffset, 0, col); - } - else { - col.updateColumnDef(colDef); - } - - self.columnBuilders.forEach(function (builder) { - builderPromises.push(builder.call(self, colDef, col, self.options)); - }); - }); - - return $q.all(builderPromises); - }; - -/** - * @ngdoc function - * @name preCompileCellTemplates - * @methodOf ui.grid.class:Grid - * @description precompiles all cell templates - */ - Grid.prototype.preCompileCellTemplates = function() { - var self = this; - this.columns.forEach(function (col) { - var html = col.cellTemplate.replace(uiGridConstants.MODEL_COL_FIELD, self.getQualifiedColField(col)); - html = html.replace(uiGridConstants.COL_FIELD, 'grid.getCellValue(row, col)'); - - - var compiledElementFn = $compile(html); - col.compiledElementFn = compiledElementFn; - - if (col.compiledElementFnDefer) { - col.compiledElementFnDefer.resolve(col.compiledElementFn); - } - }); - }; - - /** - * @ngdoc function - * @name getGridQualifiedColField - * @methodOf ui.grid.class:Grid - * @description Returns the $parse-able accessor for a column within its $scope - * @param {GridColumn} col col object - */ - Grid.prototype.getQualifiedColField = function (col) { - return 'row.entity.' + gridUtil.preEval(col.field); - }; - - /** - * @ngdoc function - * @name createLeftContainer - * @methodOf ui.grid.class:Grid - * @description creates the left render container if it doesn't already exist - */ - Grid.prototype.createLeftContainer = function() { - if (!this.hasLeftContainer()) { - this.renderContainers.left = new GridRenderContainer('left', this, { disableColumnOffset: true }); - } - }; - - /** - * @ngdoc function - * @name createRightContainer - * @methodOf ui.grid.class:Grid - * @description creates the right render container if it doesn't already exist - */ - Grid.prototype.createRightContainer = function() { - if (!this.hasRightContainer()) { - this.renderContainers.right = new GridRenderContainer('right', this, { disableColumnOffset: true }); - } - }; - - /** - * @ngdoc function - * @name hasLeftContainer - * @methodOf ui.grid.class:Grid - * @description returns true if leftContainer exists - */ - Grid.prototype.hasLeftContainer = function() { - return this.renderContainers.left !== undefined; - }; - - /** - * @ngdoc function - * @name hasLeftContainer - * @methodOf ui.grid.class:Grid - * @description returns true if rightContainer exists - */ - Grid.prototype.hasRightContainer = function() { - return this.renderContainers.right !== undefined; - }; - - - /** - * undocumented function - * @name preprocessColDef - * @methodOf ui.grid.class:Grid - * @description defaults the name property from field to maintain backwards compatibility with 2.x - * validates that name or field is present - */ - Grid.prototype.preprocessColDef = function preprocessColDef(colDef) { - if (!colDef.field && !colDef.name) { - throw new Error('colDef.name or colDef.field property is required'); - } - - //maintain backwards compatibility with 2.x - //field was required in 2.x. now name is required - if (colDef.name === undefined && colDef.field !== undefined) { - colDef.name = colDef.field; - } - - }; - - // Return a list of items that exist in the `n` array but not the `o` array. Uses optional property accessors passed as third & fourth parameters - Grid.prototype.newInN = function newInN(o, n, oAccessor, nAccessor) { - var self = this; - - var t = []; - for (var i = 0; i < n.length; i++) { - var nV = nAccessor ? n[i][nAccessor] : n[i]; - - var found = false; - for (var j = 0; j < o.length; j++) { - var oV = oAccessor ? o[j][oAccessor] : o[j]; - if (self.options.rowEquality(nV, oV)) { - found = true; - break; - } - } - if (!found) { - t.push(nV); - } - } - - return t; - }; - - /** - * @ngdoc function - * @name getRow - * @methodOf ui.grid.class:Grid - * @description returns the GridRow that contains the rowEntity - * @param {object} rowEntity the gridOptions.data array element instance - */ - Grid.prototype.getRow = function getRow(rowEntity) { - var rows = this.rows.filter(function (row) { - return row.entity === rowEntity; - }); - return rows.length > 0 ? rows[0] : null; - }; - - - /** - * @ngdoc function - * @name modifyRows - * @methodOf ui.grid.class:Grid - * @description creates or removes GridRow objects from the newRawData array. Calls each registered - * rowBuilder to further process the row - * - * Rows are identified using the gridOptions.rowEquality function - */ - Grid.prototype.modifyRows = function modifyRows(newRawData) { - var self = this, - i, - rowhash, - found, - newRow; - if ((self.options.useExternalSorting || self.getColumnSorting().length === 0) && newRawData.length > 0) { - var oldRowHash = self.rowHashMap; - if (!oldRowHash) { - oldRowHash = {get: function(){return null;}}; - } - self.createRowHashMap(); - rowhash = self.rowHashMap; - var wasEmpty = self.rows.length === 0; - self.rows.length = 0; - for (i = 0; i < newRawData.length; i++) { - var newRawRow = newRawData[i]; - found = oldRowHash.get(newRawRow); - if (found) { - newRow = found.row; - } - else { - newRow = self.processRowBuilders(new GridRow(newRawRow, i, self)); - } - self.rows.push(newRow); - rowhash.put(newRawRow, { - i: i, - entity: newRawRow, - row:newRow - }); - } - //now that we have data, it is save to assign types to colDefs - if (wasEmpty) { - self.assignTypes(); - } - } else { - if (self.rows.length === 0 && newRawData.length > 0) { - if (self.options.enableRowHashing) { - if (!self.rowHashMap) { - self.createRowHashMap(); - } - - for (i = 0; i < newRawData.length; i++) { - newRow = newRawData[i]; - - self.rowHashMap.put(newRow, { - i: i, - entity: newRow - }); - } - } - - self.addRows(newRawData); - //now that we have data, it is save to assign types to colDefs - self.assignTypes(); - } - else if (newRawData.length > 0) { - var unfoundNewRows, unfoundOldRows, unfoundNewRowsToFind; - - // If row hashing is turned on - if (self.options.enableRowHashing) { - // Array of new rows that haven't been found in the old rowset - unfoundNewRows = []; - // Array of new rows that we explicitly HAVE to search for manually in the old row set. They cannot be looked up by their identity (because it doesn't exist). - unfoundNewRowsToFind = []; - // Map of rows that have been found in the new rowset - var foundOldRows = {}; - // Array of old rows that have NOT been found in the new rowset - unfoundOldRows = []; - - // Create the row HashMap if it doesn't exist already - if (!self.rowHashMap) { - self.createRowHashMap(); - } - rowhash = self.rowHashMap; - - // Make sure every new row has a hash - for (i = 0; i < newRawData.length; i++) { - newRow = newRawData[i]; - - // Flag this row as needing to be manually found if it didn't come in with a $$hashKey - var mustFind = false; - if (!self.options.getRowIdentity(newRow)) { - mustFind = true; - } - - // See if the new row is already in the rowhash - found = rowhash.get(newRow); - // If so... - if (found) { - // See if it's already being used by as GridRow - if (found.row) { - // If so, mark this new row as being found - foundOldRows[self.options.rowIdentity(newRow)] = true; - } - } - else { - // Put the row in the hashmap with the index it corresponds to - rowhash.put(newRow, { - i: i, - entity: newRow - }); - - // This row has to be searched for manually in the old row set - if (mustFind) { - unfoundNewRowsToFind.push(newRow); - } - else { - unfoundNewRows.push(newRow); - } - } - } - - // Build the list of unfound old rows - for (i = 0; i < self.rows.length; i++) { - var row = self.rows[i]; - var hash = self.options.rowIdentity(row.entity); - if (!foundOldRows[hash]) { - unfoundOldRows.push(row); - } - } - } - - // Look for new rows - var newRows = unfoundNewRows || []; - - // The unfound new rows is either `unfoundNewRowsToFind`, if row hashing is turned on, or straight `newRawData` if it isn't - var unfoundNew = (unfoundNewRowsToFind || newRawData); - - // Search for real new rows in `unfoundNew` and concat them onto `newRows` - newRows = newRows.concat(self.newInN(self.rows, unfoundNew, 'entity')); - - self.addRows(newRows); - - var deletedRows = self.getDeletedRows((unfoundOldRows || self.rows), newRawData); - - for (i = 0; i < deletedRows.length; i++) { - if (self.options.enableRowHashing) { - self.rowHashMap.remove(deletedRows[i].entity); - } - - self.rows.splice( self.rows.indexOf(deletedRows[i]), 1 ); - } - } - // Empty data set - else { - // Reset the row HashMap - self.createRowHashMap(); - - // Reset the rows length! - self.rows.length = 0; - } - } - - var p1 = $q.when(self.processRowsProcessors(self.rows)) - .then(function (renderableRows) { - return self.setVisibleRows(renderableRows); - }); - - var p2 = $q.when(self.processColumnsProcessors(self.columns)) - .then(function (renderableColumns) { - return self.setVisibleColumns(renderableColumns); - }); - - return $q.all([p1, p2]); - }; - - Grid.prototype.getDeletedRows = function(oldRows, newRows) { - var self = this; - - var olds = oldRows.filter(function (oldRow) { - return !newRows.some(function (newItem) { - return self.options.rowEquality(newItem, oldRow.entity); - }); - }); - // var olds = self.newInN(newRows, oldRows, null, 'entity'); - // dump('olds', olds); - return olds; - }; - - /** - * Private Undocumented Method - * @name addRows - * @methodOf ui.grid.class:Grid - * @description adds the newRawData array of rows to the grid and calls all registered - * rowBuilders. this keyword will reference the grid - */ - Grid.prototype.addRows = function addRows(newRawData) { - var self = this; - - var existingRowCount = self.rows.length; - for (var i = 0; i < newRawData.length; i++) { - var newRow = self.processRowBuilders(new GridRow(newRawData[i], i + existingRowCount, self)); - - if (self.options.enableRowHashing) { - var found = self.rowHashMap.get(newRow.entity); - if (found) { - found.row = newRow; - } - } - - self.rows.push(newRow); - } - }; - - /** - * @ngdoc function - * @name processRowBuilders - * @methodOf ui.grid.class:Grid - * @description processes all RowBuilders for the gridRow - * @param {GridRow} gridRow reference to gridRow - * @returns {GridRow} the gridRow with all additional behavior added - */ - Grid.prototype.processRowBuilders = function processRowBuilders(gridRow) { - var self = this; - - self.rowBuilders.forEach(function (builder) { - builder.call(self, gridRow, self.options); - }); - - return gridRow; - }; - - /** - * @ngdoc function - * @name registerStyleComputation - * @methodOf ui.grid.class:Grid - * @description registered a styleComputation function - * - * If the function returns a value it will be appended into the grid's `<style>` block - * @param {function($scope)} styleComputation function - */ - Grid.prototype.registerStyleComputation = function registerStyleComputation(styleComputationInfo) { - this.styleComputations.push(styleComputationInfo); - }; - - - // NOTE (c0bra): We already have rowBuilders. I think these do exactly the same thing... - // Grid.prototype.registerRowFilter = function(filter) { - // // TODO(c0bra): validate filter? - - // this.rowFilters.push(filter); - // }; - - // Grid.prototype.removeRowFilter = function(filter) { - // var idx = this.rowFilters.indexOf(filter); - - // if (typeof(idx) !== 'undefined' && idx !== undefined) { - // this.rowFilters.slice(idx, 1); - // } - // }; - - // Grid.prototype.processRowFilters = function(rows) { - // var self = this; - // self.rowFilters.forEach(function (filter) { - // filter.call(self, rows); - // }); - // }; - - - /** - * @ngdoc function - * @name registerRowsProcessor - * @methodOf ui.grid.class:Grid - * @param {function(renderableRows)} rows processor function - * @returns {Array[GridRow]} Updated renderable rows - * @description - - Register a "rows processor" function. When the rows are updated, - the grid calls each registered "rows processor", which has a chance - to alter the set of rows (sorting, etc) as long as the count is not - modified. - */ - Grid.prototype.registerRowsProcessor = function registerRowsProcessor(processor) { - if (!angular.isFunction(processor)) { - throw 'Attempt to register non-function rows processor: ' + processor; - } - - this.rowsProcessors.push(processor); - }; - - /** - * @ngdoc function - * @name removeRowsProcessor - * @methodOf ui.grid.class:Grid - * @param {function(renderableRows)} rows processor function - * @description Remove a registered rows processor - */ - Grid.prototype.removeRowsProcessor = function removeRowsProcessor(processor) { - var idx = this.rowsProcessors.indexOf(processor); - - if (typeof(idx) !== 'undefined' && idx !== undefined) { - this.rowsProcessors.splice(idx, 1); - } - }; - - /** - * Private Undocumented Method - * @name processRowsProcessors - * @methodOf ui.grid.class:Grid - * @param {Array[GridRow]} The array of "renderable" rows - * @param {Array[GridColumn]} The array of columns - * @description Run all the registered rows processors on the array of renderable rows - */ - Grid.prototype.processRowsProcessors = function processRowsProcessors(renderableRows) { - var self = this; - - // Create a shallow copy of the rows so that we can safely sort them without altering the original grid.rows sort order - var myRenderableRows = renderableRows.slice(0); - - // self.rowsProcessors.forEach(function (processor) { - // myRenderableRows = processor.call(self, myRenderableRows, self.columns); - - // if (!renderableRows) { - // throw "Processor at index " + i + " did not return a set of renderable rows"; - // } - - // if (!angular.isArray(renderableRows)) { - // throw "Processor at index " + i + " did not return an array"; - // } - - // i++; - // }); - - // Return myRenderableRows with no processing if we have no rows processors - if (self.rowsProcessors.length === 0) { - return $q.when(myRenderableRows); - } - - // Counter for iterating through rows processors - var i = 0; - - // Promise for when we're done with all the processors - var finished = $q.defer(); - - // This function will call the processor in self.rowsProcessors at index 'i', and then - // when done will call the next processor in the list, using the output from the processor - // at i as the argument for 'renderedRowsToProcess' on the next iteration. - // - // If we're at the end of the list of processors, we resolve our 'finished' callback with - // the result. - function startProcessor(i, renderedRowsToProcess) { - // Get the processor at 'i' - var processor = self.rowsProcessors[i]; - - // Call the processor, passing in the rows to process and the current columns - // (note: it's wrapped in $q.when() in case the processor does not return a promise) - return $q.when( processor.call(self, renderedRowsToProcess, self.columns) ) - .then(function handleProcessedRows(processedRows) { - // Check for errors - if (!processedRows) { - throw "Processor at index " + i + " did not return a set of renderable rows"; - } - - if (!angular.isArray(processedRows)) { - throw "Processor at index " + i + " did not return an array"; - } - - // Processor is done, increment the counter - i++; - - // If we're not done with the processors, call the next one - if (i <= self.rowsProcessors.length - 1) { - return startProcessor(i, processedRows); - } - // We're done! Resolve the 'finished' promise - else { - finished.resolve(processedRows); - } - }); - } - - // Start on the first processor - startProcessor(0, myRenderableRows); - - return finished.promise; - }; - - Grid.prototype.setVisibleRows = function setVisibleRows(rows) { - // gridUtil.logDebug('setVisibleRows'); - - var self = this; - - //var newVisibleRowCache = []; - - // Reset all the render container row caches - for (var i in self.renderContainers) { - var container = self.renderContainers[i]; - - container.visibleRowCache.length = 0; - } - - // rows.forEach(function (row) { - for (var ri = 0; ri < rows.length; ri++) { - var row = rows[ri]; - - // If the row is visible - if (row.visible) { - // newVisibleRowCache.push(row); - - // If the row has a container specified - if (typeof(row.renderContainer) !== 'undefined' && row.renderContainer) { - self.renderContainers[row.renderContainer].visibleRowCache.push(row); - } - // If not, put it into the body container - else { - self.renderContainers.body.visibleRowCache.push(row); - } - } - } - }; - - /** - * @ngdoc function - * @name registerColumnsProcessor - * @methodOf ui.grid.class:Grid - * @param {function(renderableColumns)} rows processor function - * @returns {Array[GridColumn]} Updated renderable columns - * @description - - Register a "columns processor" function. When the columns are updated, - the grid calls each registered "columns processor", which has a chance - to alter the set of columns, as long as the count is not modified. - */ - Grid.prototype.registerColumnsProcessor = function registerColumnsProcessor(processor) { - if (!angular.isFunction(processor)) { - throw 'Attempt to register non-function rows processor: ' + processor; - } - - this.columnsProcessors.push(processor); - }; - - Grid.prototype.removeColumnsProcessor = function removeColumnsProcessor(processor) { - var idx = this.columnsProcessors.indexOf(processor); - - if (typeof(idx) !== 'undefined' && idx !== undefined) { - this.columnsProcessors.splice(idx, 1); - } - }; - - Grid.prototype.processColumnsProcessors = function processColumnsProcessors(renderableColumns) { - var self = this; - - // Create a shallow copy of the rows so that we can safely sort them without altering the original grid.rows sort order - var myRenderableColumns = renderableColumns.slice(0); - - // Return myRenderableRows with no processing if we have no rows processors - if (self.columnsProcessors.length === 0) { - return $q.when(myRenderableColumns); - } - - // Counter for iterating through rows processors - var i = 0; - - // Promise for when we're done with all the processors - var finished = $q.defer(); - - // This function will call the processor in self.rowsProcessors at index 'i', and then - // when done will call the next processor in the list, using the output from the processor - // at i as the argument for 'renderedRowsToProcess' on the next iteration. - // - // If we're at the end of the list of processors, we resolve our 'finished' callback with - // the result. - function startProcessor(i, renderedColumnsToProcess) { - // Get the processor at 'i' - var processor = self.columnsProcessors[i]; - - // Call the processor, passing in the rows to process and the current columns - // (note: it's wrapped in $q.when() in case the processor does not return a promise) - return $q.when( processor.call(self, renderedColumnsToProcess, self.rows) ) - .then(function handleProcessedRows(processedColumns) { - // Check for errors - if (!processedColumns) { - throw "Processor at index " + i + " did not return a set of renderable rows"; - } - - if (!angular.isArray(processedColumns)) { - throw "Processor at index " + i + " did not return an array"; - } - - // Processor is done, increment the counter - i++; - - // If we're not done with the processors, call the next one - if (i <= self.columnsProcessors.length - 1) { - return startProcessor(i, myRenderableColumns); - } - // We're done! Resolve the 'finished' promise - else { - finished.resolve(myRenderableColumns); - } - }); - } - - // Start on the first processor - startProcessor(0, myRenderableColumns); - - return finished.promise; - }; - - Grid.prototype.setVisibleColumns = function setVisibleColumns(columns) { - // gridUtil.logDebug('setVisibleColumns'); - - var self = this; - - // Reset all the render container row caches - for (var i in self.renderContainers) { - var container = self.renderContainers[i]; - - container.visibleColumnCache.length = 0; - } - - for (var ci = 0; ci < columns.length; ci++) { - var column = columns[ci]; - - // If the column is visible - if (column.visible) { - // If the column has a container specified - if (typeof(column.renderContainer) !== 'undefined' && column.renderContainer) { - self.renderContainers[column.renderContainer].visibleColumnCache.push(column); - } - // If not, put it into the body container - else { - self.renderContainers.body.visibleColumnCache.push(column); - } - } - } - }; - - /** - * @ngdoc function - * @name handleWindowResize - * @methodOf ui.grid.class:Grid - * @description Triggered when the browser window resizes; automatically resizes the grid - */ - Grid.prototype.handleWindowResize = function handleWindowResize($event) { - var self = this; - - self.gridWidth = gridUtil.elementWidth(self.element); - self.gridHeight = gridUtil.elementHeight(self.element); - - self.queueRefresh(); - }; - - /** - * @ngdoc function - * @name queueRefresh - * @methodOf ui.grid.class:Grid - * @description todo: @c0bra can you document this method? - */ - Grid.prototype.queueRefresh = function queueRefresh() { - var self = this; - - if (self.refreshCanceller) { - $timeout.cancel(self.refreshCanceller); - } - - self.refreshCanceller = $timeout(function () { - self.refreshCanvas(true); - }); - - self.refreshCanceller.then(function () { - self.refreshCanceller = null; - }); - - return self.refreshCanceller; - }; - - /** - * @ngdoc function - * @name buildStyles - * @methodOf ui.grid.class:Grid - * @description calls each styleComputation function - */ - // TODO: this used to take $scope, but couldn't see that it was used - Grid.prototype.buildStyles = function buildStyles() { - // gridUtil.logDebug('buildStyles'); - - var self = this; - - self.customStyles = ''; - - self.styleComputations - .sort(function(a, b) { - if (a.priority === null) { return 1; } - if (b.priority === null) { return -1; } - if (a.priority === null && b.priority === null) { return 0; } - return a.priority - b.priority; - }) - .forEach(function (compInfo) { - // this used to provide $scope as a second parameter, but I couldn't find any - // style builders that used it, so removed it as part of moving to grid from controller - var ret = compInfo.func.call(self); - - if (angular.isString(ret)) { - self.customStyles += '\n' + ret; - } - }); - }; - - - Grid.prototype.minColumnsToRender = function minColumnsToRender() { - var self = this; - var viewport = this.getViewportWidth(); - - var min = 0; - var totalWidth = 0; - self.columns.forEach(function(col, i) { - if (totalWidth < viewport) { - totalWidth += col.drawnWidth; - min++; - } - else { - var currWidth = 0; - for (var j = i; j >= i - min; j--) { - currWidth += self.columns[j].drawnWidth; - } - if (currWidth < viewport) { - min++; - } - } - }); - - return min; - }; - - Grid.prototype.getBodyHeight = function getBodyHeight() { - // Start with the viewportHeight - var bodyHeight = this.getViewportHeight(); - - // Add the horizontal scrollbar height if there is one - if (typeof(this.horizontalScrollbarHeight) !== 'undefined' && this.horizontalScrollbarHeight !== undefined && this.horizontalScrollbarHeight > 0) { - bodyHeight = bodyHeight + this.horizontalScrollbarHeight; - } - - return bodyHeight; - }; - - // NOTE: viewport drawable height is the height of the grid minus the header row height (including any border) - // TODO(c0bra): account for footer height - Grid.prototype.getViewportHeight = function getViewportHeight() { - var self = this; - - var viewPortHeight = this.gridHeight - this.headerHeight - this.footerHeight; - - // Account for native horizontal scrollbar, if present - if (typeof(this.horizontalScrollbarHeight) !== 'undefined' && this.horizontalScrollbarHeight !== undefined && this.horizontalScrollbarHeight > 0) { - viewPortHeight = viewPortHeight - this.horizontalScrollbarHeight; - } - - var adjustment = self.getViewportAdjustment(); - - viewPortHeight = viewPortHeight + adjustment.height; - - // gridUtil.logDebug('viewPortHeight', viewPortHeight); - - return viewPortHeight; - }; - - Grid.prototype.getViewportWidth = function getViewportWidth() { - var self = this; - - var viewPortWidth = this.gridWidth; - - if (typeof(this.verticalScrollbarWidth) !== 'undefined' && this.verticalScrollbarWidth !== undefined && this.verticalScrollbarWidth > 0) { - viewPortWidth = viewPortWidth - this.verticalScrollbarWidth; - } - - var adjustment = self.getViewportAdjustment(); - - viewPortWidth = viewPortWidth + adjustment.width; - - // gridUtil.logDebug('getviewPortWidth', viewPortWidth); - - return viewPortWidth; - }; - - Grid.prototype.getHeaderViewportWidth = function getHeaderViewportWidth() { - var viewPortWidth = this.getViewportWidth(); - - if (typeof(this.verticalScrollbarWidth) !== 'undefined' && this.verticalScrollbarWidth !== undefined && this.verticalScrollbarWidth > 0) { - viewPortWidth = viewPortWidth + this.verticalScrollbarWidth; - } - - return viewPortWidth; - }; - - Grid.prototype.registerViewportAdjuster = function registerViewportAdjuster(func) { - this.viewportAdjusters.push(func); - }; - - Grid.prototype.removeViewportAdjuster = function registerViewportAdjuster(func) { - var idx = this.viewportAdjusters.indexOf(func); - - if (typeof(idx) !== 'undefined' && idx !== undefined) { - this.viewportAdjusters.splice(idx, 1); - } - }; - - Grid.prototype.getViewportAdjustment = function getViewportAdjustment() { - var self = this; - - var adjustment = { height: 0, width: 0 }; - - self.viewportAdjusters.forEach(function (func) { - adjustment = func.call(this, adjustment); - }); - - return adjustment; - }; - - Grid.prototype.getVisibleRowCount = function getVisibleRowCount() { - // var count = 0; - - // this.rows.forEach(function (row) { - // if (row.visible) { - // count++; - // } - // }); - - // return this.visibleRowCache.length; - return this.renderContainers.body.visibleRowCache.length; - }; - - Grid.prototype.getVisibleRows = function getVisibleRows() { - return this.renderContainers.body.visibleRowCache; - }; - - Grid.prototype.getVisibleColumnCount = function getVisibleColumnCount() { - // var count = 0; - - // this.rows.forEach(function (row) { - // if (row.visible) { - // count++; - // } - // }); - - // return this.visibleRowCache.length; - return this.renderContainers.body.visibleColumnCache.length; - }; - - - Grid.prototype.searchRows = function searchRows(renderableRows) { - return rowSearcher.search(this, renderableRows, this.columns); - }; - - Grid.prototype.sortByColumn = function sortByColumn(renderableRows) { - return rowSorter.sort(this, renderableRows, this.columns); - }; - - /** - * @ngdoc function - * @name getCellValue - * @methodOf ui.grid.class:Grid - * @description Gets the value of a cell for a particular row and column - * @param {GridRow} row Row to access - * @param {GridColumn} col Column to access - */ - Grid.prototype.getCellValue = function getCellValue(row, col){ - var self = this; - - if (!self.cellValueGetterCache[col.colDef.name]) { - self.cellValueGetterCache[col.colDef.name] = $parse(row.getEntityQualifiedColField(col)); - } - - return self.cellValueGetterCache[col.colDef.name](row); - }; - - - Grid.prototype.getNextColumnSortPriority = function getNextColumnSortPriority() { - var self = this, - p = 0; - - self.columns.forEach(function (col) { - if (col.sort && col.sort.priority && col.sort.priority > p) { - p = col.sort.priority; - } - }); - - return p + 1; - }; - - /** - * @ngdoc function - * @name resetColumnSorting - * @methodOf ui.grid.class:Grid - * @description Return the columns that the grid is currently being sorted by - * @param {GridColumn} [excludedColumn] Optional GridColumn to exclude from having its sorting reset - */ - Grid.prototype.resetColumnSorting = function resetColumnSorting(excludeCol) { - var self = this; - - self.columns.forEach(function (col) { - if (col !== excludeCol) { - col.sort = {}; - } - }); - }; - - /** - * @ngdoc function - * @name getColumnSorting - * @methodOf ui.grid.class:Grid - * @description Return the columns that the grid is currently being sorted by - * @returns {Array[GridColumn]} An array of GridColumn objects - */ - Grid.prototype.getColumnSorting = function getColumnSorting() { - var self = this; - - var sortedCols = [], myCols; - - // Iterate through all the columns, sorted by priority - // Make local copy of column list, because sorting is in-place and we do not want to - // change the original sequence of columns - myCols = self.columns.slice(0); - myCols.sort(rowSorter.prioritySort).forEach(function (col) { - if (col.sort && typeof(col.sort.direction) !== 'undefined' && col.sort.direction && (col.sort.direction === uiGridConstants.ASC || col.sort.direction === uiGridConstants.DESC)) { - sortedCols.push(col); - } - }); - - return sortedCols; - }; - - /** - * @ngdoc function - * @name sortColumn - * @methodOf ui.grid.class:Grid - * @description Set the sorting on a given column, optionally resetting any existing sorting on the Grid. - * Emits the sortChanged event whenever the sort criteria are changed. - * @param {GridColumn} column Column to set the sorting on - * @param {uiGridConstants.ASC|uiGridConstants.DESC} [direction] Direction to sort by, either descending or ascending. - * If not provided, the column will iterate through the sort directions: ascending, descending, unsorted. - * @param {boolean} [add] Add this column to the sorting. If not provided or set to `false`, the Grid will reset any existing sorting and sort - * by this column only - * @returns {Promise} A resolved promise that supplies the column. - */ - - Grid.prototype.sortColumn = function sortColumn(column, directionOrAdd, add) { - var self = this, - direction = null; - - if (typeof(column) === 'undefined' || !column) { - throw new Error('No column parameter provided'); - } - - // Second argument can either be a direction or whether to add this column to the existing sort. - // If it's a boolean, it's an add, otherwise, it's a direction - if (typeof(directionOrAdd) === 'boolean') { - add = directionOrAdd; - } - else { - direction = directionOrAdd; - } - - if (!add) { - self.resetColumnSorting(column); - column.sort.priority = 0; - } - else { - column.sort.priority = self.getNextColumnSortPriority(); - } - - if (!direction) { - // Figure out the sort direction - if (column.sort.direction && column.sort.direction === uiGridConstants.ASC) { - column.sort.direction = uiGridConstants.DESC; - } - else if (column.sort.direction && column.sort.direction === uiGridConstants.DESC) { - if ( column.colDef && column.colDef.suppressRemoveSort ){ - column.sort.direction = uiGridConstants.ASC; - } else { - column.sort.direction = null; - } - } - else { - column.sort.direction = uiGridConstants.ASC; - } - } - else { - column.sort.direction = direction; - } - - self.api.core.raise.sortChanged( self, self.getColumnSorting() ); - - return $q.when(column); - }; - - /** - * communicate to outside world that we are done with initial rendering - */ - Grid.prototype.renderingComplete = function(){ - if (angular.isFunction(this.options.onRegisterApi)) { - this.options.onRegisterApi(this.api); - } - this.api.core.raise.renderingComplete( this.api ); - }; - - Grid.prototype.createRowHashMap = function createRowHashMap() { - var self = this; - - var hashMap = new RowHashMap(); - hashMap.grid = self; - - self.rowHashMap = hashMap; - }; - - - /** - * @ngdoc function - * @name refresh - * @methodOf ui.grid.class:Grid - * @description Refresh the rendered grid on screen. - * - */ - Grid.prototype.refresh = function refresh() { - gridUtil.logDebug('grid refresh'); - - var self = this; - - var p1 = self.processRowsProcessors(self.rows).then(function (renderableRows) { - self.setVisibleRows(renderableRows); - }); - - var p2 = self.processColumnsProcessors(self.columns).then(function (renderableColumns) { - self.setVisibleColumns(renderableColumns); - }); - - return $q.all([p1, p2]).then(function () { - self.redrawInPlace(); - - self.refreshCanvas(true); - }); - }; - - /** - * @ngdoc function - * @name refreshRows - * @methodOf ui.grid.class:Grid - * @description Refresh the rendered rows on screen? Note: not functional at present - * @returns {promise} promise that is resolved when render completes? - * - */ - Grid.prototype.refreshRows = function refreshRows() { - var self = this; - - return self.processRowsProcessors(self.rows) - .then(function (renderableRows) { - self.setVisibleRows(renderableRows); - - self.redrawInPlace(); - - self.refreshCanvas( true ); - }); - }; - - /** - * @ngdoc function - * @name redrawCanvas - * @methodOf ui.grid.class:Grid - * @description TBD - * @params {object} buildStyles optional parameter. Use TBD - * @returns {promise} promise that is resolved when the canvas - * has been refreshed - * - */ - Grid.prototype.refreshCanvas = function(buildStyles) { - var self = this; - - if (buildStyles) { - self.buildStyles(); - } - - var p = $q.defer(); - - // Get all the header heights - var containerHeadersToRecalc = []; - for (var containerId in self.renderContainers) { - if (self.renderContainers.hasOwnProperty(containerId)) { - var container = self.renderContainers[containerId]; - - // Skip containers that have no canvasWidth set yet - if (container.canvasWidth === null || isNaN(container.canvasWidth)) { - continue; - } - - if (container.header) { - containerHeadersToRecalc.push(container); - } - } - } - - if (containerHeadersToRecalc.length > 0) { - // Putting in a timeout as it's not calculating after the grid element is rendered and filled out - $timeout(function() { - // var oldHeaderHeight = self.grid.headerHeight; - // self.grid.headerHeight = gridUtil.outerElementHeight(self.header); - - var rebuildStyles = false; - - // Get all the header heights - var maxHeight = 0; - var i, container; - for (i = 0; i < containerHeadersToRecalc.length; i++) { - container = containerHeadersToRecalc[i]; - - // Skip containers that have no canvasWidth set yet - if (container.canvasWidth === null || isNaN(container.canvasWidth)) { - continue; - } - - if (container.header) { - var oldHeaderHeight = container.headerHeight; - var headerHeight = gridUtil.outerElementHeight(container.header); - - container.headerHeight = parseInt(headerHeight, 10); - - if (oldHeaderHeight !== headerHeight) { - rebuildStyles = true; - } - - // Get the "inner" header height, that is the height minus the top and bottom borders, if present. We'll use it to make sure all the headers have a consistent height - var topBorder = gridUtil.getBorderSize(container.header, 'top'); - var bottomBorder = gridUtil.getBorderSize(container.header, 'bottom'); - var innerHeaderHeight = parseInt(headerHeight - topBorder - bottomBorder, 10); - - innerHeaderHeight = innerHeaderHeight < 0 ? 0 : innerHeaderHeight; - - container.innerHeaderHeight = innerHeaderHeight; - - // Save the largest header height for use later - if (innerHeaderHeight > maxHeight) { - maxHeight = innerHeaderHeight; - } - } - } - - // Go through all the headers - for (i = 0; i < containerHeadersToRecalc.length; i++) { - container = containerHeadersToRecalc[i]; - - // If this header's height is less than another header's height, then explicitly set it so they're the same and one isn't all offset and weird looking - if (container.headerHeight < maxHeight) { - container.explicitHeaderHeight = maxHeight; - } - } - - // Rebuild styles if the header height has changed - // The header height is used in body/viewport calculations and those are then used in other styles so we need it to be available - if (buildStyles && rebuildStyles) { - self.buildStyles(); - } - - p.resolve(); - }); - } - else { - // Timeout still needs to be here to trigger digest after styles have been rebuilt - $timeout(function() { - p.resolve(); - }); - } - - return p.promise; - }; - - - /** - * @ngdoc function - * @name redrawCanvas - * @methodOf ui.grid.class:Grid - * @description Redraw the rows and columns based on our current scroll position - * - */ - Grid.prototype.redrawInPlace = function redrawInPlace() { - // gridUtil.logDebug('redrawInPlace'); - - var self = this; - - for (var i in self.renderContainers) { - var container = self.renderContainers[i]; - - // gridUtil.logDebug('redrawing container', i); - - container.adjustRows(container.prevScrollTop, null); - container.adjustColumns(container.prevScrollLeft, null); - } - }; - - - // Blatantly stolen from Angular as it isn't exposed (yet? 2.0?) - function RowHashMap() {} - - RowHashMap.prototype = { - /** - * Store key value pair - * @param key key to store can be any type - * @param value value to store can be any type - */ - put: function(key, value) { - this[this.grid.options.rowIdentity(key)] = value; - }, - - /** - * @param key - * @returns {Object} the value for the key - */ - get: function(key) { - return this[this.grid.options.rowIdentity(key)]; - }, - - /** - * Remove the key/value pair - * @param key - */ - remove: function(key) { - var value = this[key = this.grid.options.rowIdentity(key)]; - delete this[key]; - return value; - } - }; - - - - return Grid; - -}]); - -})(); - -(function () { - - angular.module('ui.grid') - .factory('GridApi', ['$q', '$rootScope', 'gridUtil', 'uiGridConstants', 'GridRow', 'uiGridGridMenuService', - function ($q, $rootScope, gridUtil, uiGridConstants, GridRow, uiGridGridMenuService) { - /** - * @ngdoc function - * @name ui.grid.class:GridApi - * @description GridApi provides the ability to register public methods events inside the grid and allow - * for other components to use the api via featureName.methodName and featureName.on.eventName(function(args){} - * @param {object} grid grid that owns api - */ - var GridApi = function GridApi(grid) { - this.grid = grid; - this.listeners = []; - - /** - * @ngdoc function - * @name renderingComplete - * @methodOf ui.grid.core.api:PublicApi - * @description Rendering is complete, called at the same - * time as `onRegisterApi`, but provides a way to obtain - * that same event within features without stopping end - * users from getting at the onRegisterApi method. - * - * Included in gridApi so that it's always there - otherwise - * there is still a timing problem with when a feature can - * call this. - * - * @param {GridApi} gridApi the grid api, as normally - * returned in the onRegisterApi method - * - * @example - * <pre> - * gridApi.core.on.renderingComplete( grid ); - * </pre> - */ - this.registerEvent( 'core', 'renderingComplete' ); - - /** - * @ngdoc event - * @name filterChanged - * @eventOf ui.grid.core.api:PublicApi - * @description is raised after the filter is changed. The nature - * of the watch expression doesn't allow notification of what changed, - * so the receiver of this event will need to re-extract the filter - * conditions from the columns. - * - */ - this.registerEvent( 'core', 'filterChanged' ); - - /** - * @ngdoc function - * @name setRowInvisible - * @methodOf ui.grid.core.api:PublicApi - * @description Sets an override on the row to make it always invisible, - * which will override any filtering or other visibility calculations. - * If the row is currently visible then sets it to invisible and calls - * both grid refresh and emits the rowsVisibleChanged event - * @param {object} rowEntity gridOptions.data[] array instance - */ - this.registerMethod( 'core', 'setRowInvisible', GridRow.prototype.setRowInvisible ); - - /** - * @ngdoc function - * @name clearRowInvisible - * @methodOf ui.grid.core.api:PublicApi - * @description Clears any override on visibility for the row so that it returns to - * using normal filtering and other visibility calculations. - * If the row is currently invisible then sets it to visible and calls - * both grid refresh and emits the rowsVisibleChanged event - * TODO: if a filter is active then we can't just set it to visible? - * @param {object} rowEntity gridOptions.data[] array instance - */ - this.registerMethod( 'core', 'clearRowInvisible', GridRow.prototype.clearRowInvisible ); - - /** - * @ngdoc function - * @name getVisibleRows - * @methodOf ui.grid.core.api:PublicApi - * @description Returns all visible rows - * @param {Grid} grid the grid you want to get visible rows from - * @returns {array} an array of gridRow - */ - this.registerMethod( 'core', 'getVisibleRows', this.grid.getVisibleRows ); - - /** - * @ngdoc event - * @name rowsVisibleChanged - * @eventOf ui.grid.core.api:PublicApi - * @description is raised after the rows that are visible - * change. The filtering is zero-based, so it isn't possible - * to say which rows changed (unlike in the selection feature). - * We can plausibly know which row was changed when setRowInvisible - * is called, but in that situation the user already knows which row - * they changed. When a filter runs we don't know what changed, - * and that is the one that would have been useful. - * - */ - this.registerEvent( 'core', 'rowsVisibleChanged' ); - }; - - /** - * @ngdoc function - * @name ui.grid.class:suppressEvents - * @methodOf ui.grid.class:GridApi - * @description Used to execute a function while disabling the specified event listeners. - * Disables the listenerFunctions, executes the callbackFn, and then enables - * the listenerFunctions again - * @param {object} listenerFuncs listenerFunc or array of listenerFuncs to suppress. These must be the same - * functions that were used in the .on.eventName method - * @param {object} callBackFn function to execute - * @example - * <pre> - * var navigate = function (newRowCol, oldRowCol){ - * //do something on navigate - * } - * - * gridApi.cellNav.on.navigate(scope,navigate); - * - * - * //call the scrollTo event and suppress our navigate listener - * //scrollTo will still raise the event for other listeners - * gridApi.suppressEvents(navigate, function(){ - * gridApi.cellNav.scrollTo(aRow, aCol); - * }); - * - * </pre> - */ - GridApi.prototype.suppressEvents = function (listenerFuncs, callBackFn) { - var self = this; - var listeners = angular.isArray(listenerFuncs) ? listenerFuncs : [listenerFuncs]; - - //find all registered listeners - var foundListeners = []; - listeners.forEach(function (l) { - foundListeners = self.listeners.filter(function (lstnr) { - return l === lstnr.handler; - }); - }); - - //deregister all the listeners - foundListeners.forEach(function(l){ - l.dereg(); - }); - - callBackFn(); - - //reregister all the listeners - foundListeners.forEach(function(l){ - l.dereg = registerEventWithAngular(l.scope, l.eventId, l.handler, self.grid); - }); - - }; - - /** - * @ngdoc function - * @name registerEvent - * @methodOf ui.grid.class:GridApi - * @description Registers a new event for the given feature - * @param {string} featureName name of the feature that raises the event - * @param {string} eventName name of the event - */ - GridApi.prototype.registerEvent = function (featureName, eventName) { - var self = this; - if (!self[featureName]) { - self[featureName] = {}; - } - - var feature = self[featureName]; - if (!feature.on) { - feature.on = {}; - feature.raise = {}; - } - - var eventId = self.grid.id + featureName + eventName; - - // gridUtil.logDebug('Creating raise event method ' + featureName + '.raise.' + eventName); - feature.raise[eventName] = function () { - $rootScope.$broadcast.apply($rootScope, [eventId].concat(Array.prototype.slice.call(arguments))); - }; - - // gridUtil.logDebug('Creating on event method ' + featureName + '.on.' + eventName); - feature.on[eventName] = function (scope, handler) { - var dereg = registerEventWithAngular(scope, eventId, handler, self.grid); - - //track our listener so we can turn off and on - var listener = {handler: handler, dereg: dereg, eventId: eventId, scope: scope}; - self.listeners.push(listener); - - //destroy tracking when scope is destroyed - //wanted to remove the listener from the array but angular does - //strange things in scope.$destroy so I could not access the listener array - scope.$on('$destroy', function() { - listener.dereg = null; - listener.handler = null; - listener.eventId = null; - listener.scope = null; - }); - }; - }; - - function registerEventWithAngular(scope, eventId, handler, grid) { - return scope.$on(eventId, function (event) { - var args = Array.prototype.slice.call(arguments); - args.splice(0, 1); //remove evt argument - handler.apply(grid.api, args); - }); - } - - /** - * @ngdoc function - * @name registerEventsFromObject - * @methodOf ui.grid.class:GridApi - * @description Registers features and events from a simple objectMap. - * eventObjectMap must be in this format (multiple features allowed) - * <pre> - * {featureName: - * { - * eventNameOne:function(args){}, - * eventNameTwo:function(args){} - * } - * } - * </pre> - * @param {object} eventObjectMap map of feature/event names - */ - GridApi.prototype.registerEventsFromObject = function (eventObjectMap) { - var self = this; - var features = []; - angular.forEach(eventObjectMap, function (featProp, featPropName) { - var feature = {name: featPropName, events: []}; - angular.forEach(featProp, function (prop, propName) { - feature.events.push(propName); - }); - features.push(feature); - }); - - features.forEach(function (feature) { - feature.events.forEach(function (event) { - self.registerEvent(feature.name, event); - }); - }); - - }; - - /** - * @ngdoc function - * @name registerMethod - * @methodOf ui.grid.class:GridApi - * @description Registers a new event for the given feature - * @param {string} featureName name of the feature - * @param {string} methodName name of the method - * @param {object} callBackFn function to execute - * @param {object} thisArg binds callBackFn 'this' to thisArg. Defaults to gridApi.grid - */ - GridApi.prototype.registerMethod = function (featureName, methodName, callBackFn, thisArg) { - if (!this[featureName]) { - this[featureName] = {}; - } - - var feature = this[featureName]; - - feature[methodName] = gridUtil.createBoundedWrapper(thisArg || this.grid, callBackFn); - }; - - /** - * @ngdoc function - * @name registerMethodsFromObject - * @methodOf ui.grid.class:GridApi - * @description Registers features and methods from a simple objectMap. - * eventObjectMap must be in this format (multiple features allowed) - * <br> - * {featureName: - * { - * methodNameOne:function(args){}, - * methodNameTwo:function(args){} - * } - * @param {object} eventObjectMap map of feature/event names - * @param {object} thisArg binds this to thisArg for all functions. Defaults to gridApi.grid - */ - GridApi.prototype.registerMethodsFromObject = function (methodMap, thisArg) { - var self = this; - var features = []; - angular.forEach(methodMap, function (featProp, featPropName) { - var feature = {name: featPropName, methods: []}; - angular.forEach(featProp, function (prop, propName) { - feature.methods.push({name: propName, fn: prop}); - }); - features.push(feature); - }); - - features.forEach(function (feature) { - feature.methods.forEach(function (method) { - self.registerMethod(feature.name, method.name, method.fn, thisArg); - }); - }); - - }; - - return GridApi; - - }]); - -})(); - -(function(){ - -angular.module('ui.grid') -.factory('GridColumn', ['gridUtil', 'uiGridConstants', 'i18nService', function(gridUtil, uiGridConstants, i18nService) { - - /** - * @ngdoc function - * @name ui.grid.class:GridColumn - * @description Represents the viewModel for each column. Any state or methods needed for a Grid Column - * are defined on this prototype - * @param {ColDef} colDef Column definition. - * @param {number} index the current position of the column in the array - * @param {Grid} grid reference to the grid - */ - - /** - * ****************************************************************************************** - * PaulL1: Ugly hack here in documentation. These properties are clearly properties of GridColumn, - * and need to be noted as such for those extending and building ui-grid itself. - * However, from an end-developer perspective, they interact with all these through columnDefs, - * and they really need to be documented there. I feel like they're relatively static, and - * I can't find an elegant way for ngDoc to reference to both....so I've duplicated each - * comment block. Ugh. - * - */ - - /** - * @ngdoc property - * @name name - * @propertyOf ui.grid.class:GridColumn - * @description (mandatory) each column should have a name, although for backward - * compatibility with 2.x name can be omitted if field is present - * - */ - - /** - * @ngdoc property - * @name name - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description (mandatory) each column should have a name, although for backward - * compatibility with 2.x name can be omitted if field is present - * - */ - - /** - * @ngdoc property - * @name displayName - * @propertyOf ui.grid.class:GridColumn - * @description Column name that will be shown in the header. If displayName is not - * provided then one is generated using the name. - * - */ - - /** - * @ngdoc property - * @name displayName - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Column name that will be shown in the header. If displayName is not - * provided then one is generated using the name. - * - */ - - /** - * @ngdoc property - * @name field - * @propertyOf ui.grid.class:GridColumn - * @description field must be provided if you wish to bind to a - * property in the data source. Should be an angular expression that evaluates against grid.options.data - * array element. Can be a complex expression: <code>employee.address.city</code>, or can be a function: <code>employee.getFullAddress()</code>. - * See the angular docs on binding expressions. - * - */ - - /** - * @ngdoc property - * @name field - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description field must be provided if you wish to bind to a - * property in the data source. Should be an angular expression that evaluates against grid.options.data - * array element. Can be a complex expression: <code>employee.address.city</code>, or can be a function: <code>employee.getFullAddress()</code>. - * See the angular docs on binding expressions. - * - */ - - /** - * @ngdoc property - * @name filter - * @propertyOf ui.grid.class:GridColumn - * @description Filter on this column. - * @example - * <pre>{ term: 'text', condition: uiGridConstants.filter.STARTS_WITH, placeholder: 'type to filter...' }</pre> - * - */ - - /** - * @ngdoc property - * @name filter - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Specify a single filter field on this column. - * @example - * <pre>$scope.gridOptions.columnDefs = [ - * { - * field: 'field1', - * filter: { - * condition: uiGridConstants.filter.STARTS_WITH, - * placeholder: 'starts with...' - * } - * } - * ]; </pre> - * - */ - - /** - * @ngdoc method - * @methodOf ui.grid.class:GridColumn - * @name GridColumn - * @description Initializes a gridColumn - * @param {ColumnDef} colDef the column def to associate with this column - * @param {number} uid the unique and immutable uid we'd like to allocate to this column - * @param {Grid} grid the grid we'd like to create this column in - */ - function GridColumn(colDef, uid, grid) { - var self = this; - - self.grid = grid; - self.uid = uid; - - self.updateColumnDef(colDef); - } - - - /** - * @ngdoc method - * @methodOf ui.grid.class:GridColumn - * @name setPropertyOrDefault - * @description Sets a property on the column using the passed in columnDef, and - * setting the defaultValue if the value cannot be found on the colDef - * @param {ColumnDef} colDef the column def to look in for the property value - * @param {string} propName the property name we'd like to set - * @param {object} defaultValue the value to use if the colDef doesn't provide the setting - */ - GridColumn.prototype.setPropertyOrDefault = function (colDef, propName, defaultValue) { - var self = this; - - // Use the column definition filter if we were passed it - if (typeof(colDef[propName]) !== 'undefined' && colDef[propName]) { - self[propName] = colDef[propName]; - } - // Otherwise use our own if it's set - else if (typeof(self[propName]) !== 'undefined') { - self[propName] = self[propName]; - } - // Default to empty object for the filter - else { - self[propName] = defaultValue ? defaultValue : {}; - } - }; - - - - /** - * @ngdoc property - * @name width - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description sets the column width. Can be either - * a number or a percentage, or an * for auto. - * @example - * <pre> $scope.gridOptions.columnDefs = [ { field: 'field1', width: 100}, - * { field: 'field2', width: '20%'}, - * { field: 'field3', width: '*' }]; </pre> - * - */ - - /** - * @ngdoc property - * @name minWidth - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description sets the minimum column width. Should be a number. - * @example - * <pre> $scope.gridOptions.columnDefs = [ { field: 'field1', minWidth: 100}]; </pre> - * - */ - - /** - * @ngdoc property - * @name maxWidth - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description sets the maximum column width. Should be a number. - * @example - * <pre> $scope.gridOptions.columnDefs = [ { field: 'field1', maxWidth: 100}]; </pre> - * - */ - - /** - * @ngdoc property - * @name visible - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description sets whether or not the column is visible - * </br>Default is true - * @example - * <pre> $scope.gridOptions.columnDefs = [ - * { field: 'field1', visible: true}, - * { field: 'field2', visible: false } - * ]; </pre> - * - */ - - /** - * @ngdoc property - * @name sort - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Can be used to set the sort direction for the column, values are - * uiGridConstants.ASC or uiGridConstants.DESC - * @example - * <pre> $scope.gridOptions.columnDefs = [ { field: 'field1', sort: { direction: uiGridConstants.ASC }}] </pre> - */ - - - /** - * @ngdoc property - * @name sortingAlgorithm - * @propertyOf ui.grid.class:GridColumn - * @description Algorithm to use for sorting this column. Takes 'a' and 'b' parameters - * like any normal sorting function. - * - */ - - /** - * @ngdoc property - * @name sortingAlgorithm - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Algorithm to use for sorting this column. Takes 'a' and 'b' parameters - * like any normal sorting function. - * - */ - - /** - * @ngdoc array - * @name filters - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description Specify multiple filter fields. - * @example - * <pre>$scope.gridOptions.columnDefs = [ - * { - * field: 'field1', filters: [ - * { - * condition: uiGridConstants.filter.STARTS_WITH, - * placeholder: 'starts with...' - * }, - * { - * condition: uiGridConstants.filter.ENDS_WITH, - * placeholder: 'ends with...' - * } - * ] - * } - * ]; </pre> - * - * - */ - - /** - * @ngdoc array - * @name filters - * @propertyOf ui.grid.class:GridColumn - * @description Filters for this column. Includes 'term' property bound to filter input elements. - * @example - * <pre>[ - * { - * term: 'foo', // ngModel for <input> - * condition: uiGridConstants.filter.STARTS_WITH, - * placeholder: 'starts with...' - * }, - * { - * term: 'baz', - * condition: uiGridConstants.filter.ENDS_WITH, - * placeholder: 'ends with...' - * } - * ] </pre> - * - * - */ - - /** - * @ngdoc array - * @name menuItems - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description used to add menu items to a column. Refer to the tutorial on this - * functionality. A number of settings are supported: - * - * - title: controls the title that is displayed in the menu - * - icon: the icon shown alongside that title - * - action: the method to call when the menu is clicked - * - shown: a function to evaluate to determine whether or not to show the item - * - active: a function to evaluate to determine whether or not the item is currently selected - * - context: context to pass to the action function?? - * @example - * <pre> $scope.gridOptions.columnDefs = [ - * { field: 'field1', menuItems: [ - * { - * title: 'Outer Scope Alert', - * icon: 'ui-grid-icon-info-circled', - * action: function($event) { - * this.context.blargh(); // $scope.blargh() would work too, this is just an example - * }, - * shown: function() { return true; }, - * active: function() { return true; }, - * context: $scope - * }, - * { - * title: 'Grid ID', - * action: function() { - * alert('Grid ID: ' + this.grid.id); - * } - * } - * ] }]; </pre> - * - */ - - /** - * @ngdoc method - * @methodOf ui.grid.class:GridColumn - * @name updateColumnDef - * @description Moves settings from the columnDef down onto the column, - * and sets properties as appropriate - * @param {ColumnDef} colDef the column def to look in for the property value - */ - GridColumn.prototype.updateColumnDef = function(colDef) { - var self = this; - - self.colDef = colDef; - - if (colDef.name === undefined) { - throw new Error('colDef.name is required for column at index ' + self.grid.options.columnDefs.indexOf(colDef)); - } - - var parseErrorMsg = "Cannot parse column width '" + colDef.width + "' for column named '" + colDef.name + "'"; - - // If width is not defined, set it to a single star - if (gridUtil.isNullOrUndefined(self.width) || !angular.isNumber(self.width)) { - if (gridUtil.isNullOrUndefined(colDef.width)) { - self.width = '*'; - } - else { - // If the width is not a number - if (!angular.isNumber(colDef.width)) { - // See if it ends with a percent - if (gridUtil.endsWith(colDef.width, '%')) { - // If so we should be able to parse the non-percent-sign part to a number - var percentStr = colDef.width.replace(/%/g, ''); - var percent = parseInt(percentStr, 10); - if (isNaN(percent)) { - throw new Error(parseErrorMsg); - } - self.width = colDef.width; - } - // And see if it's a number string - else if (colDef.width.match(/^(\d+)$/)) { - self.width = parseInt(colDef.width.match(/^(\d+)$/)[1], 10); - } - // Otherwise it should be a string of asterisks - else if (colDef.width.match(/^\*+$/)) { - self.width = colDef.width; - } - // No idea, throw an Error - else { - throw new Error(parseErrorMsg); - } - } - // Is a number, use it as the width - else { - self.width = colDef.width; - } - } - } - - // Remove this column from the grid sorting - GridColumn.prototype.unsort = function () { - this.sort = {}; - self.grid.api.core.raise.sortChanged( self, self.grid.getColumnSorting() ); - }; - - self.minWidth = !colDef.minWidth ? 30 : colDef.minWidth; - self.maxWidth = !colDef.maxWidth ? 9000 : colDef.maxWidth; - - //use field if it is defined; name if it is not - self.field = (colDef.field === undefined) ? colDef.name : colDef.field; - - if ( typeof( self.field ) !== 'string' ){ - gridUtil.logError( 'Field is not a string, this is likely to break the code, Field is: ' + self.field ); - } - - self.name = colDef.name; - - // Use colDef.displayName as long as it's not undefined, otherwise default to the field name - self.displayName = (colDef.displayName === undefined) ? gridUtil.readableColumnName(colDef.name) : colDef.displayName; - - //self.originalIndex = index; - - self.aggregationType = angular.isDefined(colDef.aggregationType) ? colDef.aggregationType : null; - self.footerCellTemplate = angular.isDefined(colDef.footerCellTemplate) ? colDef.footerCellTemplate : null; - - /** - * @ngdoc property - * @name footerCellClass - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description footerCellClass can be a string specifying the class to append to a cell - * or it can be a function(row,rowRenderIndex, col, colRenderIndex) that returns a class name - * - */ - self.footerCellClass = colDef.footerCellClass; - - /** - * @ngdoc property - * @name cellClass - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description cellClass can be a string specifying the class to append to a cell - * or it can be a function(row,rowRenderIndex, col, colRenderIndex) that returns a class name - * - */ - self.cellClass = colDef.cellClass; - - /** - * @ngdoc property - * @name headerCellClass - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description headerCellClass can be a string specifying the class to append to a cell - * or it can be a function(row,rowRenderIndex, col, colRenderIndex) that returns a class name - * - */ - self.headerCellClass = colDef.headerCellClass; - - /** - * @ngdoc property - * @name cellFilter - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description cellFilter is a filter to apply to the content of each cell - * @example - * <pre> - * gridOptions.columnDefs[0].cellFilter = 'date' - * - */ - self.cellFilter = colDef.cellFilter ? colDef.cellFilter : ""; - - /** - * @ngdoc property - * @name headerCellFilter - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description headerCellFilter is a filter to apply to the content of the column header - * @example - * <pre> - * gridOptions.columnDefs[0].headerCellFilter = 'translate' - * - */ - self.headerCellFilter = colDef.headerCellFilter ? colDef.headerCellFilter : ""; - - self.visible = gridUtil.isNullOrUndefined(colDef.visible) || colDef.visible; - - self.headerClass = colDef.headerClass; - //self.cursor = self.sortable ? 'pointer' : 'default'; - - self.visible = true; - - // Turn on sorting by default - self.enableSorting = typeof(colDef.enableSorting) !== 'undefined' ? colDef.enableSorting : true; - self.sortingAlgorithm = colDef.sortingAlgorithm; - - // Turn on filtering by default (it's disabled by default at the Grid level) - self.enableFiltering = typeof(colDef.enableFiltering) !== 'undefined' ? colDef.enableFiltering : true; - - // self.menuItems = colDef.menuItems; - self.setPropertyOrDefault(colDef, 'menuItems', []); - - // Use the column definition sort if we were passed it - self.setPropertyOrDefault(colDef, 'sort'); - - // Set up default filters array for when one is not provided. - // In other words, this (in column def): - // - // filter: { term: 'something', flags: {}, condition: [CONDITION] } - // - // is just shorthand for this: - // - // filters: [{ term: 'something', flags: {}, condition: [CONDITION] }] - // - var defaultFilters = []; - if (colDef.filter) { - defaultFilters.push(colDef.filter); - } - else if (self.enableFiltering && self.grid.options.enableFiltering) { - // Add an empty filter definition object, which will - // translate to a guessed condition and no pre-populated - // value for the filter <input>. - defaultFilters.push({}); - } - - /** - * @ngdoc object - * @name ui.grid.class:GridOptions.columnDef.filter - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description An object defining filtering for a column. - */ - - /** - * @ngdoc property - * @name condition - * @propertyOf ui.grid.class:GridOptions.columnDef.filter - * @description Defines how rows are chosen as matching the filter term. This can be set to - * one of the constants in uiGridConstants.filter, or you can supply a custom filter function - * that gets passed the following arguments: [searchTerm, cellValue, row, column]. - */ - - /** - * @ngdoc property - * @name term - * @propertyOf ui.grid.class:GridOptions.columnDef.filter - * @description If set, the filter field will be pre-populated - * with this value. - */ - - /** - * @ngdoc property - * @name placeholder - * @propertyOf ui.grid.class:GridOptions.columnDef.filter - * @description String that will be set to the <input>.placeholder attribute. - */ - - /* - - self.filters = [ - { - term: 'search term' - condition: uiGridConstants.filter.CONTAINS, - placeholder: 'my placeholder', - flags: { - caseSensitive: true - } - } - ] - - */ - - self.setPropertyOrDefault(colDef, 'filter'); - self.setPropertyOrDefault(colDef, 'filters', defaultFilters); - }; - - - - - /** - * @ngdoc function - * @name getColClass - * @methodOf ui.grid.class:GridColumn - * @description Returns the class name for the column - * @param {bool} prefixDot if true, will return .className instead of className - */ - GridColumn.prototype.getColClass = function (prefixDot) { - var cls = uiGridConstants.COL_CLASS_PREFIX + this.uid; - - return prefixDot ? '.' + cls : cls; - }; - - /** - * @ngdoc function - * @name getColClassDefinition - * @methodOf ui.grid.class:GridColumn - * @description Returns the class definition for th column - */ - GridColumn.prototype.getColClassDefinition = function () { - return ' .grid' + this.grid.id + ' ' + this.getColClass(true) + ' { width: ' + this.drawnWidth + 'px; }'; - }; - - /** - * @ngdoc function - * @name getRenderContainer - * @methodOf ui.grid.class:GridColumn - * @description Returns the render container object that this column belongs to. - * - * Columns will be default be in the `body` render container if they aren't allocated to one specifically. - */ - GridColumn.prototype.getRenderContainer = function getRenderContainer() { - var self = this; - - var containerId = self.renderContainer; - - if (containerId === null || containerId === '' || containerId === undefined) { - containerId = 'body'; - } - - return self.grid.renderContainers[containerId]; - }; - - /** - * @ngdoc function - * @name showColumn - * @methodOf ui.grid.class:GridColumn - * @description Makes the column visible by setting colDef.visible = true - */ - GridColumn.prototype.showColumn = function() { - this.colDef.visible = true; - }; - - /** - * @ngdoc function - * @name hideColumn - * @methodOf ui.grid.class:GridColumn - * @description Hides the column by setting colDef.visible = false - */ - GridColumn.prototype.hideColumn = function() { - this.colDef.visible = false; - }; - - /** - * @ngdoc function - * @name getAggregationValue - * @methodOf ui.grid.class:GridColumn - * @description gets the aggregation value based on the aggregation type for this column - */ - GridColumn.prototype.getAggregationValue = function () { - var self = this; - var result = 0; - var visibleRows = self.grid.getVisibleRows(); - var cellValues = []; - angular.forEach(visibleRows, function (row) { - var cellValue = self.grid.getCellValue(row, self); - if (angular.isNumber(cellValue)) { - cellValues.push(cellValue); - } - }); - if (angular.isFunction(self.aggregationType)) { - return self.aggregationType(visibleRows, self); - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.count) { - return self.getAggregationText('aggregation.count', self.grid.getVisibleRowCount()); - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.sum) { - angular.forEach(cellValues, function (value) { - result += value; - }); - return self.getAggregationText('aggregation.sum', result); - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.avg) { - angular.forEach(cellValues, function (value) { - result += value; - }); - result = result / cellValues.length; - return self.getAggregationText('aggregation.avg', result); - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.min) { - return self.getAggregationText('aggregation.min', Math.min.apply(null, cellValues)); - } - else if (self.aggregationType === uiGridConstants.aggregationTypes.max) { - return self.getAggregationText('aggregation.max', Math.max.apply(null, cellValues)); - } - else { - return '\u00A0'; - } - }; - - /** - * @ngdoc property - * @name aggregationHideLabel - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description defaults to false, if set to true hides the label text - * in the aggregation footer, so only the value is displayed. - * - */ - /** - * @ngdoc function - * @name getAggregationText - * @methodOf ui.grid.class:GridColumn - * @description converts the aggregation value into a text string, including - * i18n and deciding whether or not to display based on colDef.aggregationHideLabel - * - * @param {string} label the i18n lookup value to use for the column label - * @param {number} value the calculated aggregate value for this column - * - */ - GridColumn.prototype.getAggregationText = function ( label, value ) { - var self = this; - if ( self.colDef.aggregationHideLabel ){ - return value; - } else { - return i18nService.getSafeText(label) + value; - } - }; - - GridColumn.prototype.getCellTemplate = function () { - var self = this; - - return self.cellTemplatePromise; - }; - - GridColumn.prototype.getCompiledElementFn = function () { - var self = this; - - return self.compiledElementFnDefer.promise; - }; - - return GridColumn; - }]); - -})(); - - (function(){ - -angular.module('ui.grid') -.factory('GridOptions', ['gridUtil','uiGridConstants', function(gridUtil,uiGridConstants) { - - /** - * @ngdoc function - * @name ui.grid.class:GridOptions - * @description Default GridOptions class. GridOptions are defined by the application developer and overlaid - * over this object. Setting gridOptions within your controller is the most common method for an application - * developer to configure the behaviour of their ui-grid - * - * @example To define your gridOptions within your controller: - * <pre>$scope.gridOptions = { - * data: $scope.myData, - * columnDefs: [ - * { name: 'field1', displayName: 'pretty display name' }, - * { name: 'field2', visible: false } - * ] - * };</pre> - * - * You can then use this within your html template, when you define your grid: - * <pre><div ui-grid="gridOptions"></div></pre> - * - * To provide default options for all of the grids within your application, use an angular - * decorator to modify the GridOptions factory. - * <pre>app.config(function($provide){ - * $provide.decorator('GridOptions',function($delegate){ - * return function(){ - * var defaultOptions = new $delegate(); - * defaultOptions.excludeProperties = ['id' ,'$$hashKey']; - * return defaultOptions; - * }; - * }) - * })</pre> - */ - return { - initialize: function( baseOptions ){ - baseOptions.onRegisterApi = baseOptions.onRegisterApi || angular.noop(); - - /** - * @ngdoc object - * @name data - * @propertyOf ui.grid.class:GridOptions - * @description (mandatory) Array of data to be rendered into the grid, providing the data source or data binding for - * the grid. The most common case is an array of objects, where each object has a number of attributes. - * Each attribute automatically becomes a column in your grid. This array could, for example, be sourced from - * an angularJS $resource query request. The array can also contain complex objects. - * - */ - baseOptions.data = baseOptions.data || []; - - /** - * @ngdoc array - * @name columnDefs - * @propertyOf ui.grid.class:GridOptions - * @description Array of columnDef objects. Only required property is name. - * The individual options available in columnDefs are documented in the - * {@link ui.grid.class:GridOptions.columnDef columnDef} section - * </br>_field property can be used in place of name for backwards compatibility with 2.x_ - * @example - * - * <pre>var columnDefs = [{name:'field1'}, {name:'field2'}];</pre> - * - */ - baseOptions.columnDefs = baseOptions.columnDefs || []; - - /** - * @ngdoc object - * @name ui.grid.class:GridOptions.columnDef - * @description Definition / configuration of an individual column, which would typically be - * one of many column definitions within the gridOptions.columnDefs array - * @example - * <pre>{name:'field1', field: 'field1', filter: { term: 'xxx' }}</pre> - * - */ - - - /** - * @ngdoc array - * @name excludeProperties - * @propertyOf ui.grid.class:GridOptions - * @description Array of property names in data to ignore when auto-generating column names. Provides the - * inverse of columnDefs - columnDefs is a list of columns to include, excludeProperties is a list of columns - * to exclude. - * - * If columnDefs is defined, this will be ignored. - * - * Defaults to ['$$hashKey'] - */ - - baseOptions.excludeProperties = baseOptions.excludeProperties || ['$$hashKey']; - - /** - * @ngdoc boolean - * @name enableRowHashing - * @propertyOf ui.grid.class:GridOptions - * @description True by default. When enabled, this setting allows uiGrid to add - * `$$hashKey`-type properties (similar to Angular) to elements in the `data` array. This allows - * the grid to maintain state while vastly speeding up the process of altering `data` by adding/moving/removing rows. - * - * Note that this DOES add properties to your data that you may not want, but they are stripped out when using `angular.toJson()`. IF - * you do not want this at all you can disable this setting but you will take a performance hit if you are using large numbers of rows - * and are altering the data set often. - */ - baseOptions.enableRowHashing = baseOptions.enableRowHashing !== false; - - /** - * @ngdoc function - * @name rowIdentity - * @methodOf ui.grid.class:GridOptions - * @description This function is used to get and, if necessary, set the value uniquely identifying this row. - * - * By default it returns the `$$hashKey` property if it exists. If it doesn't it uses gridUtil.nextUid() to generate one - */ - baseOptions.rowIdentity = baseOptions.rowIdentity || function rowIdentity(row) { - return gridUtil.hashKey(row); - }; - - /** - * @ngdoc function - * @name getRowIdentity - * @methodOf ui.grid.class:GridOptions - * @description This function returns the identity value uniquely identifying this row. - * - * By default it returns the `$$hashKey` property but can be overridden to use any property or set of properties you want. - */ - baseOptions.getRowIdentity = baseOptions.getRowIdentity || function getRowIdentity(row) { - return row.$$hashKey; - }; - - /** - * @ngdoc property - * @name headerRowHeight - * @propertyOf ui.grid.class:GridOptions - * @description The height of the header in pixels, defaults to 30 - * - */ - baseOptions.headerRowHeight = typeof(baseOptions.headerRowHeight) !== "undefined" ? baseOptions.headerRowHeight : 30; - - /** - * @ngdoc property - * @name rowHeight - * @propertyOf ui.grid.class:GridOptions - * @description The height of the row in pixels, defaults to 30 - * - */ - baseOptions.rowHeight = baseOptions.rowHeight || 30; - - /** - * @ngdoc property - * @name maxVisibleRowCount - * @propertyOf ui.grid.class:GridOptions - * @description Defaults to 200 - * - */ - baseOptions.maxVisibleRowCount = baseOptions.maxVisibleRowCount || 200; - - /** - * @ngdoc integer - * @name minRowsToShow - * @propertyOf ui.grid.class:GridOptions - * @description Minimum number of rows to show when the grid doesn't have a defined height. Defaults to "10". - */ - baseOptions.minRowsToShow = typeof(baseOptions.minRowsToShow) !== "undefined" ? baseOptions.minRowsToShow : 10; - - /** - * @ngdoc property - * @name showFooter - * @propertyOf ui.grid.class:GridOptions - * @description Whether or not to show the footer, defaults to false - * - */ - baseOptions.showFooter = baseOptions.showFooter === true; - - /** - * @ngdoc property - * @name footerRowHeight - * @propertyOf ui.grid.class:GridOptions - * @description The height of the footer in pixels - * - */ - baseOptions.footerRowHeight = typeof(baseOptions.footerRowHeight) !== "undefined" ? baseOptions.footerRowHeight : 30; - - baseOptions.columnWidth = typeof(baseOptions.columnWidth) !== "undefined" ? baseOptions.columnWidth : 50; - - /** - * @ngdoc property - * @name maxVisibleColumnCount - * @propertyOf ui.grid.class:GridOptions - * @description Defaults to 200 - * - */ - baseOptions.maxVisibleColumnCount = typeof(baseOptions.maxVisibleColumnCount) !== "undefined" ? baseOptions.maxVisibleColumnCount : 200; - - /** - * @ngdoc property - * @name virtualizationThreshold - * @propertyOf ui.grid.class:GridOptions - * @description Turn virtualization on when number of data elements goes over this number, defaults to 20 - */ - baseOptions.virtualizationThreshold = typeof(baseOptions.virtualizationThreshold) !== "undefined" ? baseOptions.virtualizationThreshold : 20; - - /** - * @ngdoc property - * @name columnVirtualizationThreshold - * @propertyOf ui.grid.class:GridOptions - * @description Turn virtualization on when number of columns goes over this number, defaults to 10 - */ - baseOptions.columnVirtualizationThreshold = typeof(baseOptions.columnVirtualizationThreshold) !== "undefined" ? baseOptions.columnVirtualizationThreshold : 10; - - /** - * @ngdoc property - * @name excessRows - * @propertyOf ui.grid.class:GridOptions - * @description Extra rows to to render outside of the viewport, which helps with smoothness of scrolling. - * Defaults to 4 - */ - baseOptions.excessRows = typeof(baseOptions.excessRows) !== "undefined" ? baseOptions.excessRows : 4; - /** - * @ngdoc property - * @name scrollThreshold - * @propertyOf ui.grid.class:GridOptions - * @description Defaults to 4 - */ - baseOptions.scrollThreshold = typeof(baseOptions.scrollThreshold) !== "undefined" ? baseOptions.scrollThreshold : 4; - - /** - * @ngdoc property - * @name excessColumns - * @propertyOf ui.grid.class:GridOptions - * @description Extra columns to to render outside of the viewport, which helps with smoothness of scrolling. - * Defaults to 4 - */ - baseOptions.excessColumns = typeof(baseOptions.excessColumns) !== "undefined" ? baseOptions.excessColumns : 4; - /** - * @ngdoc property - * @name horizontalScrollThreshold - * @propertyOf ui.grid.class:GridOptions - * @description Defaults to 4 - */ - baseOptions.horizontalScrollThreshold = typeof(baseOptions.horizontalScrollThreshold) !== "undefined" ? baseOptions.horizontalScrollThreshold : 2; - - /** - * @ngdoc property - * @name scrollThrottle - * @propertyOf ui.grid.class:GridOptions - * @description Default time to throttle scroll events to, defaults to 70ms - */ - baseOptions.scrollThrottle = typeof(baseOptions.scrollThrottle) !== "undefined" ? baseOptions.scrollThrottle : 70; - - /** - * @ngdoc boolean - * @name enableSorting - * @propertyOf ui.grid.class:GridOptions - * @description True by default. When enabled, this setting adds sort - * widgets to the column headers, allowing sorting of the data for the entire grid. - * Sorting can then be disabled on individual columns using the columnDefs. - */ - baseOptions.enableSorting = baseOptions.enableSorting !== false; - - /** - * @ngdoc boolean - * @name enableFiltering - * @propertyOf ui.grid.class:GridOptions - * @description False by default. When enabled, this setting adds filter - * boxes to each column header, allowing filtering within the column for the entire grid. - * Filtering can then be disabled on individual columns using the columnDefs. - */ - baseOptions.enableFiltering = baseOptions.enableFiltering === true; - - /** - * @ngdoc boolean - * @name enableColumnMenus - * @propertyOf ui.grid.class:GridOptions - * @description True by default. When enabled, this setting displays a column - * menu within each column. - */ - baseOptions.enableColumnMenus = baseOptions.enableColumnMenus !== false; - - /** - * @ngdoc boolean - * @name enableVerticalScrollbar - * @propertyOf ui.grid.class:GridOptions - * @description uiGridConstants.scrollbars.ALWAYS by default. This settings controls the vertical scrollbar for the grid. - * Supported values: uiGridConstants.scrollbars.ALWAYS, uiGridConstants.scrollbars.NEVER, uiGridConstants.scrollbars.WHEN_NEEDED. - */ - baseOptions.enableVerticalScrollbar = typeof(baseOptions.enableVerticalScrollbar) !== "undefined" ? baseOptions.enableVerticalScrollbar : uiGridConstants.scrollbars.ALWAYS; - - /** - * @ngdoc boolean - * @name enableHorizontalScrollbar - * @propertyOf ui.grid.class:GridOptions - * @description uiGridConstants.scrollbars.ALWAYS by default. This settings controls the horizontal scrollbar for the grid. - * Supported values: uiGridConstants.scrollbars.ALWAYS, uiGridConstants.scrollbars.NEVER, uiGridConstants.scrollbars.WHEN_NEEDED. - */ - baseOptions.enableHorizontalScrollbar = typeof(baseOptions.enableHorizontalScrollbar) !== "undefined" ? baseOptions.enableHorizontalScrollbar : uiGridConstants.scrollbars.ALWAYS; - - /** - * @ngdoc boolean - * @name minimumColumnSize - * @propertyOf ui.grid.class:GridOptions - * @description Columns can't be smaller than this, defaults to 10 pixels - */ - baseOptions.minimumColumnSize = typeof(baseOptions.minimumColumnSize) !== "undefined" ? baseOptions.minimumColumnSize : 10; - - /** - * @ngdoc function - * @name rowEquality - * @methodOf ui.grid.class:GridOptions - * @description By default, rows are compared using object equality. This option can be overridden - * to compare on any data item property or function - * @param {object} entityA First Data Item to compare - * @param {object} entityB Second Data Item to compare - */ - baseOptions.rowEquality = baseOptions.rowEquality || function(entityA, entityB) { - return entityA === entityB; - }; - - /** - * @ngdoc string - * @name headerTemplate - * @propertyOf ui.grid.class:GridOptions - * @description Null by default. When provided, this setting uses a custom header - * template, rather than the default template. Can be set to either the name of a template file: - * <pre> $scope.gridOptions.headerTemplate = 'header_template.html';</pre> - * inline html - * <pre> $scope.gridOptions.headerTemplate = '<div class="ui-grid-top-panel" style="text-align: center">I am a Custom Grid Header</div>'</pre> - * or the id of a precompiled template (TBD how to use this). - * </br>Refer to the custom header tutorial for more information. - * If you want no header at all, you can set to an empty div: - * <pre> $scope.gridOptions.headerTemplate = '<div></div>';</pre> - * - * If you want to only have a static header, then you can set to static content. If - * you want to tailor the existing column headers, then you should look at the - * current 'ui-grid-header.html' template in github as your starting point. - * - */ - baseOptions.headerTemplate = baseOptions.headerTemplate || null; - - /** - * @ngdoc string - * @name footerTemplate - * @propertyOf ui.grid.class:GridOptions - * @description (optional) Null by default. When provided, this setting uses a custom footer - * template. Can be set to either the name of a template file 'footer_template.html', inline html - * <pre>'<div class="ui-grid-bottom-panel" style="text-align: center">I am a Custom Grid Footer</div>'</pre>, or the id - * of a precompiled template (TBD how to use this). Refer to the custom footer tutorial for more information. - */ - baseOptions.footerTemplate = baseOptions.footerTemplate || null; - - /** - * @ngdoc string - * @name rowTemplate - * @propertyOf ui.grid.class:GridOptions - * @description 'ui-grid/ui-grid-row' by default. When provided, this setting uses a - * custom row template. Can be set to either the name of a template file: - * <pre> $scope.gridOptions.rowTemplate = 'row_template.html';</pre> - * inline html - * <pre> $scope.gridOptions.rowTemplate = '<div style="background-color: aquamarine" ng-click="getExternalScopes().fnOne(row)" ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ui-grid-cell></div>';</pre> - * or the id of a precompiled template (TBD how to use this) can be provided. - * </br>Refer to the custom row template tutorial for more information. - */ - baseOptions.rowTemplate = baseOptions.rowTemplate || 'ui-grid/ui-grid-row'; - - return baseOptions; - } - }; - - -}]); - -})(); - -(function(){ - -angular.module('ui.grid') - - /** - * @ngdoc function - * @name ui.grid.class:GridRenderContainer - * @description The grid has render containers, allowing the ability to have pinned columns. If the grid - * is right-to-left then there may be a right render container, if left-to-right then there may - * be a left render container. There is always a body render container. - * @param {string} name The name of the render container ('body', 'left', or 'right') - * @param {Grid} grid the grid the render container is in - * @param {object} options the render container options - */ -.factory('GridRenderContainer', ['gridUtil', function(gridUtil) { - function GridRenderContainer(name, grid, options) { - var self = this; - - // if (gridUtil.type(grid) !== 'Grid') { - // throw new Error('Grid argument is not a Grid object'); - // } - - self.name = name; - - self.grid = grid; - - // self.rowCache = []; - // self.columnCache = []; - - self.visibleRowCache = []; - self.visibleColumnCache = []; - - self.renderedRows = []; - self.renderedColumns = []; - - self.prevScrollTop = 0; - self.prevScrolltopPercentage = 0; - self.prevRowScrollIndex = 0; - - self.prevScrollLeft = 0; - self.prevScrollleftPercentage = 0; - self.prevColumnScrollIndex = 0; - - self.columnStyles = ""; - - self.viewportAdjusters = []; - - if (options && angular.isObject(options)) { - angular.extend(self, options); - } - - grid.registerStyleComputation({ - priority: 5, - func: function () { - return self.columnStyles; - } - }); - } - - // GridRenderContainer.prototype.addRenderable = function addRenderable(renderable) { - // this.renderables.push(renderable); - // }; - - GridRenderContainer.prototype.reset = function reset() { - // this.rowCache.length = 0; - // this.columnCache.length = 0; - - this.visibleColumnCache.length = 0; - this.visibleRowCache.length = 0; - - this.renderedRows.length = 0; - this.renderedColumns.length = 0; - }; - - // TODO(c0bra): calculate size?? Should this be in a stackable directive? - - GridRenderContainer.prototype.minRowsToRender = function minRowsToRender() { - var self = this; - var minRows = 0; - var rowAddedHeight = 0; - var viewPortHeight = self.getViewportHeight(); - for (var i = self.visibleRowCache.length - 1; rowAddedHeight < viewPortHeight && i >= 0; i--) { - rowAddedHeight += self.visibleRowCache[i].height; - minRows++; - } - return minRows; - }; - - GridRenderContainer.prototype.minColumnsToRender = function minColumnsToRender() { - var self = this; - var viewportWidth = this.getViewportWidth(); - - var min = 0; - var totalWidth = 0; - // self.columns.forEach(function(col, i) { - for (var i = 0; i < self.visibleColumnCache.length; i++) { - var col = self.visibleColumnCache[i]; - - if (totalWidth < viewportWidth) { - totalWidth += col.drawnWidth ? col.drawnWidth : 0; - min++; - } - else { - var currWidth = 0; - for (var j = i; j >= i - min; j--) { - currWidth += self.visibleColumnCache[j].drawnWidth ? self.visibleColumnCache[j].drawnWidth : 0; - } - if (currWidth < viewportWidth) { - min++; - } - } - } - - return min; - }; - - GridRenderContainer.prototype.getVisibleRowCount = function getVisibleRowCount() { - return this.visibleRowCache.length; - }; - - /** - * @ngdoc function - * @name registerViewportAdjuster - * @methodOf ui.grid.class:GridRenderContainer - * @description Registers an adjuster to the render container's available width or height. Adjusters are used - * to tell the render container that there is something else consuming space, and to adjust it's size - * appropriately. - * @param {function} func the adjuster function we want to register - */ - - GridRenderContainer.prototype.registerViewportAdjuster = function registerViewportAdjuster(func) { - this.viewportAdjusters.push(func); - }; - - /** - * @ngdoc function - * @name removeViewportAdjuster - * @methodOf ui.grid.class:GridRenderContainer - * @description Removes an adjuster, should be used when your element is destroyed - * @param {function} func the adjuster function we want to remove - */ - GridRenderContainer.prototype.removeViewportAdjuster = function registerViewportAdjuster(func) { - var idx = this.viewportAdjusters.indexOf(func); - - if (typeof(idx) !== 'undefined' && idx !== undefined) { - this.viewportAdjusters.splice(idx, 1); - } - }; - - /** - * @ngdoc function - * @name getViewportAdjustment - * @methodOf ui.grid.class:GridRenderContainer - * @description Gets the adjustment based on the viewportAdjusters. - * @returns {object} a hash of { height: x, width: y }. Usually the values will be negative - */ - GridRenderContainer.prototype.getViewportAdjustment = function getViewportAdjustment() { - var self = this; - - var adjustment = { height: 0, width: 0 }; - - self.viewportAdjusters.forEach(function (func) { - adjustment = func.call(this, adjustment); - }); - - return adjustment; - }; - - GridRenderContainer.prototype.getViewportHeight = function getViewportHeight() { - var self = this; - - var headerHeight = (self.headerHeight) ? self.headerHeight : self.grid.headerHeight; - - var viewPortHeight = self.grid.gridHeight - headerHeight - self.grid.footerHeight; - - // Account for native horizontal scrollbar, if present - if (typeof(self.horizontalScrollbarHeight) !== 'undefined' && self.horizontalScrollbarHeight !== undefined && self.horizontalScrollbarHeight > 0) { - viewPortHeight = viewPortHeight - self.horizontalScrollbarHeight; - } - - var adjustment = self.getViewportAdjustment(); - - viewPortHeight = viewPortHeight + adjustment.height; - - return viewPortHeight; - }; - - GridRenderContainer.prototype.getViewportWidth = function getViewportWidth() { - var self = this; - - var viewPortWidth = self.grid.gridWidth; - - if (typeof(self.grid.verticalScrollbarWidth) !== 'undefined' && self.grid.verticalScrollbarWidth !== undefined && self.grid.verticalScrollbarWidth > 0) { - viewPortWidth = viewPortWidth - self.grid.verticalScrollbarWidth; - } - - var adjustment = self.getViewportAdjustment(); - - viewPortWidth = viewPortWidth + adjustment.width; - - return viewPortWidth; - }; - - GridRenderContainer.prototype.getHeaderViewportWidth = function getHeaderViewportWidth() { - var self = this; - - var viewPortWidth = this.getViewportWidth(); - - if (typeof(self.grid.verticalScrollbarWidth) !== 'undefined' && self.grid.verticalScrollbarWidth !== undefined && self.grid.verticalScrollbarWidth > 0) { - viewPortWidth = viewPortWidth + self.grid.verticalScrollbarWidth; - } - - // var adjustment = self.getViewportAdjustment(); - // viewPortWidth = viewPortWidth + adjustment.width; - - return viewPortWidth; - }; - - GridRenderContainer.prototype.getCanvasHeight = function getCanvasHeight() { - var self = this; - - var ret = 0; - - self.visibleRowCache.forEach(function(row){ - ret += row.height; - }); - - if (typeof(self.grid.horizontalScrollbarHeight) !== 'undefined' && self.grid.horizontalScrollbarHeight !== undefined && self.grid.horizontalScrollbarHeight > 0) { - ret = ret - self.grid.horizontalScrollbarHeight; - } - - return ret; - }; - - GridRenderContainer.prototype.getCanvasWidth = function getCanvasWidth() { - var self = this; - - var ret = self.canvasWidth; - - if (typeof(self.verticalScrollbarWidth) !== 'undefined' && self.verticalScrollbarWidth !== undefined && self.verticalScrollbarWidth > 0) { - ret = ret - self.verticalScrollbarWidth; - } - - return ret; - }; - - GridRenderContainer.prototype.setRenderedRows = function setRenderedRows(newRows) { - this.renderedRows.length = newRows.length; - for (var i = 0; i < newRows.length; i++) { - this.renderedRows[i] = newRows[i]; - } - }; - - GridRenderContainer.prototype.setRenderedColumns = function setRenderedColumns(newColumns) { - var self = this; - - // OLD: - this.renderedColumns.length = newColumns.length; - for (var i = 0; i < newColumns.length; i++) { - this.renderedColumns[i] = newColumns[i]; - } - - this.updateColumnOffset(); - }; - - GridRenderContainer.prototype.updateColumnOffset = function updateColumnOffset() { - // Calculate the width of the columns on the left side that are no longer rendered. - // That will be the offset for the columns as we scroll horizontally. - var hiddenColumnsWidth = 0; - for (var i = 0; i < this.currentFirstColumn; i++) { - hiddenColumnsWidth += this.visibleColumnCache[i].drawnWidth; - } - - this.columnOffset = hiddenColumnsWidth; - }; - - GridRenderContainer.prototype.adjustScrollVertical = function adjustScrollVertical(scrollTop, scrollPercentage, force) { - if (this.prevScrollTop === scrollTop && !force) { - return; - } - - if (typeof(scrollTop) === 'undefined' || scrollTop === undefined || scrollTop === null) { - scrollTop = (this.getCanvasHeight() - this.getCanvasWidth()) * scrollPercentage; - } - - this.adjustRows(scrollTop, scrollPercentage); - - this.prevScrollTop = scrollTop; - this.prevScrolltopPercentage = scrollPercentage; - - this.grid.queueRefresh(); - }; - - GridRenderContainer.prototype.adjustScrollHorizontal = function adjustScrollHorizontal(scrollLeft, scrollPercentage, force) { - if (this.prevScrollLeft === scrollLeft && !force) { - return; - } - - if (typeof(scrollLeft) === 'undefined' || scrollLeft === undefined || scrollLeft === null) { - scrollLeft = (this.getCanvasWidth() - this.getViewportWidth()) * scrollPercentage; - } - - this.adjustColumns(scrollLeft, scrollPercentage); - - this.prevScrollLeft = scrollLeft; - this.prevScrollleftPercentage = scrollPercentage; - - this.grid.queueRefresh(); - }; - - GridRenderContainer.prototype.adjustRows = function adjustRows(scrollTop, scrollPercentage) { - var self = this; - - var minRows = self.minRowsToRender(); - - var rowCache = self.visibleRowCache; - - var maxRowIndex = rowCache.length - minRows; - self.maxRowIndex = maxRowIndex; - - var curRowIndex = self.prevRowScrollIndex; - - // Calculate the scroll percentage according to the scrollTop location, if no percentage was provided - if ((typeof(scrollPercentage) === 'undefined' || scrollPercentage === null) && scrollTop) { - scrollPercentage = scrollTop / self.getCanvasHeight(); - } - - var rowIndex = Math.ceil(Math.min(maxRowIndex, maxRowIndex * scrollPercentage)); - - // Define a max row index that we can't scroll past - if (rowIndex > maxRowIndex) { - rowIndex = maxRowIndex; - } - - var newRange = []; - if (rowCache.length > self.grid.options.virtualizationThreshold) { - // Have we hit the threshold going down? - if (self.prevScrollTop < scrollTop && rowIndex < self.prevRowScrollIndex + self.grid.options.scrollThreshold && rowIndex < maxRowIndex) { - return; - } - //Have we hit the threshold going up? - if (self.prevScrollTop > scrollTop && rowIndex > self.prevRowScrollIndex - self.grid.options.scrollThreshold && rowIndex < maxRowIndex) { - return; - } - - var rangeStart = Math.max(0, rowIndex - self.grid.options.excessRows); - var rangeEnd = Math.min(rowCache.length, rowIndex + minRows + self.grid.options.excessRows); - - newRange = [rangeStart, rangeEnd]; - } - else { - var maxLen = self.visibleRowCache.length; - newRange = [0, Math.max(maxLen, minRows + self.grid.options.excessRows)]; - } - - self.updateViewableRowRange(newRange); - - self.prevRowScrollIndex = rowIndex; - }; - - GridRenderContainer.prototype.adjustColumns = function adjustColumns(scrollLeft, scrollPercentage) { - var self = this; - - var minCols = self.minColumnsToRender(); - - var columnCache = self.visibleColumnCache; - var maxColumnIndex = columnCache.length - minCols; - - // Calculate the scroll percentage according to the scrollTop location, if no percentage was provided - if ((typeof(scrollPercentage) === 'undefined' || scrollPercentage === null) && scrollLeft) { - scrollPercentage = scrollLeft / self.getCanvasWidth(); - } - - var colIndex = Math.ceil(Math.min(maxColumnIndex, maxColumnIndex * scrollPercentage)); - - // Define a max row index that we can't scroll past - if (colIndex > maxColumnIndex) { - colIndex = maxColumnIndex; - } - - var newRange = []; - if (columnCache.length > self.grid.options.columnVirtualizationThreshold && self.getCanvasWidth() > self.getViewportWidth()) { - // Have we hit the threshold going down? - if (self.prevScrollLeft < scrollLeft && colIndex < self.prevColumnScrollIndex + self.grid.options.horizontalScrollThreshold && colIndex < maxColumnIndex) { - return; - } - //Have we hit the threshold going up? - if (self.prevScrollLeft > scrollLeft && colIndex > self.prevColumnScrollIndex - self.grid.options.horizontalScrollThreshold && colIndex < maxColumnIndex) { - return; - } - - var rangeStart = Math.max(0, colIndex - self.grid.options.excessColumns); - var rangeEnd = Math.min(columnCache.length, colIndex + minCols + self.grid.options.excessColumns); - - newRange = [rangeStart, rangeEnd]; - } - else { - var maxLen = self.visibleColumnCache.length; - - newRange = [0, Math.max(maxLen, minCols + self.grid.options.excessColumns)]; - } - - self.updateViewableColumnRange(newRange); - - self.prevColumnScrollIndex = colIndex; - }; - - // Method for updating the visible rows - GridRenderContainer.prototype.updateViewableRowRange = function updateViewableRowRange(renderedRange) { - // Slice out the range of rows from the data - // var rowArr = uiGridCtrl.grid.rows.slice(renderedRange[0], renderedRange[1]); - var rowArr = this.visibleRowCache.slice(renderedRange[0], renderedRange[1]); - - // Define the top-most rendered row - this.currentTopRow = renderedRange[0]; - - // TODO(c0bra): make this method! - this.setRenderedRows(rowArr); - }; - - // Method for updating the visible columns - GridRenderContainer.prototype.updateViewableColumnRange = function updateViewableColumnRange(renderedRange) { - // Slice out the range of rows from the data - // var columnArr = uiGridCtrl.grid.columns.slice(renderedRange[0], renderedRange[1]); - var columnArr = this.visibleColumnCache.slice(renderedRange[0], renderedRange[1]); - - // Define the left-most rendered columns - this.currentFirstColumn = renderedRange[0]; - - this.setRenderedColumns(columnArr); - }; - - GridRenderContainer.prototype.rowStyle = function (index) { - var self = this; - - var styles = {}; - - if (index === 0 && self.currentTopRow !== 0) { - // The row offset-top is just the height of the rows above the current top-most row, which are no longer rendered - var hiddenRowWidth = (self.currentTopRow) * self.grid.options.rowHeight; - - // return { 'margin-top': hiddenRowWidth + 'px' }; - styles['margin-top'] = hiddenRowWidth + 'px'; - } - - if (self.currentFirstColumn !== 0) { - if (self.grid.isRTL()) { - styles['margin-right'] = self.columnOffset + 'px'; - } - else { - styles['margin-left'] = self.columnOffset + 'px'; - } - } - - return styles; - }; - - GridRenderContainer.prototype.columnStyle = function (index) { - var self = this; - - if (index === 0 && self.currentFirstColumn !== 0) { - var offset = self.columnOffset; - - if (self.grid.isRTL()) { - return { 'margin-right': offset + 'px' }; - } - else { - return { 'margin-left': offset + 'px' }; - } - } - - return null; - }; - - GridRenderContainer.prototype.updateColumnWidths = function () { - var self = this; - - var asterisksArray = [], - percentArray = [], - manualArray = [], - asteriskNum = 0, - totalWidth = 0; - - // Get the width of the viewport - var availableWidth = self.getViewportWidth(); - - if (typeof(self.grid.verticalScrollbarWidth) !== 'undefined' && self.grid.verticalScrollbarWidth !== undefined && self.grid.verticalScrollbarWidth > 0) { - availableWidth = availableWidth + self.grid.verticalScrollbarWidth; - } - - // The total number of columns - // var equalWidthColumnCount = columnCount = uiGridCtrl.grid.options.columnDefs.length; - // var equalWidth = availableWidth / equalWidthColumnCount; - - // The last column we processed - var lastColumn; - - var manualWidthSum = 0; - - var canvasWidth = 0; - - var ret = ''; - - - // uiGridCtrl.grid.columns.forEach(function(column, i) { - - var columnCache = self.visibleColumnCache; - - columnCache.forEach(function(column, i) { - // ret = ret + ' .grid' + uiGridCtrl.grid.id + ' .col' + i + ' { width: ' + equalWidth + 'px; left: ' + left + 'px; }'; - //var colWidth = (typeof(c.width) !== 'undefined' && c.width !== undefined) ? c.width : equalWidth; - - // Skip hidden columns - if (!column.visible) { return; } - - var colWidth, - isPercent = false; - - if (!angular.isNumber(column.width)) { - isPercent = isNaN(column.width) && gridUtil.endsWith(column.width, "%"); - } - - if (angular.isString(column.width) && column.width.indexOf('*') !== -1) { // we need to save it until the end to do the calulations on the remaining width. - asteriskNum = parseInt(asteriskNum + column.width.length, 10); - - asterisksArray.push(column); - } - else if (isPercent) { // If the width is a percentage, save it until the very last. - percentArray.push(column); - } - else if (angular.isNumber(column.width)) { - manualWidthSum = parseInt(manualWidthSum + column.width, 10); - - canvasWidth = parseInt(canvasWidth, 10) + parseInt(column.width, 10); - - column.drawnWidth = column.width; - } - }); - - // Get the remaining width (available width subtracted by the manual widths sum) - var remainingWidth = availableWidth - manualWidthSum; - - var i, column, colWidth; - - if (percentArray.length > 0) { - // Pre-process to make sure they're all within any min/max values - for (i = 0; i < percentArray.length; i++) { - column = percentArray[i]; - - var percent = parseInt(column.width.replace(/%/g, ''), 10) / 100; - - colWidth = parseInt(percent * remainingWidth, 10); - - if (column.colDef.minWidth && colWidth < column.colDef.minWidth) { - colWidth = column.colDef.minWidth; - - remainingWidth = remainingWidth - colWidth; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // Remove this element from the percent array so it's not processed below - percentArray.splice(i, 1); - } - else if (column.colDef.maxWidth && colWidth > column.colDef.maxWidth) { - colWidth = column.colDef.maxWidth; - - remainingWidth = remainingWidth - colWidth; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // Remove this element from the percent array so it's not processed below - percentArray.splice(i, 1); - } - } - - percentArray.forEach(function(column) { - var percent = parseInt(column.width.replace(/%/g, ''), 10) / 100; - var colWidth = parseInt(percent * remainingWidth, 10); - - canvasWidth += colWidth; - - column.drawnWidth = colWidth; - }); - } - - if (asterisksArray.length > 0) { - var asteriskVal = parseInt(remainingWidth / asteriskNum, 10); - - // Pre-process to make sure they're all within any min/max values - for (i = 0; i < asterisksArray.length; i++) { - column = asterisksArray[i]; - - colWidth = parseInt(asteriskVal * column.width.length, 10); - - if (column.colDef.minWidth && colWidth < column.colDef.minWidth) { - colWidth = column.colDef.minWidth; - - remainingWidth = remainingWidth - colWidth; - asteriskNum--; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - lastColumn = column; - - // Remove this element from the percent array so it's not processed below - asterisksArray.splice(i, 1); - } - else if (column.colDef.maxWidth && colWidth > column.colDef.maxWidth) { - colWidth = column.colDef.maxWidth; - - remainingWidth = remainingWidth - colWidth; - asteriskNum--; - - canvasWidth += colWidth; - column.drawnWidth = colWidth; - - // Remove this element from the percent array so it's not processed below - asterisksArray.splice(i, 1); - } - } - - // Redo the asterisk value, as we may have removed columns due to width constraints - asteriskVal = parseInt(remainingWidth / asteriskNum, 10); - - asterisksArray.forEach(function(column) { - var colWidth = parseInt(asteriskVal * column.width.length, 10); - - canvasWidth += colWidth; - - column.drawnWidth = colWidth; - }); - } - - // If the grid width didn't divide evenly into the column widths and we have pixels left over, dole them out to the columns one by one to make everything fit - var leftoverWidth = availableWidth - parseInt(canvasWidth, 10); - - if (leftoverWidth > 0 && canvasWidth > 0 && canvasWidth < availableWidth) { - var variableColumn = false; - // uiGridCtrl.grid.columns.forEach(function(col) { - columnCache.forEach(function(col) { - if (col.width && !angular.isNumber(col.width)) { - variableColumn = true; - } - }); - - if (variableColumn) { - var remFn = function (column) { - if (leftoverWidth > 0) { - column.drawnWidth = column.drawnWidth + 1; - canvasWidth = canvasWidth + 1; - leftoverWidth--; - } - }; - while (leftoverWidth > 0) { - columnCache.forEach(remFn); - } - } - } - - if (canvasWidth < availableWidth) { - canvasWidth = availableWidth; - } - - // Build the CSS - columnCache.forEach(function (column) { - ret = ret + column.getColClassDefinition(); - }); - - // Add the vertical scrollbar width back in to the canvas width, it's taken out in getCanvasWidth - if (self.grid.verticalScrollbarWidth) { - canvasWidth = canvasWidth + self.grid.verticalScrollbarWidth; - } - // canvasWidth = canvasWidth + 1; - - self.canvasWidth = parseInt(canvasWidth, 10); - - // Return the styles back to buildStyles which pops them into the `customStyles` scope variable - // return ret; - - // Set this render container's column styles so they can be used in style computation - this.columnStyles = ret; - }; - - return GridRenderContainer; -}]); - -})(); - -(function(){ - -angular.module('ui.grid') -.factory('GridRow', ['gridUtil', function(gridUtil) { - - /** - * @ngdoc function - * @name ui.grid.class:GridRow - * @description GridRow is the viewModel for one logical row on the grid. A grid Row is not necessarily a one-to-one - * relation to gridOptions.data. - * @param {object} entity the array item from GridOptions.data - * @param {number} index the current position of the row in the array - * @param {Grid} reference to the parent grid - */ - function GridRow(entity, index, grid) { - - /** - * @ngdoc object - * @name grid - * @propertyOf ui.grid.class:GridRow - * @description A reference back to the grid - */ - this.grid = grid; - - /** - * @ngdoc object - * @name entity - * @propertyOf ui.grid.class:GridRow - * @description A reference to an item in gridOptions.data[] - */ - this.entity = entity; - - /** - * @ngdoc object - * @name uid - * @propertyOf ui.grid.class:GridRow - * @description UniqueId of row - */ - this.uid = gridUtil.nextUid(); - - /** - * @ngdoc object - * @name visible - * @propertyOf ui.grid.class:GridRow - * @description If true, the row will be rendered - */ - // Default to true - this.visible = true; - - /** - * @ngdoc object - * @name height - * @propertyOf ui.grid.class:GridRow - * @description height of each individual row - */ - this.height = grid.options.rowHeight; - } - - /** - * @ngdoc function - * @name getQualifiedColField - * @methodOf ui.grid.class:GridRow - * @description returns the qualified field name as it exists on scope - * ie: row.entity.fieldA - * @param {GridCol} col column instance - * @returns {string} resulting name that can be evaluated on scope - */ - GridRow.prototype.getQualifiedColField = function(col) { - return 'row.' + this.getEntityQualifiedColField(col); - }; - - /** - * @ngdoc function - * @name getEntityQualifiedColField - * @methodOf ui.grid.class:GridRow - * @description returns the qualified field name minus the row path - * ie: entity.fieldA - * @param {GridCol} col column instance - * @returns {string} resulting name that can be evaluated against a row - */ - GridRow.prototype.getEntityQualifiedColField = function(col) { - return gridUtil.preEval('entity.' + col.field); - }; - - - /** - * @ngdoc function - * @name setRowInvisible - * @methodOf ui.grid.class:GridRow - * @description Sets an override on the row that forces it to always - * be invisible, and if the row is currently visible then marks it - * as invisible and refreshes the grid. Emits the rowsVisibleChanged - * event if it changed the row visibility - * @param {GridRow} row row to force invisible, needs to be a GridRow, - * which can be found from your data entity using grid.findRow - */ - GridRow.prototype.setRowInvisible = function (row) { - if (row !== null) { - row.forceInvisible = true; - - if ( row.visible ){ - row.visible = false; - row.grid.refresh(); - row.grid.api.core.raise.rowsVisibleChanged(); - } - } - }; - - /** - * @ngdoc function - * @name clearRowInvisible - * @methodOf ui.grid.class:GridRow - * @description Clears any override on the row visibility, returning it - * to normal visibility calculations. If the row is currently invisible - * then sets it to visible and calls refresh and emits the rowsVisibleChanged - * event - * TODO: if filter in action, then is this right? - * @param {GridRow} row row clear force invisible, needs to be a GridRow, - * which can be found from your data entity using grid.findRow - */ - GridRow.prototype.clearRowInvisible = function (row) { - if (row !== null) { - row.forceInvisible = false; - - if ( !row.visible ){ - row.visible = true; - row.grid.refresh(); - row.grid.api.core.raise.rowsVisibleChanged(); - } - } - }; - - return GridRow; -}]); - -})(); -(function () { - 'use strict'; - /** - * @ngdoc object - * @name ui.grid.service:gridClassFactory - * - * @description factory to return dom specific instances of a grid - * - */ - angular.module('ui.grid').service('gridClassFactory', ['gridUtil', '$q', '$compile', '$templateCache', 'uiGridConstants', 'Grid', 'GridColumn', 'GridRow', - function (gridUtil, $q, $compile, $templateCache, uiGridConstants, Grid, GridColumn, GridRow) { - - var service = { - /** - * @ngdoc method - * @name createGrid - * @methodOf ui.grid.service:gridClassFactory - * @description Creates a new grid instance. Each instance will have a unique id - * @param {object} options An object map of options to pass into the created grid instance. - * @returns {Grid} grid - */ - createGrid : function(options) { - options = (typeof(options) !== 'undefined') ? options : {}; - options.id = gridUtil.newId(); - var grid = new Grid(options); - - // NOTE/TODO: rowTemplate should always be defined... - if (grid.options.rowTemplate) { - var rowTemplateFnPromise = $q.defer(); - grid.getRowTemplateFn = rowTemplateFnPromise.promise; - - gridUtil.getTemplate(grid.options.rowTemplate) - .then( - function (template) { - var rowTemplateFn = $compile(template); - rowTemplateFnPromise.resolve(rowTemplateFn); - }, - function (res) { - // Todo handle response error here? - throw new Error("Couldn't fetch/use row template '" + grid.options.rowTemplate + "'"); - }); - } - - grid.registerColumnBuilder(service.defaultColumnBuilder); - - // Reset all rows to visible initially - grid.registerRowsProcessor(function allRowsVisible(rows) { - rows.forEach(function (row) { - row.visible = !row.forceInvisible; - }); - - return rows; - }); - - grid.registerColumnsProcessor(function allColumnsVisible(columns) { - columns.forEach(function (column) { - column.visible = true; - }); - - return columns; - }); - - grid.registerColumnsProcessor(function(renderableColumns) { - renderableColumns.forEach(function (column) { - if (column.colDef.visible === false) { - column.visible = false; - } - }); - - return renderableColumns; - }); - - - - if (grid.options.enableFiltering) { - grid.registerRowsProcessor(grid.searchRows); - } - - // Register the default row processor, it sorts rows by selected columns - if (grid.options.externalSort && angular.isFunction(grid.options.externalSort)) { - grid.registerRowsProcessor(grid.options.externalSort); - } - else { - grid.registerRowsProcessor(grid.sortByColumn); - } - - return grid; - }, - - /** - * @ngdoc function - * @name defaultColumnBuilder - * @methodOf ui.grid.service:gridClassFactory - * @description Processes designTime column definitions and applies them to col for the - * core grid features - * @param {object} colDef reference to column definition - * @param {GridColumn} col reference to gridCol - * @param {object} gridOptions reference to grid options - */ - defaultColumnBuilder: function (colDef, col, gridOptions) { - - var templateGetPromises = []; - - /** - * @ngdoc property - * @name headerCellTemplate - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description a custom template for the header for this column. The default - * is ui-grid/uiGridHeaderCell - * - */ - if (!colDef.headerCellTemplate) { - col.providedHeaderCellTemplate = 'ui-grid/uiGridHeaderCell'; - } else { - col.providedHeaderCellTemplate = colDef.headerCellTemplate; - } - - /** - * @ngdoc property - * @name cellTemplate - * @propertyOf ui.grid.class:GridOptions.columnDef - * @description a custom template for each cell in this column. The default - * is ui-grid/uiGridCell. If you are using the cellNav feature, this template - * must contain a div that can receive focus. - * - */ - if (!colDef.cellTemplate) { - col.providedCellTemplate = 'ui-grid/uiGridCell'; - } else { - col.providedCellTemplate = colDef.cellTemplate; - } - - col.cellTemplatePromise = gridUtil.getTemplate(col.providedCellTemplate); - templateGetPromises.push(col.cellTemplatePromise - .then( - function (template) { - col.cellTemplate = template.replace(uiGridConstants.CUSTOM_FILTERS, col.cellFilter ? "|" + col.cellFilter : ""); - }, - function (res) { - throw new Error("Couldn't fetch/use colDef.cellTemplate '" + colDef.cellTemplate + "'"); - }) - ); - - templateGetPromises.push(gridUtil.getTemplate(col.providedHeaderCellTemplate) - .then( - function (template) { - col.headerCellTemplate = template.replace(uiGridConstants.CUSTOM_FILTERS, col.headerCellFilter ? "|" + col.headerCellFilter : ""); - }, - function (res) { - throw new Error("Couldn't fetch/use colDef.headerCellTemplate '" + colDef.headerCellTemplate + "'"); - }) - ); - - // Create a promise for the compiled element function - col.compiledElementFnDefer = $q.defer(); - - return $q.all(templateGetPromises); - } - - }; - - //class definitions (moved to separate factories) - - return service; - }]); - -})(); -(function() { - -var module = angular.module('ui.grid'); - -function escapeRegExp(str) { - return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); -} - -function QuickCache() { - var c = function(get, set) { - // Return the cached value of 'get' if it's stored - if (get && c.cache[get]) { - return c.cache[get]; - } - // Otherwise set it and return it - else if (get && set) { - c.cache[get] = set; - return c.cache[get]; - } - else { - return undefined; - } - }; - - c.cache = {}; - - c.clear = function () { - c.cache = {}; - }; - - return c; -} - -/** - * @ngdoc service - * @name ui.grid.service:rowSearcher - * - * @description Service for searching/filtering rows based on column value conditions. - */ -module.service('rowSearcher', ['gridUtil', 'uiGridConstants', function (gridUtil, uiGridConstants) { - var defaultCondition = uiGridConstants.filter.STARTS_WITH; - - var rowSearcher = {}; - - // rowSearcher.searchColumn = function searchColumn(condition, item) { - // var result; - - // var col = self.fieldMap[condition.columnDisplay]; - - // if (!col) { - // return false; - // } - // var sp = col.cellFilter.split(':'); - // var filter = col.cellFilter ? $filter(sp[0]) : null; - // var value = item[condition.column] || item[col.field.split('.')[0]]; - // if (value === null || value === undefined) { - // return false; - // } - // if (typeof filter === "function") { - // var filterResults = filter(typeof value === "object" ? evalObject(value, col.field) : value, sp[1]).toString(); - // result = condition.regex.test(filterResults); - // } - // else { - // result = condition.regex.test(typeof value === "object" ? evalObject(value, col.field).toString() : value.toString()); - // } - // if (result) { - // return true; - // } - // return false; - // }; - - /** - * @ngdoc function - * @name getTerm - * @methodOf ui.grid.service:rowSearcher - * @description Get the term from a filter - * Trims leading and trailing whitespace - * @param {object} filter object to use - * @returns {object} Parsed term - */ - rowSearcher.getTerm = function getTerm(filter) { - if (typeof(filter.term) === 'undefined') { return filter.term; } - - var term = filter.term; - - // Strip leading and trailing whitespace if the term is a string - if (typeof(term) === 'string') { - term = term.trim(); - } - - return term; - }; - - /** - * @ngdoc function - * @name stripTerm - * @methodOf ui.grid.service:rowSearcher - * @description Remove leading and trailing asterisk (*) from the filter's term - * @param {object} filter object to use - * @returns {uiGridConstants.filter<int>} Value representing the condition constant value - */ - rowSearcher.stripTerm = function stripTerm(filter) { - var term = rowSearcher.getTerm(filter); - - if (typeof(term) === 'string') { - return escapeRegExp(term.replace(/(^\*|\*$)/g, '')); - } - else { - return term; - } - }; - - /** - * @ngdoc function - * @name guessCondition - * @methodOf ui.grid.service:rowSearcher - * @description Guess the condition for a filter based on its term - * <br> - * Defaults to STARTS_WITH. Uses CONTAINS for strings beginning and ending with *s (*bob*). - * Uses STARTS_WITH for strings ending with * (bo*). Uses ENDS_WITH for strings starting with * (*ob). - * @param {object} filter object to use - * @returns {uiGridConstants.filter<int>} Value representing the condition constant value - */ - rowSearcher.guessCondition = function guessCondition(filter) { - if (typeof(filter.term) === 'undefined' || !filter.term) { - return defaultCondition; - } - - var term = rowSearcher.getTerm(filter); - - // Term starts with and ends with a *, use 'contains' condition - // if (/^\*[\s\S]+?\*$/.test(term)) { - // return uiGridConstants.filter.CONTAINS; - // } - // // Term starts with a *, use 'ends with' condition - // else if (/^\*/.test(term)) { - // return uiGridConstants.filter.ENDS_WITH; - // } - // // Term ends with a *, use 'starts with' condition - // else if (/\*$/.test(term)) { - // return uiGridConstants.filter.STARTS_WITH; - // } - // // Default to default condition - // else { - // return defaultCondition; - // } - - // If the term has *s then turn it into a regex - if (/\*/.test(term)) { - var regexpFlags = ''; - if (!filter.flags || !filter.flags.caseSensitive) { - regexpFlags += 'i'; - } - - var reText = term.replace(/(\\)?\*/g, function ($0, $1) { return $1 ? $0 : '[\\s\\S]*?'; }); - return new RegExp('^' + reText + '$', regexpFlags); - } - // Otherwise default to default condition - else { - return defaultCondition; - } - }; - - rowSearcher.runColumnFilter = function runColumnFilter(grid, row, column, termCache, i, filter) { - // Cache typeof condition - var conditionType = typeof(filter.condition); - - // Default to CONTAINS condition - if (conditionType === 'undefined' || !filter.condition) { - filter.condition = uiGridConstants.filter.CONTAINS; - } - - // Term to search for. - var term = rowSearcher.stripTerm(filter); - - if (term === null || term === undefined || term === '') { - return true; - } - - // Get the column value for this row - var value = grid.getCellValue(row, column); - - var regexpFlags = ''; - if (!filter.flags || !filter.flags.caseSensitive) { - regexpFlags += 'i'; - } - - var cacheId = column.field + i; - - // If the filter's condition is a RegExp, then use it - if (filter.condition instanceof RegExp) { - if (!filter.condition.test(value)) { - return false; - } - } - // If the filter's condition is a function, run it - else if (conditionType === 'function') { - return filter.condition(term, value, row, column); - } - else if (filter.condition === uiGridConstants.filter.STARTS_WITH) { - var startswithRE = termCache(cacheId) ? termCache(cacheId) : termCache(cacheId, new RegExp('^' + term, regexpFlags)); - - if (!startswithRE.test(value)) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.ENDS_WITH) { - var endswithRE = termCache(cacheId) ? termCache(cacheId) : termCache(cacheId, new RegExp(term + '$', regexpFlags)); - - if (!endswithRE.test(value)) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.CONTAINS) { - var containsRE = termCache(cacheId) ? termCache(cacheId) : termCache(cacheId, new RegExp(term, regexpFlags)); - - if (!containsRE.test(value)) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.EXACT) { - var exactRE = termCache(cacheId) ? termCache(cacheId) : termCache(cacheId, new RegExp('^' + term + '$', regexpFlags)); - - if (!exactRE.test(value)) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.GREATER_THAN) { - if (value <= term) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.GREATER_THAN_OR_EQUAL) { - if (value < term) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.LESS_THAN) { - if (value >= term) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.LESS_THAN_OR_EQUAL) { - if (value > term) { - return false; - } - } - else if (filter.condition === uiGridConstants.filter.NOT_EQUAL) { - if (!angular.equals(value, term)) { - return false; - } - } - - return true; - }; - - /** - * @ngdoc boolean - * @name useExternalFiltering - * @propertyOf ui.grid.class:GridOptions - * @description False by default. When enabled, this setting suppresses the internal filtering. - * All UI logic will still operate, allowing filter conditions to be set and modified. - * - * The external filter logic can listen for the `filterChange` event, which fires whenever - * a filter has been adjusted. - */ - /** - * @ngdoc function - * @name searchColumn - * @methodOf ui.grid.service:rowSearcher - * @description Process filters on a given column against a given row. If the row meets the conditions on all the filters, return true. - * @param {Grid} grid Grid to search in - * @param {GridRow} row Row to search on - * @param {GridCol} column Column with the filters to use - * @returns {boolean} Whether the column matches or not. - */ - rowSearcher.searchColumn = function searchColumn(grid, row, column, termCache) { - var filters = []; - - if (grid.options.useExternalFiltering) { - return true; - } - - if (typeof(column.filters) !== 'undefined' && column.filters && column.filters.length > 0) { - filters = column.filters; - } else { - // If filters array is not there, assume no filters for this column. - // This array should have been built in GridColumn::updateColumnDef. - return true; - } - - for (var i in filters) { - var filter = filters[i]; - - /* - filter: { - term: 'blah', // Search term to search for, could be a string, integer, etc. - condition: uiGridConstants.filter.CONTAINS // Type of match to do. Defaults to CONTAINS (i.e. looking in a string), but could be EXACT, GREATER_THAN, etc. - flags: { // Flags for the conditions - caseSensitive: false // Case-sensitivity defaults to false - } - } - */ - - // Check for when no condition is supplied. In this case, guess the condition - // to use based on the filter's term. Cache this result. - if (!filter.condition) { - // Cache custom conditions, building the RegExp takes time - var conditionCacheId = 'cond-' + column.field + '-' + filter.term; - var condition = termCache(conditionCacheId) ? termCache(conditionCacheId) : termCache(conditionCacheId, rowSearcher.guessCondition(filter)); - - // Create a surrogate filter so as not to change - // the actual columnDef.filters. - filter = { - // Copy over the search term - term: filter.term, - // Use the guessed condition - condition: condition, - // Set flags, using passed flags if present - flags: angular.extend({ - caseSensitive: false - }, filter.flags) - }; - } - - var ret = rowSearcher.runColumnFilter(grid, row, column, termCache, i, filter); - if (!ret) { - return false; - } - } - - return true; - // } - // else { - // // No filter conditions, default to true - // return true; - // } - }; - - /** - * @ngdoc function - * @name search - * @methodOf ui.grid.service:rowSearcher - * @description Run a search across - * @param {Grid} grid Grid instance to search inside - * @param {Array[GridRow]} rows GridRows to filter - * @param {Array[GridColumn]} columns GridColumns with filters to process - */ - rowSearcher.search = function search(grid, rows, columns) { - // Don't do anything if we weren't passed any rows - if (!rows) { - return; - } - - // Create a term cache - var termCache = new QuickCache(); - - // Build filtered column list - var filterCols = []; - columns.forEach(function (col) { - if (typeof(col.filters) !== 'undefined' && col.filters.length > 0) { - filterCols.push(col); - } - else if (typeof(col.filter) !== 'undefined' && col.filter && typeof(col.filter.term) !== 'undefined' && col.filter.term) { - filterCols.push(col); - } - }); - - if (filterCols.length > 0) { - filterCols.forEach(function foreachFilterCol(col) { - rows.forEach(function foreachRow(row) { - if (row.forceInvisible || !rowSearcher.searchColumn(grid, row, col, termCache)) { - row.visible = false; - } - }); - }); - - if (grid.api.core.raise.rowsVisibleChanged) { - grid.api.core.raise.rowsVisibleChanged(); - } - - // rows.forEach(function (row) { - // var matchesAllColumns = true; - - // for (var i in filterCols) { - // var col = filterCols[i]; - - // if (!rowSearcher.searchColumn(grid, row, col, termCache)) { - // matchesAllColumns = false; - - // // Stop processing other terms - // break; - // } - // } - - // // Row doesn't match all the terms, don't display it - // if (!matchesAllColumns) { - // row.visible = false; - // } - // else { - // row.visible = true; - // } - // }); - } - - // Reset the term cache - termCache.clear(); - - return rows; - }; - - return rowSearcher; -}]); - -})(); -(function() { - -var module = angular.module('ui.grid'); - -/** - * @ngdoc object - * @name ui.grid.class:RowSorter - * @description RowSorter provides the default sorting mechanisms, - * including guessing column types and applying appropriate sort - * algorithms - * - */ - -module.service('rowSorter', ['$parse', 'uiGridConstants', function ($parse, uiGridConstants) { - var currencyRegexStr = - '(' + - uiGridConstants.CURRENCY_SYMBOLS - .map(function (a) { return '\\' + a; }) // Escape all the currency symbols ($ at least will jack up this regex) - .join('|') + // Join all the symbols together with |s - ')?'; - - // /^[-+]?[£$¤¥]?[\d,.]+%?$/ - var numberStrRegex = new RegExp('^[-+]?' + currencyRegexStr + '[\\d,.]+' + currencyRegexStr + '%?$'); - - var rowSorter = { - // Cache of sorting functions. Once we create them, we don't want to keep re-doing it - // this takes a piece of data from the cell and tries to determine its type and what sorting - // function to use for it - colSortFnCache: [] - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name guessSortFn - * @description Assigns a sort function to use based on the itemType in the column - * @param {string} itemType one of 'number', 'boolean', 'string', 'date', 'object'. And - * error will be thrown for any other type. - * @returns {function} a sort function that will sort that type - */ - rowSorter.guessSortFn = function guessSortFn(itemType) { - switch (itemType) { - case "number": - return rowSorter.sortNumber; - case "boolean": - return rowSorter.sortBool; - case "string": - return rowSorter.sortAlpha; - case "date": - return rowSorter.sortDate; - case "object": - return rowSorter.basicSort; - default: - throw new Error('No sorting function found for type:' + itemType); - } - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name handleNulls - * @description Sorts nulls and undefined to the bottom (top when - * descending). Called by each of the internal sorters before - * attempting to sort. Note that this method is available on the core api - * via gridApi.core.sortHandleNulls - * @param {object} a sort value a - * @param {object} b sort value b - * @returns {number} null if there were no nulls/undefineds, otherwise returns - * a sort value that should be passed back from the sort function - */ - rowSorter.handleNulls = function handleNulls(a, b) { - // We want to allow zero values and false values to be evaluated in the sort function - if ((!a && a !== 0 && a !== false) || (!b && b !== 0 && b !== false)) { - // We want to force nulls and such to the bottom when we sort... which effectively is "greater than" - if ((!a && a !== 0 && a !== false) && (!b && b !== 0 && b !== false)) { - return 0; - } - else if (!a && a !== 0 && a !== false) { - return 1; - } - else if (!b && b !== 0 && b !== false) { - return -1; - } - } - return null; - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name basicSort - * @description Sorts any values that provide the < method, including strings - * or numbers. Handles nulls and undefined through calling handleNulls - * @param {object} a sort value a - * @param {object} b sort value b - * @returns {number} normal sort function, returns -ve, 0, +ve - */ - rowSorter.basicSort = function basicSort(a, b) { - var nulls = rowSorter.handleNulls(a, b); - if ( nulls !== null ){ - return nulls; - } else { - if (a === b) { - return 0; - } - if (a < b) { - return -1; - } - return 1; - } - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name sortNumber - * @description Sorts numerical values. Handles nulls and undefined through calling handleNulls - * @param {object} a sort value a - * @param {object} b sort value b - * @returns {number} normal sort function, returns -ve, 0, +ve - */ - rowSorter.sortNumber = function sortNumber(a, b) { - var nulls = rowSorter.handleNulls(a, b); - if ( nulls !== null ){ - return nulls; - } else { - return a - b; - } - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name sortNumberStr - * @description Sorts numerical values that are stored in a string (i.e. parses them to numbers first). - * Handles nulls and undefined through calling handleNulls - * @param {object} a sort value a - * @param {object} b sort value b - * @returns {number} normal sort function, returns -ve, 0, +ve - */ - rowSorter.sortNumberStr = function sortNumberStr(a, b) { - var nulls = rowSorter.handleNulls(a, b); - if ( nulls !== null ){ - return nulls; - } else { - var numA, // The parsed number form of 'a' - numB, // The parsed number form of 'b' - badA = false, - badB = false; - - // Try to parse 'a' to a float - numA = parseFloat(a.replace(/[^0-9.-]/g, '')); - - // If 'a' couldn't be parsed to float, flag it as bad - if (isNaN(numA)) { - badA = true; - } - - // Try to parse 'b' to a float - numB = parseFloat(b.replace(/[^0-9.-]/g, '')); - - // If 'b' couldn't be parsed to float, flag it as bad - if (isNaN(numB)) { - badB = true; - } - - // We want bad ones to get pushed to the bottom... which effectively is "greater than" - if (badA && badB) { - return 0; - } - - if (badA) { - return 1; - } - - if (badB) { - return -1; - } - - return numA - numB; - } - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name sortAlpha - * @description Sorts string values. Handles nulls and undefined through calling handleNulls - * @param {object} a sort value a - * @param {object} b sort value b - * @returns {number} normal sort function, returns -ve, 0, +ve - */ - rowSorter.sortAlpha = function sortAlpha(a, b) { - var nulls = rowSorter.handleNulls(a, b); - if ( nulls !== null ){ - return nulls; - } else { - var strA = a.toLowerCase(), - strB = b.toLowerCase(); - - return strA === strB ? 0 : (strA < strB ? -1 : 1); - } - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name sortDate - * @description Sorts date values. Handles nulls and undefined through calling handleNulls - * @param {object} a sort value a - * @param {object} b sort value b - * @returns {number} normal sort function, returns -ve, 0, +ve - */ - rowSorter.sortDate = function sortDate(a, b) { - var nulls = rowSorter.handleNulls(a, b); - if ( nulls !== null ){ - return nulls; - } else { - var timeA = a.getTime(), - timeB = b.getTime(); - - return timeA === timeB ? 0 : (timeA < timeB ? -1 : 1); - } - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name sortBool - * @description Sorts boolean values, true is considered larger than false. - * Handles nulls and undefined through calling handleNulls - * @param {object} a sort value a - * @param {object} b sort value b - * @returns {number} normal sort function, returns -ve, 0, +ve - */ - rowSorter.sortBool = function sortBool(a, b) { - var nulls = rowSorter.handleNulls(a, b); - if ( nulls !== null ){ - return nulls; - } else { - if (a && b) { - return 0; - } - - if (!a && !b) { - return 0; - } - else { - return a ? 1 : -1; - } - } - }; - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name getSortFn - * @description Get the sort function for the column. Looks first in - * rowSorter.colSortFnCache using the column name, failing that it - * looks at col.sortingAlgorithm (and puts it in the cache), failing that - * it guesses the sort algorithm based on the data type. - * - * The cache currently seems a bit pointless, as none of the work we do is - * processor intensive enough to need caching. Presumably in future we might - * inspect the row data itself to guess the sort function, and in that case - * it would make sense to have a cache, the infrastructure is in place to allow - * that. - * - * @param {Grid} grid the grid to consider - * @param {GridCol} col the column to find a function for - * @param {array} rows an array of grid rows. Currently unused, but presumably in future - * we might inspect the rows themselves to decide what sort of data might be there - * @returns {function} the sort function chosen for the column - */ - rowSorter.getSortFn = function getSortFn(grid, col, rows) { - var sortFn, item; - - // See if we already figured out what to use to sort the column and have it in the cache - if (rowSorter.colSortFnCache[col.colDef.name]) { - sortFn = rowSorter.colSortFnCache[col.colDef.name]; - } - // If the column has its OWN sorting algorithm, use that - else if (col.sortingAlgorithm !== undefined) { - sortFn = col.sortingAlgorithm; - rowSorter.colSortFnCache[col.colDef.name] = col.sortingAlgorithm; - } - // Try and guess what sort function to use - else { - // Guess the sort function - sortFn = rowSorter.guessSortFn(col.colDef.type); - - // If we found a sort function, cache it - if (sortFn) { - rowSorter.colSortFnCache[col.colDef.name] = sortFn; - } - else { - // We assign the alpha sort because anything that is null/undefined will never get passed to - // the actual sorting function. It will get caught in our null check and returned to be sorted - // down to the bottom - sortFn = rowSorter.sortAlpha; - } - } - - return sortFn; - }; - - - - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name prioritySort - * @description Used where multiple columns are present in the sort criteria, - * we determine which column should take precedence in the sort by sorting - * the columns based on their sort.priority - * - * @param {gridColumn} a column a - * @param {gridColumn} b column b - * @returns {number} normal sort function, returns -ve, 0, +ve - */ - rowSorter.prioritySort = function (a, b) { - // Both columns have a sort priority - if (a.sort.priority !== undefined && b.sort.priority !== undefined) { - // A is higher priority - if (a.sort.priority < b.sort.priority) { - return -1; - } - // Equal - else if (a.sort.priority === b.sort.priority) { - return 0; - } - // B is higher - else { - return 1; - } - } - // Only A has a priority - else if (a.sort.priority || a.sort.priority === 0) { - return -1; - } - // Only B has a priority - else if (b.sort.priority || b.sort.priority === 0) { - return 1; - } - // Neither has a priority - else { - return 0; - } - }; - - - /** - * @ngdoc object - * @name useExternalSorting - * @propertyOf ui.grid.class:GridOptions - * @description Prevents the internal sorting from executing. Events will - * still be fired when the sort changes, and the sort information on - * the columns will be updated, allowing an external sorter (for example, - * server sorting) to be implemented. Defaults to false. - * - */ - /** - * @ngdoc method - * @methodOf ui.grid.class:RowSorter - * @name sort - * @description sorts the grid - * @param {Object} grid the grid itself - * @param {Object} rows the rows to be sorted - * @param {Object} columns the columns in which to look - * for sort criteria - */ - rowSorter.sort = function rowSorterSort(grid, rows, columns) { - // first make sure we are even supposed to do work - if (!rows) { - return; - } - - if (grid.options.useExternalSorting){ - return rows; - } - - // Build the list of columns to sort by - var sortCols = []; - columns.forEach(function (col) { - if (col.sort && col.sort.direction && (col.sort.direction === uiGridConstants.ASC || col.sort.direction === uiGridConstants.DESC)) { - sortCols.push(col); - } - }); - - // Sort the "sort columns" by their sort priority - sortCols = sortCols.sort(rowSorter.prioritySort); - - // Now rows to sort by, maintain original order - if (sortCols.length === 0) { - return rows; - } - - // Re-usable variables - var col, direction; - - // IE9-11 HACK.... the 'rows' variable would be empty where we call rowSorter.getSortFn(...) below. We have to use a separate reference - // var d = data.slice(0); - var r = rows.slice(0); - - // Now actually sort the data - return rows.sort(function rowSortFn(rowA, rowB) { - var tem = 0, - idx = 0, - sortFn; - - while (tem === 0 && idx < sortCols.length) { - // grab the metadata for the rest of the logic - col = sortCols[idx]; - direction = sortCols[idx].sort.direction; - - sortFn = rowSorter.getSortFn(grid, col, r); - - var propA = grid.getCellValue(rowA, col); - var propB = grid.getCellValue(rowB, col); - - tem = sortFn(propA, propB); - - idx++; - } - - // Made it this far, we don't have to worry about null & undefined - if (direction === uiGridConstants.ASC) { - return tem; - } else { - return 0 - tem; - } - }); - }; - - return rowSorter; -}]); - -})(); -(function() { - -var module = angular.module('ui.grid'); - -function getStyles (elem) { - var e = elem; - if (typeof(e.length) !== 'undefined' && e.length) { - e = elem[0]; - } - - return e.ownerDocument.defaultView.getComputedStyle(e, null); -} - -var rnumnonpx = new RegExp( "^(" + (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source + ")(?!px)[a-z%]+$", "i" ), - // swappable if display is none or starts with table except "table", "table-cell", or "table-caption" - // see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display - rdisplayswap = /^(block|none|table(?!-c[ea]).+)/, - cssShow = { position: "absolute", visibility: "hidden", display: "block" }; - -function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) { - var i = extra === ( isBorderBox ? 'border' : 'content' ) ? - // If we already have the right measurement, avoid augmentation - 4 : - // Otherwise initialize for horizontal or vertical properties - name === 'width' ? 1 : 0, - - val = 0; - - var sides = ['Top', 'Right', 'Bottom', 'Left']; - - for ( ; i < 4; i += 2 ) { - var side = sides[i]; - // dump('side', side); - - // both box models exclude margin, so add it if we want it - if ( extra === 'margin' ) { - var marg = parseFloat(styles[extra + side]); - if (!isNaN(marg)) { - val += marg; - } - } - // dump('val1', val); - - if ( isBorderBox ) { - // border-box includes padding, so remove it if we want content - if ( extra === 'content' ) { - var padd = parseFloat(styles['padding' + side]); - if (!isNaN(padd)) { - val -= padd; - // dump('val2', val); - } - } - - // at this point, extra isn't border nor margin, so remove border - if ( extra !== 'margin' ) { - var bordermarg = parseFloat(styles['border' + side + 'Width']); - if (!isNaN(bordermarg)) { - val -= bordermarg; - // dump('val3', val); - } - } - } - else { - // at this point, extra isn't content, so add padding - var nocontentPad = parseFloat(styles['padding' + side]); - if (!isNaN(nocontentPad)) { - val += nocontentPad; - // dump('val4', val); - } - - // at this point, extra isn't content nor padding, so add border - if ( extra !== 'padding') { - var nocontentnopad = parseFloat(styles['border' + side + 'Width']); - if (!isNaN(nocontentnopad)) { - val += nocontentnopad; - // dump('val5', val); - } - } - } - } - - // dump('augVal', val); - - return val; -} - -function getWidthOrHeight( elem, name, extra ) { - // Start with offset property, which is equivalent to the border-box value - var valueIsBorderBox = true, - val, - styles = getStyles(elem), - isBorderBox = styles['boxSizing'] === 'border-box'; - - // some non-html elements return undefined for offsetWidth, so check for null/undefined - // svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285 - // MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668 - if ( val <= 0 || val == null ) { - // Fall back to computed then uncomputed css if necessary - val = styles[name]; - if ( val < 0 || val == null ) { - val = elem.style[ name ]; - } - - // Computed unit is not pixels. Stop here and return. - if ( rnumnonpx.test(val) ) { - return val; - } - - // we need the check for style in case a browser which returns unreliable values - // for getComputedStyle silently falls back to the reliable elem.style - valueIsBorderBox = isBorderBox && - ( true || val === elem.style[ name ] ); // use 'true' instead of 'support.boxSizingReliable()' - - // Normalize "", auto, and prepare for extra - val = parseFloat( val ) || 0; - } - - // use the active box-sizing model to add/subtract irrelevant styles - var ret = ( val + - augmentWidthOrHeight( - elem, - name, - extra || ( isBorderBox ? "border" : "content" ), - valueIsBorderBox, - styles - ) - ); - - // dump('ret', ret, val); - return ret; -} - -var uid = ['0', '0', '0']; -var uidPrefix = 'uiGrid-'; - -/** - * @ngdoc service - * @name ui.grid.service:GridUtil - * - * @description Grid utility functions - */ -module.service('gridUtil', ['$log', '$window', '$document', '$http', '$templateCache', '$timeout', '$injector', '$q', '$interpolate', 'uiGridConstants', - function ($log, $window, $document, $http, $templateCache, $timeout, $injector, $q, $interpolate, uiGridConstants) { - var s = { - - getStyles: getStyles, - - /** - * @ngdoc method - * @name createBoundedWrapper - * @methodOf ui.grid.service:GridUtil - * - * @param {object} Object to bind 'this' to - * @param {method} Method to bind - * @returns {Function} The wrapper that performs the binding - * - * @description - * Binds given method to given object. - * - * By means of a wrapper, ensures that ``method`` is always bound to - * ``object`` regardless of its calling environment. - * Iow, inside ``method``, ``this`` always points to ``object``. - * - * See http://alistapart.com/article/getoutbindingsituations - * - */ - createBoundedWrapper: function(object, method) { - return function() { - return method.apply(object, arguments); - }; - }, - - - /** - * @ngdoc method - * @name readableColumnName - * @methodOf ui.grid.service:GridUtil - * - * @param {string} columnName Column name as a string - * @returns {string} Column name appropriately capitalized and split apart - * - @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid']); - - app.controller('MainCtrl', ['$scope', 'gridUtil', function ($scope, gridUtil) { - $scope.name = 'firstName'; - $scope.columnName = function(name) { - return gridUtil.readableColumnName(name); - }; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <strong>Column name:</strong> <input ng-model="name" /> - <br> - <strong>Output:</strong> <span ng-bind="columnName(name)"></span> - </div> - </file> - </example> - */ - readableColumnName: function (columnName) { - // Convert underscores to spaces - if (typeof(columnName) === 'undefined' || columnName === undefined || columnName === null) { return columnName; } - - if (typeof(columnName) !== 'string') { - columnName = String(columnName); - } - - return columnName.replace(/_+/g, ' ') - // Replace a completely all-capsed word with a first-letter-capitalized version - .replace(/^[A-Z]+$/, function (match) { - return angular.lowercase(angular.uppercase(match.charAt(0)) + match.slice(1)); - }) - // Capitalize the first letter of words - .replace(/(\w+)/g, function (match) { - return angular.uppercase(match.charAt(0)) + match.slice(1); - }) - // Put a space in between words that have partial capilizations (i.e. 'firstName' becomes 'First Name') - // .replace(/([A-Z]|[A-Z]\w+)([A-Z])/g, "$1 $2"); - // .replace(/(\w+?|\w)([A-Z])/g, "$1 $2"); - .replace(/(\w+?(?=[A-Z]))/g, '$1 '); - }, - - /** - * @ngdoc method - * @name getColumnsFromData - * @methodOf ui.grid.service:GridUtil - * @description Return a list of column names, given a data set - * - * @param {string} data Data array for grid - * @returns {Object} Column definitions with field accessor and column name - * - * @example - <pre> - var data = [ - { firstName: 'Bob', lastName: 'Jones' }, - { firstName: 'Frank', lastName: 'Smith' } - ]; - - var columnDefs = GridUtil.getColumnsFromData(data, excludeProperties); - - columnDefs == [ - { - field: 'firstName', - name: 'First Name' - }, - { - field: 'lastName', - name: 'Last Name' - } - ]; - </pre> - */ - getColumnsFromData: function (data, excludeProperties) { - var columnDefs = []; - - if (!data || typeof(data[0]) === 'undefined' || data[0] === undefined) { return []; } - if (angular.isUndefined(excludeProperties)) { excludeProperties = []; } - - var item = data[0]; - - angular.forEach(item,function (prop, propName) { - if ( excludeProperties.indexOf(propName) === -1){ - columnDefs.push({ - name: propName - }); - } - }); - - return columnDefs; - }, - - /** - * @ngdoc method - * @name newId - * @methodOf ui.grid.service:GridUtil - * @description Return a unique ID string - * - * @returns {string} Unique string - * - * @example - <pre> - var id = GridUtil.newId(); - - # 1387305700482; - </pre> - */ - newId: (function() { - var seedId = new Date().getTime(); - return function() { - return seedId += 1; - }; - })(), - - - /** - * @ngdoc method - * @name getTemplate - * @methodOf ui.grid.service:GridUtil - * @description Get's template from cache / element / url - * - * @param {string|element|promise} Either a string representing the template id, a string representing the template url, - * an jQuery/Angualr element, or a promise that returns the template contents to use. - * @returns {object} a promise resolving to template contents - * - * @example - <pre> - GridUtil.getTemplate(url).then(function (contents) { - alert(contents); - }) - </pre> - */ - getTemplate: function (template) { - // Try to fetch the template out of the templateCache - if ($templateCache.get(template)) { - return s.postProcessTemplate($templateCache.get(template)); - } - - // See if the template is itself a promise - if (template.hasOwnProperty('then')) { - return template.then(s.postProcessTemplate); - } - - // If the template is an element, return the element - try { - if (angular.element(template).length > 0) { - return $q.when(template).then(s.postProcessTemplate); - } - } - catch (err){ - //do nothing; not valid html - } - - s.logDebug('fetching url', template); - - // Default to trying to fetch the template as a url with $http - return $http({ method: 'GET', url: template}) - .then( - function (result) { - var templateHtml = result.data.trim(); - //put in templateCache for next call - $templateCache.put(template, templateHtml); - return templateHtml; - }, - function (err) { - throw new Error("Could not get template " + template + ": " + err); - } - ) - .then(s.postProcessTemplate); - }, - - // - postProcessTemplate: function (template) { - var startSym = $interpolate.startSymbol(), - endSym = $interpolate.endSymbol(); - - // If either of the interpolation symbols have been changed, we need to alter this template - if (startSym !== '{{' || endSym !== '}}') { - template = template.replace(/\{\{/g, startSym); - template = template.replace(/\}\}/g, endSym); - } - - return $q.when(template); - }, - - /** - * @ngdoc method - * @name guessType - * @methodOf ui.grid.service:GridUtil - * @description guesses the type of an argument - * - * @param {string/number/bool/object} item variable to examine - * @returns {string} one of the following - * 'string' - * 'boolean' - * 'number' - * 'date' - * 'object' - */ - guessType : function (item) { - var itemType = typeof(item); - - // Check for numbers and booleans - switch (itemType) { - case "number": - case "boolean": - case "string": - return itemType; - default: - if (angular.isDate(item)) { - return "date"; - } - return "object"; - } - }, - - - /** - * @ngdoc method - * @name elementWidth - * @methodOf ui.grid.service:GridUtil - * - * @param {element} element DOM element - * @param {string} [extra] Optional modifier for calculation. Use 'margin' to account for margins on element - * - * @returns {number} Element width in pixels, accounting for any borders, etc. - */ - elementWidth: function (elem) { - - }, - - /** - * @ngdoc method - * @name elementHeight - * @methodOf ui.grid.service:GridUtil - * - * @param {element} element DOM element - * @param {string} [extra] Optional modifier for calculation. Use 'margin' to account for margins on element - * - * @returns {number} Element height in pixels, accounting for any borders, etc. - */ - elementHeight: function (elem) { - - }, - - // Thanks to http://stackoverflow.com/a/13382873/888165 - getScrollbarWidth: function() { - var outer = document.createElement("div"); - outer.style.visibility = "hidden"; - outer.style.width = "100px"; - outer.style.msOverflowStyle = "scrollbar"; // needed for WinJS apps - - document.body.appendChild(outer); - - var widthNoScroll = outer.offsetWidth; - // force scrollbars - outer.style.overflow = "scroll"; - - // add innerdiv - var inner = document.createElement("div"); - inner.style.width = "100%"; - outer.appendChild(inner); - - var widthWithScroll = inner.offsetWidth; - - // remove divs - outer.parentNode.removeChild(outer); - - return widthNoScroll - widthWithScroll; - }, - - swap: function( elem, options, callback, args ) { - var ret, name, - old = {}; - - // Remember the old values, and insert the new ones - for ( name in options ) { - old[ name ] = elem.style[ name ]; - elem.style[ name ] = options[ name ]; - } - - ret = callback.apply( elem, args || [] ); - - // Revert the old values - for ( name in options ) { - elem.style[ name ] = old[ name ]; - } - - return ret; - }, - - fakeElement: function( elem, options, callback, args ) { - var ret, name, - newElement = angular.element(elem).clone()[0]; - - for ( name in options ) { - newElement.style[ name ] = options[ name ]; - } - - angular.element(document.body).append(newElement); - - ret = callback.call( newElement, newElement ); - - angular.element(newElement).remove(); - - return ret; - }, - - /** - * @ngdoc method - * @name normalizeWheelEvent - * @methodOf ui.grid.service:GridUtil - * - * @param {event} event A mouse wheel event - * - * @returns {event} A normalized event - * - * @description - * Given an event from this list: - * - * `wheel, mousewheel, DomMouseScroll, MozMousePixelScroll` - * - * "normalize" it - * so that it stays consistent no matter what browser it comes from (i.e. scale it correctly and make sure the direction is right.) - */ - normalizeWheelEvent: function (event) { - // var toFix = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll']; - // var toBind = 'onwheel' in document || document.documentMode >= 9 ? ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll']; - var lowestDelta, lowestDeltaXY; - - var orgEvent = event || window.event, - args = [].slice.call(arguments, 1), - delta = 0, - deltaX = 0, - deltaY = 0, - absDelta = 0, - absDeltaXY = 0, - fn; - - // event = $.event.fix(orgEvent); - // event.type = 'mousewheel'; - - // NOTE: jQuery masks the event and stores it in the event as originalEvent - if (orgEvent.originalEvent) { - orgEvent = orgEvent.originalEvent; - } - - // Old school scrollwheel delta - if ( orgEvent.wheelDelta ) { delta = orgEvent.wheelDelta; } - if ( orgEvent.detail ) { delta = orgEvent.detail * -1; } - - // At a minimum, setup the deltaY to be delta - deltaY = delta; - - // Firefox < 17 related to DOMMouseScroll event - if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) { - deltaY = 0; - deltaX = delta * -1; - } - - // New school wheel delta (wheel event) - if ( orgEvent.deltaY ) { - deltaY = orgEvent.deltaY * -1; - delta = deltaY; - } - if ( orgEvent.deltaX ) { - deltaX = orgEvent.deltaX; - delta = deltaX * -1; - } - - // Webkit - if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY; } - if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = orgEvent.wheelDeltaX; } - - // Look for lowest delta to normalize the delta values - absDelta = Math.abs(delta); - if ( !lowestDelta || absDelta < lowestDelta ) { lowestDelta = absDelta; } - absDeltaXY = Math.max(Math.abs(deltaY), Math.abs(deltaX)); - if ( !lowestDeltaXY || absDeltaXY < lowestDeltaXY ) { lowestDeltaXY = absDeltaXY; } - - // Get a whole value for the deltas - fn = delta > 0 ? 'floor' : 'ceil'; - delta = Math[fn](delta / lowestDelta); - deltaX = Math[fn](deltaX / lowestDeltaXY); - deltaY = Math[fn](deltaY / lowestDeltaXY); - - return { - delta: delta, - deltaX: deltaX, - deltaY: deltaY - }; - }, - - // Stolen from Modernizr - // TODO: make this, and everythign that flows from it, robust - //http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ - isTouchEnabled: function() { - var bool; - - if (('ontouchstart' in $window) || $window.DocumentTouch && $document instanceof DocumentTouch) { - bool = true; - } - - return bool; - }, - - isNullOrUndefined: function(obj) { - if (obj === undefined || obj === null) { - return true; - } - return false; - }, - - endsWith: function(str, suffix) { - if (!str || !suffix || typeof str !== "string") { - return false; - } - return str.indexOf(suffix, str.length - suffix.length) !== -1; - }, - - arrayContainsObjectWithProperty: function(array, propertyName, propertyValue) { - var found = false; - angular.forEach(array, function (object) { - if (object[propertyName] === propertyValue) { - found = true; - } - }); - return found; - }, - - // Shim requestAnimationFrame - requestAnimationFrame: $window.requestAnimationFrame && $window.requestAnimationFrame.bind($window) || - $window.webkitRequestAnimationFrame && $window.webkitRequestAnimationFrame.bind($window) || - function(fn) { - return $timeout(fn, 10, false); - }, - - numericAndNullSort: function (a, b) { - if (a === null) { return 1; } - if (b === null) { return -1; } - if (a === null && b === null) { return 0; } - return a - b; - }, - - // Disable ngAnimate animations on an element - disableAnimations: function (element) { - var $animate; - try { - $animate = $injector.get('$animate'); - $animate.enabled(false, element); - } - catch (e) {} - }, - - enableAnimations: function (element) { - var $animate; - try { - $animate = $injector.get('$animate'); - $animate.enabled(true, element); - return $animate; - } - catch (e) {} - }, - - // Blatantly stolen from Angular as it isn't exposed (yet. 2.0 maybe?) - nextUid: function nextUid() { - var index = uid.length; - var digit; - - while (index) { - index--; - digit = uid[index].charCodeAt(0); - if (digit === 57 /*'9'*/) { - uid[index] = 'A'; - return uidPrefix + uid.join(''); - } - if (digit === 90 /*'Z'*/) { - uid[index] = '0'; - } else { - uid[index] = String.fromCharCode(digit + 1); - return uidPrefix + uid.join(''); - } - } - uid.unshift('0'); - - return uidPrefix + uid.join(''); - }, - - // Blatantly stolen from Angular as it isn't exposed (yet. 2.0 maybe?) - hashKey: function hashKey(obj) { - var objType = typeof obj, - key; - - if (objType === 'object' && obj !== null) { - if (typeof (key = obj.$$hashKey) === 'function') { - // must invoke on object to keep the right this - key = obj.$$hashKey(); - } - else if (typeof(obj.$$hashKey) !== 'undefined' && obj.$$hashKey) { - key = obj.$$hashKey; - } - else if (key === undefined) { - key = obj.$$hashKey = s.nextUid(); - } - } - else { - key = obj; - } - - return objType + ':' + key; - }, - - resetUids: function () { - uid = ['0', '0', '0']; - }, - - /** - * @ngdoc method - * @methodOf ui.grid.service:GridUtil - * @name logError - * @description wraps the $log method, allowing us to choose different - * treatment within ui-grid if we so desired. At present we only log - * error messages if uiGridConstants.LOG_ERROR_MESSAGES is set to true - * @param {string} logMessage message to be logged to the console - * - */ - logError: function( logMessage ){ - if ( uiGridConstants.LOG_ERROR_MESSAGES ){ - $log.error( logMessage ); - } - }, - - /** - * @ngdoc method - * @methodOf ui.grid.service:GridUtil - * @name logWarn - * @description wraps the $log method, allowing us to choose different - * treatment within ui-grid if we so desired. At present we only log - * warning messages if uiGridConstants.LOG_WARN_MESSAGES is set to true - * @param {string} logMessage message to be logged to the console - * - */ - logWarn: function( logMessage ){ - if ( uiGridConstants.LOG_WARN_MESSAGES ){ - $log.warn( logMessage ); - } - }, - - /** - * @ngdoc method - * @methodOf ui.grid.service:GridUtil - * @name logDebug - * @description wraps the $log method, allowing us to choose different - * treatment within ui-grid if we so desired. At present we only log - * debug messages if uiGridConstants.LOG_DEBUG_MESSAGES is set to true - * - */ - logDebug: function() { - if ( uiGridConstants.LOG_DEBUG_MESSAGES ){ - $log.debug.apply($log, arguments); - } - } - - }; - - ['width', 'height'].forEach(function (name) { - var capsName = angular.uppercase(name.charAt(0)) + name.substr(1); - s['element' + capsName] = function (elem, extra) { - var e = elem; - if (e && typeof(e.length) !== 'undefined' && e.length) { - e = elem[0]; - } - - if (e) { - var styles = getStyles(e); - return e.offsetWidth === 0 && rdisplayswap.test(styles.display) ? - s.fakeElement(e, cssShow, function(newElm) { - return getWidthOrHeight( newElm, name, extra ); - }) : - getWidthOrHeight( e, name, extra ); - } - else { - return null; - } - }; - - s['outerElement' + capsName] = function (elem, margin) { - return elem ? s['element' + capsName].call(this, elem, margin ? 'margin' : 'border') : null; - }; - }); - - // http://stackoverflow.com/a/24107550/888165 - s.closestElm = function closestElm(el, selector) { - if (typeof(el.length) !== 'undefined' && el.length) { - el = el[0]; - } - - var matchesFn; - - // find vendor prefix - ['matches','webkitMatchesSelector','mozMatchesSelector','msMatchesSelector','oMatchesSelector'].some(function(fn) { - if (typeof document.body[fn] === 'function') { - matchesFn = fn; - return true; - } - return false; - }); - - // traverse parents - var parent; - while (el !== null) { - parent = el.parentElement; - if (parent !== null && parent[matchesFn](selector)) { - return parent; - } - el = parent; - } - - return null; - }; - - s.type = function (obj) { - var text = Function.prototype.toString.call(obj.constructor); - return text.match(/function (.*?)\(/)[1]; - }; - - s.getBorderSize = function getBorderSize(elem, borderType) { - if (typeof(elem.length) !== 'undefined' && elem.length) { - elem = elem[0]; - } - - var styles = getStyles(elem); - - // If a specific border is supplied, like 'top', read the 'borderTop' style property - if (borderType) { - borderType = 'border' + borderType.charAt(0).toUpperCase() + borderType.slice(1); - } - else { - borderType = 'border'; - } - - borderType += 'Width'; - - var val = parseInt(styles[borderType], 10); - - if (isNaN(val)) { - return 0; - } - else { - return val; - } - }; - - // http://stackoverflow.com/a/22948274/888165 - // TODO: Opera? Mobile? - s.detectBrowser = function detectBrowser() { - var userAgent = $window.navigator.userAgent; - - var browsers = {chrome: /chrome/i, safari: /safari/i, firefox: /firefox/i, ie: /internet explorer|trident\//i}; - - for (var key in browsers) { - if (browsers[key].test(userAgent)) { - return key; - } - } - - return 'unknown'; - }; - - /** - * @ngdoc method - * @name normalizeScrollLeft - * @methodOf ui.grid.service:GridUtil - * - * @param {element} element The element to get the `scrollLeft` from. - * - * @returns {int} A normalized scrollLeft value for the current browser. - * - * @description - * Browsers currently handle RTL in different ways, resulting in inconsistent scrollLeft values. This method normalizes them - */ - s.normalizeScrollLeft = function normalizeScrollLeft(element) { - if (typeof(element.length) !== 'undefined' && element.length) { - element = element[0]; - } - - var browser = s.detectBrowser(); - - var scrollLeft = element.scrollLeft; - - var dir = s.getStyles(element)['direction']; - - // IE stays normal in RTL - if (browser === 'ie') { - return scrollLeft; - } - // Chrome doesn't alter the scrollLeft value. So with RTL on a 400px-wide grid, the right-most position will still be 400 and the left-most will still be 0; - else if (browser === 'chrome') { - if (dir === 'rtl') { - // Get the max scroll for the element - var maxScrollLeft = element.scrollWidth - element.clientWidth; - - // Subtract the current scroll amount from the max scroll - return maxScrollLeft - scrollLeft; - } - else { - return scrollLeft; - } - } - // Firefox goes negative! - else if (browser === 'firefox') { - return Math.abs(scrollLeft); - } - else { - // TODO(c0bra): Handle other browsers? Android? iOS? Opera? - return scrollLeft; - } - }; - - /** - * @ngdoc method - * @name normalizeScrollLeft - * @methodOf ui.grid.service:GridUtil - * - * @param {element} element The element to normalize the `scrollLeft` value for - * @param {int} scrollLeft The `scrollLeft` value to denormalize. - * - * @returns {int} A normalized scrollLeft value for the current browser. - * - * @description - * Browsers currently handle RTL in different ways, resulting in inconsistent scrollLeft values. This method denormalizes a value for the current browser. - */ - s.denormalizeScrollLeft = function denormalizeScrollLeft(element, scrollLeft) { - if (typeof(element.length) !== 'undefined' && element.length) { - element = element[0]; - } - - var browser = s.detectBrowser(); - - var dir = s.getStyles(element)['direction']; - - // IE stays normal in RTL - if (browser === 'ie') { - return scrollLeft; - } - // Chrome doesn't alter the scrollLeft value. So with RTL on a 400px-wide grid, the right-most position will still be 400 and the left-most will still be 0; - else if (browser === 'chrome') { - if (dir === 'rtl') { - // Get the max scroll for the element - var maxScrollLeft = element.scrollWidth - element.clientWidth; - - // Subtract the current scroll amount from the max scroll - return maxScrollLeft - scrollLeft; - } - else { - return scrollLeft; - } - } - // Firefox goes negative! - else if (browser === 'firefox') { - if (dir === 'rtl') { - return scrollLeft * -1; - } - else { - return scrollLeft; - } - } - else { - // TODO(c0bra): Handle other browsers? Android? iOS? Opera? - return scrollLeft; - } - }; - - /** - * @ngdoc method - * @name preEval - * @methodOf ui.grid.service:GridUtil - * - * @param {string} path Path to evaluate - * - * @returns {string} A path that is normalized. - * - * @description - * Takes a field path and converts it to bracket notation to allow for special characters in path - * @example - * <pre> - * gridUtil.preEval('property') == 'property' - * gridUtil.preEval('nested.deep.prop-erty') = "nested['deep']['prop-erty']" - * </pre> - */ - s.preEval = function (path) { - var m = uiGridConstants.BRACKET_REGEXP.exec(path); - if (m) { - return (m[1] ? s.preEval(m[1]) : m[1]) + m[2] + (m[3] ? s.preEval(m[3]) : m[3]); - } else { - path = path.replace(uiGridConstants.APOS_REGEXP, '\\\''); - var parts = path.split(uiGridConstants.DOT_REGEXP); - var preparsed = [parts.shift()]; // first item must be var notation, thus skip - angular.forEach(parts, function (part) { - preparsed.push(part.replace(uiGridConstants.FUNC_REGEXP, '\']$1')); - }); - return preparsed.join('[\''); - } - }; - - /** - * @ngdoc method - * @name debounce - * @methodOf ui.grid.service:GridUtil - * - * @param {function} func function to debounce - * @param {number} wait milliseconds to delay - * @param {bool} immediate execute before delay - * - * @returns {function} A function that can be executed as debounced function - * - * @description - * Copied from https://github.com/shahata/angular-debounce - * Takes a function, decorates it to execute only 1 time after multiple calls, and returns the decorated function - * @example - * <pre> - * var debouncedFunc = gridUtil.debounce(function(){alert('debounced');}, 500); - * debouncedFunc(); - * debouncedFunc(); - * debouncedFunc(); - * </pre> - */ - s.debounce = function (func, wait, immediate) { - var timeout, args, context, result; - function debounce() { - /* jshint validthis:true */ - context = this; - args = arguments; - var later = function () { - timeout = null; - if (!immediate) { - result = func.apply(context, args); - } - }; - var callNow = immediate && !timeout; - if (timeout) { - $timeout.cancel(timeout); - } - timeout = $timeout(later, wait); - if (callNow) { - result = func.apply(context, args); - } - return result; - } - debounce.cancel = function () { - $timeout.cancel(timeout); - timeout = null; - }; - return debounce; - }; - - /** - * @ngdoc method - * @name throttle - * @methodOf ui.grid.service:GridUtil - * - * @param {function} func function to throttle - * @param {number} wait milliseconds to delay after first trigger - * @param {Object} params to use in throttle. - * - * @returns {function} A function that can be executed as throttled function - * - * @description - * Adapted from debounce function (above) - * Potential keys for Params Object are: - * trailing (bool) - whether to trigger after throttle time ends if called multiple times - * @example - * <pre> - * var throttledFunc = gridUtil.throttle(function(){console.log('throttled');}, 500, {trailing: true}); - * throttledFunc(); //=> logs throttled - * throttledFunc(); //=> queues attempt to log throttled for ~500ms (since trailing param is truthy) - * throttledFunc(); //=> updates arguments to keep most-recent request, but does not do anything else. - * </pre> - */ - s.throttle = function(func, wait, options){ - options = options || {}; - var lastCall = 0, queued = null, context, args; - - function runFunc(endDate){ - lastCall = +new Date(); - func.apply(context, args); - $timeout(function(){ queued = null; }, 0); - } - - return function(){ - /* jshint validthis:true */ - context = this; - args = arguments; - if (queued === null){ - var sinceLast = +new Date() - lastCall; - if (sinceLast > wait){ - runFunc(); - } - else if (options.trailing){ - queued = $timeout(runFunc, wait - sinceLast); - } - } - }; - }; - - return s; -}]); - -// Add 'px' to the end of a number string if it doesn't have it already -module.filter('px', function() { - return function(str) { - if (str.match(/^[\d\.]+$/)) { - return str + 'px'; - } - else { - return str; - } - }; -}); - -})(); - -(function(){ - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('da', { - aggregate:{ - label: 'artikler' - }, - groupPanel:{ - description: 'Grupér rækker udfra en kolonne ved at trække dens overskift hertil.' - }, - search:{ - placeholder: 'Søg...', - showingItems: 'Viste rækker:', - selectedItems: 'Valgte rækker:', - totalItems: 'Rækker totalt:', - size: 'Side størrelse:', - first: 'Første side', - next: 'Næste side', - previous: 'Forrige side', - last: 'Sidste side' - }, - menu:{ - text: 'Vælg kolonner:' - }, - column: { - hide: 'Skjul kolonne' - }, - aggregation: { - count: 'samlede rækker: ', - sum: 'smalede: ', - avg: 'gns: ', - min: 'min: ', - max: 'max: ' - }, - gridMenu: { - columns: 'Columns:', - importerTitle: 'Import file', - exporterAllAsCsv: 'Export all data as csv', - exporterVisibleAsCsv: 'Export visible data as csv', - exporterSelectedAsCsv: 'Export selected data as csv', - exporterAllAsPdf: 'Export all data as pdf', - exporterVisibleAsPdf: 'Export visible data as pdf', - exporterSelectedAsPdf: 'Export selected data as pdf' - }, - importer: { - noHeaders: 'Column names were unable to be derived, does the file have a header?', - noObjects: 'Objects were not able to be derived, was there data in the file other than headers?', - invalidCsv: 'File was unable to be processed, is it valid CSV?', - invalidJson: 'File was unable to be processed, is it valid Json?', - jsonNotArray: 'Imported json file must contain an array, aborting.' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function ($provide) { - $provide.decorator('i18nService', ['$delegate', function ($delegate) { - $delegate.add('de', { - aggregate: { - label: 'eintrag' - }, - groupPanel: { - description: 'Ziehen Sie eine Spaltenüberschrift hierhin, um nach dieser Spalte zu gruppieren.' - }, - search: { - placeholder: 'Suche...', - showingItems: 'Zeige Einträge:', - selectedItems: 'Ausgewählte Einträge:', - totalItems: 'Einträge gesamt:', - size: 'Einträge pro Seite:', - first: 'Erste Seite', - next: 'Nächste Seite', - previous: 'Vorherige Seite', - last: 'Letzte Seite' - }, - menu: { - text: 'Spalten auswählen:' - }, - sort: { - ascending: 'aufsteigend sortieren', - descending: 'absteigend sortieren', - remove: 'Sortierung zurücksetzen' - }, - column: { - hide: 'Spalte ausblenden' - }, - aggregation: { - count: 'Zeilen insgesamt: ', - sum: 'gesamt: ', - avg: 'Durchschnitt: ', - min: 'min: ', - max: 'max: ' - }, - gridMenu: { - columns: 'Spalten:', - importerTitle: 'Datei importieren', - exporterAllAsCsv: 'Alle Daten als CSV exportieren', - exporterVisibleAsCsv: 'sichtbare Daten als CSV exportieren', - exporterSelectedAsCsv: 'markierte Daten als CSV exportieren', - exporterAllAsPdf: 'Alle Daten als PDF exportieren', - exporterVisibleAsPdf: 'sichtbare Daten als PDF exportieren', - exporterSelectedAsPdf: 'markierte Daten als CSV exportieren' - }, - importer: { - noHeaders: 'Es konnten keine Spaltennamen ermittelt werden. Sind in der Datei Spaltendefinitionen enthalten?', - noObjects: 'Es konnten keine Zeileninformationen gelesen werden, Sind in der Datei außer den Spaltendefinitionen auch Daten enthalten?', - invalidCsv: 'Die Datei konnte nicht eingelesen werden, ist es eine gültige CSV-Datei?', - invalidJson: 'Die Datei konnte nicht eingelesen werden. Enthält sie gültiges JSON?', - jsonNotArray: 'Die importierte JSON-Datei muß ein Array enthalten. Breche Import ab.' - } - }); - return $delegate; - }]); - }]); -})(); - -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('en', { - aggregate: { - label: 'items' - }, - groupPanel: { - description: 'Drag a column header here and drop it to group by that column.' - }, - search: { - placeholder: 'Search...', - showingItems: 'Showing Items:', - selectedItems: 'Selected Items:', - totalItems: 'Total Items:', - size: 'Page Size:', - first: 'First Page', - next: 'Next Page', - previous: 'Previous Page', - last: 'Last Page' - }, - menu: { - text: 'Choose Columns:' - }, - sort: { - ascending: 'Sort Ascending', - descending: 'Sort Descending', - remove: 'Remove Sort' - }, - column: { - hide: 'Hide Column' - }, - aggregation: { - count: 'total rows: ', - sum: 'total: ', - avg: 'avg: ', - min: 'min: ', - max: 'max: ' - }, - pinning: { - pinLeft: 'Pin Left', - pinRight: 'Pin Right', - unpin: 'Unpin' - }, - gridMenu: { - columns: 'Columns:', - importerTitle: 'Import file', - exporterAllAsCsv: 'Export all data as csv', - exporterVisibleAsCsv: 'Export visible data as csv', - exporterSelectedAsCsv: 'Export selected data as csv', - exporterAllAsPdf: 'Export all data as pdf', - exporterVisibleAsPdf: 'Export visible data as pdf', - exporterSelectedAsPdf: 'Export selected data as pdf' - }, - importer: { - noHeaders: 'Column names were unable to be derived, does the file have a header?', - noObjects: 'Objects were not able to be derived, was there data in the file other than headers?', - invalidCsv: 'File was unable to be processed, is it valid CSV?', - invalidJson: 'File was unable to be processed, is it valid Json?', - jsonNotArray: 'Imported json file must contain an array, aborting.' - }, - paging: { - sizes: 'items per page', - totalItems: 'items' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('es', { - aggregate: { - label: 'Artículos' - }, - groupPanel: { - description: 'Arrastre un encabezado de columna aquí y suéltelo para agrupar por esa columna.' - }, - search: { - placeholder: 'Buscar...', - showingItems: 'Artículos Mostrados:', - selectedItems: 'Artículos Seleccionados:', - totalItems: 'Artículos Totales:', - size: 'Tamaño de Página:', - first: 'Primera Página', - next: 'Página Siguiente', - previous: 'Página Anterior', - last: 'Última Página' - }, - menu: { - text: 'Elegir columnas:' - }, - sort: { - ascending: 'Orden Ascendente', - descending: 'Orden Descendente', - remove: 'Sin Ordenar' - }, - column: { - hide: 'Ocultar la columna' - }, - aggregation: { - count: 'filas totales: ', - sum: 'total: ', - avg: 'media: ', - min: 'min: ', - max: 'max: ' - }, - pinning: { - pinLeft: 'Fijar a la Izquierda', - pinRight: 'Fijar a la Derecha', - unpin: 'Quitar Fijación' - }, - gridMenu: { - columns: 'Columnas:', - importerTitle: 'Importar archivo', - exporterAllAsCsv: 'Exportar todo como csv', - exporterVisibleAsCsv: 'Exportar vista como csv', - exporterSelectedAsCsv: 'Exportar selección como csv', - exporterAllAsPdf: 'Exportar todo como pdf', - exporterVisibleAsPdf: 'Exportar vista como pdf', - exporterSelectedAsPdf: 'Exportar selección como pdf' - }, - importer: { - noHeaders: 'No fue posible derivar los nombres de las columnas, ¿tiene encabezados el archivo?', - noObjects: 'No fue posible obtener registros, ¿contiene datos el archivo, aparte de los encabezados?', - invalidCsv: 'No fue posible procesar el archivo, ¿es un CSV válido?', - invalidJson: 'No fue posible procesar el archivo, ¿es un Json válido?', - jsonNotArray: 'El archivo json importado debe contener un array, abortando.' - } - }); - return $delegate; - }]); -}]); -})(); - -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('fa', { - aggregate: { - label: 'موردها' - }, - groupPanel: { - description: 'یک عنوان ستون اینجا را بردار و به گروهی از آن ستون بیانداز.' - }, - search: { - placeholder: 'جستجو...', - showingItems: 'نمایش موردها:', - selectedItems: 'موردهای انتخاب\u200cشده:', - totalItems: 'همهٔ موردها:', - size: 'اندازهٔ صفحه:', - first: 'صفحهٔ اول', - next: 'صفحهٔ بعد', - previous: 'صفحهٔ قبل', - last: 'آخرین صفحه' - }, - menu: { - text: 'انتخاب ستون\u200cها:' - }, - column: { - hide: 'ستون پنهان کن' - }, - aggregation: { - count: 'total rows: ', - sum: 'total: ', - avg: 'avg: ', - min: 'min: ', - max: 'max: ' - }, - gridMenu: { - columns: 'Columns:', - importerTitle: 'Import file', - exporterAllAsCsv: 'Export all data as csv', - exporterVisibleAsCsv: 'Export visible data as csv', - exporterSelectedAsCsv: 'Export selected data as csv', - exporterAllAsPdf: 'Export all data as pdf', - exporterVisibleAsPdf: 'Export visible data as pdf', - exporterSelectedAsPdf: 'Export selected data as pdf' - }, - importer: { - noHeaders: 'Column names were unable to be derived, does the file have a header?', - noObjects: 'Objects were not able to be derived, was there data in the file other than headers?', - invalidCsv: 'File was unable to be processed, is it valid CSV?', - invalidJson: 'File was unable to be processed, is it valid Json?', - jsonNotArray: 'Imported json file must contain an array, aborting.' - } - }); - return $delegate; - }]); -}]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('fi', { - aggregate: { - label: 'rivit' - }, - groupPanel: { - description: 'Raahaa ja pudota otsikko tähän ryhmittääksesi sarakkeen mukaan.' - }, - search: { - placeholder: 'Hae...', - showingItems: 'Näytetään rivejä:', - selectedItems: 'Valitut rivit:', - totalItems: 'Rivejä yht.:', - size: 'Näytä:', - first: 'Ensimmäinen sivu', - next: 'Seuraava sivu', - previous: 'Edellinen sivu', - last: 'Viimeinen sivu' - }, - menu: { - text: 'Valitse sarakkeet:' - }, - sort: { - ascending: 'Järjestä nouseva', - descending: 'Järjestä laskeva', - remove: 'Poista järjestys' - }, - column: { - hide: 'Piilota sarake' - }, - aggregation: { - count: 'Rivejä yht.: ', - sum: 'Summa: ', - avg: 'K.a.: ', - min: 'Min: ', - max: 'Max: ' - }, - pinning: { - pinLeft: 'Lukitse vasemmalle', - pinRight: 'Lukitse oikealle', - unpin: 'Poista lukitus' - }, - gridMenu: { - columns: 'Sarakkeet:', - importerTitle: 'Tuo tiedosto', - exporterAllAsCsv: 'Vie tiedot csv-muodossa', - exporterVisibleAsCsv: 'Vie näkyvä tieto csv-muodossa', - exporterSelectedAsCsv: 'Vie valittu tieto csv-muodossa', - exporterAllAsPdf: 'Vie tiedot pdf-muodossa', - exporterVisibleAsPdf: 'Vie näkyvä tieto pdf-muodossa', - exporterSelectedAsPdf: 'Vie valittu tieto pdf-muodossa' - }, - importer: { - noHeaders: 'Sarakkeen nimiä ei voitu päätellä, onko tiedostossa otsikkoriviä?', - noObjects: 'Tietoja ei voitu lukea, onko tiedostossa muuta kuin otsikkot?', - invalidCsv: 'Tiedostoa ei voitu käsitellä, oliko se CSV-muodossa?', - invalidJson: 'Tiedostoa ei voitu käsitellä, oliko se JSON-muodossa?', - jsonNotArray: 'Tiedosto ei sisältänyt taulukkoa, lopetetaan.' - } - }); - return $delegate; - }]); - }]); -})(); - -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('fr', { - aggregate: { - label: 'articles' - }, - groupPanel: { - description: 'Faites glisser un en-tête de colonne ici et déposez-le vers un groupe par cette colonne.' - }, - search: { - placeholder: 'Recherche...', - showingItems: 'Articles Affichage des:', - selectedItems: 'Éléments Articles:', - totalItems: 'Nombre total d\'articles:', - size: 'Taille de page:', - first: 'Première page', - next: 'Page Suivante', - previous: 'Page précédente', - last: 'Dernière page' - }, - menu: { - text: 'Choisir des colonnes:' - }, - sort: { - ascending: 'Trier par ordre croissant', - descending: 'Trier par ordre décroissant', - remove: 'Enlever le tri' - }, - column: { - hide: 'Cacher la colonne' - }, - aggregation: { - count: 'total lignes: ', - sum: 'total: ', - avg: 'moy: ', - min: 'min: ', - max: 'max: ' - }, - pinning: { - pinLeft: 'Épingler à gauche', - pinRight: 'Épingler à droite', - unpin: 'Détacher' - }, - gridMenu: { - columns: 'Colonnes:', - importerTitle: 'Importer un fichier', - exporterAllAsCsv: 'Exporter toutes les données en CSV', - exporterVisibleAsCsv: 'Exporter les données visibles en CSV', - exporterSelectedAsCsv: 'Exporter les données sélectionnées en CSV', - exporterAllAsPdf: 'Exporter toutes les données en PDF', - exporterVisibleAsPdf: 'Exporter les données visibles en PDF', - exporterSelectedAsPdf: 'Exporter les données sélectionnées en PDF' - }, - importer: { - noHeaders: 'Impossible de déterminer le nom des colonnes, le fichier possède-t-il un en-tête ?', - noObjects: 'Aucun objet trouvé, le fichier possède-t-il des données autres que l\'en-tête ?', - invalidCsv: 'Le fichier n\'a pas pu être traité, le CSV est-il valide ?', - invalidJson: 'Le fichier n\'a pas pu être traité, le JSON est-il valide ?', - jsonNotArray: 'Le fichier JSON importé doit contenir un tableau. Abandon.' - } - }); - return $delegate; - }]); -}]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function ($provide) { - $provide.decorator('i18nService', ['$delegate', function ($delegate) { - $delegate.add('he', { - aggregate: { - label: 'items' - }, - groupPanel: { - description: 'גרור עמודה לכאן ושחרר בכדי לקבץ עמודה זו.' - }, - search: { - placeholder: 'חפש...', - showingItems: 'מציג:', - selectedItems: 'סה"כ נבחרו:', - totalItems: 'סה"כ רשומות:', - size: 'תוצאות בדף:', - first: 'דף ראשון', - next: 'דף הבא', - previous: 'דף קודם', - last: 'דף אחרון' - }, - menu: { - text: 'בחר עמודות:' - }, - sort: { - ascending: 'סדר עולה', - descending: 'סדר יורד', - remove: 'בטל' - }, - column: { - hide: 'טור הסתר' - }, - aggregation: { - count: 'total rows: ', - sum: 'total: ', - avg: 'avg: ', - min: 'min: ', - max: 'max: ' - }, - gridMenu: { - columns: 'Columns:', - importerTitle: 'Import file', - exporterAllAsCsv: 'Export all data as csv', - exporterVisibleAsCsv: 'Export visible data as csv', - exporterSelectedAsCsv: 'Export selected data as csv', - exporterAllAsPdf: 'Export all data as pdf', - exporterVisibleAsPdf: 'Export visible data as pdf', - exporterSelectedAsPdf: 'Export selected data as pdf' - }, - importer: { - noHeaders: 'Column names were unable to be derived, does the file have a header?', - noObjects: 'Objects were not able to be derived, was there data in the file other than headers?', - invalidCsv: 'File was unable to be processed, is it valid CSV?', - invalidJson: 'File was unable to be processed, is it valid Json?', - jsonNotArray: 'Imported json file must contain an array, aborting.' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('it', { - aggregate: { - label: 'elementi' - }, - groupPanel: { - description: 'Trascina un\'intestazione all\'interno del gruppo della colonna.' - }, - search: { - placeholder: 'Ricerca...', - showingItems: 'Mostra:', - selectedItems: 'Selezionati:', - totalItems: 'Totali:', - size: 'Tot Pagine:', - first: 'Prima', - next: 'Prossima', - previous: 'Precedente', - last: 'Ultima' - }, - menu: { - text: 'Scegli le colonne:' - }, - sort: { - ascending: 'Asc.', - descending: 'Desc.', - remove: 'Annulla ordinamento' - }, - column: { - hide: 'Nascondi' - }, - aggregation: { - count: 'righe totali: ', - sum: 'tot: ', - avg: 'media: ', - min: 'minimo: ', - max: 'massimo: ' - }, - pinning: { - pinLeft: 'Blocca a sx', - pinRight: 'Blocca a dx', - unpin: 'Blocca in alto' - }, - gridMenu: { - columns: 'Colonne:', - importerTitle: 'Importa', - exporterAllAsCsv: 'Esporta tutti i dati in CSV', - exporterVisibleAsCsv: 'Esporta i dati visibili in CSV', - exporterSelectedAsCsv: 'Esporta i dati selezionati in CSV', - exporterAllAsPdf: 'Esporta tutti i dati in PDF', - exporterVisibleAsPdf: 'Esporta i dati visibili in PDF', - exporterSelectedAsPdf: 'Esporta i dati selezionati in PDF' - }, - importer: { - noHeaders: 'Impossibile reperire i nomi delle colonne, sicuro che siano indicati all\'interno del file?', - noObjects: 'Impossibile reperire gli oggetti, sicuro che siano indicati all\'interno del file?', - invalidCsv: 'Impossibile elaborare il file, sicuro che sia un CSV?', - invalidJson: 'Impossibile elaborare il file, sicuro che sia un JSON valido?', - jsonNotArray: 'Errore! Il file JSON da importare deve contenere un array.' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('nl', { - aggregate: { - label: 'items' - }, - groupPanel: { - description: 'Sleep hier een kolomnaam heen om op te groeperen.' - }, - search: { - placeholder: 'Zoeken...', - showingItems: 'Getoonde items:', - selectedItems: 'Geselecteerde items:', - totalItems: 'Totaal aantal items:', - size: 'Items per pagina:', - first: 'Eerste pagina', - next: 'Volgende pagina', - previous: 'Vorige pagina', - last: 'Laatste pagina' - }, - menu: { - text: 'Kies kolommen:' - }, - sort: { - ascending: 'Sorteer oplopend', - descending: 'Sorteer aflopend', - remove: 'Verwijder sortering' - }, - column: { - hide: 'Verberg kolom' - }, - aggregation: { - count: 'Aantal rijen: ', - sum: 'Som: ', - avg: 'Gemiddelde: ', - min: 'Min: ', - max: 'Max: ' - }, - pinning: { - pinLeft: 'Zet links vast', - pinRight: 'Zet rechts vast', - unpin: 'Maak los' - }, - gridMenu: { - columns: 'Kolommen:', - importerTitle: 'Importeer bestand', - exporterAllAsCsv: 'Exporteer alle data als csv', - exporterVisibleAsCsv: 'Exporteer zichtbare data als csv', - exporterSelectedAsCsv: 'Exporteer geselecteerde data als csv', - exporterAllAsPdf: 'Exporteer alle data als pdf', - exporterVisibleAsPdf: 'Exporteer zichtbare data als pdf', - exporterSelectedAsPdf: 'Exporteer geselecteerde data als pdf' - }, - importer: { - noHeaders: 'Kolomnamen kunnen niet worden afgeleid. Heeft het bestand een header?', - noObjects: 'Objecten kunnen niet worden afgeleid. Bevat het bestand data naast de headers?', - invalidCsv: 'Het bestand kan niet verwerkt worden. Is het een valide csv bestand?', - invalidJson: 'Het bestand kan niet verwerkt worden. Is het valide json?', - jsonNotArray: 'Het json bestand moet een array bevatten. De actie wordt geannuleerd.' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('pt-br', { - aggregate: { - label: 'itens' - }, - groupPanel: { - description: 'Arraste e solte uma coluna aqui para agrupar por essa coluna' - }, - search: { - placeholder: 'Procurar...', - showingItems: 'Mostrando os Itens:', - selectedItems: 'Items Selecionados:', - totalItems: 'Total de Itens:', - size: 'Tamanho da Página:', - first: 'Primeira Página', - next: 'Próxima Página', - previous: 'Página Anterior', - last: 'Última Página' - }, - menu: { - text: 'Selecione as colunas:' - }, - sort: { - ascending: 'Ordenar Ascendente', - descending: 'Ordenar Descendente', - remove: 'Remover Ordenação' - }, - column: { - hide: 'Esconder coluna' - }, - aggregation: { - count: 'total de linhas: ', - sum: 'total: ', - avg: 'med: ', - min: 'min: ', - max: 'max: ' - }, - pinning: { - pinLeft: 'Fixar Esquerda', - pinRight: 'Fixar Direita', - unpin: 'Desprender' - }, - gridMenu: { - columns: 'Colunas:', - exporterAllAsCsv: 'Exportar todos os dados como csv', - exporterVisibleAsCsv: 'Exportar dados visíveis como csv', - exporterSelectedAsCsv: 'Exportar dados selecionados como csv', - exporterAllAsPdf: 'Exportar todos os dados como pdf', - exporterVisibleAsPdf: 'Exportar dados visíveis como pdf', - exporterSelectedAsPdf: 'Exportar dados selecionados como pdf' - }, - importer: { - noHeaders: 'Nomes de colunas não puderam ser derivados. O arquivo tem um cabeçalho?', - noObjects: 'Objetos não puderam ser derivados. Havia dados no arquivo, além dos cabeçalhos?', - invalidCsv: 'Arquivo não pode ser processado. É um CSV válido?', - invalidJson: 'Arquivo não pode ser processado. É um Json válido?', - jsonNotArray: 'Arquivo json importado tem que conter um array. Abortando.' - } - }); - return $delegate; - }]); -}]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('ru', { - aggregate: { - label: 'элементы' - }, - groupPanel: { - description: 'Для группировки по столбцу перетащите сюда его название.' - }, - search: { - placeholder: 'Поиск...', - showingItems: 'Показать элементы:', - selectedItems: 'Выбранные элементы:', - totalItems: 'Всего элементов:', - size: 'Размер страницы:', - first: 'Первая страница', - next: 'Следующая страница', - previous: 'Предыдущая страница', - last: 'Последняя страница' - }, - menu: { - text: 'Выбрать столбцы:' - }, - sort: { - ascending: 'По возрастанию', - descending: 'По убыванию', - remove: 'Убрать сортировку' - }, - column: { - hide: 'спрятать столбец' - }, - aggregation: { - count: 'total rows: ', - sum: 'total: ', - avg: 'avg: ', - min: 'min: ', - max: 'max: ' - }, - gridMenu: { - columns: 'Columns:', - importerTitle: 'Import file', - exporterAllAsCsv: 'Export all data as csv', - exporterVisibleAsCsv: 'Export visible data as csv', - exporterSelectedAsCsv: 'Export selected data as csv', - exporterAllAsPdf: 'Export all data as pdf', - exporterVisibleAsPdf: 'Export visible data as pdf', - exporterSelectedAsPdf: 'Export selected data as pdf' - }, - importer: { - noHeaders: 'Column names were unable to be derived, does the file have a header?', - noObjects: 'Objects were not able to be derived, was there data in the file other than headers?', - invalidCsv: 'File was unable to be processed, is it valid CSV?', - invalidJson: 'File was unable to be processed, is it valid Json?', - jsonNotArray: 'Imported json file must contain an array, aborting.' - } - }); - return $delegate; - }]); - }]); -})(); -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('sk', { - aggregate: { - label: 'items' - }, - groupPanel: { - description: 'Pretiahni sem názov stĺpca pre zoskupenie podľa toho stĺpca.' - }, - search: { - placeholder: 'Hľadaj...', - showingItems: 'Zobrazujem položky:', - selectedItems: 'Vybraté položky:', - totalItems: 'Počet položiek:', - size: 'Počet:', - first: 'Prvá strana', - next: 'Ďalšia strana', - previous: 'Predchádzajúca strana', - last: 'Posledná strana' - }, - menu: { - text: 'Vyberte stĺpce:' - }, - sort: { - ascending: 'Zotriediť vzostupne', - descending: 'Zotriediť zostupne', - remove: 'Vymazať triedenie' - }, - aggregation: { - count: 'total rows: ', - sum: 'total: ', - avg: 'avg: ', - min: 'min: ', - max: 'max: ' - }, - gridMenu: { - columns: 'Columns:', - importerTitle: 'Import file', - exporterAllAsCsv: 'Export all data as csv', - exporterVisibleAsCsv: 'Export visible data as csv', - exporterSelectedAsCsv: 'Export selected data as csv', - exporterAllAsPdf: 'Export all data as pdf', - exporterVisibleAsPdf: 'Export visible data as pdf', - exporterSelectedAsPdf: 'Export selected data as pdf' - }, - importer: { - noHeaders: 'Column names were unable to be derived, does the file have a header?', - noObjects: 'Objects were not able to be derived, was there data in the file other than headers?', - invalidCsv: 'File was unable to be processed, is it valid CSV?', - invalidJson: 'File was unable to be processed, is it valid Json?', - jsonNotArray: 'Imported json file must contain an array, aborting.' - } - }); - return $delegate; - }]); - }]); -})(); - -(function () { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('sv', { - aggregate: { - label: 'Artiklar' - }, - groupPanel: { - description: 'Dra en kolumnrubrik hit och släpp den för att gruppera efter den kolumnen.' - }, - search: { - placeholder: 'Sök...', - showingItems: 'Visar artiklar:', - selectedItems: 'Valda artiklar:', - totalItems: 'Antal artiklar:', - size: 'Sidstorlek:', - first: 'Första sidan', - next: 'Nästa sida', - previous: 'Föregående sida', - last: 'Sista sidan' - }, - menu: { - text: 'Välj kolumner:' - }, - sort: { - ascending: 'Sortera stigande', - descending: 'Sortera fallande', - remove: 'Inaktivera sortering' - }, - column: { - hide: 'Göm kolumn' - }, - aggregation: { - count: 'Antal rader: ', - sum: 'Summa: ', - avg: 'Genomsnitt: ', - min: 'Min: ', - max: 'Max: ' - }, - pinning: { - pinLeft: 'Fäst vänster', - pinRight: 'Fäst höger', - unpin: 'Lösgör' - }, - gridMenu: { - columns: 'Kolumner:', - importerTitle: 'Importera fil', - exporterAllAsCsv: 'Exportera all data som CSV', - exporterVisibleAsCsv: 'Exportera synlig data som CSV', - exporterSelectedAsCsv: 'Exportera markerad data som CSV', - exporterAllAsPdf: 'Exportera all data som PDF', - exporterVisibleAsPdf: 'Exportera synlig data som PDF', - exporterSelectedAsPdf: 'Exportera markerad data som PDF' - }, - importer: { - noHeaders: 'Kolumnnamn kunde inte härledas. Har filen ett sidhuvud?', - noObjects: 'Objekt kunde inte härledas. Har filen data undantaget sidhuvud?', - invalidCsv: 'Filen kunde inte behandlas, är den en giltig CSV?', - invalidJson: 'Filen kunde inte behandlas, är den en giltig JSON?', - jsonNotArray: 'Importerad JSON-fil måste innehålla ett fält. Import avbruten.' - }, - paging: { - sizes: 'Artiklar per sida', - totalItems: 'Artiklar' - } - }); - return $delegate; - }]); - }]); -})(); - -/** - * @ngdoc overview - * @name ui.grid.i18n - * @description - * - * # ui.grid.i18n - * This module provides i18n functions to ui.grid and any application that wants to use it - - * - * <div doc-module-components="ui.grid.i18n"></div> - */ - -(function () { - var DIRECTIVE_ALIASES = ['uiT', 'uiTranslate']; - var FILTER_ALIASES = ['t', 'uiTranslate']; - - var module = angular.module('ui.grid.i18n'); - - - /** - * @ngdoc object - * @name ui.grid.i18n.constant:i18nConstants - * - * @description constants available in i18n module - */ - module.constant('i18nConstants', { - MISSING: '[MISSING]', - UPDATE_EVENT: '$uiI18n', - - LOCALE_DIRECTIVE_ALIAS: 'uiI18n', - // default to english - DEFAULT_LANG: 'en' - }); - -// module.config(['$provide', function($provide) { -// $provide.decorator('i18nService', ['$delegate', function($delegate) {}])}]); - - /** - * @ngdoc service - * @name ui.grid.i18n.service:i18nService - * - * @description Services for i18n - */ - module.service('i18nService', ['$log', 'i18nConstants', '$rootScope', - function ($log, i18nConstants, $rootScope) { - - var langCache = { - _langs: {}, - current: null, - get: function (lang) { - return this._langs[lang.toLowerCase()]; - }, - add: function (lang, strings) { - var lower = lang.toLowerCase(); - if (!this._langs[lower]) { - this._langs[lower] = {}; - } - angular.extend(this._langs[lower], strings); - }, - getAllLangs: function () { - var langs = []; - if (!this._langs) { - return langs; - } - - for (var key in this._langs) { - langs.push(key); - } - - return langs; - }, - setCurrent: function (lang) { - this.current = lang.toLowerCase(); - }, - getCurrentLang: function () { - return this.current; - } - }; - - var service = { - - /** - * @ngdoc service - * @name add - * @methodOf ui.grid.i18n.service:i18nService - * @description Adds the languages and strings to the cache. Decorate this service to - * add more translation strings - * @param {string} lang language to add - * @param {object} stringMaps of strings to add grouped by property names - * @example - * <pre> - * i18nService.add('en', { - * aggregate: { - * label1: 'items', - * label2: 'some more items' - * } - * }, - * groupPanel: { - * description: 'Drag a column header here and drop it to group by that column.' - * } - * } - * </pre> - */ - add: function (langs, stringMaps) { - if (typeof(langs) === 'object') { - angular.forEach(langs, function (lang) { - if (lang) { - langCache.add(lang, stringMaps); - } - }); - } else { - langCache.add(langs, stringMaps); - } - }, - - /** - * @ngdoc service - * @name getAllLangs - * @methodOf ui.grid.i18n.service:i18nService - * @description return all currently loaded languages - * @returns {array} string - */ - getAllLangs: function () { - return langCache.getAllLangs(); - }, - - /** - * @ngdoc service - * @name get - * @methodOf ui.grid.i18n.service:i18nService - * @description return all currently loaded languages - * @param {string} lang to return. If not specified, returns current language - * @returns {object} the translation string maps for the language - */ - get: function (lang) { - var language = lang ? lang : service.getCurrentLang(); - return langCache.get(language); - }, - - /** - * @ngdoc service - * @name getSafeText - * @methodOf ui.grid.i18n.service:i18nService - * @description returns the text specified in the path or a Missing text if text is not found - * @param {string} path property path to use for retrieving text from string map - * @param {string} lang to return. If not specified, returns current language - * @returns {object} the translation for the path - * @example - * <pre> - * i18nService.getSafeText('sort.ascending') - * </pre> - */ - getSafeText: function (path, lang) { - var language = lang ? lang : service.getCurrentLang(); - var trans = langCache.get(language); - - if (!trans) { - return i18nConstants.MISSING; - } - - var paths = path.split('.'); - var current = trans; - - for (var i = 0; i < paths.length; ++i) { - if (current[paths[i]] === undefined || current[paths[i]] === null) { - return i18nConstants.MISSING; - } else { - current = current[paths[i]]; - } - } - - return current; - - }, - - /** - * @ngdoc service - * @name setCurrentLang - * @methodOf ui.grid.i18n.service:i18nService - * @description sets the current language to use in the application - * $broadcasts the Update_Event on the $rootScope - * @param {string} lang to set - * @example - * <pre> - * i18nService.setCurrentLang('fr'); - * </pre> - */ - - setCurrentLang: function (lang) { - if (lang) { - langCache.setCurrent(lang); - $rootScope.$broadcast(i18nConstants.UPDATE_EVENT); - } - }, - - /** - * @ngdoc service - * @name getCurrentLang - * @methodOf ui.grid.i18n.service:i18nService - * @description returns the current language used in the application - */ - getCurrentLang: function () { - var lang = langCache.getCurrentLang(); - if (!lang) { - lang = i18nConstants.DEFAULT_LANG; - langCache.setCurrent(lang); - } - return lang; - } - - }; - - return service; - - }]); - - var localeDirective = function (i18nService, i18nConstants) { - return { - compile: function () { - return { - pre: function ($scope, $elm, $attrs) { - var alias = i18nConstants.LOCALE_DIRECTIVE_ALIAS; - // check for watchable property - var lang = $scope.$eval($attrs[alias]); - if (lang) { - $scope.$watch($attrs[alias], function () { - i18nService.setCurrentLang(lang); - }); - } else if ($attrs.$$observers) { - $attrs.$observe(alias, function () { - i18nService.setCurrentLang($attrs[alias] || i18nConstants.DEFAULT_LANG); - }); - } - } - }; - } - }; - }; - - module.directive('uiI18n', ['i18nService', 'i18nConstants', localeDirective]); - - // directive syntax - var uitDirective = function ($parse, i18nService, i18nConstants) { - return { - restrict: 'EA', - compile: function () { - return { - pre: function ($scope, $elm, $attrs) { - var alias1 = DIRECTIVE_ALIASES[0], - alias2 = DIRECTIVE_ALIASES[1]; - var token = $attrs[alias1] || $attrs[alias2] || $elm.html(); - var missing = i18nConstants.MISSING + token; - var observer; - if ($attrs.$$observers) { - var prop = $attrs[alias1] ? alias1 : alias2; - observer = $attrs.$observe(prop, function (result) { - if (result) { - $elm.html($parse(result)(i18nService.getCurrentLang()) || missing); - } - }); - } - var getter = $parse(token); - var listener = $scope.$on(i18nConstants.UPDATE_EVENT, function (evt) { - if (observer) { - observer($attrs[alias1] || $attrs[alias2]); - } else { - // set text based on i18n current language - $elm.html(getter(i18nService.get()) || missing); - } - }); - $scope.$on('$destroy', listener); - - $elm.html(getter(i18nService.get()) || missing); - } - }; - } - }; - }; - - angular.forEach( DIRECTIVE_ALIASES, function ( alias ) { - module.directive( alias, ['$parse', 'i18nService', 'i18nConstants', uitDirective] ); - } ); - - // optional filter syntax - var uitFilter = function ($parse, i18nService, i18nConstants) { - return function (data) { - var getter = $parse(data); - // set text based on i18n current language - return getter(i18nService.get()) || i18nConstants.MISSING + data; - }; - }; - - angular.forEach( FILTER_ALIASES, function ( alias ) { - module.filter( alias, ['$parse', 'i18nService', 'i18nConstants', uitFilter] ); - } ); - - -})(); -(function() { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('zh-cn', { - aggregate: { - label: '行' - }, - groupPanel: { - description: '拖曳表头到此处进行分组' - }, - search: { - placeholder: '查找', - showingItems: '已显示行数：', - selectedItems: '已选择行数：', - totalItems: '总行数：', - size: '每页显示行数：', - first: '首页', - next: '下一页', - previous: '上一页', - last: '末页' - }, - menu: { - text: '选择列：' - }, - sort: { - ascending: '升序', - descending: '降序', - remove: '取消排序' - }, - column: { - hide: '隐藏列' - }, - aggregation: { - count: '计数：', - sum: '求和：', - avg: '均值：', - min: '最小值：', - max: '最大值：' - }, - pinning: { - pinLeft: '左侧固定', - pinRight: '右侧固定', - unpin: '取消固定' - }, - gridMenu: { - columns: '列：', - importerTitle: '导入文件', - exporterAllAsCsv: '导出全部数据到CSV', - exporterVisibleAsCsv: '导出可见数据到CSV', - exporterSelectedAsCsv: '导出已选数据到CSV', - exporterAllAsPdf: '导出全部数据到PDF', - exporterVisibleAsPdf: '导出可见数据到PDF', - exporterSelectedAsPdf: '导出已选数据到PDF' - }, - importer: { - noHeaders: '无法获取列名，确定文件包含表头？', - noObjects: '无法获取数据，确定文件包含数据？', - invalidCsv: '无法处理文件，确定是合法的CSV文件？', - invalidJson: '无法处理文件，确定是合法的JSON文件？', - jsonNotArray: '导入的文件不是JSON数组！' - } - }); - return $delegate; - }]); - }]); -})(); - -(function() { - angular.module('ui.grid').config(['$provide', function($provide) { - $provide.decorator('i18nService', ['$delegate', function($delegate) { - $delegate.add('zh-tw', { - aggregate: { - label: '行' - }, - groupPanel: { - description: '拖曳表頭到此處進行分組' - }, - search: { - placeholder: '查找', - showingItems: '已顯示行數：', - selectedItems: '已選擇行數：', - totalItems: '總行數：', - size: '每頁顯示行數：', - first: '首頁', - next: '下壹頁', - previous: '上壹頁', - last: '末頁' - }, - menu: { - text: '選擇列：' - }, - sort: { - ascending: '升序', - descending: '降序', - remove: '取消排序' - }, - column: { - hide: '隱藏列' - }, - aggregation: { - count: '計數：', - sum: '求和：', - avg: '均值：', - min: '最小值：', - max: '最大值：' - }, - pinning: { - pinLeft: '左側固定', - pinRight: '右側固定', - unpin: '取消固定' - }, - gridMenu: { - columns: '列：', - importerTitle: '導入文件', - exporterAllAsCsv: '導出全部數據到CSV', - exporterVisibleAsCsv: '導出可見數據到CSV', - exporterSelectedAsCsv: '導出已選數據到CSV', - exporterAllAsPdf: '導出全部數據到PDF', - exporterVisibleAsPdf: '導出可見數據到PDF', - exporterSelectedAsPdf: '導出已選數據到PDF' - }, - importer: { - noHeaders: '無法獲取列名，確定文件包含表頭？', - noObjects: '無法獲取數據，確定文件包含數據？', - invalidCsv: '無法處理文件，確定是合法的CSV文件？', - invalidJson: '無法處理文件，確定是合法的JSON文件？', - jsonNotArray: '導入的文件不是JSON數組！' - } - }); - return $delegate; - }]); - }]); -})(); - -(function() { - 'use strict'; - /** - * @ngdoc overview - * @name ui.grid.autoResize - * - * @description - * - * #ui.grid.autoResize - * This module provides auto-resizing functionality to ui-grid - * - */ - var module = angular.module('ui.grid.autoResize', ['ui.grid']); - - - module.directive('uiGridAutoResize', ['$timeout', 'gridUtil', function ($timeout, gridUtil) { - return { - require: 'uiGrid', - scope: false, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - var prevGridWidth, prevGridHeight; - - function getDimensions() { - prevGridHeight = gridUtil.elementHeight($elm); - prevGridWidth = gridUtil.elementWidth($elm); - } - - // Initialize the dimensions - getDimensions(); - - var canceler; - function startTimeout() { - $timeout.cancel(canceler); - - canceler = $timeout(function () { - var newGridHeight = gridUtil.elementHeight($elm); - var newGridWidth = gridUtil.elementWidth($elm); - - if (newGridHeight !== prevGridHeight || newGridWidth !== prevGridWidth) { - uiGridCtrl.grid.gridHeight = newGridHeight; - uiGridCtrl.grid.gridWidth = newGridWidth; - - uiGridCtrl.grid.refresh() - .then(function () { - getDimensions(); - - startTimeout(); - }); - } - else { - startTimeout(); - } - }, 250); - } - - startTimeout(); - - $scope.$on('$destroy', function() { - $timeout.cancel(canceler); - }); - } - }; - }]); -})(); -(function () { - 'use strict'; - var module = angular.module('ui.grid.cellNav', ['ui.grid']); - - function RowCol(row, col) { - this.row = row; - this.col = col; - } - - /** - * @ngdoc object - * @name ui.grid.cellNav.constant:uiGridCellNavConstants - * - * @description constants available in cellNav - */ - module.constant('uiGridCellNavConstants', { - FEATURE_NAME: 'gridCellNav', - CELL_NAV_EVENT: 'cellNav', - direction: {LEFT: 0, RIGHT: 1, UP: 2, DOWN: 3}, - EVENT_TYPE: { - KEYDOWN: 0, - CLICK: 1 - } - }); - - - module.factory('uiGridCellNavFactory', ['gridUtil', 'uiGridConstants', 'uiGridCellNavConstants', '$q', - function (gridUtil, uiGridConstants, uiGridCellNavConstants, $q) { - /** - * @ngdoc object - * @name ui.grid.cellNav.object:CellNav - * @description returns a CellNav prototype function - * @param {object} rowContainer container for rows - * @param {object} colContainer parent column container - * @param {object} leftColContainer column container to the left of parent - * @param {object} rightColContainer column container to the right of parent - */ - var UiGridCellNav = function UiGridCellNav(rowContainer, colContainer, leftColContainer, rightColContainer) { - this.rows = rowContainer.visibleRowCache; - this.columns = colContainer.visibleColumnCache; - this.leftColumns = leftColContainer ? leftColContainer.visibleColumnCache : []; - this.rightColumns = rightColContainer ? rightColContainer.visibleColumnCache : []; - }; - - /** returns focusable columns of all containers */ - UiGridCellNav.prototype.getFocusableCols = function () { - var allColumns = this.leftColumns.concat(this.columns, this.rightColumns); - - return allColumns.filter(function (col) { - return col.colDef.allowCellFocus; - }); - }; - - UiGridCellNav.prototype.getNextRowCol = function (direction, curRow, curCol) { - switch (direction) { - case uiGridCellNavConstants.direction.LEFT: - return this.getRowColLeft(curRow, curCol); - case uiGridCellNavConstants.direction.RIGHT: - return this.getRowColRight(curRow, curCol); - case uiGridCellNavConstants.direction.UP: - return this.getRowColUp(curRow, curCol); - case uiGridCellNavConstants.direction.DOWN: - return this.getRowColDown(curRow, curCol); - } - - }; - - UiGridCellNav.prototype.getRowColLeft = function (curRow, curCol) { - var focusableCols = this.getFocusableCols(); - var curColIndex = focusableCols.indexOf(curCol); - var curRowIndex = this.rows.indexOf(curRow); - - //could not find column in focusable Columns so set it to 1 - if (curColIndex === -1) { - curColIndex = 1; - } - - var nextColIndex = curColIndex === 0 ? focusableCols.length - 1 : curColIndex - 1; - - //get column to left - if (nextColIndex > curColIndex) { - if (curRowIndex === 0) { - return new RowCol(curRow, focusableCols[nextColIndex]); //return same row - } - else { - //up one row and far right column - return new RowCol(this.rows[curRowIndex - 1], focusableCols[nextColIndex]); - } - } - else { - return new RowCol(curRow, focusableCols[nextColIndex]); - } - }; - - UiGridCellNav.prototype.getRowColRight = function (curRow, curCol) { - var focusableCols = this.getFocusableCols(); - var curColIndex = focusableCols.indexOf(curCol); - var curRowIndex = this.rows.indexOf(curRow); - - //could not find column in focusable Columns so set it to 0 - if (curColIndex === -1) { - curColIndex = 0; - } - var nextColIndex = curColIndex === focusableCols.length - 1 ? 0 : curColIndex + 1; - - if (nextColIndex < curColIndex) { - if (curRowIndex === this.rows.length - 1) { - return new RowCol(curRow, focusableCols[nextColIndex]); //return same row - } - else { - //down one row and far left column - return new RowCol(this.rows[curRowIndex + 1], focusableCols[nextColIndex]); - } - } - else { - return new RowCol(curRow, focusableCols[nextColIndex]); - } - }; - - UiGridCellNav.prototype.getRowColDown = function (curRow, curCol) { - var focusableCols = this.getFocusableCols(); - var curColIndex = focusableCols.indexOf(curCol); - var curRowIndex = this.rows.indexOf(curRow); - - //could not find column in focusable Columns so set it to 0 - if (curColIndex === -1) { - curColIndex = 0; - } - - if (curRowIndex === this.rows.length - 1) { - return new RowCol(curRow, focusableCols[curColIndex]); //return same row - } - else { - //down one row - return new RowCol(this.rows[curRowIndex + 1], focusableCols[curColIndex]); - } - }; - - UiGridCellNav.prototype.getRowColUp = function (curRow, curCol) { - var focusableCols = this.getFocusableCols(); - var curColIndex = focusableCols.indexOf(curCol); - var curRowIndex = this.rows.indexOf(curRow); - - //could not find column in focusable Columns so set it to 0 - if (curColIndex === -1) { - curColIndex = 0; - } - - if (curRowIndex === 0) { - return new RowCol(curRow, focusableCols[curColIndex]); //return same row - } - else { - //up one row - return new RowCol(this.rows[curRowIndex - 1], focusableCols[curColIndex]); - } - }; - - return UiGridCellNav; - }]); - - /** - * @ngdoc service - * @name ui.grid.cellNav.service:uiGridCellNavService - * - * @description Services for cell navigation features. If you don't like the key maps we use, - * or the direction cells navigation, override with a service decorator (see angular docs) - */ - module.service('uiGridCellNavService', ['gridUtil', 'uiGridConstants', 'uiGridCellNavConstants', '$q', 'uiGridCellNavFactory', - function (gridUtil, uiGridConstants, uiGridCellNavConstants, $q, UiGridCellNav) { - - var service = { - - initializeGrid: function (grid) { - grid.registerColumnBuilder(service.cellNavColumnBuilder); - - //create variables for state - grid.cellNav = {}; - grid.cellNav.lastRowCol = null; - - /** - * @ngdoc object - * @name ui.grid.cellNav.api:PublicApi - * - * @description Public Api for cellNav feature - */ - var publicApi = { - events: { - cellNav: { - /** - * @ngdoc event - * @name navigate - * @eventOf ui.grid.cellNav.api:PublicApi - * @description raised when the active cell is changed - * <pre> - * gridApi.cellNav.on.navigate(scope,function(newRowcol, oldRowCol){}) - * </pre> - * @param {object} newRowCol new position - * @param {object} oldRowCol old position - */ - navigate: function (newRowCol, oldRowCol) { - } - } - }, - methods: { - cellNav: { - /** - * @ngdoc function - * @name scrollTo - * @methodOf ui.grid.cellNav.api:PublicApi - * @description brings the specified row and column into view - * @param {Grid} grid the grid you'd like to act upon, usually available - * from gridApi.grid - * @param {object} $scope a scope we can broadcast events from - * @param {object} rowEntity gridOptions.data[] array instance to make visible - * @param {object} colDef to make visible - */ - scrollTo: function (grid, $scope, rowEntity, colDef) { - service.scrollTo(grid, $scope, rowEntity, colDef); - }, - - /** - * @ngdoc function - * @name getFocusedCell - * @methodOf ui.grid.cellNav.api:PublicApi - * @description returns the current (or last if Grid does not have focus) focused row and column - * <br> value is null if no selection has occurred - */ - getFocusedCell: function () { - return grid.cellNav.lastRowCol; - } - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - - grid.api.registerMethodsFromObject(publicApi.methods); - - }, - - /** - * @ngdoc service - * @name decorateRenderContainers - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @description decorates grid renderContainers with cellNav functions - */ - decorateRenderContainers: function (grid) { - - var rightContainer = grid.hasRightContainer() ? grid.renderContainers.right : null; - var leftContainer = grid.hasLeftContainer() ? grid.renderContainers.left : null; - - if (leftContainer !== null) { - grid.renderContainers.left.cellNav = new UiGridCellNav(grid.renderContainers.body, leftContainer, rightContainer, grid.renderContainers.body); - } - if (rightContainer !== null) { - grid.renderContainers.right.cellNav = new UiGridCellNav(grid.renderContainers.body, rightContainer, grid.renderContainers.body, leftContainer); - } - - grid.renderContainers.body.cellNav = new UiGridCellNav(grid.renderContainers.body, grid.renderContainers.body, leftContainer, rightContainer); - }, - - /** - * @ngdoc service - * @name getDirection - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @description determines which direction to for a given keyDown event - * @returns {uiGridCellNavConstants.direction} direction - */ - getDirection: function (evt) { - if (evt.keyCode === uiGridConstants.keymap.LEFT || - (evt.keyCode === uiGridConstants.keymap.TAB && evt.shiftKey)) { - return uiGridCellNavConstants.direction.LEFT; - } - if (evt.keyCode === uiGridConstants.keymap.RIGHT || - evt.keyCode === uiGridConstants.keymap.TAB) { - return uiGridCellNavConstants.direction.RIGHT; - } - - if (evt.keyCode === uiGridConstants.keymap.UP || - (evt.keyCode === uiGridConstants.keymap.ENTER && evt.shiftKey)) { - return uiGridCellNavConstants.direction.UP; - } - - if (evt.keyCode === uiGridConstants.keymap.DOWN || - evt.keyCode === uiGridConstants.keymap.ENTER) { - return uiGridCellNavConstants.direction.DOWN; - } - - return null; - }, - - /** - * @ngdoc service - * @name cellNavColumnBuilder - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @description columnBuilder function that adds cell navigation properties to grid column - * @returns {promise} promise that will load any needed templates when resolved - */ - cellNavColumnBuilder: function (colDef, col, gridOptions) { - var promises = []; - - /** - * @ngdoc object - * @name ui.grid.cellNav.api:ColumnDef - * - * @description Column Definitions for cellNav feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions.columnDef gridOptions.columnDefs} - */ - - /** - * @ngdoc object - * @name allowCellFocus - * @propertyOf ui.grid.cellNav.api:ColumnDef - * @description Enable focus on a cell. - * <br/>Defaults to true - */ - colDef.allowCellFocus = colDef.allowCellFocus === undefined ? true : colDef.allowCellFocus; - - return $q.all(promises); - }, - - /** - * @ngdoc method - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @name scrollTo - * @description Scroll the grid such that the specified - * row and column is in view - * @param {Grid} grid the grid you'd like to act upon, usually available - * from gridApi.grid - * @param {object} $scope a scope we can broadcast events from - * @param {object} rowEntity gridOptions.data[] array instance to make visible - * @param {object} colDef to make visible - */ - scrollTo: function (grid, $scope, rowEntity, colDef) { - var gridRow = null, gridCol = null; - - if (rowEntity !== null) { - gridRow = grid.getRow(rowEntity); - } - - if (colDef !== null) { - gridCol = grid.getColumn(colDef.name ? colDef.name : colDef.field); - } - this.scrollToInternal(grid, $scope, gridRow, gridCol); - }, - - /** - * @ngdoc method - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @name scrollToInternal - * @description Like scrollTo, but takes gridRow and gridCol. - * In calculating the scroll height we have to deal with wanting - * 0% for the first row, and 100% for the last row. Normal maths - * for a 10 row list would return 1/10 = 10% for the first row, so - * we need to tweak the numbers to add an extra 10% somewhere. The - * formula if we're trying to get to row 0 in a 10 row list (assuming our - * index is zero based, so the last row is row 9) is: - * <pre> - * 0 + 0 / 10 = 0% - * </pre> - * - * To get to row 9 (i.e. the last row) in the same list, we want to - * go to: - * <pre> - * ( 9 + 1 ) / 10 = 100% - * </pre> - * So we need to apportion one whole row within the overall grid scroll, - * the formula is: - * <pre> - * ( index + ( index / (total rows - 1) ) / total rows - * </pre> - * @param {Grid} grid the grid you'd like to act upon, usually available - * from gridApi.grid - * @param {object} $scope a scope we can broadcast events from - * @param {GridRow} gridRow row to make visible - * @param {GridCol} gridCol column to make visible - */ - scrollToInternal: function (grid, $scope, gridRow, gridCol) { - var args = {}; - - if (gridRow !== null) { - var seekRowIndex = grid.renderContainers.body.visibleRowCache.indexOf(gridRow); - var totalRows = grid.renderContainers.body.visibleRowCache.length; - var percentage = ( seekRowIndex + ( seekRowIndex / ( totalRows - 1 ) ) ) / totalRows; - args.y = { percentage: percentage }; - } - - if (gridCol !== null) { - args.x = { percentage: this.getLeftWidth(grid, gridCol) / this.getLeftWidth(grid, grid.renderContainers.body.visibleColumnCache[grid.renderContainers.body.visibleColumnCache.length - 1] ) }; - } - - if (args.y || args.x) { - $scope.$broadcast(uiGridConstants.events.GRID_SCROLL, args); - } - }, - - /** - * @ngdoc method - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @name scrollToIfNecessary - * @description Scrolls the grid to make a certain row and column combo visible, - * in the case that it is not completely visible on the screen already. - * @param {Grid} grid the grid you'd like to act upon, usually available - * from gridApi.grid - * @param {object} $scope a scope we can broadcast events from - * @param {GridRow} gridRow row to make visible - * @param {GridCol} gridCol column to make visible - */ - scrollToIfNecessary: function (grid, $scope, gridRow, gridCol) { - var args = {}; - - // Alias the visible row and column caches - var visRowCache = grid.renderContainers.body.visibleRowCache; - var visColCache = grid.renderContainers.body.visibleColumnCache; - - /*-- Get the top, left, right, and bottom "scrolled" edges of the grid --*/ - - // The top boundary is the current Y scroll position PLUS the header height, because the header can obscure rows when the grid is scrolled downwards - var topBound = grid.renderContainers.body.prevScrollTop + grid.headerHeight; - - // Don't the let top boundary be less than 0 - topBound = (topBound < 0) ? 0 : topBound; - - // The left boundary is the current X scroll position - var leftBound = grid.renderContainers.body.prevScrollLeft; - - // The bottom boundary is the current Y scroll position, plus the height of the grid, but minus the header height. - // Basically this is the viewport height added on to the scroll position - var bottomBound = grid.renderContainers.body.prevScrollTop + grid.gridHeight - grid.headerHeight; - - // If there's a horizontal scrollbar, remove its height from the bottom boundary, otherwise we'll be letting it obscure rows - if (grid.horizontalScrollbarHeight) { - bottomBound = bottomBound - grid.horizontalScrollbarHeight; - } - - // The right position is the current X scroll position minus the grid width - var rightBound = grid.renderContainers.body.prevScrollLeft + grid.gridWidth; - - // If there's a vertical scrollbar, subtract it from the right boundary or we'll allow it to obscure cells - if (grid.verticalScrollbarWidth) { - rightBound = rightBound - grid.verticalScrollbarWidth; - } - - // We were given a row to scroll to - if (gridRow !== null) { - // This is the index of the row we want to scroll to, within the list of rows that can be visible - var seekRowIndex = visRowCache.indexOf(gridRow); - - // Total vertical scroll length of the grid - var scrollLength = (grid.renderContainers.body.getCanvasHeight() - grid.renderContainers.body.getViewportHeight()); - - // Add the height of the native horizontal scrollbar to the scroll length, if it's there. Otherwise it will mask over the final row - if (grid.horizontalScrollbarHeight && grid.horizontalScrollbarHeight > 0) { - scrollLength = scrollLength + grid.horizontalScrollbarHeight; - } - - // This is the minimum amount of pixels we need to scroll vertical in order to see this row. - var pixelsToSeeRow = ((seekRowIndex + 1) * grid.options.rowHeight); - - // Don't let the pixels required to see the row be less than zero - pixelsToSeeRow = (pixelsToSeeRow < 0) ? 0 : pixelsToSeeRow; - - var scrollPixels, percentage; - - // If the scroll position we need to see the row is LESS than the top boundary, i.e. obscured above the top of the grid... - if (pixelsToSeeRow < topBound) { - // Get the different between the top boundary and the required scroll position and subtract it from the current scroll position\ - // to get the full position we need - scrollPixels = grid.renderContainers.body.prevScrollTop - (topBound - pixelsToSeeRow); - - // Turn the scroll position into a percentage and make it an argument for a scroll event - percentage = scrollPixels / scrollLength; - args.y = { percentage: percentage }; - } - // Otherwise if the scroll position we need to see the row is MORE than the bottom boundary, i.e. obscured below the bottom of the grid... - else if (pixelsToSeeRow > bottomBound) { - // Get the different between the bottom boundary and the required scroll position and add it to the current scroll position - // to get the full position we need - scrollPixels = pixelsToSeeRow - bottomBound + grid.renderContainers.body.prevScrollTop; - - // Turn the scroll position into a percentage and make it an argument for a scroll event - percentage = scrollPixels / scrollLength; - args.y = { percentage: percentage }; - } - } - - // We were given a column to scroll to - if (gridCol !== null) { - // This is the index of the row we want to scroll to, within the list of rows that can be visible - var seekColumnIndex = visColCache.indexOf(gridCol); - - // Total vertical scroll length of the grid - var horizScrollLength = (grid.renderContainers.body.getCanvasWidth() - grid.renderContainers.body.getViewportWidth()); - - // Add the height of the native horizontal scrollbar to the scroll length, if it's there. Otherwise it will mask over the final row - // if (grid.verticalScrollbarWidth && grid.verticalScrollbarWidth > 0) { - // horizScrollLength = horizScrollLength + grid.verticalScrollbarWidth; - // } - - // This is the minimum amount of pixels we need to scroll vertical in order to see this column - var columnLeftEdge = 0; - for (var i = 0; i < seekColumnIndex; i++) { - var col = visColCache[i]; - columnLeftEdge += col.drawnWidth; - } - columnLeftEdge = (columnLeftEdge < 0) ? 0 : columnLeftEdge; - - var columnRightEdge = columnLeftEdge + gridCol.drawnWidth; - - // Don't let the pixels required to see the column be less than zero - columnRightEdge = (columnRightEdge < 0) ? 0 : columnRightEdge; - - var horizScrollPixels, horizPercentage; - - // If the scroll position we need to see the row is LESS than the top boundary, i.e. obscured above the top of the grid... - if (columnLeftEdge < leftBound) { - // Get the different between the top boundary and the required scroll position and subtract it from the current scroll position\ - // to get the full position we need - horizScrollPixels = grid.renderContainers.body.prevScrollLeft - (leftBound - columnLeftEdge); - - // Turn the scroll position into a percentage and make it an argument for a scroll event - horizPercentage = horizScrollPixels / horizScrollLength; - horizPercentage = (horizPercentage > 1) ? 1 : horizPercentage; - args.x = { percentage: horizPercentage }; - } - // Otherwise if the scroll position we need to see the row is MORE than the bottom boundary, i.e. obscured below the bottom of the grid... - else if (columnRightEdge > rightBound) { - // Get the different between the bottom boundary and the required scroll position and add it to the current scroll position - // to get the full position we need - horizScrollPixels = columnRightEdge - rightBound + grid.renderContainers.body.prevScrollLeft; - - // Turn the scroll position into a percentage and make it an argument for a scroll event - horizPercentage = horizScrollPixels / horizScrollLength; - horizPercentage = (horizPercentage > 1) ? 1 : horizPercentage; - args.x = { percentage: horizPercentage }; - } - } - - // If we need to scroll on either the x or y axes, fire a scroll event - if (args.y || args.x) { - $scope.$broadcast(uiGridConstants.events.GRID_SCROLL, args); - } - }, - - /** - * @ngdoc method - * @methodOf ui.grid.cellNav.service:uiGridCellNavService - * @name getLeftWidth - * @description Get the current drawn width of the columns in the - * grid up to the numbered column, and add an apportionment for the - * column that we're on. So if we are on column 0, we want to scroll - * 0% (i.e. exclude this column from calc). If we're on the last column - * we want to scroll to 100% (i.e. include this column in the calc). So - * we include (thisColIndex / totalNumberCols) % of this column width - * @param {Grid} grid the grid you'd like to act upon, usually available - * from gridApi.grid - * @param {gridCol} upToCol the column to total up to and including - */ - getLeftWidth: function (grid, upToCol) { - var width = 0; - - if (!upToCol) { - return width; - } - - var lastIndex = grid.renderContainers.body.visibleColumnCache.indexOf( upToCol ); - - // total column widths up-to but not including the passed in column - grid.renderContainers.body.visibleColumnCache.forEach( function( col, index ) { - if ( index < lastIndex ){ - width += col.drawnWidth; - } - }); - - // pro-rata the final column based on % of total columns. - var percentage = lastIndex === 0 ? 0 : (lastIndex + 1) / grid.renderContainers.body.visibleColumnCache.length; - width += upToCol.drawnWidth * percentage; - - return width; - } - }; - - return service; - }]); - - /** - * @ngdoc directive - * @name ui.grid.cellNav.directive:uiCellNav - * @element div - * @restrict EA - * - * @description Adds cell navigation features to the grid columns - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.cellNav']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - - $scope.columnDefs = [ - {name: 'name'}, - {name: 'title'} - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-cellnav></div> - </div> - </file> - </example> - */ - module.directive('uiGridCellnav', ['gridUtil', 'uiGridCellNavService', 'uiGridCellNavConstants', - function (gridUtil, uiGridCellNavService, uiGridCellNavConstants) { - return { - replace: true, - priority: -150, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - - var grid = uiGridCtrl.grid; - uiGridCellNavService.initializeGrid(grid); - - uiGridCtrl.cellNav = {}; - - uiGridCtrl.cellNav.focusCell = function (row, col) { - uiGridCtrl.cellNav.broadcastCellNav({ row: row, col: col }); - }; - - // gridUtil.logDebug('uiGridEdit preLink'); - uiGridCtrl.cellNav.broadcastCellNav = function (newRowCol) { - $scope.$broadcast(uiGridCellNavConstants.CELL_NAV_EVENT, newRowCol); - uiGridCtrl.cellNav.broadcastFocus(newRowCol); - }; - - uiGridCtrl.cellNav.broadcastFocus = function (rowCol) { - var row = rowCol.row, - col = rowCol.col; - - if (grid.cellNav.lastRowCol === null || (grid.cellNav.lastRowCol.row !== row || grid.cellNav.lastRowCol.col !== col)) { - var newRowCol = new RowCol(row, col); - grid.api.cellNav.raise.navigate(newRowCol, grid.cellNav.lastRowCol); - grid.cellNav.lastRowCol = newRowCol; - } - }; - - uiGridCtrl.cellNav.handleKeyDown = function (evt) { - var direction = uiGridCellNavService.getDirection(evt); - if (direction === null) { - return true; - } - - var containerId = 'body'; - if (evt.uiGridTargetRenderContainerId) { - containerId = evt.uiGridTargetRenderContainerId; - } - - // Get the last-focused row+col combo - var lastRowCol = uiGridCtrl.grid.api.cellNav.getFocusedCell(); - if (lastRowCol) { - // Figure out which new row+combo we're navigating to - var rowCol = uiGridCtrl.grid.renderContainers[containerId].cellNav.getNextRowCol(direction, lastRowCol.row, lastRowCol.col); - - rowCol.eventType = uiGridCellNavConstants.EVENT_TYPE.KEYDOWN; - - // Broadcast the navigation - uiGridCtrl.cellNav.broadcastCellNav(rowCol); - - // Scroll to the new cell, if it's not completely visible within the render container's viewport - uiGridCellNavService.scrollToIfNecessary(grid, $scope, rowCol.row, rowCol.col); - - evt.stopPropagation(); - evt.preventDefault(); - - return false; - } - }; - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - module.directive('uiGridRenderContainer', ['$timeout', '$document', 'gridUtil', 'uiGridConstants', 'uiGridCellNavService', 'uiGridCellNavConstants', - function ($timeout, $document, gridUtil, uiGridConstants, uiGridCellNavService, uiGridCellNavConstants) { - return { - replace: true, - priority: -99999, //this needs to run very last - require: ['^uiGrid', 'uiGridRenderContainer'], - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - }, - post: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl = controllers[0], - renderContainerCtrl = controllers[1]; - - var containerId = renderContainerCtrl.containerId; - - var grid = uiGridCtrl.grid; - - // Needs to run last after all renderContainers are built - uiGridCellNavService.decorateRenderContainers(grid); - - // Let the render container be focus-able - $elm.attr("tabindex", -1); - - // Bind to keydown events in the render container - $elm.on('keydown', function (evt) { - evt.uiGridTargetRenderContainerId = containerId; - return uiGridCtrl.cellNav.handleKeyDown(evt); - }); - - // When there's a scroll event we need to make sure to re-focus the right row, because the cell contents may have changed - $scope.$on(uiGridConstants.events.GRID_SCROLL, function (evt, args) { - // Skip if there's no currently-focused cell - if (uiGridCtrl.grid.api.cellNav.getFocusedCell() == null) { - return; - } - - // We have to wrap in TWO timeouts so that we run AFTER the scroll event is resolved. - $timeout(function () { - $timeout(function () { - // Get the last row+col combo - var lastRowCol = uiGridCtrl.grid.api.cellNav.getFocusedCell(); - - // If the body element becomes active, re-focus on the render container so we can capture cellNav events again. - // NOTE: this happens when we navigate LET from the left-most cell (RIGHT from the right-most) and have to re-render a new - // set of cells. The cell element we are navigating to doesn't exist and focus gets lost. This will re-capture it, imperfectly... - if ($document.activeElement === $document.body) { - $elm[0].focus(); - } - - // Re-broadcast a cellNav event so we re-focus the right cell - uiGridCtrl.cellNav.broadcastCellNav(lastRowCol); - }); - }); - }); - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.cellNav.directive:uiGridCell - * @element div - * @restrict A - * @description Stacks on top of ui.grid.uiGridCell to provide cell navigation - */ - module.directive('uiGridCell', ['$timeout', '$document', 'uiGridCellNavService', 'gridUtil', 'uiGridCellNavConstants', 'uiGridConstants', - function ($timeout, $document, uiGridCellNavService, gridUtil, uiGridCellNavConstants, uiGridConstants) { - return { - priority: -150, // run after default uiGridCell directive and ui.grid.edit uiGridCell - restrict: 'A', - require: '^uiGrid', - scope: false, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - if (!$scope.col.colDef.allowCellFocus) { - return; - } - - setTabEnabled(); - - // When a cell is clicked, broadcast a cellNav event saying that this row+col combo is now focused - $elm.find('div').on('click', function (evt) { - uiGridCtrl.cellNav.broadcastCellNav(new RowCol($scope.row, $scope.col)); - - evt.stopPropagation(); - }); - - // This event is fired for all cells. If the cell matches, then focus is set - $scope.$on(uiGridCellNavConstants.CELL_NAV_EVENT, function (evt, rowCol) { - if (rowCol.row === $scope.row && - rowCol.col === $scope.col) { - setFocused(); - - // This cellNav event came from a keydown event so we can safely refocus - if (rowCol.hasOwnProperty('eventType') && rowCol.eventType === uiGridCellNavConstants.EVENT_TYPE.KEYDOWN) { - $elm.find('div')[0].focus(); - } - } - else { - clearFocus(); - } - }); - - function setTabEnabled() { - $elm.find('div').attr("tabindex", -1); - } - - function setFocused() { - var div = $elm.find('div'); - div.addClass('ui-grid-cell-focus'); - } - - function clearFocus() { - var div = $elm.find('div'); - div.removeClass('ui-grid-cell-focus'); - } - - $scope.$on('$destroy', function () { - $elm.find('div').off('click'); - }); - } - }; - }]); - -})(); -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.edit - * @description - * - * # ui.grid.edit - * This module provides cell editing capability to ui.grid. The goal was to emulate keying data in a spreadsheet via - * a keyboard. - * <br/> - * <br/> - * To really get the full spreadsheet-like data entry, the ui.grid.cellNav module should be used. This will allow the - * user to key data and then tab, arrow, or enter to the cells beside or below. - * - * <div doc-module-components="ui.grid.edit"></div> - */ - - var module = angular.module('ui.grid.edit', ['ui.grid']); - - /** - * @ngdoc object - * @name ui.grid.edit.constant:uiGridEditConstants - * - * @description constants available in edit module - */ - module.constant('uiGridEditConstants', { - EDITABLE_CELL_TEMPLATE: /EDITABLE_CELL_TEMPLATE/g, - //must be lowercase because template bulder converts to lower - EDITABLE_CELL_DIRECTIVE: /editable_cell_directive/g, - events: { - BEGIN_CELL_EDIT: 'uiGridEventBeginCellEdit', - END_CELL_EDIT: 'uiGridEventEndCellEdit', - CANCEL_CELL_EDIT: 'uiGridEventCancelCellEdit' - } - }); - - /** - * @ngdoc service - * @name ui.grid.edit.service:uiGridEditService - * - * @description Services for editing features - */ - module.service('uiGridEditService', ['$q', '$templateCache', 'uiGridConstants', 'gridUtil', - function ($q, $templateCache, uiGridConstants, gridUtil) { - - var service = { - - initializeGrid: function (grid) { - - service.defaultGridOptions(grid.options); - - grid.registerColumnBuilder(service.editColumnBuilder); - - /** - * @ngdoc object - * @name ui.grid.edit.api:PublicApi - * - * @description Public Api for edit feature - */ - var publicApi = { - events: { - edit: { - /** - * @ngdoc event - * @name afterCellEdit - * @eventOf ui.grid.edit.api:PublicApi - * @description raised when cell editing is complete - * <pre> - * gridApi.edit.on.afterCellEdit(scope,function(rowEntity, colDef){}) - * </pre> - * @param {object} rowEntity the options.data element that was edited - * @param {object} colDef the column that was edited - * @param {object} newValue new value - * @param {object} oldValue old value - */ - afterCellEdit: function (rowEntity, colDef, newValue, oldValue) { - }, - /** - * @ngdoc event - * @name beginCellEdit - * @eventOf ui.grid.edit.api:PublicApi - * @description raised when cell editing starts on a cell - * <pre> - * gridApi.edit.on.beginCellEdit(scope,function(rowEntity, colDef){}) - * </pre> - * @param {object} rowEntity the options.data element that was edited - * @param {object} colDef the column that was edited - */ - beginCellEdit: function (rowEntity, colDef) { - }, - /** - * @ngdoc event - * @name cancelCellEdit - * @eventOf ui.grid.edit.api:PublicApi - * @description raised when cell editing is cancelled on a cell - * <pre> - * gridApi.edit.on.cancelCellEdit(scope,function(rowEntity, colDef){}) - * </pre> - * @param {object} rowEntity the options.data element that was edited - * @param {object} colDef the column that was edited - */ - cancelCellEdit: function (rowEntity, colDef) { - } - } - }, - methods: { - edit: { } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - //grid.api.registerMethodsFromObject(publicApi.methods); - - }, - - defaultGridOptions: function (gridOptions) { - - /** - * @ngdoc object - * @name ui.grid.edit.api:GridOptions - * - * @description Options for configuring the edit feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enableCellEdit - * @propertyOf ui.grid.edit.api:GridOptions - * @description If defined, sets the default value for the editable flag on each individual colDefs - * if their individual enableCellEdit configuration is not defined. Defaults to undefined. - */ - - /** - * @ngdoc object - * @name cellEditableCondition - * @propertyOf ui.grid.edit.api:GridOptions - * @description If specified, either a value or function to be used by all columns before editing. - * If falsy, then editing of cell is not allowed. - * @example - * <pre> - * function($scope){ - * //use $scope.row.entity and $scope.col.colDef to determine if editing is allowed - * return true; - * } - * </pre> - */ - gridOptions.cellEditableCondition = gridOptions.cellEditableCondition === undefined ? true : gridOptions.cellEditableCondition; - - /** - * @ngdoc object - * @name editableCellTemplate - * @propertyOf ui.grid.edit.api:GridOptions - * @description If specified, cellTemplate to use as the editor for all columns. - * <br/> defaults to 'ui-grid/cellTextEditor' - */ - - /** - * @ngdoc object - * @name enableCellEditOnFocus - * @propertyOf ui.grid.edit.api:GridOptions - * @description If true, then editor is invoked as soon as cell receives focus. Default false. - * <br/>_requires cellNav feature and the edit feature to be enabled_ - */ - //enableCellEditOnFocus can only be used if cellnav module is used - gridOptions.enableCellEditOnFocus = gridOptions.enableCellEditOnFocus === undefined ? false : gridOptions.enableCellEditOnFocus; - }, - - /** - * @ngdoc service - * @name editColumnBuilder - * @methodOf ui.grid.edit.service:uiGridEditService - * @description columnBuilder function that adds edit properties to grid column - * @returns {promise} promise that will load any needed templates when resolved - */ - editColumnBuilder: function (colDef, col, gridOptions) { - - var promises = []; - - /** - * @ngdoc object - * @name ui.grid.edit.api:ColumnDef - * - * @description Column Definition for edit feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions.columnDef gridOptions.columnDefs} - */ - - /** - * @ngdoc object - * @name enableCellEdit - * @propertyOf ui.grid.edit.api:ColumnDef - * @description enable editing on column - */ - colDef.enableCellEdit = colDef.enableCellEdit === undefined ? (gridOptions.enableCellEdit === undefined ? - (colDef.type !== 'object') : gridOptions.enableCellEdit) : colDef.enableCellEdit; - - /** - * @ngdoc object - * @name cellEditableCondition - * @propertyOf ui.grid.edit.api:ColumnDef - * @description If specified, either a value or function evaluated before editing cell. If falsy, then editing of cell is not allowed. - * @example - * <pre> - * function($scope){ - * //use $scope.row.entity and $scope.col.colDef to determine if editing is allowed - * return true; - * } - * </pre> - */ - colDef.cellEditableCondition = colDef.cellEditableCondition === undefined ? gridOptions.cellEditableCondition : colDef.cellEditableCondition; - - /** - * @ngdoc object - * @name editableCellTemplate - * @propertyOf ui.grid.edit.api:ColumnDef - * @description cell template to be used when editing this column. Can be Url or text template - * <br/>Defaults to gridOptions.editableCellTemplate - */ - if (colDef.enableCellEdit) { - colDef.editableCellTemplate = colDef.editableCellTemplate || gridOptions.editableCellTemplate || 'ui-grid/cellEditor'; - - promises.push(gridUtil.getTemplate(colDef.editableCellTemplate) - .then( - function (template) { - col.editableCellTemplate = template; - }, - function (res) { - // Todo handle response error here? - throw new Error("Couldn't fetch/use colDef.editableCellTemplate '" + colDef.editableCellTemplate + "'"); - })); - } - - /** - * @ngdoc object - * @name enableCellEditOnFocus - * @propertyOf ui.grid.edit.api:ColumnDef - * @requires ui.grid.cellNav - * @description If true, then editor is invoked as soon as cell receives focus. Default false. - * <br>_requires both the cellNav feature and the edit feature to be enabled_ - */ - //enableCellEditOnFocus can only be used if cellnav module is used - colDef.enableCellEditOnFocus = colDef.enableCellEditOnFocus === undefined ? gridOptions.enableCellEditOnFocus : colDef.enableCellEditOnFocus; - - return $q.all(promises); - }, - - /** - * @ngdoc service - * @name isStartEditKey - * @methodOf ui.grid.edit.service:uiGridEditService - * @description Determines if a keypress should start editing. Decorate this service to override with your - * own key events. See service decorator in angular docs. - * @param {Event} evt keydown event - * @returns {boolean} true if an edit should start - */ - isStartEditKey: function (evt) { - if (evt.keyCode === uiGridConstants.keymap.LEFT || - (evt.keyCode === uiGridConstants.keymap.TAB && evt.shiftKey) || - - evt.keyCode === uiGridConstants.keymap.RIGHT || - evt.keyCode === uiGridConstants.keymap.TAB || - - evt.keyCode === uiGridConstants.keymap.UP || - (evt.keyCode === uiGridConstants.keymap.ENTER && evt.shiftKey) || - - evt.keyCode === uiGridConstants.keymap.DOWN || - evt.keyCode === uiGridConstants.keymap.ENTER) { - return false; - - } - return true; - } - - - }; - - return service; - - }]); - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:uiGridEdit - * @element div - * @restrict A - * - * @description Adds editing features to the ui-grid directive. - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.edit']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - - $scope.columnDefs = [ - {name: 'name', enableCellEdit: true}, - {name: 'title', enableCellEdit: true} - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-edit></div> - </div> - </file> - </example> - */ - module.directive('uiGridEdit', ['gridUtil', 'uiGridEditService', function (gridUtil, uiGridEditService) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridEditService.initializeGrid(uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:uiGridCell - * @element div - * @restrict A - * - * @description Stacks on top of ui.grid.uiGridCell to provide in-line editing capabilities to the cell - * Editing Actions. - * - * Binds edit start events to the uiGridCell element. When the events fire, the gridCell element is appended - * with the columnDef.editableCellTemplate element ('cellEditor.html' by default). - * - * The editableCellTemplate should respond to uiGridEditConstants.events.BEGIN\_CELL\_EDIT angular event - * and do the initial steps needed to edit the cell (setfocus on input element, etc). - * - * When the editableCellTemplate recognizes that the editing is ended (blur event, Enter key, etc.) - * it should emit the uiGridEditConstants.events.END\_CELL\_EDIT event. - * - * If editableCellTemplate recognizes that the editing has been cancelled (esc key) - * it should emit the uiGridEditConstants.events.CANCEL\_CELL\_EDIT event. The original value - * will be set back on the model by the uiGridCell directive. - * - * Events that invoke editing: - * - dblclick - * - F2 keydown (when using cell selection) - * - * Events that end editing: - * - Dependent on the specific editableCellTemplate - * - Standards should be blur and enter keydown - * - * Events that cancel editing: - * - Dependent on the specific editableCellTemplate - * - Standards should be Esc keydown - * - * Grid Events that end editing: - * - uiGridConstants.events.GRID_SCROLL - * - */ - module.directive('uiGridCell', - ['$compile', '$injector', 'uiGridConstants', 'uiGridEditConstants', 'gridUtil', '$parse', 'uiGridEditService', - function ($compile, $injector, uiGridConstants, uiGridEditConstants, gridUtil, $parse, uiGridEditService) { - return { - priority: -100, // run after default uiGridCell directive - restrict: 'A', - scope: false, - require: '?^uiGrid', - link: function ($scope, $elm, $attrs, uiGridCtrl) { - if (!$scope.col.colDef.enableCellEdit) { - return; - } - - var html; - var origCellValue; - var inEdit = false; - var isFocusedBeforeEdit = false; - var cellModel; - - registerBeginEditEvents(); - - function registerBeginEditEvents() { - $elm.on('dblclick', beginEdit); - $elm.on('keydown', beginEditKeyDown); - if ($scope.col.colDef.enableCellEditOnFocus) { - $elm.find('div').on('focus', beginEditFocus); - } - } - - function cancelBeginEditEvents() { - $elm.off('dblclick', beginEdit); - $elm.off('keydown', beginEditKeyDown); - if ($scope.col.colDef.enableCellEditOnFocus) { - $elm.find('div').off('focus', beginEditFocus); - } - } - - function beginEditFocus(evt) { - // gridUtil.logDebug('begin edit'); - if (uiGridCtrl && uiGridCtrl.cellNav) { - // NOTE(c0bra): This is causing a loop where focusCell causes beginEditFocus to be called.... - uiGridCtrl.cellNav.focusCell($scope.row, $scope.col); - } - - evt.stopPropagation(); - beginEdit(); - } - - // If the cellNagv module is installed and we can get the uiGridCellNavConstants value injected, - // then if the column has enableCellEditOnFocus set to true, we need to listen for cellNav events - // to this cell and start editing when the "focus" reaches us - try { - var uiGridCellNavConstants = $injector.get('uiGridCellNavConstants'); - - if ($scope.col.colDef.enableCellEditOnFocus) { - $scope.$on(uiGridCellNavConstants.CELL_NAV_EVENT, function (evt, rowCol) { - if (rowCol.row === $scope.row && rowCol.col === $scope.col) { - beginEdit(); - } - else { - endEdit(); - } - }); - } - } - catch (e) {} - - function beginEditKeyDown(evt) { - if (uiGridEditService.isStartEditKey(evt)) { - beginEdit(); - } - } - - function shouldEdit(col, row) { - return !row.isSaving && - ( angular.isFunction(col.colDef.cellEditableCondition) ? - col.colDef.cellEditableCondition($scope) : - col.colDef.cellEditableCondition ); - } - - - /** - * @ngdoc property - * @name editDropdownOptionsArray - * @propertyOf ui.grid.edit.api:ColumnDef - * @description an array of values in the format - * [ {id: xxx, value: xxx} ], which is populated - * into the edit dropdown - * - */ - /** - * @ngdoc property - * @name editDropdownIdLabel - * @propertyOf ui.grid.edit.api:ColumnDef - * @description the label for the "id" field - * in the editDropdownOptionsArray. Defaults - * to 'id' - * @example - * <pre> - * $scope.gridOptions = { - * columnDefs: [ - * {name: 'status', editableCellTemplate: 'ui-grid/dropdownEditor', - * editDropdownOptionsArray: [{code: 1, status: 'active'}, {code: 2, status: 'inactive'}], - * editDropdownIdLabel: 'code', editDropdownValueLabel: 'status' } - * ], - * </pre> - * - */ - /** - * @ngdoc property - * @name editDropdownValueLabel - * @propertyOf ui.grid.edit.api:ColumnDef - * @description the label for the "value" field - * in the editDropdownOptionsArray. Defaults - * to 'value' - * @example - * <pre> - * $scope.gridOptions = { - * columnDefs: [ - * {name: 'status', editableCellTemplate: 'ui-grid/dropdownEditor', - * editDropdownOptionsArray: [{code: 1, status: 'active'}, {code: 2, status: 'inactive'}], - * editDropdownIdLabel: 'code', editDropdownValueLabel: 'status' } - * ], - * </pre> - * - */ - /** - * @ngdoc property - * @name editDropdownFilter - * @propertyOf ui.grid.edit.api:ColumnDef - * @description A filter that you would like to apply to the values in the options list - * of the dropdown. For example if you were using angular-translate you might set this - * to `'translate'` - * @example - * <pre> - * $scope.gridOptions = { - * columnDefs: [ - * {name: 'status', editableCellTemplate: 'ui-grid/dropdownEditor', - * editDropdownOptionsArray: [{code: 1, status: 'active'}, {code: 2, status: 'inactive'}], - * editDropdownIdLabel: 'code', editDropdownValueLabel: 'status', editDropdownFilter: 'translate' } - * ], - * </pre> - * - */ - function beginEdit() { - // If we are already editing, then just skip this so we don't try editing twice... - if (inEdit) { - return; - } - - if (!shouldEdit($scope.col, $scope.row)) { - return; - } - - cellModel = $parse($scope.row.getQualifiedColField($scope.col)); - //get original value from the cell - origCellValue = cellModel($scope); - - html = $scope.col.editableCellTemplate; - html = html.replace(uiGridConstants.MODEL_COL_FIELD, $scope.row.getQualifiedColField($scope.col)); - - var optionFilter = $scope.col.colDef.editDropdownFilter ? '|' + $scope.col.colDef.editDropdownFilter : ''; - html = html.replace(uiGridConstants.CUSTOM_FILTERS, optionFilter); - - $scope.inputType = 'text'; - switch ($scope.col.colDef.type){ - case 'boolean': - $scope.inputType = 'checkbox'; - break; - case 'number': - $scope.inputType = 'number'; - break; - case 'date': - $scope.inputType = 'date'; - break; - } - - $scope.editDropdownOptionsArray = $scope.col.colDef.editDropdownOptionsArray; - $scope.editDropdownIdLabel = $scope.col.colDef.editDropdownIdLabel ? $scope.col.colDef.editDropdownIdLabel : 'id'; - $scope.editDropdownValueLabel = $scope.col.colDef.editDropdownValueLabel ? $scope.col.colDef.editDropdownValueLabel : 'value'; - - var cellElement; - $scope.$apply(function () { - inEdit = true; - cancelBeginEditEvents(); - var cellElement = angular.element(html); - $elm.append(cellElement); - $compile(cellElement)($scope.$new()); - var gridCellContentsEl = angular.element($elm.children()[0]); - isFocusedBeforeEdit = gridCellContentsEl.hasClass('ui-grid-cell-focus'); - gridCellContentsEl.addClass('ui-grid-cell-contents-hidden'); - }); - - //stop editing when grid is scrolled - var deregOnGridScroll = $scope.$on(uiGridConstants.events.GRID_SCROLL, function () { - endEdit(true); - $scope.grid.api.edit.raise.afterCellEdit($scope.row.entity, $scope.col.colDef, cellModel($scope), origCellValue); - deregOnGridScroll(); - }); - - //end editing - var deregOnEndCellEdit = $scope.$on(uiGridEditConstants.events.END_CELL_EDIT, function (evt, retainFocus) { - endEdit(retainFocus); - $scope.grid.api.edit.raise.afterCellEdit($scope.row.entity, $scope.col.colDef, cellModel($scope), origCellValue); - deregOnEndCellEdit(); - }); - - //cancel editing - var deregOnCancelCellEdit = $scope.$on(uiGridEditConstants.events.CANCEL_CELL_EDIT, function () { - cancelEdit(); - deregOnCancelCellEdit(); - }); - - $scope.$broadcast(uiGridEditConstants.events.BEGIN_CELL_EDIT); - $scope.grid.api.edit.raise.beginCellEdit($scope.row.entity, $scope.col.colDef); - } - - function endEdit(retainFocus) { - if (!inEdit) { - return; - } - var gridCellContentsEl = angular.element($elm.children()[0]); - //remove edit element - angular.element($elm.children()[1]).remove(); - gridCellContentsEl.removeClass('ui-grid-cell-contents-hidden'); - if (retainFocus && isFocusedBeforeEdit) { - gridCellContentsEl[0].focus(); - } - isFocusedBeforeEdit = false; - inEdit = false; - registerBeginEditEvents(); - $scope.grid.api.core.notifyDataChange( $scope.grid, uiGridConstants.dataChange.EDIT ); - } - - function cancelEdit() { - if (!inEdit) { - return; - } - cellModel.assign($scope, origCellValue); - $scope.$apply(); - - $scope.grid.api.edit.raise.cancelCellEdit($scope.row.entity, $scope.col.colDef); - endEdit(true); - } - - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:uiGridEditor - * @element div - * @restrict A - * - * @description input editor directive for editable fields. - * Provides EndEdit and CancelEdit events - * - * Events that end editing: - * blur and enter keydown - * - * Events that cancel editing: - * - Esc keydown - * - */ - module.directive('uiGridEditor', - ['uiGridConstants', 'uiGridEditConstants', - function (uiGridConstants, uiGridEditConstants) { - return { - scope: true, - require: ['?^uiGrid', '?^uiGridRenderContainer'], - compile: function () { - return { - pre: function ($scope, $elm, $attrs) { - - }, - post: function ($scope, $elm, $attrs, controllers) { - var uiGridCtrl, renderContainerCtrl; - if (controllers[0]) { uiGridCtrl = controllers[0]; } - if (controllers[1]) { renderContainerCtrl = controllers[1]; } - - //set focus at start of edit - $scope.$on(uiGridEditConstants.events.BEGIN_CELL_EDIT, function () { - $elm[0].focus(); - $elm[0].select(); - $elm.on('blur', function (evt) { - $scope.stopEdit(evt); - }); - }); - - - $scope.deepEdit = false; - - $scope.stopEdit = function (evt) { - if ($scope.inputForm && !$scope.inputForm.$valid) { - evt.stopPropagation(); - $scope.$emit(uiGridEditConstants.events.CANCEL_CELL_EDIT); - } - else { - $scope.$emit(uiGridEditConstants.events.END_CELL_EDIT); - } - $scope.deepEdit = false; - }; - - $elm.on('click', function (evt) { - $scope.deepEdit = true; - }); - - $elm.on('keydown', function (evt) { - switch (evt.keyCode) { - case uiGridConstants.keymap.ESC: - evt.stopPropagation(); - $scope.$emit(uiGridEditConstants.events.CANCEL_CELL_EDIT); - break; - case uiGridConstants.keymap.ENTER: // Enter (Leave Field) - $scope.stopEdit(evt); - break; - case uiGridConstants.keymap.TAB: - $scope.stopEdit(evt); - break; - } - - if ($scope.deepEdit) { - switch (evt.keyCode) { - case uiGridConstants.keymap.LEFT: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.RIGHT: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.UP: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.DOWN: - evt.stopPropagation(); - break; - } - } - // Pass the keydown event off to the cellNav service, if it exists - else if (uiGridCtrl && uiGridCtrl.hasOwnProperty('cellNav') && renderContainerCtrl) { - evt.uiGridTargetRenderContainerId = renderContainerCtrl.containerId; - uiGridCtrl.cellNav.handleKeyDown(evt); - } - - return true; - }); - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:input - * @element input - * @restrict E - * - * @description directive to provide binding between input[date] value and ng-model for angular 1.2 - * It is similar to input[date] directive of angular 1.3 - * - * Supported date format for input is 'yyyy-MM-dd' - * The directive will set the $valid property of input element and the enclosing form to false if - * model is invalid date or value of input is entered wrong. - * - */ - module.directive('input', ['$filter', function ($filter) { - function parseDateString(dateString) { - if (typeof(dateString) === 'undefined' || dateString === '') { - return null; - } - var parts = dateString.split('-'); - if (parts.length !== 3) { - return null; - } - var year = parseInt(parts[0], 10); - var month = parseInt(parts[1], 10); - var day = parseInt(parts[2], 10); - - if (month < 1 || year < 1 || day < 1) { - return null; - } - return new Date(year, (month - 1), day); - } - return { - restrict: 'E', - require: '?ngModel', - link: function (scope, element, attrs, ngModel) { - - if (angular.version.minor === 2 && attrs.type && attrs.type === 'date' && ngModel) { - - ngModel.$formatters.push(function (modelValue) { - ngModel.$setValidity(null,(!modelValue || !isNaN(modelValue.getTime()))); - return $filter('date')(modelValue, 'yyyy-MM-dd'); - }); - - ngModel.$parsers.push(function (viewValue) { - if (viewValue && viewValue.length > 0) { - var dateValue = parseDateString(viewValue); - ngModel.$setValidity(null, (dateValue && !isNaN(dateValue.getTime()))); - return dateValue; - } - else { - ngModel.$setValidity(null, true); - return null; - } - }); - } - } - }; - }]); - - - /** - * @ngdoc directive - * @name ui.grid.edit.directive:uiGridEditDropdown - * @element div - * @restrict A - * - * @description dropdown editor for editable fields. - * Provides EndEdit and CancelEdit events - * - * Events that end editing: - * blur and enter keydown, and any left/right nav - * - * Events that cancel editing: - * - Esc keydown - * - */ - module.directive('uiGridEditDropdown', - ['uiGridConstants', 'uiGridEditConstants', - function (uiGridConstants, uiGridEditConstants) { - return { - scope: true, - compile: function () { - return { - pre: function ($scope, $elm, $attrs) { - - }, - post: function ($scope, $elm, $attrs) { - - //set focus at start of edit - $scope.$on(uiGridEditConstants.events.BEGIN_CELL_EDIT, function () { - $elm[0].focus(); - $elm[0].style.width = ($elm[0].parentElement.offsetWidth - 1) + 'px'; - $elm.on('blur', function (evt) { - $scope.stopEdit(evt); - }); - }); - - - $scope.stopEdit = function (evt) { - // no need to validate a dropdown - invalid values shouldn't be - // available in the list - $scope.$emit(uiGridEditConstants.events.END_CELL_EDIT); - }; - - $elm.on('keydown', function (evt) { - switch (evt.keyCode) { - case uiGridConstants.keymap.ESC: - evt.stopPropagation(); - $scope.$emit(uiGridEditConstants.events.CANCEL_CELL_EDIT); - break; - case uiGridConstants.keymap.ENTER: // Enter (Leave Field) - $scope.stopEdit(evt); - break; - case uiGridConstants.keymap.LEFT: - $scope.stopEdit(evt); - break; - case uiGridConstants.keymap.RIGHT: - $scope.stopEdit(evt); - break; - case uiGridConstants.keymap.UP: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.DOWN: - evt.stopPropagation(); - break; - case uiGridConstants.keymap.TAB: - $scope.stopEdit(evt); - break; - } - return true; - }); - } - }; - } - }; - }]); - -})(); - -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.expandable - * @description - * - * # ui.grid.expandable - * This module provides the ability to create subgrids with the ability to expand a row - * to show the subgrid. - * - * <div doc-module-components="ui.grid.expandable"></div> - */ - var module = angular.module('ui.grid.expandable', ['ui.grid']); - - /** - * @ngdoc service - * @name ui.grid.edit.service:uiGridExpandableService - * - * @description Services for the expandable grid - */ - module.service('uiGridExpandableService', ['gridUtil', '$compile', function (gridUtil, $compile) { - var service = { - initializeGrid: function (grid) { - - /** - * @ngdoc object - * @name enableExpandable - * @propertyOf ui.grid.expandable.api:GridOptions - * @description Whether or not to use expandable feature, allows you to turn off expandable on specific grids - * within your application, or in specific modes on _this_ grid. Defaults to true. - * @example - * <pre> - * $scope.gridOptions = { - * enableExpandable: false - * } - * </pre> - */ - grid.options.enableExpandable = grid.options.enableExpandable !== false; - - /** - * @ngdoc object - * @name expandableRowHeight - * @propertyOf ui.grid.expandable.api:GridOptions - * @description Height in pixels of the expanded subgrid. Defaults to - * 150 - * @example - * <pre> - * $scope.gridOptions = { - * expandableRowHeight: 150 - * } - * </pre> - */ - grid.options.expandableRowHeight = grid.options.expandableRowHeight || 150; - - /** - * @ngdoc object - * @name expandableRowTemplate - * @propertyOf ui.grid.expandable.api:GridOptions - * @description Mandatory. The template for your expanded row - * @example - * <pre> - * $scope.gridOptions = { - * expandableRowTemplate: 'expandableRowTemplate.html' - * } - * </pre> - */ - if ( grid.options.enableExpandable && !grid.options.expandableRowTemplate ){ - gridUtil.logError( 'You have not set the expandableRowTemplate, disabling expandable module' ); - grid.options.enableExpandable = false; - } - - /** - * @ngdoc object - * @name ui.grid.expandable.api:PublicApi - * - * @description Public Api for expandable feature - */ - /** - * @ngdoc object - * @name ui.grid.expandable.api:GridOptions - * - * @description Options for configuring the expandable feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - var publicApi = { - events: { - expandable: { - /** - * @ngdoc event - * @name rowExpandedStateChanged - * @eventOf ui.grid.expandable.api:PublicApi - * @description raised when cell editing is complete - * <pre> - * gridApi.expandable.on.rowExpandedStateChanged(scope,function(row){}) - * </pre> - * @param {GridRow} row the row that was expanded - */ - rowExpandedStateChanged: function (scope, row) { - } - } - }, - - methods: { - expandable: { - /** - * @ngdoc method - * @name toggleRowExpansion - * @methodOf ui.grid.expandable.api:PublicApi - * @description Toggle a specific row - * <pre> - * gridApi.expandable.toggleRowExpansion(rowEntity); - * </pre> - * @param {object} rowEntity the data entity for the row you want to expand - */ - toggleRowExpansion: function (rowEntity) { - var row = grid.getRow(rowEntity); - if (row !== null) { - service.toggleRowExpansion(grid, row); - } - }, - - /** - * @ngdoc method - * @name expandAllRows - * @methodOf ui.grid.expandable.api:PublicApi - * @description Expand all subgrids. - * <pre> - * gridApi.expandable.expandAllRows(); - * </pre> - */ - expandAllRows: function() { - service.expandAllRows(grid); - }, - - /** - * @ngdoc method - * @name collapseAllRows - * @methodOf ui.grid.expandable.api:PublicApi - * @description Collapse all subgrids. - * <pre> - * gridApi.expandable.collapseAllRows(); - * </pre> - */ - collapseAllRows: function() { - service.collapseAllRows(grid); - } - } - } - }; - grid.api.registerEventsFromObject(publicApi.events); - grid.api.registerMethodsFromObject(publicApi.methods); - }, - - toggleRowExpansion: function (grid, row) { - row.isExpanded = !row.isExpanded; - - if (row.isExpanded) { - row.height = row.grid.options.rowHeight + grid.options.expandableRowHeight; - } - else { - row.height = row.grid.options.rowHeight; - } - - grid.api.expandable.raise.rowExpandedStateChanged(row); - }, - - expandAllRows: function(grid, $scope) { - angular.forEach(grid.renderContainers.body.visibleRowCache, function(row) { - if (!row.isExpanded) { - service.toggleRowExpansion(grid, row); - } - }); - grid.refresh(); - }, - - collapseAllRows: function(grid) { - angular.forEach(grid.renderContainers.body.visibleRowCache, function(row) { - if (row.isExpanded) { - service.toggleRowExpansion(grid, row); - } - }); - grid.refresh(); - } - }; - return service; - }]); - - /** - * @ngdoc object - * @name enableExpandableRowHeader - * @propertyOf ui.grid.expandable.api:GridOptions - * @description Show a rowHeader to provide the expandable buttons. If set to false then implies - * you're going to use a custom method for expanding and collapsing the subgrids. Defaults to true. - * @example - * <pre> - * $scope.gridOptions = { - * enableExpandableRowHeader: false - * } - * </pre> - */ - module.directive('uiGridExpandable', ['uiGridExpandableService', '$templateCache', - function (uiGridExpandableService, $templateCache) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - if ( uiGridCtrl.grid.options.enableExpandableRowHeader !== false ) { - var expandableRowHeaderColDef = {name: 'expandableButtons', width: 40}; - expandableRowHeaderColDef.cellTemplate = $templateCache.get('ui-grid/expandableRowHeader'); - uiGridCtrl.grid.addRowHeaderColumn(expandableRowHeaderColDef); - } - uiGridExpandableService.initializeGrid(uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - module.directive('uiGridExpandableRow', - ['uiGridExpandableService', '$timeout', '$compile', 'uiGridConstants','gridUtil','$interval', '$log', - function (uiGridExpandableService, $timeout, $compile, uiGridConstants, gridUtil, $interval, $log) { - - return { - replace: false, - priority: 0, - scope: false, - - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - gridUtil.getTemplate($scope.grid.options.expandableRowTemplate).then( - function (template) { - if ($scope.grid.options.expandableRowScope) { - var expandableRowScope = $scope.grid.options.expandableRowScope; - for (var property in expandableRowScope) { - if (expandableRowScope.hasOwnProperty(property)) { - $scope[property] = expandableRowScope[property]; - } - } - } - var expandedRowElement = $compile(template)($scope); - $elm.append(expandedRowElement); - $scope.row.expandedRendered = true; - }); - }, - - post: function ($scope, $elm, $attrs, uiGridCtrl) { - $scope.$on('$destroy', function() { - $scope.row.expandedRendered = false; - }); - } - }; - } - }; - }]); - - module.directive('uiGridRow', - ['$compile', 'gridUtil', '$templateCache', - function ($compile, gridUtil, $templateCache) { - return { - priority: -200, - scope: false, - compile: function ($elm, $attrs) { - return { - pre: function ($scope, $elm, $attrs, controllers) { - - $scope.expandableRow = {}; - - $scope.expandableRow.shouldRenderExpand = function () { - var ret = $scope.colContainer.name === 'body' && $scope.grid.options.enableExpandable !== false && $scope.row.isExpanded && (!$scope.grid.isScrollingVertically || $scope.row.expandedRendered); - return ret; - }; - - $scope.expandableRow.shouldRenderFiller = function () { - var ret = $scope.row.isExpanded && ( $scope.colContainer.name !== 'body' || ($scope.grid.isScrollingVertically && !$scope.row.expandedRendered)); - return ret; - }; - - function updateRowContainerWidth() { - var grid = $scope.grid; - var colWidth = 0; - angular.forEach(grid.columns, function (column) { - if (column.renderContainer === 'left') { - colWidth += column.width; - } - }); - colWidth = Math.floor(colWidth); - return '.grid' + grid.id + ' .ui-grid-pinned-container-' + $scope.colContainer.name + ', .grid' + grid.id + - ' .ui-grid-pinned-container-' + $scope.colContainer.name + ' .ui-grid-render-container-' + $scope.colContainer.name + - ' .ui-grid-viewport .ui-grid-canvas .ui-grid-row { width: ' + colWidth + 'px; }'; - } - - if ($scope.colContainer.name === 'left') { - $scope.grid.registerStyleComputation({ - priority: 15, - func: updateRowContainerWidth - }); - } - - }, - post: function ($scope, $elm, $attrs, controllers) { - } - }; - } - }; - }]); - - module.directive('uiGridViewport', - ['$compile', 'gridUtil', '$templateCache', - function ($compile, gridUtil, $templateCache) { - return { - priority: -200, - scope: false, - compile: function ($elm, $attrs) { - var rowRepeatDiv = angular.element($elm.children().children()[0]); - var expandedRowFillerElement = $templateCache.get('ui-grid/expandableScrollFiller'); - var expandedRowElement = $templateCache.get('ui-grid/expandableRow'); - rowRepeatDiv.append(expandedRowElement); - rowRepeatDiv.append(expandedRowFillerElement); - return { - pre: function ($scope, $elm, $attrs, controllers) { - }, - post: function ($scope, $elm, $attrs, controllers) { - } - }; - } - }; - }]); - -})(); - -/* global console */ - -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.exporter - * @description - * - * # ui.grid.exporter - * This module provides the ability to exporter data from the grid. - * - * Data can be exported in a range of formats, and all data, visible - * data, or selected rows can be exported, with all columns or visible - * columns. - * - * No UI is provided, the caller should provide their own UI/buttons - * as appropriate, or enable the gridMenu - * - * <br/> - * <br/> - * - * <div doc-module-components="ui.grid.exporter"></div> - */ - - var module = angular.module('ui.grid.exporter', ['ui.grid']); - - /** - * @ngdoc object - * @name ui.grid.exporter.constant:uiGridExporterConstants - * - * @description constants available in exporter module - */ - /** - * @ngdoc property - * @propertyOf ui.grid.exporter.constant:uiGridExporterConstants - * @name ALL - * @description export all data, including data not visible. Can - * be set for either rowTypes or colTypes - */ - /** - * @ngdoc property - * @propertyOf ui.grid.exporter.constant:uiGridExporterConstants - * @name VISIBLE - * @description export only visible data, including data not visible. Can - * be set for either rowTypes or colTypes - */ - /** - * @ngdoc property - * @propertyOf ui.grid.exporter.constant:uiGridExporterConstants - * @name SELECTED - * @description export all data, including data not visible. Can - * be set only for rowTypes, selection of only some columns is - * not supported - */ - module.constant('uiGridExporterConstants', { - featureName: 'exporter', - ALL: 'all', - VISIBLE: 'visible', - SELECTED: 'selected', - CSV_CONTENT: 'CSV_CONTENT', - LINK_LABEL: 'LINK_LABEL', - BUTTON_LABEL: 'BUTTON_LABEL' - }); - - /** - * @ngdoc service - * @name ui.grid.exporter.service:uiGridExporterService - * - * @description Services for exporter feature - */ - module.service('uiGridExporterService', ['$q', 'uiGridExporterConstants', 'uiGridSelectionConstants', 'gridUtil', '$compile', '$interval', 'i18nService', - function ($q, uiGridExporterConstants, uiGridSelectionConstants, gridUtil, $compile, $interval, i18nService) { - - var service = { - - initializeGrid: function (grid) { - - //add feature namespace and any properties to grid for needed state - grid.exporter = {}; - this.defaultGridOptions(grid.options); - - /** - * @ngdoc object - * @name ui.grid.exporter.api:PublicApi - * - * @description Public Api for exporter feature - */ - var publicApi = { - events: { - exporter: { - } - }, - methods: { - exporter: { - /** - * @ngdoc function - * @name csvExport - * @methodOf ui.grid.exporter.api:PublicApi - * @description Exports rows from the grid in csv format, - * the data exported is selected based on the provided options - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE - * @param {element} $elm (Optional) A UI element into which the - * resulting download link will be placed. - */ - csvExport: function (rowTypes, colTypes, $elm) { - service.csvExport(grid, rowTypes, colTypes, $elm); - }, - /** - * @ngdoc function - * @name pdfExport - * @methodOf ui.grid.exporter.api:PublicApi - * @description Exports rows from the grid in pdf format, - * the data exported is selected based on the provided options - * Note that this function has a dependency on pdfMake, all - * going well this has been installed for you. - * The resulting pdf opens in a new browser window. - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE - */ - pdfExport: function (rowTypes, colTypes) { - service.pdfExport(grid, rowTypes, colTypes); - } - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - - grid.api.registerMethodsFromObject(publicApi.methods); - - if (grid.api.core.addToGridMenu){ - service.addToMenu( grid ); - } else { - // order of registration is not guaranteed, register in a little while - $interval( function() { - if (grid.api.core.addToGridMenu){ - service.addToMenu( grid ); - } - }, 100, 1); - } - - }, - - defaultGridOptions: function (gridOptions) { - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.exporter.api:GridOptions - * - * @description GridOptions for selection feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - /** - * @ngdoc object - * @name ui.grid.exporter.api:GridOptions.columnDef - * @description ColumnDef settings for exporter - */ - /** - * @ngdoc object - * @name exporterSuppressMenu - * @propertyOf ui.grid.exporter.api:GridOptions - * @description Don't show the export menu button, implying the user - * will roll their own UI for calling the exporter - * <br/>Defaults to false - */ - gridOptions.exporterSuppressMenu = gridOptions.exporterSuppressMenu === true; - /** - * @ngdoc object - * @name exporterLinkTemplate - * @propertyOf ui.grid.exporter.api:GridOptions - * @description A custom template to use for the resulting - * link (for csv export) - * <br/>Defaults to ui-grid/csvLink - */ - gridOptions.exporterLinkTemplate = gridOptions.exporterLinkTemplate ? gridOptions.exporterLinkTemplate : 'ui-grid/csvLink'; - /** - * @ngdoc object - * @name exporterHeaderTemplate - * @propertyOf ui.grid.exporter.api:GridOptions - * @description A custom template to use for the header - * section, containing the button and csv download link. Not - * needed if you've set suppressButton and are providing a custom - * $elm into which the download link will go. - * <br/>Defaults to ui-grid/exporterHeader - */ - gridOptions.exporterHeaderTemplate = gridOptions.exporterHeaderTemplate ? gridOptions.exporterHeaderTemplate : 'ui-grid/exporterHeader'; - /** - * @ngdoc object - * @name exporterLinkLabel - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The text to show on the CSV download - * link - * <br/>Defaults to 'Download CSV' - */ - gridOptions.exporterLinkLabel = gridOptions.exporterLinkLabel ? gridOptions.exporterLinkLabel : 'Download CSV'; - /** - * @ngdoc object - * @name exporterMenuLabel - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The text to show on the exporter menu button - * link - * <br/>Defaults to 'Export' - */ - gridOptions.exporterMenuLabel = gridOptions.exporterMenuLabel ? gridOptions.exporterMenuLabel : 'Export'; - /** - * @ngdoc object - * @name exporterSuppressColumns - * @propertyOf ui.grid.exporter.api:GridOptions - * @description Columns that should not be exported. The selectionRowHeader is already automatically - * suppressed, but if you had a button column or some other "system" column that shouldn't be shown in the - * output then add it in this list. You should provide an array of column names. - * <br/>Defaults to: [] - * <pre> - * gridOptions.exporterSuppressColumns = [ 'buttons' ]; - * </pre> - */ - gridOptions.exporterSuppressColumns = gridOptions.exporterSuppressColumns ? gridOptions.exporterSuppressColumns : []; - /** - * @ngdoc object - * @name exporterCsvColumnSeparator - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The character to use as column separator - * link - * <br/>Defaults to ',' - */ - gridOptions.exporterCsvColumnSeparator = gridOptions.exporterCsvColumnSeparator ? gridOptions.exporterCsvColumnSeparator : ','; - /** - * @ngdoc object - * @name exporterPdfDefaultStyle - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The default style in pdfMake format - * <br/>Defaults to: - * <pre> - * { - * fontSize: 11 - * } - * </pre> - */ - gridOptions.exporterPdfDefaultStyle = gridOptions.exporterPdfDefaultStyle ? gridOptions.exporterPdfDefaultStyle : { fontSize: 11 }; - /** - * @ngdoc object - * @name exporterPdfTableStyle - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The table style in pdfMake format - * <br/>Defaults to: - * <pre> - * { - * margin: [0, 5, 0, 15] - * } - * </pre> - */ - gridOptions.exporterPdfTableStyle = gridOptions.exporterPdfTableStyle ? gridOptions.exporterPdfTableStyle : { margin: [0, 5, 0, 15] }; - /** - * @ngdoc object - * @name exporterPdfTableHeaderStyle - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The tableHeader style in pdfMake format - * <br/>Defaults to: - * <pre> - * { - * bold: true, - * fontSize: 12, - * color: 'black' - * } - * </pre> - */ - gridOptions.exporterPdfTableHeaderStyle = gridOptions.exporterPdfTableHeaderStyle ? gridOptions.exporterPdfTableHeaderStyle : { bold: true, fontSize: 12, color: 'black' }; - /** - * @ngdoc object - * @name exporterPdfHeader - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The header section for pdf exports. Can be - * simple text: - * <pre> - * gridOptions.exporterPdfHeader = 'My Header'; - * </pre> - * Can be a more complex object in pdfMake format: - * <pre> - * gridOptions.exporterPdfHeader = { - * columns: [ - * 'Left part', - * { text: 'Right part', alignment: 'right' } - * ] - * }; - * </pre> - * Or can be a function, allowing page numbers and the like - * <pre> - * gridOptions.exporterPdfHeader: function(currentPage, pageCount) { return currentPage.toString() + ' of ' + pageCount; }; - * </pre> - */ - gridOptions.exporterPdfHeader = gridOptions.exporterPdfHeader ? gridOptions.exporterPdfHeader : null; - /** - * @ngdoc object - * @name exporterPdfFooter - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The header section for pdf exports. Can be - * simple text: - * <pre> - * gridOptions.exporterPdfFooter = 'My Footer'; - * </pre> - * Can be a more complex object in pdfMake format: - * <pre> - * gridOptions.exporterPdfFooter = { - * columns: [ - * 'Left part', - * { text: 'Right part', alignment: 'right' } - * ] - * }; - * </pre> - * Or can be a function, allowing page numbers and the like - * <pre> - * gridOptions.exporterPdfFooter: function(currentPage, pageCount) { return currentPage.toString() + ' of ' + pageCount; }; - * </pre> - */ - gridOptions.exporterPdfFooter = gridOptions.exporterPdfFooter ? gridOptions.exporterPdfFooter : null; - /** - * @ngdoc object - * @name exporterPdfOrientation - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The orientation, should be a valid pdfMake value, - * 'landscape' or 'portrait' - * <br/>Defaults to landscape - */ - gridOptions.exporterPdfOrientation = gridOptions.exporterPdfOrientation ? gridOptions.exporterPdfOrientation : 'landscape'; - /** - * @ngdoc object - * @name exporterPdfPageSize - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The orientation, should be a valid pdfMake - * paper size, usually 'A4' or 'LETTER' - * {@link https://github.com/bpampuch/pdfmake/blob/master/src/standardPageSizes.js pdfMake page sizes} - * <br/>Defaults to A4 - */ - gridOptions.exporterPdfPageSize = gridOptions.exporterPdfPageSize ? gridOptions.exporterPdfPageSize : 'A4'; - /** - * @ngdoc object - * @name exporterPdfMaxGridWidth - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The maxium grid width - the current grid width - * will be scaled to match this, with any fixed width columns - * being adjusted accordingly. - * <br/>Defaults to 720 (for A4 landscape), use 670 for LETTER - */ - gridOptions.exporterPdfMaxGridWidth = gridOptions.exporterPdfMaxGridWidth ? gridOptions.exporterPdfMaxGridWidth : 720; - /** - * @ngdoc object - * @name exporterPdfTableLayout - * @propertyOf ui.grid.exporter.api:GridOptions - * @description A tableLayout in pdfMake format, - * controls gridlines and the like. We use the default - * layout usually. - * <br/>Defaults to null, which means no layout - */ - - /** - * @ngdoc object - * @name exporterMenuCsv - * @propertyOf ui.grid.exporter.api:GridOptions - * @description Add csv export menu items to the ui-grid grid menu, if it's present. Defaults to true. - */ - gridOptions.exporterMenuCsv = gridOptions.exporterMenuCsv !== undefined ? gridOptions.exporterMenuCsv : true; - - /** - * @ngdoc object - * @name exporterMenuPdf - * @propertyOf ui.grid.exporter.api:GridOptions - * @description Add pdf export menu items to the ui-grid grid menu, if it's present. Defaults to true. - */ - gridOptions.exporterMenuPdf = gridOptions.exporterMenuPdf !== undefined ? gridOptions.exporterMenuPdf : true; - - /** - * @ngdoc object - * @name exporterPdfCustomFormatter - * @propertyOf ui.grid.exporter.api:GridOptions - * @description A custom callback routine that changes the pdf document, adding any - * custom styling or content that is supported by pdfMake. Takes in the complete docDefinition, and - * must return an updated docDefinition ready for pdfMake. - * @example - * In this example we add a style to the style array, so that we can use it in our - * footer definition. - * <pre> - * gridOptions.exporterPdfCustomFormatter = function ( docDefinition ) { - * docDefinition.styles.footerStyle = { bold: true, fontSize: 10 }; - * return docDefinition; - * } - * - * gridOptions.exporterPdfFooter = { text: 'My footer', style: 'footerStyle' } - * </pre> - */ - gridOptions.exporterPdfCustomFormatter = ( gridOptions.exporterPdfCustomFormatter && typeof( gridOptions.exporterPdfCustomFormatter ) === 'function' ) ? gridOptions.exporterPdfCustomFormatter : function ( docDef ) { return docDef; }; - - /** - * @ngdoc object - * @name exporterHeaderFilter - * @propertyOf ui.grid.exporter.api:GridOptions - * @description A function to apply to the header displayNames before exporting. Useful for internationalisation, - * for example if you were using angular-translate you'd set this to `$translate.instant`. Note that this - * call must be synchronous, it cannot be a call that returns a promise. - * @example - * <pre> - * gridOptions.exporterHeaderFilter = function( displayName ){ return 'col: ' + displayName; }; - * </pre> - * OR - * <pre> - * gridOptions.exporterHeaderFilter = $translate.instant; - * </pre> - */ - - /** - * @ngdoc function - * @name exporterFieldCallback - * @propertyOf ui.grid.exporter.api:GridOptions - * @description A function to call for each field before exporting it. Allows - * massaging of raw data into a display format, for example if you have applied - * filters to convert codes into decodes, or you require - * a specific date format in the exported content. - * - * The method is called once for each field exported, and provides the grid, the - * gridCol and the GridRow for you to use as context in massaging the data. - * - * Note that the format of the passed in value is along the lines of: - * <pre> - * { value: 'cellValue', alignment: 'left' } - * </pre> - * - * Your returned value needs to follow that format. - * - * @param {Grid} grid provides the grid in case you have need of it - * @param {GridRow} row the row from which the data comes - * @param {GridCol} col the column from which the data comes - * @param {object} value the value for your massaging - * @returns {object} you must return the massaged value ready for exporting - * - * @example - * <pre> - * gridOptions.exporterFieldCallback = function ( grid, row, col, value ){ - * if ( col.name === 'status' ){ - * value = { value: decodeStatus( value ) }; - * } - * return value; - * } - * </pre> - */ - gridOptions.exporterFieldCallback = gridOptions.exporterFieldCallback ? gridOptions.exporterFieldCallback : function( grid, row, col, value ) { return value; }; - }, - - - /** - * @ngdoc function - * @name addToMenu - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Adds export items to the grid menu, - * allowing the user to select export options - * @param {Grid} grid the grid from which data should be exported - */ - addToMenu: function ( grid ) { - grid.api.core.addToGridMenu( grid, [ - { - title: i18nService.getSafeText('gridMenu.exporterAllAsCsv'), - action: function ($event) { - this.grid.api.exporter.csvExport( uiGridExporterConstants.ALL, uiGridExporterConstants.ALL ); - }, - shown: function() { - return this.grid.options.exporterMenuCsv; - } - }, - { - title: i18nService.getSafeText('gridMenu.exporterVisibleAsCsv'), - action: function ($event) { - this.grid.api.exporter.csvExport( uiGridExporterConstants.VISIBLE, uiGridExporterConstants.VISIBLE ); - }, - shown: function() { - return this.grid.options.exporterMenuCsv; - } - }, - { - title: i18nService.getSafeText('gridMenu.exporterSelectedAsCsv'), - action: function ($event) { - this.grid.api.exporter.csvExport( uiGridExporterConstants.SELECTED, uiGridExporterConstants.VISIBLE ); - }, - shown: function() { - return this.grid.options.exporterMenuCsv && - ( this.grid.api.selection && this.grid.api.selection.getSelectedRows().length > 0 ); - } - }, - { - title: i18nService.getSafeText('gridMenu.exporterAllAsPdf'), - action: function ($event) { - this.grid.api.exporter.pdfExport( uiGridExporterConstants.ALL, uiGridExporterConstants.ALL ); - }, - shown: function() { - return this.grid.options.exporterMenuPdf; - } - }, - { - title: i18nService.getSafeText('gridMenu.exporterVisibleAsPdf'), - action: function ($event) { - this.grid.api.exporter.pdfExport( uiGridExporterConstants.VISIBLE, uiGridExporterConstants.VISIBLE ); - }, - shown: function() { - return this.grid.options.exporterMenuPdf; - } - }, - { - title: i18nService.getSafeText('gridMenu.exporterSelectedAsPdf'), - action: function ($event) { - this.grid.api.exporter.pdfExport( uiGridExporterConstants.SELECTED, uiGridExporterConstants.VISIBLE ); - }, - shown: function() { - return this.grid.options.exporterMenuPdf && - ( this.grid.api.selection && this.grid.api.selection.getSelectedRows().length > 0 ); - } - } - ]); - }, - - - /** - * @ngdoc object - * @name exporterCsvLinkElement - * @propertyOf ui.grid.exporter.api:GridOptions - * @description The element that the csv link should be placed into. - * Mandatory if using the native UI. - */ - /** - * @ngdoc function - * @name csvExport - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Exports rows from the grid in csv format, - * the data exported is selected based on the provided options - * @param {Grid} grid the grid from which data should be exported - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {element} $elm (Optional) A UI element into which the - * resulting download link will be placed. - */ - csvExport: function (grid, rowTypes, colTypes, $elm) { - var exportColumnHeaders = this.getColumnHeaders(grid, colTypes); - var exportData = this.getData(grid, rowTypes, colTypes); - var csvContent = this.formatAsCsv(exportColumnHeaders, exportData, grid.options.exporterCsvColumnSeparator); - - if ( !$elm && grid.options.exporterCsvLinkElement ){ - $elm = grid.options.exporterCsvLinkElement; - } - - if ( $elm ){ - this.renderCsvLink(grid, csvContent, $elm); - } else { - gridUtil.logError( 'Exporter asked to export as csv, but no element provided. Perhaps you should set gridOptions.exporterCsvLinkElement?') -; } - }, - - - /** - * @ngdoc function - * @name getColumnHeaders - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Gets the column headers from the grid to use - * as a title row for the exported file, all headers have - * headerCellFilters applied as appropriate. - * - * Column headers are an array of objects, each object has - * name, displayName, width and align attributes. Only name is - * used for csv, all attributes are used for pdf. - * - * @param {Grid} grid the grid from which data should be exported - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - */ - getColumnHeaders: function (grid, colTypes) { - var headers = []; - angular.forEach(grid.columns, function( gridCol, index ) { - if ( (gridCol.visible || colTypes === uiGridExporterConstants.ALL ) && - gridCol.name !== uiGridSelectionConstants.selectionRowHeaderColName && - grid.options.exporterSuppressColumns.indexOf( gridCol.name ) === -1 ){ - headers.push({ - name: gridCol.field, - displayName: grid.options.exporterHeaderFilter ? grid.options.exporterHeaderFilter(gridCol.displayName) : gridCol.displayName, - width: gridCol.drawnWidth ? gridCol.drawnWidth : gridCol.width, - align: gridCol.colDef.type === 'number' ? 'right' : 'left' - }); - } - }); - - return headers; - }, - - - /** - * @ngdoc property - * @propertyOf ui.grid.exporter.api:GridOptions.columnDef - * @name exporterPdfAlign - * @description the alignment you'd like for this specific column when - * exported into a pdf. Can be 'left', 'right', 'center' or any other - * valid pdfMake alignment option. - */ - /** - * @ngdoc function - * @name getData - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Gets data from the grid based on the provided options, - * all cells have cellFilters applied as appropriate - * @param {Grid} grid the grid from which data should be exported - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - */ - getData: function (grid, rowTypes, colTypes) { - var data = []; - - var rows; - - switch ( rowTypes ) { - case uiGridExporterConstants.ALL: - rows = grid.rows; - break; - case uiGridExporterConstants.VISIBLE: - rows = grid.getVisibleRows(); - break; - case uiGridExporterConstants.SELECTED: - if ( grid.api.selection ){ - rows = grid.api.selection.getSelectedGridRows(); - } else { - gridUtil.logError('selection feature must be enabled to allow selected rows to be exported'); - } - break; - } - - angular.forEach(rows, function( row, index ) { - - var extractedRow = []; - angular.forEach(grid.columns, function( gridCol, index ) { - if ( (gridCol.visible || colTypes === uiGridExporterConstants.ALL ) && - gridCol.name !== uiGridSelectionConstants.selectionRowHeaderColName && - grid.options.exporterSuppressColumns.indexOf( gridCol.name ) === -1 ){ - var extractedField = { value: grid.options.exporterFieldCallback( grid, row, gridCol, grid.getCellValue( row, gridCol ) ) }; - if ( gridCol.colDef.exporterPdfAlign ) { - extractedField.alignment = gridCol.colDef.exporterPdfAlign; - } - extractedRow.push(extractedField); - } - }); - - data.push(extractedRow); - }); - - return data; - }, - - - /** - * @ngdoc function - * @name formatAsCSV - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Formats the column headers and data as a CSV, - * and sends that data to the user - * @param {array} exportColumnHeaders an array of column headers, - * where each header is an object with name, width and maybe alignment - * @param {array} exportData an array of rows, where each row is - * an array of column data - * @returns {string} csv the formatted csv as a string - */ - formatAsCsv: function (exportColumnHeaders, exportData, separator) { - var self = this; - - var bareHeaders = exportColumnHeaders.map(function(header){return { value: header.displayName };}); - - var csv = self.formatRowAsCsv(this, separator)(bareHeaders) + '\n'; - - csv += exportData.map(this.formatRowAsCsv(this, separator)).join('\n'); - - return csv; - }, - - /** - * @ngdoc function - * @name formatRowAsCsv - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders a single field as a csv field, including - * quotes around the value - * @param {exporterService} exporter pass in exporter - * @param {array} row the row to be turned into a csv string - * @returns {string} a csv-ified version of the row - */ - formatRowAsCsv: function (exporter, separator) { - return function (row) { - return row.map(exporter.formatFieldAsCsv).join(separator); - }; - }, - - /** - * @ngdoc function - * @name formatFieldAsCsv - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders a single field as a csv field, including - * quotes around the value - * @param {field} field the field to be turned into a csv string, - * may be of any type - * @returns {string} a csv-ified version of the field - */ - formatFieldAsCsv: function (field) { - if (field.value == null) { // we want to catch anything null-ish, hence just == not === - return ''; - } - if (typeof(field.value) === 'number') { - return field.value; - } - if (typeof(field.value) === 'boolean') { - return (field.value ? 'TRUE' : 'FALSE') ; - } - if (typeof(field.value) === 'string') { - return '"' + field.value.replace(/"/g,'""') + '"'; - } - - return JSON.stringify(field.value); - }, - - /** - * @ngdoc function - * @name renderCsvLink - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Creates a download link with the csv content, - * putting it into the default exporter element, or into the element - * passed in if provided - * @param {Grid} grid the grid from which data should be exported - * @param {string} csvContent the csv content that we'd like to - * make available as a download link - * @param {element} $elm (Optional) A UI element into which the - * resulting download link will be placed. If not provided, the - * link is put into the default exporter element. - */ - renderCsvLink: function (grid, csvContent, $elm) { - var targetElm = $elm ? $elm : angular.element( grid.exporter.gridElm[0].querySelectorAll('.ui-grid-exporter-csv-link') ); - if ( angular.element( targetElm[0].querySelectorAll('.ui-grid-exporter-csv-link-span')) ) { - angular.element( targetElm[0].querySelectorAll('.ui-grid-exporter-csv-link-span')).remove(); - } - - var linkTemplate = gridUtil.getTemplate(grid.options.exporterLinkTemplate) - .then(function (contents) { - - var template = angular.element(contents); - - template.children("a").html( - template.children("a").html().replace( - uiGridExporterConstants.LINK_LABEL, grid.options.exporterLinkLabel)); - - template.children("a").attr("href", - template.children("a").attr("href").replace( - uiGridExporterConstants.CSV_CONTENT, encodeURIComponent(csvContent))); - - var newElm = $compile(template)(grid.exporter.$scope); - targetElm.append(newElm); - }); - - }, - - /** - * @ngdoc function - * @name pdfExport - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Exports rows from the grid in pdf format, - * the data exported is selected based on the provided options. - * Note that this function has a dependency on pdfMake, which must - * be installed. The resulting pdf opens in a new - * browser window. - * @param {Grid} grid the grid from which data should be exported - * @param {string} rowTypes which rows to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - * @param {string} colTypes which columns to export, valid values are - * uiGridExporterConstants.ALL, uiGridExporterConstants.VISIBLE, - * uiGridExporterConstants.SELECTED - */ - pdfExport: function (grid, rowTypes, colTypes) { - var exportColumnHeaders = this.getColumnHeaders(grid, colTypes); - var exportData = this.getData(grid, rowTypes, colTypes); - var docDefinition = this.prepareAsPdf(grid, exportColumnHeaders, exportData); - - pdfMake.createPdf(docDefinition).open(); - }, - - - /** - * @ngdoc function - * @name renderAsPdf - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders the data into a pdf, and opens that pdf. - * - * @param {Grid} grid the grid from which data should be exported - * @param {array} exportColumnHeaders an array of column headers, - * where each header is an object with name, width and maybe alignment - * @param {array} exportData an array of rows, where each row is - * an array of column data - * @returns {object} a pdfMake format document definition, ready - * for generation - */ - prepareAsPdf: function(grid, exportColumnHeaders, exportData) { - var headerWidths = this.calculatePdfHeaderWidths( grid, exportColumnHeaders ); - - var headerColumns = exportColumnHeaders.map( function( header ) { - return { text: header.displayName, style: 'tableHeader' }; - }); - - var stringData = exportData.map(this.formatRowAsPdf(this)); - - var allData = [headerColumns].concat(stringData); - - var docDefinition = { - pageOrientation: grid.options.exporterPdfOrientation, - pageSize: grid.options.exporterPdfPageSize, - content: [{ - style: 'tableStyle', - table: { - headerRows: 1, - widths: headerWidths, - body: allData - } - }], - styles: { - tableStyle: grid.options.exporterPdfTableStyle, - tableHeader: grid.options.exporterPdfTableHeaderStyle - }, - defaultStyle: grid.options.exporterPdfDefaultStyle - }; - - if ( grid.options.exporterPdfLayout ){ - docDefinition.layout = grid.options.exporterPdfLayout; - } - - if ( grid.options.exporterPdfHeader ){ - docDefinition.content.unshift( grid.options.exporterPdfHeader ); - } - - if ( grid.options.exporterPdfFooter ){ - docDefinition.content.push( grid.options.exporterPdfFooter ); - } - - if ( grid.options.exporterPdfCustomFormatter ){ - docDefinition = grid.options.exporterPdfCustomFormatter( docDefinition ); - } - return docDefinition; - - }, - - - /** - * @ngdoc function - * @name calculatePdfHeaderWidths - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Determines the column widths base on the - * widths we got from the grid. If the column is drawn - * then we have a drawnWidth. If the column is not visible - * then we have '*', 'x%' or a width. When columns are - * not visible they don't contribute to the overall gridWidth, - * so we need to adjust to allow for extra columns - * - * Our basic heuristic is to take the current gridWidth, plus - * numeric columns and call this the base gridwidth. - * - * To that we add 100 for any '*' column, and x% of the base gridWidth - * for any column that is a % - * - * @param {Grid} grid the grid from which data should be exported - * @param {object} exportHeaders array of header information - * @returns {object} an array of header widths - */ - calculatePdfHeaderWidths: function ( grid, exportHeaders ) { - var baseGridWidth = 0; - angular.forEach(exportHeaders, function(value){ - if (typeof(value.width) === 'number'){ - baseGridWidth += value.width; - } - }); - - var extraColumns = 0; - angular.forEach(exportHeaders, function(value){ - if (value.width === '*'){ - extraColumns += 100; - } - if (typeof(value.width) === 'string' && value.width.match(/(\d)*%/)) { - var percent = parseInt(value.width.match(/(\d)*%/)[0]); - - value.width = baseGridWidth * percent / 100; - extraColumns += value.width; - } - }); - - var gridWidth = baseGridWidth + extraColumns; - - return exportHeaders.map(function( header ) { - return header.width === '*' ? header.width : header.width * grid.options.exporterPdfMaxGridWidth / gridWidth; - }); - - }, - - /** - * @ngdoc function - * @name formatRowAsPdf - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders a row in a format consumable by PDF, - * mainly meaning casting everything to a string - * @param {exporterService} exporter pass in exporter - * @param {array} row the row to be turned into a csv string - * @returns {string} a csv-ified version of the row - */ - formatRowAsPdf: function ( exporter ) { - return function( row ) { - return row.map(exporter.formatFieldAsPdfString); - }; - }, - - - /** - * @ngdoc function - * @name formatFieldAsCsv - * @methodOf ui.grid.exporter.service:uiGridExporterService - * @description Renders a single field as a pdf-able field, which - * is different from a csv field only in that strings don't have quotes - * around them - * @param {field} field the field to be turned into a pdf string, - * may be of any type - * @returns {string} a string-ified version of the field - */ - formatFieldAsPdfString: function (field) { - var returnVal; - if (field.value == null) { // we want to catch anything null-ish, hence just == not === - returnVal = ''; - } else if (typeof(field.value) === 'number') { - returnVal = field.value.toString(); - } else if (typeof(field.value) === 'boolean') { - returnVal = (field.value ? 'TRUE' : 'FALSE') ; - } else if (typeof(field.value) === 'string') { - returnVal = field.value.replace(/"/g,'""'); - } else { - returnVal = JSON.stringify(field.value).replace(/^"/,'').replace(/"$/,''); - } - - if (field.alignment && typeof(field.alignment) === 'string' ){ - returnVal = { text: returnVal, alignment: field.alignment }; - } - - return returnVal; - } - }; - - return service; - - } - ]); - - /** - * @ngdoc directive - * @name ui.grid.exporter.directive:uiGridExporter - * @element div - * @restrict A - * - * @description Adds exporter features to grid - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.exporter']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - - $scope.gridOptions = { - enableGridMenu: true, - exporterMenuCsv: false, - columnDefs: [ - {name: 'name', enableCellEdit: true}, - {name: 'title', enableCellEdit: true} - ], - data: $scope.data - }; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="gridOptions" ui-grid-exporter></div> - </div> - </file> - </example> - */ - module.directive('uiGridExporter', ['uiGridExporterConstants', 'uiGridExporterService', 'gridUtil', '$compile', - function (uiGridExporterConstants, uiGridExporterService, gridUtil, $compile) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridExporterService.initializeGrid(uiGridCtrl.grid); - uiGridCtrl.grid.exporter.$scope = $scope; - } - }; - } - ]); -})(); - -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.importer - * @description - * - * # ui.grid.importer - * This module provides the ability to import data into the grid. It - * uses the column defs to work out which data belongs in which column, - * and creates entities from a configured class (typically a $resource). - * - * If the rowEdit feature is enabled, it also calls save on those newly - * created objects, and then displays any errors in the imported data. - * - * Currently the importer imports only CSV and json files, although provision has been - * made to process other file formats, and these can be added over time. - * - * For json files, the properties within each object in the json must match the column names - * (to put it another way, the importer doesn't process the json, it just copies the objects - * within the json into a new instance of the specified object type) - * - * For CSV import, the default column identification relies on each column in the - * header row matching a column.name or column.displayName. Optionally, a column identification - * callback can be used. This allows matching using other attributes, which is particularly - * useful if your application has internationalised column headings (i.e. the headings that - * the user sees don't match the column names). - * - * The importer makes use of the grid menu as the UI for requesting an - * import. - * - * <div ui-grid-importer></div> - */ - - var module = angular.module('ui.grid.importer', ['ui.grid']); - - /** - * @ngdoc object - * @name ui.grid.importer.constant:uiGridImporterConstants - * - * @description constants available in importer module - */ - - module.constant('uiGridImporterConstants', { - featureName: 'importer' - }); - - /** - * @ngdoc service - * @name ui.grid.importer.service:uiGridImporterService - * - * @description Services for importer feature - */ - module.service('uiGridImporterService', ['$q', 'uiGridConstants', 'uiGridImporterConstants', 'gridUtil', '$compile', '$interval', 'i18nService', '$window', - function ($q, uiGridConstants, uiGridImporterConstants, gridUtil, $compile, $interval, i18nService, $window) { - - var service = { - - initializeGrid: function ($scope, grid) { - - //add feature namespace and any properties to grid for needed state - grid.importer = { - $scope: $scope - }; - - this.defaultGridOptions(grid.options); - - /** - * @ngdoc object - * @name ui.grid.importer.api:PublicApi - * - * @description Public Api for importer feature - */ - var publicApi = { - events: { - importer: { - } - }, - methods: { - importer: { - /** - * @ngdoc function - * @name importFile - * @methodOf ui.grid.importer.api:PublicApi - * @description Imports a file into the grid using the file object - * provided. Bypasses the grid menu - * @param {Grid} grid the grid we're importing into - * @param {File} fileObject the file we want to import, as a javascript - * File object - */ - importFile: function ( grid, fileObject ) { - service.importFile( grid, fileObject ); - } - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - - grid.api.registerMethodsFromObject(publicApi.methods); - - if ( grid.options.enableImporter && grid.options.importerShowMenu ){ - if ( grid.api.core.addToGridMenu ){ - service.addToMenu( grid ); - } else { - // order of registration is not guaranteed, register in a little while - $interval( function() { - if (grid.api.core.addToGridMenu){ - service.addToMenu( grid ); - } - }, 100, 1); - } - } - }, - - - defaultGridOptions: function (gridOptions) { - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.importer.api:GridOptions - * - * @description GridOptions for importer feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc property - * @propertyOf ui.grid.importer.api:GridOptions - * @name enableImporter - * @description Whether or not importer is enabled. Automatically set - * to false if the user's browser does not support the required fileApi. - * Otherwise defaults to true. - * - */ - if (gridOptions.enableImporter || gridOptions.enableImporter === undefined) { - if ( !($window.hasOwnProperty('File') && $window.hasOwnProperty('FileReader') && $window.hasOwnProperty('FileList') && $window.hasOwnProperty('Blob')) ) { - gridUtil.logError('The File APIs are not fully supported in this browser, grid importer cannot be used.'); - gridOptions.enableImporter = false; - } else { - gridOptions.enableImporter = true; - } - } else { - gridOptions.enableImporter = false; - } - - /** - * @ngdoc method - * @name importerProcessHeaders - * @methodOf ui.grid.importer.api:GridOptions - * @description A callback function that will process headers using custom - * logic. Set this callback function if the headers that your user will provide in their - * import file don't necessarily match the grid header or field names. This might commonly - * occur where your application is internationalised, and therefore the field names - * that the user recognises are in a different language than the field names that - * ui-grid knows about. - * - * Defaults to the internal `processHeaders` method, which seeks to match using both - * displayName and column.name. Any non-matching columns are discarded. - * - * Your callback routine should respond by processing the header array, and returning an array - * of matching column names. A null value in any given position means "don't import this column" - * - * <pre> - * gridOptions.importerProcessHeaders: function( headerArray ) { - * var myHeaderColumns = []; - * var thisCol; - * headerArray.forEach( function( value, index ) { - * thisCol = mySpecialLookupFunction( value ); - * myHeaderColumns.push( thisCol.name ); - * }); - * - * return myHeaderCols; - * }) - * </pre> - * @param {Grid} grid the grid we're importing into - * @param {array} headerArray an array of the text from the first row of the csv file, - * which you need to match to column.names - * @returns {array} array of matching column names, in the same order as the headerArray - * - */ - gridOptions.importerProcessHeaders = gridOptions.importerProcessHeaders || service.processHeaders; - - /** - * @ngdoc method - * @name importerHeaderFilter - * @methodOf ui.grid.importer.api:GridOptions - * @description A callback function that will filter (usually translate) a single - * header. Used when you want to match the passed in column names to the column - * displayName after the header filter. - * - * Your callback routine needs to return the filtered header value. - * <pre> - * gridOptions.importerHeaderFilter: function( displayName ) { - * return $translate.instant( displayName ); - * }) - * </pre> - * - * or: - * <pre> - * gridOptions.importerHeaderFilter: $translate.instant - * </pre> - * @param {string} displayName the displayName that we'd like to translate - * @returns {string} the translated name - * - */ - gridOptions.importerHeaderFilter = gridOptions.importerHeaderFilter || function( displayName ) { return displayName; }; - - /** - * @ngdoc method - * @name importerErrorCallback - * @methodOf ui.grid.importer.api:GridOptions - * @description A callback function that provides custom error handling, rather - * than the standard grid behaviour of an alert box and a console message. You - * might use this to internationalise the console log messages, or to write to a - * custom logging routine that returned errors to the server. - * - * <pre> - * gridOptions.importerErrorCallback: function( grid, errorKey, consoleMessage, context ) { - * myUserDisplayRoutine( errorKey ); - * myLoggingRoutine( consoleMessage, context ); - * }) - * </pre> - * @param {Grid} grid the grid we're importing into, may be useful if you're positioning messages - * in some way - * @param {string} errorKey one of the i18n keys the importer can return - importer.noHeaders, - * importer.noObjects, importer.invalidCsv, importer.invalidJson, importer.jsonNotArray - * @param {string} consoleMessage the English console message that importer would have written - * @param {object} context the context data that importer would have appended to that console message, - * often the file content itself or the element that is in error - * - */ - if ( !gridOptions.importerErrorCallback || typeof(gridOptions.importerErrorCallback) !== 'function' ){ - delete gridOptions.importerErrorCallback; - } - - /** - * @ngdoc method - * @name importerDataAddCallback - * @methodOf ui.grid.importer.api:GridOptions - * @description A mandatory callback function that adds data to the source data array. The grid - * generally doesn't add rows to the source data array, it is tidier to handle this through a user - * callback. - * - * <pre> - * gridOptions.importerDataAddCallback: function( grid, newObjects ) { - * $scope.myData = $scope.myData.concat( newObjects ); - * }) - * </pre> - * @param {Grid} grid the grid we're importing into, may be useful in some way - * @param {array} newObjects an array of new objects that you should add to your data - * - */ - if ( gridOptions.enableImporter === true && !gridOptions.importerDataAddCallback ) { - gridUtil.logError("You have not set an importerDataAddCallback, importer is disabled"); - gridOptions.enableImporter = false; - } - - /** - * @ngdoc object - * @name importerNewObject - * @propertyOf ui.grid.importer.api:GridOptions - * @description An object on which we call `new` to create each new row before inserting it into - * the data array. Typically this would be a $resource entity, which means that if you're using - * the rowEdit feature, you can directly call save on this entity when the save event is triggered. - * - * Defaults to a vanilla javascript object - * - * @example - * <pre> - * gridOptions.importerNewObject = MyRes; - * </pre> - * - */ - - /** - * @ngdoc property - * @propertyOf ui.grid.importer.api:GridOptions - * @name importerShowMenu - * @description Whether or not to show an item in the grid menu. Defaults to true. - * - */ - gridOptions.importerShowMenu = gridOptions.importerShowMenu !== false; - - /** - * @ngdoc method - * @methodOf ui.grid.importer.api:GridOptions - * @name importerObjectCallback - * @description A callback that massages the data for each object. For example, - * you might have data stored as a code value, but display the decode. This callback - * can be used to change the decoded value back into a code. Defaults to doing nothing. - * @param {Grid} grid in case you need it - * @param {object} newObject the new object as importer has created it, modify it - * then return the modified version - * @returns {object} the modified object - * @example - * <pre> - * gridOptions.importerObjectCallback = function ( grid, newObject ) { - * switch newObject.status { - * case 'Active': - * newObject.status = 1; - * break; - * case 'Inactive': - * newObject.status = 2; - * break; - * } - * return newObject; - * }; - * </pre> - */ - gridOptions.importerObjectCallback = gridOptions.importerObjectCallback || function( grid, newObject ) { return newObject; }; - }, - - - /** - * @ngdoc function - * @name addToMenu - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Adds import menu item to the grid menu, - * allowing the user to request import of a file - * @param {Grid} grid the grid into which data should be imported - */ - addToMenu: function ( grid ) { - grid.api.core.addToGridMenu( grid, [ - { - title: i18nService.getSafeText('gridMenu.importerTitle') - }, - { - templateUrl: 'ui-grid/importerMenuItemContainer', - action: function ($event) { - this.grid.api.importer.importAFile( grid ); - } - } - ]); - }, - - - /** - * @ngdoc function - * @name importThisFile - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Imports the provided file into the grid using the file object - * provided. Bypasses the grid menu - * @param {Grid} grid the grid we're importing into - * @param {File} fileObject the file we want to import, as returned from the File - * javascript object - */ - importThisFile: function ( grid, fileObject ) { - if (!fileObject){ - gridUtil.logError( 'No file object provided to importThisFile, should be impossible, aborting'); - return; - } - - var reader = new FileReader(); - - switch ( fileObject.type ){ - case 'application/json': - reader.onload = service.importJsonClosure( grid ); - break; - default: - reader.onload = service.importCsvClosure( grid ); - break; - } - - reader.readAsText( fileObject ); - }, - - - /** - * @ngdoc function - * @name importJson - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Creates a function that imports a json file into the grid. - * The json data is imported into new objects of type `gridOptions.importerNewObject`, - * and ift he rowEdit feature is enabled the rows are marked as dirty - * @param {Grid} grid the grid we want to import into - * @param {FileObject} importFile the file that we want to import, as - * a FileObject - */ - importJsonClosure: function( grid ) { - return function( importFile ){ - var newObjects = []; - var newObject; - - angular.forEach( service.parseJson( grid, importFile ), function( value, index ) { - newObject = service.newObject( grid ); - angular.extend( newObject, value ); - newObject = grid.options.importerObjectCallback( grid, newObject ); - newObjects.push( newObject ); - }); - - service.addObjects( grid, newObjects ); - - }; - }, - - - /** - * @ngdoc function - * @name parseJson - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Parses a json file, returns the parsed data. - * Displays an error if file doesn't parse - * @param {Grid} grid the grid that we want to import into - * @param {FileObject} importFile the file that we want to import, as - * a FileObject - * @returns {array} array of objects from the imported json - */ - parseJson: function( grid, importFile ){ - var loadedObjects; - try { - loadedObjects = JSON.parse( importFile.target.result ); - } catch (e) { - service.alertError( grid, 'importer.invalidJson', 'File could not be processed, is it valid json? Content was: ', importFile.target.result ); - return; - } - - if ( !Array.isArray( loadedObjects ) ){ - service.alertError( grid, 'importer.jsonNotarray', 'Import failed, file is not an array, file was: ', importFile.target.result ); - return []; - } else { - return loadedObjects; - } - }, - - - - /** - * @ngdoc function - * @name importCsvClosure - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Creates a function that imports a csv file into the grid - * (allowing it to be used in the reader.onload event) - * @param {Grid} grid the grid that we want to import into - * @param {FileObject} importFile the file that we want to import, as - * a file object - */ - importCsvClosure: function( grid ) { - return function( importFile ){ - var importArray = service.parseCsv( importFile ); - if ( !importArray || importArray.length < 1 ){ - service.alertError( grid, 'importer.invalidCsv', 'File could not be processed, is it valid csv? Content was: ', importFile.target.result ); - return; - } - - var newObjects = service.createCsvObjects( grid, importArray ); - if ( !newObjects || newObjects.length === 0 ){ - service.alertError( grid, 'importer.noObjects', 'Objects were not able to be derived, content was: ', importFile.target.result ); - return; - } - - service.addObjects( grid, newObjects ); - }; - }, - - - /** - * @ngdoc function - * @name parseCsv - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Parses a csv file into an array of arrays, with the first - * array being the headers, and the remaining arrays being the data. - * The logic for this comes from https://github.com/thetalecrafter/excel.js/blob/master/src/csv.js, - * which is noted as being under the MIT license. The code is modified to pass the jscs yoda condition - * checker - * @param {FileObject} importFile the file that we want to import, as a - * file object - */ - parseCsv: function( importFile ) { - var csv = importFile.target.result; - - // use the CSV-JS library to parse - return CSV.parse(csv); - }, - - - /** - * @ngdoc function - * @name createCsvObjects - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Converts an array of arrays (representing the csv file) - * into a set of objects. Uses the provided `gridOptions.importerNewObject` - * to create the objects, and maps the header row into the individual columns - * using either `gridOptions.importerProcessHeaders`, or by using a native method - * of matching to either the displayName, column name or column field of - * the columns in the column defs. The resulting objects will have attributes - * that are named based on the column.field or column.name, in that order. - * @param {Grid} grid the grid that we want to import into - * @param {FileObject} importFile the file that we want to import, as a - * file object - */ - createCsvObjects: function( grid, importArray ){ - // pull off header row and turn into headers - var headerMapping = grid.options.importerProcessHeaders( grid, importArray.shift() ); - if ( !headerMapping || headerMapping.length === 0 ){ - service.alertError( grid, 'importer.noHeaders', 'Column names could not be derived, content was: ', importArray ); - return []; - } - - var newObjects = []; - var newObject; - angular.forEach( importArray, function( row, index ) { - newObject = service.newObject( grid ); - angular.forEach( row, function( field, index ){ - if ( headerMapping[index] !== null ){ - newObject[ headerMapping[index] ] = field; - } - }); - newObject = grid.options.importerObjectCallback( grid, newObject ); - newObjects.push( newObject ); - }); - - return newObjects; - }, - - - /** - * @ngdoc function - * @name processHeaders - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Determines the columns that the header row from - * a csv (or other) file represents. - * @param {Grid} grid the grid we're importing into - * @param {array} headerRow the header row that we wish to match against - * the column definitions - * @returns {array} an array of the attribute names that should be used - * for that column, based on matching the headers or creating the headers - * - */ - processHeaders: function( grid, headerRow ) { - var headers = []; - if ( !grid.options.columnDefs || grid.options.columnDefs.length === 0 ){ - // we are going to create new columnDefs for all these columns, so just remove - // spaces from the names to create fields - angular.forEach( headerRow, function( value, index ) { - headers.push( value.replace( /[^0-9a-zA-Z\-_]/g, '_' ) ); - }); - return headers; - } else { - var lookupHash = service.flattenColumnDefs( grid, grid.options.columnDefs ); - angular.forEach( headerRow, function( value, index ) { - if ( lookupHash[value] ) { - headers.push( lookupHash[value] ); - } else if ( lookupHash[ value.toLowerCase() ] ) { - headers.push( lookupHash[ value.toLowerCase() ] ); - } else { - headers.push( null ); - } - }); - return headers; - } - }, - - - /** - * @name flattenColumnDefs - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Runs through the column defs and creates a hash of - * the displayName, name and field, and of each of those values forced to lower case, - * with each pointing to the field or name - * (whichever is present). Used to lookup column headers and decide what - * attribute name to give to the resulting field. - * @param {Grid} grid the grid we're importing into - * @param {array} columnDefs the columnDefs that we should flatten - * @returns {hash} the flattened version of the column def information, allowing - * us to look up a value by `flattenedHash[ headerValue ]` - */ - flattenColumnDefs: function( grid, columnDefs ){ - var flattenedHash = {}; - angular.forEach( columnDefs, function( columnDef, index) { - if ( columnDef.name ){ - flattenedHash[ columnDef.name ] = columnDef.field || columnDef.name; - flattenedHash[ columnDef.name.toLowerCase() ] = columnDef.field || columnDef.name; - } - - if ( columnDef.field ){ - flattenedHash[ columnDef.field ] = columnDef.field || columnDef.name; - flattenedHash[ columnDef.field.toLowerCase() ] = columnDef.field || columnDef.name; - } - - if ( columnDef.displayName ){ - flattenedHash[ columnDef.displayName ] = columnDef.field || columnDef.name; - flattenedHash[ columnDef.displayName.toLowerCase() ] = columnDef.field || columnDef.name; - } - - if ( columnDef.displayName && grid.options.importerHeaderFilter ){ - flattenedHash[ grid.options.importerHeaderFilter(columnDef.displayName) ] = columnDef.field || columnDef.name; - flattenedHash[ grid.options.importerHeaderFilter(columnDef.displayName).toLowerCase() ] = columnDef.field || columnDef.name; - } - }); - - return flattenedHash; - }, - - - /** - * @ngdoc function - * @name addObjects - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Inserts our new objects into the grid data, and - * sets the rows to dirty if the rowEdit feature is being used - * - * Does this by registering a watch on dataChanges, which essentially - * is waiting on the result of the grid data watch, and downstream processing. - * - * When the callback is called, it deregisters itself - we don't want to run - * again next time data is added. - * - * If we never get called, we deregister on destroy. - * - * @param {Grid} grid the grid we're importing into - * @param {array} newObjects the objects we want to insert into the grid data - * @returns {object} the new object - */ - addObjects: function( grid, newObjects, $scope ){ - if ( grid.api.rowEdit ){ - var callbackId = grid.registerDataChangeCallback( function() { - grid.api.rowEdit.setRowsDirty( grid, newObjects ); - grid.deregisterDataChangeCallback( callbackId ); - }, [uiGridConstants.dataChange.ROW] ); - - var deregisterClosure = function() { - grid.deregisterDataChangeCallback( callbackId ); - }; - - grid.importer.$scope.$on( '$destroy', deregisterClosure ); - } - - grid.importer.$scope.$apply( grid.options.importerDataAddCallback( grid, newObjects ) ); - - }, - - - /** - * @ngdoc function - * @name newObject - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Makes a new object based on `gridOptions.importerNewObject`, - * or based on an empty object if not present - * @param {Grid} grid the grid we're importing into - * @returns {object} the new object - */ - newObject: function( grid ){ - if ( typeof(grid.options) !== "undefined" && typeof(grid.options.importerNewObject) !== "undefined" ){ - return new grid.options.importerNewObject(); - } else { - return {}; - } - }, - - - /** - * @ngdoc function - * @name alertError - * @methodOf ui.grid.importer.service:uiGridImporterService - * @description Provides an internationalised user alert for the failure, - * and logs a console message including diagnostic content. - * Optionally, if the the `gridOptions.importerErrorCallback` routine - * is defined, then calls that instead, allowing user specified error routines - * @param {Grid} grid the grid we're importing into - * @param {array} headerRow the header row that we wish to match against - * the column definitions - */ - alertError: function( grid, alertI18nToken, consoleMessage, context ){ - if ( grid.options.importerErrorCallback ){ - grid.options.importerErrorCallback( grid, alertI18nToken, consoleMessage, context ); - } else { - $window.alert(i18nService.getSafeText( alertI18nToken )); - gridUtil.logError(consoleMessage + context ); - } - } - }; - - return service; - - } - ]); - - /** - * @ngdoc directive - * @name ui.grid.importer.directive:uiGridImporter - * @element div - * @restrict A - * - * @description Adds importer features to grid - * - */ - module.directive('uiGridImporter', ['uiGridImporterConstants', 'uiGridImporterService', 'gridUtil', '$compile', - function (uiGridImporterConstants, uiGridImporterService, gridUtil, $compile) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - link: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridImporterService.initializeGrid($scope, uiGridCtrl.grid); - } - }; - } - ]); - - /** - * @ngdoc directive - * @name ui.grid.importer.directive:uiGridImporterMenuItem - * @element div - * @restrict A - * - * @description Handles the processing from the importer menu item - once a file is - * selected - * - */ - module.directive('uiGridImporterMenuItem', ['uiGridImporterConstants', 'uiGridImporterService', 'gridUtil', '$compile', - function (uiGridImporterConstants, uiGridImporterService, gridUtil, $compile) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - templateUrl: 'ui-grid/importerMenuItem', - link: function ($scope, $elm, $attrs, uiGridCtrl) { - var handleFileSelect = function( event ){ - if (event.srcElement.files.length === 1) { - var fileObject = event.srcElement.files[0]; - uiGridImporterService.importThisFile( grid, fileObject ); - event.srcElement.form.reset(); - } - }; - - var fileChooser = $elm[0].querySelectorAll('.ui-grid-importer-file-chooser'); - var grid = uiGridCtrl.grid; - - if ( fileChooser.length !== 1 ){ - gridUtil.logError('Found > 1 or < 1 file choosers within the menu item, error, cannot continue'); - } else { - fileChooser[0].addEventListener('change', handleFileSelect, false); // TODO: why the false on the end? Google - } - } - }; - } - ]); -})(); -(function() { - 'use strict'; - /** - * @ngdoc overview - * @name ui.grid.infiniteScroll - * - * @description - * - * #ui.grid.infiniteScroll - * This module provides infinite scroll functionality to ui-grid - * - */ - var module = angular.module('ui.grid.infiniteScroll', ['ui.grid']); - /** - * @ngdoc service - * @name ui.grid.infiniteScroll.service:uiGridInfiniteScrollService - * - * @description Service for infinite scroll features - */ - module.service('uiGridInfiniteScrollService', ['gridUtil', '$compile', '$timeout', function (gridUtil, $compile, $timeout) { - - var service = { - - /** - * @ngdoc function - * @name initializeGrid - * @methodOf ui.grid.infiniteScroll.service:uiGridInfiniteScrollService - * @description This method register events and methods into grid public API - */ - - initializeGrid: function(grid) { - service.defaultGridOptions(grid.options); - - /** - * @ngdoc object - * @name ui.grid.infiniteScroll.api:PublicAPI - * - * @description Public API for infinite scroll feature - */ - var publicApi = { - events: { - infiniteScroll: { - - /** - * @ngdoc event - * @name needLoadMoreData - * @eventOf ui.grid.infiniteScroll.api:PublicAPI - * @description This event fires when scroll reached bottom percentage of grid - * and needs to load data - */ - - needLoadMoreData: function ($scope, fn) { - } - } - }, - methods: { - infiniteScroll: { - - /** - * @ngdoc function - * @name dataLoaded - * @methodOf ui.grid.infiniteScroll.api:PublicAPI - * @description This function is used as a promise when data finished loading. - * See infinite_scroll ngdoc for example of usage - */ - - dataLoaded: function() { - grid.options.loadTimout = false; - } - } - } - }; - grid.options.loadTimout = false; - grid.api.registerEventsFromObject(publicApi.events); - grid.api.registerMethodsFromObject(publicApi.methods); - }, - defaultGridOptions: function (gridOptions) { - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.infiniteScroll.api:GridOptions - * - * @description GridOptions for infinite scroll feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enableInfiniteScroll - * @propertyOf ui.grid.infiniteScroll.api:GridOptions - * @description Enable infinite scrolling for this grid - * <br/>Defaults to true - */ - gridOptions.enableInfiniteScroll = gridOptions.enableInfiniteScroll !== false; - }, - - - /** - * @ngdoc function - * @name loadData - * @methodOf ui.grid.infiniteScroll.service:uiGridInfiniteScrollService - * @description This function fires 'needLoadMoreData' event - */ - - loadData: function (grid) { - grid.options.loadTimout = true; - grid.api.infiniteScroll.raise.needLoadMoreData(); - }, - - /** - * @ngdoc function - * @name checkScroll - * @methodOf ui.grid.infiniteScroll.service:uiGridInfiniteScrollService - * @description This function checks scroll position inside grid and - * calls 'loadData' function when scroll reaches 'infiniteScrollPercentage' - */ - - checkScroll: function(grid, scrollTop) { - - /* Take infiniteScrollPercentage value or use 20% as default */ - var infiniteScrollPercentage = grid.options.infiniteScrollPercentage ? grid.options.infiniteScrollPercentage : 20; - - if (!grid.options.loadTimout && scrollTop <= infiniteScrollPercentage) { - this.loadData(grid); - return true; - } - return false; - } - /** - * @ngdoc property - * @name infiniteScrollPercentage - * @propertyOf ui.grid.class:GridOptions - * @description This setting controls at what percentage of the scroll more data - * is requested by the infinite scroll - */ - }; - return service; - }]); - /** - * @ngdoc directive - * @name ui.grid.infiniteScroll.directive:uiGridInfiniteScroll - * @element div - * @restrict A - * - * @description Adds infinite scroll features to grid - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.infiniteScroll']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Alex', car: 'Toyota' }, - { name: 'Sam', car: 'Lexus' } - ]; - - $scope.columnDefs = [ - {name: 'name'}, - {name: 'car'} - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-infinite-scroll="20"></div> - </div> - </file> - </example> - */ - - module.directive('uiGridInfiniteScroll', ['uiGridInfiniteScrollService', - function (uiGridInfiniteScrollService) { - return { - priority: -200, - scope: false, - require: '^uiGrid', - compile: function($scope, $elm, $attr){ - return { - pre: function($scope, $elm, $attr, uiGridCtrl) { - uiGridInfiniteScrollService.initializeGrid(uiGridCtrl.grid); - }, - post: function($scope, $elm, $attr) { - } - }; - } - }; - }]); - - module.directive('uiGridViewport', - ['$compile', 'gridUtil', 'uiGridInfiniteScrollService', 'uiGridConstants', - function ($compile, gridUtil, uiGridInfiniteScrollService, uiGridConstants) { - return { - priority: -200, - scope: false, - link: function ($scope, $elm, $attr){ - if ($scope.grid.options.enableInfiniteScroll) { - $scope.$on(uiGridConstants.events.GRID_SCROLL, function (evt, args) { - if (args.y) { - var percentage = 100 - (args.y.percentage * 100); - uiGridInfiniteScrollService.checkScroll($scope.grid, percentage); - } - }); - } - } - }; - }]); -})(); -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.moveColumns - * @description - * # ui.grid.moveColumns - * This module provides column moving capability to ui.grid. It enables to change the position of columns. - * <div doc-module-components="ui.grid.moveColumns"></div> - */ - var module = angular.module('ui.grid.moveColumns', ['ui.grid']); - - /** - * @ngdoc service - * @name ui.grid.moveColumns.service:uiGridMoveColumnService - * @description Service for column moving feature. - */ - module.service('uiGridMoveColumnService', ['$q', '$timeout', '$log', function ($q, $timeout, $log) { - - var service = { - initializeGrid: function (grid) { - var self = this; - this.registerPublicApi(grid); - this.defaultGridOptions(grid.options); - grid.registerColumnBuilder(self.movableColumnBuilder); - }, - registerPublicApi: function (grid) { - var self = this; - /** - * @ngdoc object - * @name ui.grid.moveColumns.api:PublicApi - * @description Public Api for column moving feature. - */ - var publicApi = { - events: { - /** - * @ngdoc event - * @name columnPositionChanged - * @eventOf ui.grid.moveColumns.api:PublicApi - * @description raised when column is moved - * <pre> - * gridApi.colMovable.on.columnPositionChanged(scope,function(colDef, originalPosition, newPosition){}) - * </pre> - * @param {object} colDef the column that was moved - * @param {integer} originalPosition of the column - * @param {integer} finalPosition of the column - */ - colMovable: { - columnPositionChanged: function (colDef, originalPosition, newPosition) { - } - } - }, - methods: { - /** - * @ngdoc method - * @name moveColumn - * @methodOf ui.grid.moveColumns.api:PublicApi - * @description Method can be used to change column position. - * <pre> - * gridApi.colMovable.on.moveColumn(oldPosition, newPosition) - * </pre> - * @param {integer} originalPosition of the column - * @param {integer} finalPosition of the column - */ - colMovable: { - moveColumn: function (originalPosition, finalPosition) { - self.redrawColumnAtPosition(grid, originalPosition, finalPosition); - } - } - } - }; - grid.api.registerEventsFromObject(publicApi.events); - grid.api.registerMethodsFromObject(publicApi.methods); - }, - defaultGridOptions: function (gridOptions) { - /** - * @ngdoc object - * @name ui.grid.moveColumns.api:GridOptions - * - * @description Options for configuring the move column feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - /** - * @ngdoc object - * @name enableColumnMoving - * @propertyOf ui.grid.moveColumns.api:GridOptions - * @description If defined, sets the default value for the colMovable flag on each individual colDefs - * if their individual enableColumnMoving configuration is not defined. Defaults to true. - */ - gridOptions.enableColumnMoving = gridOptions.enableColumnMoving !== false; - }, - movableColumnBuilder: function (colDef, col, gridOptions) { - var promises = []; - /** - * @ngdoc object - * @name ui.grid.moveColumns.api:ColumnDef - * - * @description Column Definition for move column feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions.columnDef gridOptions.columnDefs} - */ - /** - * @ngdoc object - * @name enableColumnMoving - * @propertyOf ui.grid.moveColumns.api:ColumnDef - * @description Enable column moving for the column. - */ - colDef.enableColumnMoving = colDef.enableColumnMoving === undefined ? gridOptions.enableColumnMoving - : colDef.enableColumnMoving; - return $q.all(promises); - }, - redrawColumnAtPosition: function (grid, originalPosition, newPosition) { - var columns = grid.columns; - - //Function to find column position for a render index, ths is needed to take care of - // invisible columns and row headers - var findPositionForRenderIndex = function (index) { - var position = index; - for (var i = 0; i <= position; i++) { - if ((angular.isDefined(columns[i].colDef.visible) && columns[i].colDef.visible === false)) { - position++; - } - } - return position; - }; - - originalPosition = findPositionForRenderIndex(originalPosition); - newPosition = findPositionForRenderIndex(newPosition); - var originalColumn = columns[originalPosition]; - if (originalColumn.colDef.enableColumnMoving) { - if (originalPosition > newPosition) { - for (var i1 = originalPosition; i1 > newPosition; i1--) { - columns[i1] = columns[i1 - 1]; - } - } - else if (newPosition > originalPosition) { - for (var i2 = originalPosition; i2 < newPosition; i2++) { - columns[i2] = columns[i2 + 1]; - } - } - columns[newPosition] = originalColumn; - $timeout(function () { - grid.refresh(); - grid.api.colMovable.raise.columnPositionChanged(originalColumn.colDef, originalPosition, newPosition); - }); - } - } - }; - return service; - }]); - - /** - * @ngdoc directive - * @name ui.grid.moveColumns.directive:uiGridMoveColumns - * @element div - * @restrict A - * @description Adds column moving features to the ui-grid directive. - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.moveColumns']); - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO', age: 45 }, - { name: 'Frank', title: 'Lowly Developer', age: 25 }, - { name: 'Jenny', title: 'Highly Developer', age: 35 } - ]; - $scope.columnDefs = [ - {name: 'name'}, - {name: 'title'}, - {name: 'age'} - ]; - }]); - </file> - <file name="main.css"> - .grid { - width: 100%; - height: 150px; - } - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div class="grid" ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-move-columns></div> - </div> - </file> - </example> - */ - module.directive('uiGridMoveColumns', ['uiGridMoveColumnService', function (uiGridMoveColumnService) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridMoveColumnService.initializeGrid(uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.moveColumns.directive:uiGridHeaderCell - * @element div - * @restrict A - * - * @description Stacks on top of ui.grid.uiGridHeaderCell to provide capability to be able to move it to reposition column. - * - * On receiving mouseDown event headerCell is cloned, now as the mouse moves the cloned header cell also moved in the grid. - * In case the moving cloned header cell reaches the left or right extreme of grid, grid scrolling is triggered (if horizontal scroll exists). - * On mouseUp event column is repositioned at position where mouse is released and coned header cell is removed. - * - * Events that invoke cloning of header cell: - * - mousedown - * - * Events that invoke movement of cloned header cell: - * - mousemove - * - * Events that invoke repositioning of column: - * - mouseup - */ - module.directive('uiGridHeaderCell', ['$q', 'gridUtil', 'uiGridMoveColumnService', '$document', - function ($q, gridUtil, uiGridMoveColumnService, $document) { - return { - priority: -10, - require: '^uiGrid', - compile: function () { - return { - post: function ($scope, $elm, $attrs, uiGridCtrl) { - if ($scope.col.colDef.enableColumnMoving) { - - var mouseDownHandler = function (evt) { - if (evt.target.className !== 'ui-grid-icon-angle-down' && evt.target.tagName !== 'I') { - - //Cloning header cell and appending to current header cell. - var movingElm = $elm.clone(); - $elm.append(movingElm); - - //Left of cloned element should be aligned to original header cell. - movingElm.addClass('movingColumn'); - var movingElementStyles = {}; - var gridLeft = $scope.grid.element[0].getBoundingClientRect().left; - var elmLeft = $elm[0].getBoundingClientRect().left; - movingElementStyles.left = (elmLeft - gridLeft) + 'px'; - var gridRight = $scope.grid.element[0].getBoundingClientRect().right; - var elmRight = $elm[0].getBoundingClientRect().right; - var reducedWidth; - if (elmRight > gridRight) { - reducedWidth = $scope.col.drawnWidth + (gridRight - elmRight); - movingElementStyles.width = reducedWidth + 'px'; - } - //movingElementStyles.visibility = 'hidden'; - movingElm.css(movingElementStyles); - - //Setting some variables required for calculations. - var previousMouseX = evt.pageX; - var totalMouseMovement = 0; - var rightMoveLimit = gridLeft + $scope.grid.getViewportWidth() - $scope.grid.verticalScrollbarWidth; - - //Clone element should move horizontally with mouse. - var mouseMoveHandler = function (evt) { - uiGridCtrl.fireEvent('hide-menu'); - var currentElmLeft = movingElm[0].getBoundingClientRect().left - 1; - var currentElmRight = movingElm[0].getBoundingClientRect().right; - var changeValue = evt.pageX - previousMouseX; - var newElementLeft; - if (gridUtil.detectBrowser() === 'ie') { - newElementLeft = currentElmLeft + changeValue; - } - else { - newElementLeft = currentElmLeft - gridLeft + changeValue; - } - newElementLeft = newElementLeft < rightMoveLimit ? newElementLeft : rightMoveLimit; - if ((currentElmLeft >= gridLeft || changeValue > 0) && (currentElmRight <= rightMoveLimit || changeValue < 0)) { - movingElm.css({visibility: 'visible', 'left': newElementLeft + 'px'}); - } - else { - changeValue *= 5; - uiGridCtrl.fireScrollingEvent({ x: { pixels: changeValue * 2.5} }); - } - totalMouseMovement += changeValue; - previousMouseX = evt.pageX; - if (reducedWidth < $scope.col.drawnWidth) { - reducedWidth += Math.abs(changeValue); - movingElm.css({'width': reducedWidth + 'px'}); - } - }; - - // On scope destroy, remove the mouse event handlers from the document body - $scope.$on('$destroy', function () { - $document.off('mousemove', mouseMoveHandler); - $document.off('mouseup', mouseUpHandler); - }); - - $document.on('mousemove', mouseMoveHandler); - var mouseUpHandler = function (evt) { - var renderIndexDefer = $q.defer(); - - var renderIndex; - $attrs.$observe('renderIndex', function (n, o) { - renderIndex = $scope.$eval(n); - renderIndexDefer.resolve(); - }); - - renderIndexDefer.promise.then(function () { - - //Remove the cloned element on mouse up. - if (movingElm) { - movingElm.remove(); - } - - var renderedColumns = $scope.grid.renderContainers['body'].renderedColumns; - - //This method will calculate the number of columns hidden in lift due to scroll - //renderContainer.prevColumnScrollIndex could also have been used but this is more accurate - var scrolledColumnCount = 0; - var columns = $scope.grid.columns; - for (var i = 0; i < columns.length; i++) { - if (columns[i].colDef.name !== renderedColumns[0].colDef.name) { - scrolledColumnCount++; - } - else { - break; - } - } - - //Case where column should be moved to a position on its left - if (totalMouseMovement < 0) { - var totalColumnsLeftWidth = 0; - for (var il = renderIndex - 1; il >= 0; il--) { - totalColumnsLeftWidth += renderedColumns[il].drawnWidth; - if (totalColumnsLeftWidth > Math.abs(totalMouseMovement)) { - uiGridMoveColumnService.redrawColumnAtPosition - ($scope.grid, scrolledColumnCount + renderIndex, scrolledColumnCount + il + 1); - break; - } - } - //Case where column should be moved to beginning of the grid. - if (totalColumnsLeftWidth < Math.abs(totalMouseMovement)) { - uiGridMoveColumnService.redrawColumnAtPosition - ($scope.grid, scrolledColumnCount + renderIndex, scrolledColumnCount + 0); - } - } - //Case where column should be moved to a position on its right - else if (totalMouseMovement > 0) { - var totalColumnsRightWidth = 0; - for (var ir = renderIndex + 1; ir < renderedColumns.length; ir++) { - totalColumnsRightWidth += renderedColumns[ir].drawnWidth; - if (totalColumnsRightWidth > totalMouseMovement) { - uiGridMoveColumnService.redrawColumnAtPosition - ($scope.grid, scrolledColumnCount + renderIndex, scrolledColumnCount + ir - 1); - break; - } - } - //Case where column should be moved to end of the grid. - if (totalColumnsRightWidth < totalMouseMovement) { - uiGridMoveColumnService.redrawColumnAtPosition - ($scope.grid, scrolledColumnCount + renderIndex, scrolledColumnCount + renderedColumns.length - 1); - } - } - else if (totalMouseMovement === 0) { - if (uiGridCtrl.grid.options.enableSorting && $scope.col.enableSorting) { - //sort the current column - var add = false; - if (evt.shiftKey) { - add = true; - } - - // Sort this column then rebuild the grid's rows - uiGridCtrl.grid.sortColumn($scope.col, add) - .then(function () { - if (uiGridCtrl.columnMenuScope) { - uiGridCtrl.columnMenuScope.hideMenu(); - } - uiGridCtrl.grid.refresh(); - }); - } - } - - $document.off('mousemove', mouseMoveHandler); - $document.off('mouseup', mouseUpHandler); - }); - }; - - $document.on('mouseup', mouseUpHandler); - } - }; - - $elm.on('mousedown', mouseDownHandler); - } - } - }; - } - }; - }]); -})(); - -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.pagination - * - * @description - * - * #ui.grid.pagination - * This module provides pagination support to ui-grid - */ - var module = angular.module('ui.grid.pagination', ['ui.grid']); - - /** - * @ngdoc service - * @name ui.grid.pagination.service:uiGridPaginationService - * - * @description Service for the pagination feature - */ - module.service('uiGridPaginationService', function () { - var service = { - - /** - * @ngdoc method - * @name initializeGrid - * @methodOf ui.grid.pagination.service:uiGridPaginationService - * @description Attaches the service to a certain grid - * @param {Grid} grid The grid we want to work with - */ - initializeGrid: function (grid) { - service.defaultGridOptions(grid.options); - grid.pagination = {page: 1, totalPages: 1}; - - /** - * @ngdoc object - * @name ui.grid.pagination.api:PublicAPI - * - * @description Public API for the pagination feature - */ - var publicApi = { - methods: { - pagination: { - /** - * @ngdoc method - * @name getPage - * @methodOf ui.grid.pagination.api:PublicAPI - * @description Returns the number of the current page - */ - getPage: function () { - return grid.pagination.page; - }, - /** - * @ngdoc method - * @name getTotalPages - * @methodOf ui.grid.pagination.api:PublicAPI - * @description Returns the total number of pages - */ - getTotalPages: function () { - return grid.pagination.totalPages; - }, - /** - * @ngdoc method - * @name nextPage - * @methodOf ui.grid.pagination.api:PublicAPI - * @description Moves to the next page, if possible - */ - nextPage: function () { - grid.pagination.page++; - grid.refresh(); - }, - /** - * @ngdoc method - * @name previousPage - * @methodOf ui.grid.pagination.api:PublicAPI - * @description Moves to the previous page, if we're not on the first page - */ - previousPage: function () { - grid.pagination.page = Math.max(1, grid.pagination.page - 1); - grid.refresh(); - }, - seek: function (page) { - if (!angular.isNumber(page) || page < 1) { - throw 'Invalid page number: ' + page; - } - - grid.pagination.page = page; - grid.refresh(); - } - } - } - }; - grid.api.registerMethodsFromObject(publicApi.methods); - grid.registerRowsProcessor(function (renderableRows) { - if (!grid.options.enablePagination) { - return renderableRows; - } - grid.pagination.totalPages = Math.max( - 1, - Math.ceil(renderableRows.length / grid.options.rowsPerPage) - ); - - var firstRow = (grid.pagination.page - 1) * grid.options.rowsPerPage; - if (firstRow >= renderableRows.length) { - grid.pagination.page = grid.pagination.totalPages; - firstRow = (grid.pagination.page - 1) * grid.options.rowsPerPage; - } - - return renderableRows.slice( - firstRow, - firstRow + grid.options.rowsPerPage - ); - }); - }, - - defaultGridOptions: function (gridOptions) { - /** - * @ngdoc object - * @name ui.grid.pagination.api:GridOptions - * - * @description GridOptions for the pagination feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enablePagination - * @propertyOf ui.grid.pagination.api:GridOptions - * @description Enable pagination for this grid - * <br/>Defaults to true - */ - gridOptions.enablePagination = gridOptions.enablePagination !== false; - - /** - * @ngdoc object - * @name rowsPerPage - * @propertyOf ui.grid.pagination.api:GridOptions - * @description The number of rows that should be displayed per page - * <br/>Defaults to 10 - */ - gridOptions.rowsPerPage = angular.isNumber(gridOptions.rowsPerPage) ? gridOptions.rowsPerPage : 10; - } - }; - - return service; - }); - - /** - * @ngdoc directive - * @name ui.grid.pagination.directive:uiGridPagination - * @element div - * @restrict A - * - * @description Adds pagination support to a grid. - */ - module.directive('uiGridPagination', ['uiGridPaginationService', function (uiGridPaginationService) { - return { - priority: -400, - scope: false, - require: '^uiGrid', - link: { - pre: function (scope, element, attrs, uiGridCtrl) { - uiGridPaginationService.initializeGrid(uiGridCtrl.grid); - } - } - }; - }]); -})(); - -(function() { - 'use strict'; - /** - * @ngdoc overview - * @name ui.grid.paging - * - * @description - * - * #ui.grid.paging - * This module provides paging support to ui-grid - */ - - var module = angular.module('ui.grid.paging', ['ui.grid']); - - /** - * @ngdoc service - * @name ui.grid.paging.service:uiGridPagingService - * - * @description Service for the paging feature - */ - module.service('uiGridPagingService', ['gridUtil', - function (gridUtil) { - var service = { - /** - * @ngdoc method - * @name initializeGrid - * @methodOf ui.grid.paging.service:uiGridPagingService - * @description Attaches the service to a certain grid - * @param {Grid} grid The grid we want to work with - */ - initializeGrid: function (grid) { - service.defaultGridOptions(grid.options); - - /** - * @ngdoc object - * @name ui.grid.paging.api:PublicAPI - * - * @description Public API for the paging feature - */ - var publicApi = { - events: { - paging: { - /** - * @ngdoc event - * @name pagingChanged - * @eventOf ui.grid.paging.api:PublicAPI - * @description This event fires when the pageSize or currentPage changes - * @param {currentPage} requested page number - * @param {pageSize} requested page size - */ - pagingChanged: function (currentPage, pageSize) { } - } - }, - methods: { - paging: { - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - grid.api.registerMethodsFromObject(publicApi.methods); - grid.registerRowsProcessor(function (renderableRows) { - if (grid.options.useExternalPaging || !grid.options.enablePaging) { - return renderableRows; - } - //client side paging - var pageSize = parseInt(grid.options.pagingPageSize, 10); - var currentPage = parseInt(grid.options.pagingCurrentPage, 10); - - var firstRow = (currentPage - 1) * pageSize; - return renderableRows.slice(firstRow, firstRow + pageSize); - }); - - }, - defaultGridOptions: function (gridOptions) { - /** - * @ngdoc property - * @name enablePaging - * @propertyOf ui.grid.class:GridOptions - * @description Enables paging, defaults to true - */ - gridOptions.enablePaging = gridOptions.enablePaging !== false; - /** - * @ngdoc property - * @name useExternalPaging - * @propertyOf ui.grid.class:GridOptions - * @description Disables client side paging. When true, handle the pagingChanged event and set data and totalItems - * defaults to false - */ - gridOptions.useExternalPaging = gridOptions.useExternalPaging === true; - /** - * @ngdoc property - * @name totalItems - * @propertyOf ui.grid.class:GridOptions - * @description Total number of items, set automatically when client side paging, needs set by user for server side paging - */ - if (gridUtil.isNullOrUndefined(gridOptions.totalItems)) { - gridOptions.totalItems = 0; - } - /** - * @ngdoc property - * @name pagingPageSizes - * @propertyOf ui.grid.class:GridOptions - * @description Array of page sizes - * defaults to [250, 500, 1000] - */ - if (gridUtil.isNullOrUndefined(gridOptions.pagingPageSizes)) { - gridOptions.pagingPageSizes = [250, 500, 1000]; - } - /** - * @ngdoc property - * @name pagingPageSize - * @propertyOf ui.grid.class:GridOptions - * @description Page size - * defaults to the first item in pagingPageSizes, or 0 if pagingPageSizes is empty - */ - if (gridUtil.isNullOrUndefined(gridOptions.pagingPageSize)) { - if (gridOptions.pagingPageSizes.length > 0) { - gridOptions.pagingPageSize = gridOptions.pagingPageSizes[0]; - } else { - gridOptions.pagingPageSize = 0; - } - } - /** - * @ngdoc property - * @name pagingCurrentPage - * @propertyOf ui.grid.class:GridOptions - * @description Current page number - * default 1 - */ - if (gridUtil.isNullOrUndefined(gridOptions.pagingCurrentPage)) { - gridOptions.pagingCurrentPage = 1; - } - }, - /** - * @ngdoc method - * @methodOf ui.grid.paging.service:uiGridPagingService - * @name uiGridPagingService - * @description Raises pagingChanged and calls refresh for client side paging - * @param {grid} the grid for which the paging changed - * @param {currentPage} requested page number - * @param {pageSize} requested page size - */ - onPagingChanged: function (grid, currentPage, pageSize) { - grid.api.paging.raise.pagingChanged(currentPage, pageSize); - if (!grid.options.useExternalPaging) { - grid.refresh(); //client side paging - } - } - }; - - return service; - } - ]); - /** - * @ngdoc directive - * @name ui.grid.paging.directive:uiGridPaging - * @element div - * @restrict A - * - * @description Adds paging features to grid - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.paging']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Alex', car: 'Toyota' }, - { name: 'Sam', car: 'Lexus' }, - { name: 'Joe', car: 'Dodge' }, - { name: 'Bob', car: 'Buick' }, - { name: 'Cindy', car: 'Ford' }, - { name: 'Brian', car: 'Audi' }, - { name: 'Malcom', car: 'Mercedes Benz' }, - { name: 'Dave', car: 'Ford' }, - { name: 'Stacey', car: 'Audi' }, - { name: 'Amy', car: 'Acura' }, - { name: 'Scott', car: 'Toyota' }, - { name: 'Ryan', car: 'BMW' }, - ]; - - $scope.gridOptions = { - data: 'data', - pagingPageSizes: [5, 10, 25], - pagingPageSize: 5, - columnDefs: [ - {name: 'name'}, - {name: 'car'} - ]; - } - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="gridOptions" ui-grid-paging></div> - </div> - </file> - </example> - */ - module.directive('uiGridPaging', ['gridUtil', 'uiGridPagingService', - function (gridUtil, uiGridPagingService) { - /** - * @ngdoc property - * @name pagingTemplate - * @propertyOf ui.grid.class:GridOptions - * @description a custom template for the pager. The default - * is ui-grid/ui-grid-paging - */ - var defaultTemplate = 'ui-grid/ui-grid-paging'; - - return { - priority: -200, - scope: false, - require: 'uiGrid', - compile: function ($scope, $elm, $attr, uiGridCtrl) { - return { - pre: function ($scope, $elm, $attr, uiGridCtrl) { - - uiGridPagingService.initializeGrid(uiGridCtrl.grid); - - var pagingTemplate = uiGridCtrl.grid.options.pagingTemplate || defaultTemplate; - gridUtil.getTemplate(pagingTemplate) - .then(function (contents) { - var template = angular.element(contents); - $elm.append(template); - uiGridCtrl.innerCompile(template); - }); - }, - post: function ($scope, $elm, $attr, uiGridCtrl) { - } - }; - } - }; - } - ]); - - /** - * @ngdoc directive - * @name ui.grid.paging.directive:uiGridPager - * @element div - * - * @description Panel for handling paging - */ - module.directive('uiGridPager', ['uiGridPagingService', 'uiGridConstants', 'gridUtil', 'i18nService', - function (uiGridPagingService, uiGridConstants, gridUtil, i18nService) { - return { - priority: -200, - scope: true, - require: '^uiGrid', - link: function ($scope, $elm, $attr, uiGridCtrl) { - - $scope.sizesLabel = i18nService.getSafeText('paging.sizes'); - $scope.totalItemsLabel = i18nService.getSafeText('paging.totalItems'); - - var options = $scope.grid.options; - - uiGridCtrl.grid.renderContainers.body.registerViewportAdjuster(function (adjustment) { - adjustment.height = adjustment.height - gridUtil.elementHeight($elm); - return adjustment; - }); - - uiGridCtrl.grid.registerDataChangeCallback(function (grid) { - if (!grid.options.useExternalPaging) { - grid.options.totalItems = grid.rows.length; - } - }, [uiGridConstants.dataChange.ROW]); - - var setShowing = function () { - $scope.showingLow = ((options.pagingCurrentPage - 1) * options.pagingPageSize) + 1; - $scope.showingHigh = Math.min(options.pagingCurrentPage * options.pagingPageSize, options.totalItems); - }; - - var getMaxPages = function () { - return (options.totalItems === 0) ? 1 : Math.ceil(options.totalItems / options.pagingPageSize); - }; - - var deregT = $scope.$watch('grid.options.totalItems + grid.options.pagingPageSize', function () { - $scope.currentMaxPages = getMaxPages(); - setShowing(); - } - ); - - var deregP = $scope.$watch('grid.options.pagingCurrentPage + grid.options.pagingPageSize', function (newValues, oldValues) { - if (newValues === oldValues) { - return; - } - - if (!angular.isNumber(options.pagingCurrentPage) || options.pagingCurrentPage < 1) { - options.pagingCurrentPage = 1; - return; - } - - if (options.totalItems > 0 && options.pagingCurrentPage > getMaxPages()) { - options.pagingCurrentPage = getMaxPages(); - return; - } - - setShowing(); - uiGridPagingService.onPagingChanged($scope.grid, options.pagingCurrentPage, options.pagingPageSize); - } - ); - - $scope.$on('$destroy', function() { - deregT(); - deregP(); - }); - - $scope.pageForward = function () { - if (options.totalItems > 0) { - options.pagingCurrentPage = Math.min(options.pagingCurrentPage + 1, $scope.currentMaxPages); - } else { - options.pagingCurrentPage++; - } - }; - - $scope.pageBackward = function () { - options.pagingCurrentPage = Math.max(options.pagingCurrentPage - 1, 1); - }; - - $scope.pageToFirst = function () { - options.pagingCurrentPage = 1; - }; - - $scope.pageToLast = function () { - options.pagingCurrentPage = $scope.currentMaxPages; - }; - - $scope.cantPageForward = function () { - if (options.totalItems > 0) { - return options.pagingCurrentPage >= $scope.currentMaxPages; - } else { - return options.data.length < 1; - } - }; - - $scope.cantPageToLast = function () { - if (options.totalItems > 0) { - return $scope.cantPageForward(); - } else { - return true; - } - }; - - $scope.cantPageBackward = function () { - return options.pagingCurrentPage <= 1; - }; - } - }; - } - ]); -})(); -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.pinning - * @description - * - * # ui.grid.pinning - * This module provides column pinning to the end user via menu options in the column header - * <br/> - * <br/> - * - * <div doc-module-components="ui.grid.pinning"></div> - */ - - var module = angular.module('ui.grid.pinning', ['ui.grid']); - - module.service('uiGridPinningService', ['gridUtil', 'GridRenderContainer', 'i18nService', function (gridUtil, GridRenderContainer, i18nService) { - var service = { - - initializeGrid: function (grid) { - service.defaultGridOptions(grid.options); - - // Register a column builder to add new menu items for pinning left and right - grid.registerColumnBuilder(service.pinningColumnBuilder); - }, - - defaultGridOptions: function (gridOptions) { - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.pinning.api:GridOptions - * - * @description GridOptions for pinning feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enableRowSelection - * @propertyOf ui.grid.pinning.api:GridOptions - * @description Enable pinning for the entire grid. - * <br/>Defaults to true - */ - gridOptions.enablePinning = gridOptions.enablePinning !== false; - - }, - - pinningColumnBuilder: function (colDef, col, gridOptions) { - //default to true unless gridOptions or colDef is explicitly false - - /** - * @ngdoc object - * @name ui.grid.pinning.api:ColumnDef - * - * @description ColumnDef for pinning feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions.columnDef gridOptions.columnDefs} - */ - - /** - * @ngdoc object - * @name enablePinning - * @propertyOf ui.grid.pinning.api:ColumnDef - * @description Enable pinning for the individual column. - * <br/>Defaults to true - */ - colDef.enablePinning = colDef.enablePinning === undefined ? gridOptions.enablePinning : colDef.enablePinning; - - - /** - * @ngdoc object - * @name pinnedLeft - * @propertyOf ui.grid.pinning.api:ColumnDef - * @description Column is pinned left when grid is rendered - * <br/>Defaults to false - */ - - /** - * @ngdoc object - * @name pinnedRight - * @propertyOf ui.grid.pinning.api:ColumnDef - * @description Column is pinned right when grid is rendered - * <br/>Defaults to false - */ - if (colDef.pinnedLeft) { - if (col.width === '*') { - // Need to refresh so the width can be calculated. - col.grid.refresh() - .then(function () { - col.renderContainer = 'left'; - // Need to calculate the width. If col.drawnWidth is used instead then the width - // will be 100% if it's the first column, 50% if it's the second etc. - col.width = col.grid.canvasWidth / col.grid.columns.length; - col.grid.createLeftContainer(); - }); - } - else { - col.renderContainer = 'left'; - col.grid.createLeftContainer(); - } - } - else if (colDef.pinnedRight) { - if (col.width === '*') { - // Need to refresh so the width can be calculated. - col.grid.refresh() - .then(function () { - col.renderContainer = 'right'; - // Need to calculate the width. If col.drawnWidth is used instead then the width - // will be 100% if it's the first column, 50% if it's the second etc. - col.width = col.grid.canvasWidth / col.grid.columns.length; - col.grid.createRightContainer(); - }); - } - else { - col.renderContainer = 'right'; - col.grid.createRightContainer(); - } - } - - if (!colDef.enablePinning) { - return; - } - - var pinColumnLeftAction = { - name: 'ui.grid.pinning.pinLeft', - title: i18nService.get().pinning.pinLeft, - icon: 'ui-grid-icon-left-open', - shown: function () { - return typeof(this.context.col.renderContainer) === 'undefined' || !this.context.col.renderContainer || this.context.col.renderContainer !== 'left'; - }, - action: function () { - this.context.col.renderContainer = 'left'; - this.context.col.width = this.context.col.drawnWidth; - this.context.col.grid.createLeftContainer(); - - // Need to call refresh twice; once to move our column over to the new render container and then - // a second time to update the grid viewport dimensions with our adjustments - col.grid.refresh() - .then(function () { - col.grid.refresh(); - }); - } - }; - - var pinColumnRightAction = { - name: 'ui.grid.pinning.pinRight', - title: i18nService.get().pinning.pinRight, - icon: 'ui-grid-icon-right-open', - shown: function () { - return typeof(this.context.col.renderContainer) === 'undefined' || !this.context.col.renderContainer || this.context.col.renderContainer !== 'right'; - }, - action: function () { - this.context.col.renderContainer = 'right'; - this.context.col.width = this.context.col.drawnWidth; - this.context.col.grid.createRightContainer(); - - - // Need to call refresh twice; once to move our column over to the new render container and then - // a second time to update the grid viewport dimensions with our adjustments - col.grid.refresh() - .then(function () { - col.grid.refresh(); - }); - } - }; - - var removePinAction = { - name: 'ui.grid.pinning.unpin', - title: i18nService.get().pinning.unpin, - icon: 'ui-grid-icon-cancel', - shown: function () { - return typeof(this.context.col.renderContainer) !== 'undefined' && this.context.col.renderContainer !== null && this.context.col.renderContainer !== 'body'; - }, - action: function () { - this.context.col.renderContainer = null; - - // Need to call refresh twice; once to move our column over to the new render container and then - // a second time to update the grid viewport dimensions with our adjustments - col.grid.refresh() - .then(function () { - col.grid.refresh(); - }); - } - }; - - if (!gridUtil.arrayContainsObjectWithProperty(col.menuItems, 'name', 'ui.grid.pinning.pinLeft')) { - col.menuItems.push(pinColumnLeftAction); - } - if (!gridUtil.arrayContainsObjectWithProperty(col.menuItems, 'name', 'ui.grid.pinning.pinRight')) { - col.menuItems.push(pinColumnRightAction); - } - if (!gridUtil.arrayContainsObjectWithProperty(col.menuItems, 'name', 'ui.grid.pinning.unpin')) { - col.menuItems.push(removePinAction); - } - } - }; - - return service; - }]); - - module.directive('uiGridPinning', ['gridUtil', 'uiGridPinningService', - function (gridUtil, uiGridPinningService) { - return { - require: 'uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridPinningService.initializeGrid(uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - -})(); - -(function(){ - 'use strict'; - - var module = angular.module('ui.grid.resizeColumns', ['ui.grid']); - - module.constant('columnBounds', { - minWidth: 35 - }); - - - module.service('uiGridResizeColumnsService', ['gridUtil', '$q', '$timeout', - function (gridUtil, $q, $timeout) { - - var service = { - defaultGridOptions: function(gridOptions){ - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.resizeColumns.api:GridOptions - * - * @description GridOptions for resizeColumns feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enableColumnResizing - * @propertyOf ui.grid.resizeColumns.api:GridOptions - * @description Enable column resizing on the entire grid - * <br/>Defaults to true - */ - gridOptions.enableColumnResizing = gridOptions.enableColumnResizing !== false; - - //legacy support - //use old name if it is explicitly false - if (gridOptions.enableColumnResize === false){ - gridOptions.enableColumnResizing = false; - } - }, - - colResizerColumnBuilder: function (colDef, col, gridOptions) { - - var promises = []; - /** - * @ngdoc object - * @name ui.grid.resizeColumns.api:ColumnDef - * - * @description ColumnDef for resizeColumns feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions.columnDef gridOptions.columnDefs} - */ - - /** - * @ngdoc object - * @name enableColumnResizing - * @propertyOf ui.grid.resizeColumns.api:ColumnDef - * @description Enable column resizing on an individual column - * <br/>Defaults to GridOptions.enableColumnResizing - */ - //default to true unless gridOptions or colDef is explicitly false - colDef.enableColumnResizing = colDef.enableColumnResizing === undefined ? gridOptions.enableColumnResizing : colDef.enableColumnResizing; - - - //legacy support of old option name - if (colDef.enableColumnResize === false){ - colDef.enableColumnResizing = false; - } - - return $q.all(promises); - }, - - registerPublicApi: function (grid) { - /** - * @ngdoc object - * @name ui.grid.resizeColumns.api:PublicApi - * @description Public Api for column resize feature. - */ - var publicApi = { - events: { - /** - * @ngdoc event - * @name columnSizeChanged - * @eventOf ui.grid.resizeColumns.api:PublicApi - * @description raised when column is resized - * <pre> - * gridApi.colResizable.on.columnSizeChanged(scope,function(colDef, deltaChange){}) - * </pre> - * @param {object} colDef the column that was resized - * @param {integer} delta of the column size change - */ - colResizable: { - columnSizeChanged: function (colDef, deltaChange) { - } - } - } - }; - grid.api.registerEventsFromObject(publicApi.events); - }, - - fireColumnSizeChanged: function (grid, colDef, deltaChange) { - $timeout(function () { - grid.api.colResizable.raise.columnSizeChanged(colDef, deltaChange); - }); - } - }; - - return service; - - }]); - - - /** - * @ngdoc directive - * @name ui.grid.resizeColumns.directive:uiGridResizeColumns - * @element div - * @restrict A - * @description - * Enables resizing for all columns on the grid. If, for some reason, you want to use the ui-grid-resize-columns directive, but not allow column resizing, you can explicitly set the - * option to false. This prevents resizing for the entire grid, regardless of individual columnDef options. - * - * @example - <doc:example module="app"> - <doc:source> - <script> - var app = angular.module('app', ['ui.grid', 'ui.grid.resizeColumns']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.gridOpts = { - data: [ - { "name": "Ethel Price", "gender": "female", "company": "Enersol" }, - { "name": "Claudine Neal", "gender": "female", "company": "Sealoud" }, - { "name": "Beryl Rice", "gender": "female", "company": "Velity" }, - { "name": "Wilder Gonzales", "gender": "male", "company": "Geekko" } - ] - }; - }]); - </script> - - <div ng-controller="MainCtrl"> - <div class="testGrid" ui-grid="gridOpts" ui-grid-resize-columns ></div> - </div> - </doc:source> - <doc:scenario> - - </doc:scenario> - </doc:example> - */ - module.directive('uiGridResizeColumns', ['gridUtil', 'uiGridResizeColumnsService', function (gridUtil, uiGridResizeColumnsService) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridResizeColumnsService.defaultGridOptions(uiGridCtrl.grid.options); - uiGridCtrl.grid.registerColumnBuilder( uiGridResizeColumnsService.colResizerColumnBuilder); - uiGridResizeColumnsService.registerPublicApi(uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - // Extend the uiGridHeaderCell directive - module.directive('uiGridHeaderCell', ['gridUtil', '$templateCache', '$compile', '$q', function (gridUtil, $templateCache, $compile, $q) { - return { - // Run after the original uiGridHeaderCell - priority: -10, - require: '^uiGrid', - // scope: false, - compile: function() { - return { - post: function ($scope, $elm, $attrs, uiGridCtrl) { - if (uiGridCtrl.grid.options.enableColumnResizing) { - var renderIndexDefer = $q.defer(); - - $attrs.$observe('renderIndex', function (n, o) { - $scope.renderIndex = $scope.$eval(n); - - renderIndexDefer.resolve(); - }); - - renderIndexDefer.promise.then(function() { - var columnResizerElm = $templateCache.get('ui-grid/columnResizer'); - - var resizerLeft = angular.element(columnResizerElm).clone(); - var resizerRight = angular.element(columnResizerElm).clone(); - - resizerLeft.attr('position', 'left'); - resizerRight.attr('position', 'right'); - - var col = $scope.col; - var renderContainer = col.getRenderContainer(); - - - // Get the column to the left of this one - var otherCol = renderContainer.renderedColumns[$scope.renderIndex - 1]; - - // Don't append the left resizer if this is the first column or the column to the left of this one has resizing disabled - if (otherCol && renderContainer.visibleColumnCache.indexOf($scope.col) !== 0 && otherCol.colDef.enableColumnResizing !== false) { - $elm.prepend(resizerLeft); - $compile(resizerLeft)($scope); - } - - // Don't append the right resizer if this column has resizing disabled - if ($scope.col.colDef.enableColumnResizing !== false) { - $elm.append(resizerRight); - $compile(resizerRight)($scope); - } - }); - } - } - }; - } - }; - }]); - - - - /** - * @ngdoc directive - * @name ui.grid.resizeColumns.directive:uiGridColumnResizer - * @element div - * @restrict A - * - * @description - * Draggable handle that controls column resizing. - * - * @example - <doc:example module="app"> - <doc:source> - <script> - var app = angular.module('app', ['ui.grid', 'ui.grid.resizeColumns']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.gridOpts = { - enableColumnResizing: true, - data: [ - { "name": "Ethel Price", "gender": "female", "company": "Enersol" }, - { "name": "Claudine Neal", "gender": "female", "company": "Sealoud" }, - { "name": "Beryl Rice", "gender": "female", "company": "Velity" }, - { "name": "Wilder Gonzales", "gender": "male", "company": "Geekko" } - ] - }; - }]); - </script> - - <div ng-controller="MainCtrl"> - <div class="testGrid" ui-grid="gridOpts"></div> - </div> - </doc:source> - <doc:scenario> - // TODO: e2e specs? - // TODO: Obey minWidth and maxWIdth; - - // TODO: post-resize a horizontal scroll event should be fired - </doc:scenario> - </doc:example> - */ - module.directive('uiGridColumnResizer', ['$document', 'gridUtil', 'uiGridConstants', 'columnBounds', 'uiGridResizeColumnsService', function ($document, gridUtil, uiGridConstants, columnBounds, uiGridResizeColumnsService) { - var resizeOverlay = angular.element('<div class="ui-grid-resize-overlay"></div>'); - - var resizer = { - priority: 0, - scope: { - col: '=', - position: '@', - renderIndex: '=' - }, - require: '?^uiGrid', - link: function ($scope, $elm, $attrs, uiGridCtrl) { - var startX = 0, - x = 0, - gridLeft = 0, - rtlMultiplier = 1; - - //when in RTL mode reverse the direction using the rtlMultiplier and change the position to left - if (uiGridCtrl.grid.isRTL()) { - $scope.position = 'left'; - rtlMultiplier = -1; - } - - if ($scope.position === 'left') { - $elm.addClass('left'); - } - else if ($scope.position === 'right') { - $elm.addClass('right'); - } - - // Resize all the other columns around col - function resizeAroundColumn(col) { - // Get this column's render container - var renderContainer = col.getRenderContainer(); - - renderContainer.visibleColumnCache.forEach(function (column) { - // Skip the column we just resized - if (column === col) { return; } - - var colDef = column.colDef; - if (!colDef.width || (angular.isString(colDef.width) && (colDef.width.indexOf('*') !== -1 || colDef.width.indexOf('%') !== -1))) { - column.width = column.drawnWidth; - } - }); - } - - // Build the columns then refresh the grid canvas - // takes an argument representing the diff along the X-axis that the resize had - function buildColumnsAndRefresh(xDiff) { - // Build the columns - uiGridCtrl.grid.buildColumns() - .then(function() { - // Then refresh the grid canvas, rebuilding the styles so that the scrollbar updates its size - uiGridCtrl.grid.refreshCanvas(true); - }); - } - - function mousemove(event, args) { - if (event.originalEvent) { event = event.originalEvent; } - event.preventDefault(); - - x = event.clientX - gridLeft; - - if (x < 0) { x = 0; } - else if (x > uiGridCtrl.grid.gridWidth) { x = uiGridCtrl.grid.gridWidth; } - - // The other column to resize (the one next to this one) - var col = $scope.col; - var renderContainer = col.getRenderContainer(); - var otherCol; - if ($scope.position === 'left') { - // Get the column to the left of this one - col = renderContainer.renderedColumns[$scope.renderIndex - 1]; - otherCol = $scope.col; - } - else if ($scope.position === 'right') { - otherCol = renderContainer.renderedColumns[$scope.renderIndex + 1]; - } - - // Don't resize if it's disabled on this column - if (col.colDef.enableColumnResizing === false) { - return; - } - - if (!uiGridCtrl.grid.element.hasClass('column-resizing')) { - uiGridCtrl.grid.element.addClass('column-resizing'); - } - - // Get the diff along the X axis - var xDiff = x - startX; - - // Get the width that this mouse would give the column - var newWidth = parseInt(col.drawnWidth + xDiff * rtlMultiplier, 10); - - // If the new width would be less than the column's allowably minimum width, don't allow it - if (col.colDef.minWidth && newWidth < col.colDef.minWidth) { - x = x + (col.colDef.minWidth - newWidth) * rtlMultiplier; - } - else if (!col.colDef.minWidth && columnBounds.minWidth && newWidth < columnBounds.minWidth) { - x = x + (col.colDef.minWidth - newWidth); - } - else if (col.colDef.maxWidth && newWidth > col.colDef.maxWidth) { - x = x + (col.colDef.maxWidth - newWidth) * rtlMultiplier; - } - - resizeOverlay.css({ left: x + 'px' }); - - uiGridCtrl.fireEvent(uiGridConstants.events.ITEM_DRAGGING); - } - - function mouseup(event, args) { - if (event.originalEvent) { event = event.originalEvent; } - event.preventDefault(); - - uiGridCtrl.grid.element.removeClass('column-resizing'); - - resizeOverlay.remove(); - - // Resize the column - x = event.clientX - gridLeft; - var xDiff = x - startX; - - if (xDiff === 0) { - $document.off('mouseup', mouseup); - $document.off('mousemove', mousemove); - return; - } - - // The other column to resize (the one next to this one) - var col = $scope.col; - var renderContainer = col.getRenderContainer(); - - var otherCol; - if ($scope.position === 'left') { - // Get the column to the left of this one - col = renderContainer.renderedColumns[$scope.renderIndex - 1]; - otherCol = $scope.col; - } - else if ($scope.position === 'right') { - otherCol = renderContainer.renderedColumns[$scope.renderIndex + 1]; - } - - // Don't resize if it's disabled on this column - if (col.colDef.enableColumnResizing === false) { - return; - } - - // Get the new width - var newWidth = parseInt(col.drawnWidth + xDiff * rtlMultiplier, 10); - - // If the new width is less than the minimum width, make it the minimum width - if (col.colDef.minWidth && newWidth < col.colDef.minWidth) { - newWidth = col.colDef.minWidth; - } - else if (!col.colDef.minWidth && columnBounds.minWidth && newWidth < columnBounds.minWidth) { - newWidth = columnBounds.minWidth; - } - // - if (col.colDef.maxWidth && newWidth > col.colDef.maxWidth) { - newWidth = col.colDef.maxWidth; - } - - col.width = newWidth; - - // All other columns because fixed to their drawn width, if they aren't already - resizeAroundColumn(col); - - buildColumnsAndRefresh(xDiff); - - uiGridResizeColumnsService.fireColumnSizeChanged(uiGridCtrl.grid, col.colDef, xDiff); - - $document.off('mouseup', mouseup); - $document.off('mousemove', mousemove); - } - - $elm.on('mousedown', function(event, args) { - if (event.originalEvent) { event = event.originalEvent; } - event.stopPropagation(); - - // Get the left offset of the grid - // gridLeft = uiGridCtrl.grid.element[0].offsetLeft; - gridLeft = uiGridCtrl.grid.element[0].getBoundingClientRect().left; - - // Get the starting X position, which is the X coordinate of the click minus the grid's offset - startX = event.clientX - gridLeft; - - // Append the resizer overlay - uiGridCtrl.grid.element.append(resizeOverlay); - - // Place the resizer overlay at the start position - resizeOverlay.css({ left: startX }); - - // Add handlers for mouse move and up events - $document.on('mouseup', mouseup); - $document.on('mousemove', mousemove); - }); - - // On doubleclick, resize to fit all rendered cells - $elm.on('dblclick', function(event, args) { - event.stopPropagation(); - - var col = $scope.col; - var renderContainer = col.getRenderContainer(); - - var otherCol, multiplier; - - // If we're the left-positioned resizer then we need to resize the column to the left of our column, and not our column itself - if ($scope.position === 'left') { - col = renderContainer.renderedColumns[$scope.renderIndex - 1]; - otherCol = $scope.col; - multiplier = 1; - } - else if ($scope.position === 'right') { - otherCol = renderContainer.renderedColumns[$scope.renderIndex + 1]; - otherCol = renderContainer.renderedColumns[$scope.renderIndex + 1]; - multiplier = -1; - } - - // Go through the rendered rows and find out the max size for the data in this column - var maxWidth = 0; - var xDiff = 0; - - // Get the parent render container element - var renderContainerElm = gridUtil.closestElm($elm, '.ui-grid-render-container'); - - // Get the cell contents so we measure correctly. For the header cell we have to account for the sort icon and the menu buttons, if present - var cells = renderContainerElm.querySelectorAll('.' + uiGridConstants.COL_CLASS_PREFIX + col.uid + ' .ui-grid-cell-contents'); - Array.prototype.forEach.call(cells, function (cell) { - // Get the cell width - // gridUtil.logDebug('width', gridUtil.elementWidth(cell)); - - // Account for the menu button if it exists - var menuButton; - if (angular.element(cell).parent().hasClass('ui-grid-header-cell')) { - menuButton = angular.element(cell).parent()[0].querySelectorAll('.ui-grid-column-menu-button'); - } - - gridUtil.fakeElement(cell, {}, function(newElm) { - // Make the element float since it's a div and can expand to fill its container - var e = angular.element(newElm); - e.attr('style', 'float: left'); - - var width = gridUtil.elementWidth(e); - - if (menuButton) { - var menuButtonWidth = gridUtil.elementWidth(menuButton); - width = width + menuButtonWidth; - } - - if (width > maxWidth) { - maxWidth = width; - xDiff = maxWidth - width; - } - }); - }); - - // If the new width is less than the minimum width, make it the minimum width - if (col.colDef.minWidth && maxWidth < col.colDef.minWidth) { - maxWidth = col.colDef.minWidth; - } - else if (!col.colDef.minWidth && columnBounds.minWidth && maxWidth < columnBounds.minWidth) { - maxWidth = columnBounds.minWidth; - } - // - if (col.colDef.maxWidth && maxWidth > col.colDef.maxWidth) { - maxWidth = col.colDef.maxWidth; - } - - col.width = parseInt(maxWidth, 10); - - // All other columns because fixed to their drawn width, if they aren't already - resizeAroundColumn(col); - - buildColumnsAndRefresh(xDiff); - - uiGridResizeColumnsService.fireColumnSizeChanged(uiGridCtrl.grid, col.colDef, xDiff); - }); - - $elm.on('$destroy', function() { - $elm.off('mousedown'); - $elm.off('dblclick'); - $document.off('mousemove', mousemove); - $document.off('mouseup', mouseup); - }); - } - }; - - return resizer; - }]); - -})(); -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.rowEdit - * @description - * - * # ui.grid.rowEdit - * This module extends the edit feature to provide tracking and saving of rows - * of data. The tutorial provides more information on how this feature is best - * used {@link tutorial/205_row_editable here}. - * <br/> - * This feature depends on usage of the ui-grid-edit feature, and also benefits - * from use of ui-grid-cellNav to provide the full spreadsheet-like editing - * experience - * - */ - - var module = angular.module('ui.grid.rowEdit', ['ui.grid', 'ui.grid.edit', 'ui.grid.cellNav']); - - /** - * @ngdoc object - * @name ui.grid.rowEdit.constant:uiGridRowEditConstants - * - * @description constants available in row edit module - */ - module.constant('uiGridRowEditConstants', { - }); - - /** - * @ngdoc service - * @name ui.grid.rowEdit.service:uiGridRowEditService - * - * @description Services for row editing features - */ - module.service('uiGridRowEditService', ['$interval', '$q', 'uiGridConstants', 'uiGridRowEditConstants', 'gridUtil', - function ($interval, $q, uiGridConstants, uiGridRowEditConstants, gridUtil) { - - var service = { - - initializeGrid: function (scope, grid) { - /** - * @ngdoc object - * @name ui.grid.rowEdit.api:PublicApi - * - * @description Public Api for rowEdit feature - */ - - grid.rowEdit = {}; - - var publicApi = { - events: { - rowEdit: { - /** - * @ngdoc event - * @eventOf ui.grid.rowEdit.api:PublicApi - * @name saveRow - * @description raised when a row is ready for saving. Once your - * row has saved you may need to use angular.extend to update the - * data entity with any changed data from your save (for example, - * lock version information if you're using optimistic locking, - * or last update time/user information). - * - * Your method should call setSavePromise somewhere in the body before - * returning control. The feature will then wait, with the gridRow greyed out - * whilst this promise is being resolved. - * - * <pre> - * gridApi.rowEdit.on.saveRow(scope,function(rowEntity){}) - * </pre> - * and somewhere within the event handler: - * <pre> - * gridApi.rowEdit.setSavePromise( grid, rowEntity, savePromise) - * </pre> - * @param {object} rowEntity the options.data element that was edited - * @returns {promise} Your saveRow method should return a promise, the - * promise should either be resolved (implying successful save), or - * rejected (implying an error). - */ - saveRow: function (rowEntity) { - } - } - }, - methods: { - rowEdit: { - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name setSavePromise - * @description Sets the promise associated with the row save, mandatory that - * the saveRow event handler calls this method somewhere before returning. - * <pre> - * gridApi.rowEdit.setSavePromise(grid, rowEntity) - * </pre> - * @param {object} grid the grid for which dirty rows should be returned - * @param {object} rowEntity a data row from the grid for which a save has - * been initiated - * @param {promise} savePromise the promise that will be resolved when the - * save is successful, or rejected if the save fails - * - */ - setSavePromise: function (grid, rowEntity, savePromise) { - service.setSavePromise(grid, rowEntity, savePromise); - }, - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name getDirtyRows - * @description Returns all currently dirty rows - * <pre> - * gridApi.rowEdit.getDirtyRows(grid) - * </pre> - * @param {object} grid the grid for which dirty rows should be returned - * @returns {array} An array of gridRows that are currently dirty - * - */ - getDirtyRows: function (grid) { - return grid.rowEdit.dirtyRows ? grid.rowEdit.dirtyRows : []; - }, - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name getErrorRows - * @description Returns all currently errored rows - * <pre> - * gridApi.rowEdit.getErrorRows(grid) - * </pre> - * @param {object} grid the grid for which errored rows should be returned - * @returns {array} An array of gridRows that are currently in error - * - */ - getErrorRows: function (grid) { - return grid.rowEdit.errorRows ? grid.rowEdit.errorRows : []; - }, - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name flushDirtyRows - * @description Triggers a save event for all currently dirty rows, could - * be used where user presses a save button or navigates away from the page - * <pre> - * gridApi.rowEdit.flushDirtyRows(grid) - * </pre> - * @param {object} grid the grid for which dirty rows should be flushed - * @returns {promise} a promise that represents the aggregate of all - * of the individual save promises - i.e. it will be resolved when all - * the individual save promises have been resolved. - * - */ - flushDirtyRows: function (grid) { - return service.flushDirtyRows(grid); - }, - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name setRowsDirty - * @description Sets each of the rows passed in dataRows - * to be dirty. note that if you have only just inserted the - * rows into your data you will need to wait for a $digest cycle - * before the gridRows are present - so often you would wrap this - * call in a $interval or $timeout - * <pre> - * $interval( function() { - * gridApi.rowEdit.setRowsDirty(grid, myDataRows); - * }, 0, 1); - * </pre> - * @param {object} grid the grid for which rows should be set dirty - * @param {array} dataRows the data entities for which the gridRows - * should be set dirty. - * - */ - setRowsDirty: function (grid, dataRows) { - service.setRowsDirty(grid, dataRows); - } - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - grid.api.registerMethodsFromObject(publicApi.methods); - - grid.api.core.on.renderingComplete( scope, function ( gridApi ) { - grid.api.edit.on.afterCellEdit( scope, service.endEditCell ); - grid.api.edit.on.beginCellEdit( scope, service.beginEditCell ); - grid.api.edit.on.cancelCellEdit( scope, service.cancelEditCell ); - - if ( grid.api.cellNav ) { - grid.api.cellNav.on.navigate( scope, service.navigate ); - } - }); - - }, - - defaultGridOptions: function (gridOptions) { - - /** - * @ngdoc object - * @name ui.grid.rowEdit.api:GridOptions - * - * @description Options for configuring the rowEdit feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name saveRow - * @description Returns a function that saves the specified row from the grid, - * and returns a promise - * @param {object} grid the grid for which dirty rows should be flushed - * @param {GridRow} gridRow the row that should be saved - * @returns {function} the saveRow function returns a function. That function - * in turn, when called, returns a promise relating to the save callback - */ - saveRow: function ( grid, gridRow ) { - var self = this; - - return function() { - gridRow.isSaving = true; - - var promise = grid.api.rowEdit.raise.saveRow( gridRow.entity ); - - if ( gridRow.rowEditSavePromise ){ - gridRow.rowEditSavePromise.then( self.processSuccessPromise( grid, gridRow ), self.processErrorPromise( grid, gridRow )); - } else { - gridUtil.logError( 'A promise was not returned when saveRow event was raised, either nobody is listening to event, or event handler did not return a promise' ); - } - return promise; - }; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name setSavePromise - * @description Sets the promise associated with the row save, mandatory that - * the saveRow event handler calls this method somewhere before returning. - * <pre> - * gridApi.rowEdit.setSavePromise(grid, rowEntity) - * </pre> - * @param {object} grid the grid for which dirty rows should be returned - * @param {object} rowEntity a data row from the grid for which a save has - * been initiated - * @param {promise} savePromise the promise that will be resolved when the - * save is successful, or rejected if the save fails - * - */ - setSavePromise: function (grid, rowEntity, savePromise) { - var gridRow = grid.getRow( rowEntity ); - gridRow.rowEditSavePromise = savePromise; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name processSuccessPromise - * @description Returns a function that processes the successful - * resolution of a save promise - * @param {object} grid the grid for which the promise should be processed - * @param {GridRow} gridRow the row that has been saved - * @returns {function} the success handling function - */ - processSuccessPromise: function ( grid, gridRow ) { - var self = this; - - return function() { - delete gridRow.isSaving; - delete gridRow.isDirty; - delete gridRow.isError; - delete gridRow.rowEditSaveTimer; - self.removeRow( grid.rowEdit.errorRows, gridRow ); - self.removeRow( grid.rowEdit.dirtyRows, gridRow ); - }; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name processErrorPromise - * @description Returns a function that processes the failed - * resolution of a save promise - * @param {object} grid the grid for which the promise should be processed - * @param {GridRow} gridRow the row that is now in error - * @returns {function} the error handling function - */ - processErrorPromise: function ( grid, gridRow ) { - return function() { - delete gridRow.isSaving; - delete gridRow.rowEditSaveTimer; - - gridRow.isError = true; - - if (!grid.rowEdit.errorRows){ - grid.rowEdit.errorRows = []; - } - if (!service.isRowPresent( grid.rowEdit.errorRows, gridRow ) ){ - grid.rowEdit.errorRows.push( gridRow ); - } - }; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name removeRow - * @description Removes a row from a cache of rows - either - * grid.rowEdit.errorRows or grid.rowEdit.dirtyRows. If the row - * is not present silently does nothing. - * @param {array} rowArray the array from which to remove the row - * @param {GridRow} gridRow the row that should be removed - */ - removeRow: function( rowArray, removeGridRow ){ - angular.forEach( rowArray, function( gridRow, index ){ - if ( gridRow.uid === removeGridRow.uid ){ - rowArray.splice( index, 1); - } - }); - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name isRowPresent - * @description Checks whether a row is already present - * in the given array - * @param {array} rowArray the array in which to look for the row - * @param {GridRow} gridRow the row that should be looked for - */ - isRowPresent: function( rowArray, removeGridRow ){ - var present = false; - angular.forEach( rowArray, function( gridRow, index ){ - if ( gridRow.uid === removeGridRow.uid ){ - present = true; - } - }); - return present; - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name flushDirtyRows - * @description Triggers a save event for all currently dirty rows, could - * be used where user presses a save button or navigates away from the page - * <pre> - * gridApi.rowEdit.flushDirtyRows(grid) - * </pre> - * @param {object} grid the grid for which dirty rows should be flushed - * @returns {promise} a promise that represents the aggregate of all - * of the individual save promises - i.e. it will be resolved when all - * the individual save promises have been resolved. - * - */ - flushDirtyRows: function(grid){ - var promises = []; - angular.forEach(grid.rowEdit.dirtyRows, function( gridRow ){ - service.saveRow( grid, gridRow )(); - promises.push( gridRow.rowEditSavePromise ); - }); - - return $q.all( promises ); - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name endEditCell - * @description Receives an afterCellEdit event from the edit function, - * and sets flags as appropriate. Only the rowEntity parameter - * is processed, although other params are available. Grid - * is automatically provided by the gridApi. - * @param {object} rowEntity the data entity for which the cell - * was edited - */ - endEditCell: function( rowEntity, colDef, newValue, previousValue ){ - var grid = this.grid; - var gridRow = grid.getRow( rowEntity ); - if ( !gridRow ){ gridUtil.logError( 'Unable to find rowEntity in grid data, dirty flag cannot be set' ); return; } - - if ( newValue !== previousValue || gridRow.isDirty ){ - if ( !grid.rowEdit.dirtyRows ){ - grid.rowEdit.dirtyRows = []; - } - - if ( !gridRow.isDirty ){ - gridRow.isDirty = true; - grid.rowEdit.dirtyRows.push( gridRow ); - } - - delete gridRow.isError; - - service.considerSetTimer( grid, gridRow ); - } - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name beginEditCell - * @description Receives a beginCellEdit event from the edit function, - * and cancels any rowEditSaveTimers if present, as the user is still editing - * this row. Only the rowEntity parameter - * is processed, although other params are available. Grid - * is automatically provided by the gridApi. - * @param {object} rowEntity the data entity for which the cell - * editing has commenced - */ - beginEditCell: function( rowEntity, colDef ){ - var grid = this.grid; - var gridRow = grid.getRow( rowEntity ); - if ( !gridRow ){ gridUtil.logError( 'Unable to find rowEntity in grid data, timer cannot be cancelled' ); return; } - - service.cancelTimer( grid, gridRow ); - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name cancelEditCell - * @description Receives a cancelCellEdit event from the edit function, - * and if the row was already dirty, restarts the save timer. If the row - * was not already dirty, then it's not dirty now either and does nothing. - * - * Only the rowEntity parameter - * is processed, although other params are available. Grid - * is automatically provided by the gridApi. - * - * @param {object} rowEntity the data entity for which the cell - * editing was cancelled - */ - cancelEditCell: function( rowEntity, colDef ){ - var grid = this.grid; - var gridRow = grid.getRow( rowEntity ); - if ( !gridRow ){ gridUtil.logError( 'Unable to find rowEntity in grid data, timer cannot be set' ); return; } - - service.considerSetTimer( grid, gridRow ); - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name navigate - * @description cellNav tells us that the selected cell has changed. If - * the new row had a timer running, then stop it similar to in a beginCellEdit - * call. If the old row is dirty and not the same as the new row, then - * start a timer on it. - * @param {object} newRowCol the row and column that were selected - * @param {object} oldRowCol the row and column that was left - * - */ - navigate: function( newRowCol, oldRowCol ){ - var grid = this.grid; - if ( newRowCol.row.rowEditSaveTimer ){ - service.cancelTimer( grid, newRowCol.row ); - } - - if ( oldRowCol && oldRowCol.row && oldRowCol.row !== newRowCol.row ){ - service.considerSetTimer( grid, oldRowCol.row ); - } - }, - - - /** - * @ngdoc property - * @propertyOf ui.grid.rowEdit.api:GridOptions - * @name rowEditWaitInterval - * @description How long the grid should wait for another change on this row - * before triggering a save (in milliseconds). If set to -1, then saves are - * never triggered by timer (implying that the user will call flushDirtyRows() - * manually) - * - * @example - * Setting the wait interval to 4 seconds - * <pre> - * $scope.gridOptions = { rowEditWaitInterval: 4000 } - * </pre> - * - */ - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name considerSetTimer - * @description Consider setting a timer on this row (if it is dirty). if there is a timer running - * on the row and the row isn't currently saving, cancel it, using cancelTimer, then if the row is - * dirty and not currently saving then set a new timer - * @param {object} grid the grid for which we are processing - * @param {GridRow} gridRow the row for which the timer should be adjusted - * - */ - considerSetTimer: function( grid, gridRow ){ - service.cancelTimer( grid, gridRow ); - - if ( gridRow.isDirty && !gridRow.isSaving ){ - if ( grid.options.rowEditWaitInterval !== -1 ){ - var waitTime = grid.options.rowEditWaitInterval ? grid.options.rowEditWaitInterval : 2000; - gridRow.rowEditSaveTimer = $interval( service.saveRow( grid, gridRow ), waitTime, 1); - } - } - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.service:uiGridRowEditService - * @name cancelTimer - * @description cancel the $interval for any timer running on this row - * then delete the timer itself - * @param {object} grid the grid for which we are processing - * @param {GridRow} gridRow the row for which the timer should be adjusted - * - */ - cancelTimer: function( grid, gridRow ){ - if ( gridRow.rowEditSaveTimer && !gridRow.isSaving ){ - $interval.cancel(gridRow.rowEditSaveTimer); - delete gridRow.rowEditSaveTimer; - } - }, - - - /** - * @ngdoc method - * @methodOf ui.grid.rowEdit.api:PublicApi - * @name setRowsDirty - * @description Sets each of the rows passed in dataRows - * to be dirty. note that if you have only just inserted the - * rows into your data you will need to wait for a $digest cycle - * before the gridRows are present - so often you would wrap this - * call in a $interval or $timeout - * <pre> - * $interval( function() { - * gridApi.rowEdit.setRowsDirty(grid, myDataRows); - * }, 0, 1); - * </pre> - * @param {object} grid the grid for which rows should be set dirty - * @param {array} dataRows the data entities for which the gridRows - * should be set dirty. - * - */ - setRowsDirty: function( grid, myDataRows ) { - var gridRow; - myDataRows.forEach( function( value, index ){ - gridRow = grid.getRow( value ); - if ( gridRow ){ - if ( !grid.rowEdit.dirtyRows ){ - grid.rowEdit.dirtyRows = []; - } - - if ( !gridRow.isDirty ){ - gridRow.isDirty = true; - grid.rowEdit.dirtyRows.push( gridRow ); - } - - delete gridRow.isError; - - service.considerSetTimer( grid, gridRow ); - } else { - gridUtil.logError( "requested row not found in rowEdit.setRowsDirty, row was: " + value ); - } - }); - } - - - }; - - return service; - - }]); - - /** - * @ngdoc directive - * @name ui.grid.rowEdit.directive:uiGridEdit - * @element div - * @restrict A - * - * @description Adds row editing features to the ui-grid-edit directive. - * - */ - module.directive('uiGridRowEdit', ['gridUtil', 'uiGridRowEditService', 'uiGridEditConstants', - function (gridUtil, uiGridRowEditService, uiGridEditConstants) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridRowEditService.initializeGrid($scope, uiGridCtrl.grid); - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - } - }; - } - }; - }]); - - - /** - * @ngdoc directive - * @name ui.grid.rowEdit.directive:uiGridViewport - * @element div - * - * @description Stacks on top of ui.grid.uiGridViewport to alter the attributes used - * for the grid row to allow coloring of saving and error rows - */ - module.directive('uiGridViewport', - ['$compile', 'uiGridConstants', 'gridUtil', '$parse', - function ($compile, uiGridConstants, gridUtil, $parse) { - return { - priority: -200, // run after default directive - scope: false, - compile: function ($elm, $attrs) { - var rowRepeatDiv = angular.element($elm.children().children()[0]); - - var existingNgClass = rowRepeatDiv.attr("ng-class"); - var newNgClass = ''; - if ( existingNgClass ) { - newNgClass = existingNgClass.slice(0, -1) + ", 'ui-grid-row-dirty': row.isDirty, 'ui-grid-row-saving': row.isSaving, 'ui-grid-row-error': row.isError}"; - } else { - newNgClass = "{'ui-grid-row-dirty': row.isDirty, 'ui-grid-row-saving': row.isSaving, 'ui-grid-row-error': row.isError}"; - } - rowRepeatDiv.attr("ng-class", newNgClass); - - return { - pre: function ($scope, $elm, $attrs, controllers) { - - }, - post: function ($scope, $elm, $attrs, controllers) { - } - }; - } - }; - }]); - -})(); - -(function () { - 'use strict'; - - /** - * @ngdoc overview - * @name ui.grid.selection - * @description - * - * # ui.grid.selection - * This module provides row selection - * <br/> - * <br/> - * - * <div doc-module-components="ui.grid.selection"></div> - */ - - var module = angular.module('ui.grid.selection', ['ui.grid']); - - /** - * @ngdoc object - * @name ui.grid.selection.constant:uiGridSelectionConstants - * - * @description constants available in selection module - */ - module.constant('uiGridSelectionConstants', { - featureName: "selection", - selectionRowHeaderColName: 'selectionRowHeaderCol' - }); - - /** - * @ngdoc service - * @name ui.grid.selection.service:uiGridSelectionService - * - * @description Services for selection features - */ - module.service('uiGridSelectionService', ['$q', '$templateCache', 'uiGridSelectionConstants', 'gridUtil', - function ($q, $templateCache, uiGridSelectionConstants, gridUtil) { - - var service = { - - initializeGrid: function (grid) { - - //add feature namespace and any properties to grid for needed state - grid.selection = {}; - grid.selection.lastSelectedRow = null; - grid.selection.selectAll = false; - - service.defaultGridOptions(grid.options); - - /** - * @ngdoc object - * @name ui.grid.selection.api:PublicApi - * - * @description Public Api for selection feature - */ - var publicApi = { - events: { - selection: { - /** - * @ngdoc event - * @name rowSelectionChanged - * @eventOf ui.grid.selection.api:PublicApi - * @description is raised after the row.isSelected state is changed - * @param {GridRow} row the row that was selected/deselected - */ - rowSelectionChanged: function (scope, row) { - }, - /** - * @ngdoc event - * @name rowSelectionChangedBatch - * @eventOf ui.grid.selection.api:PublicApi - * @description is raised after the row.isSelected state is changed - * in bulk, if the `enableSelectionBatchEvent` option is set to true - * (which it is by default). This allows more efficient processing - * of bulk events. - * @param {array} rows the rows that were selected/deselected - */ - rowSelectionChangedBatch: function (scope, rows) { - } - } - }, - methods: { - selection: { - /** - * @ngdoc function - * @name toggleRowSelection - * @methodOf ui.grid.selection.api:PublicApi - * @description Toggles data row as selected or unselected - * @param {object} rowEntity gridOptions.data[] array instance - */ - toggleRowSelection: function (rowEntity) { - var row = grid.getRow(rowEntity); - if (row !== null) { - service.toggleRowSelection(grid, row, grid.options.multiSelect, grid.options.noUnselect); - } - }, - /** - * @ngdoc function - * @name selectRow - * @methodOf ui.grid.selection.api:PublicApi - * @description Select the data row - * @param {object} rowEntity gridOptions.data[] array instance - */ - selectRow: function (rowEntity) { - var row = grid.getRow(rowEntity); - if (row !== null && !row.isSelected) { - service.toggleRowSelection(grid, row, grid.options.multiSelect, grid.options.noUnselect); - } - }, - /** - * @ngdoc function - * @name selectRowByVisibleIndex - * @methodOf ui.grid.selection.api:PublicApi - * @description Select the specified row by visible index (i.e. if you - * specify row 0 you'll get the first visible row selected). In this context - * visible means of those rows that are theoretically visible (i.e. not filtered), - * rather than rows currently rendered on the screen. - * @param {number} index index within the rowsVisible array - */ - selectRowByVisibleIndex: function ( rowNum ) { - var row = grid.renderContainers.body.visibleRowCache[rowNum]; - if (row !== null && !row.isSelected) { - service.toggleRowSelection(grid, row, grid.options.multiSelect, grid.options.noUnselect); - } - }, - /** - * @ngdoc function - * @name unSelectRow - * @methodOf ui.grid.selection.api:PublicApi - * @description UnSelect the data row - * @param {object} rowEntity gridOptions.data[] array instance - */ - unSelectRow: function (rowEntity) { - var row = grid.getRow(rowEntity); - if (row !== null && row.isSelected) { - service.toggleRowSelection(grid, row, grid.options.multiSelect, grid.options.noUnselect); - } - }, - /** - * @ngdoc function - * @name selectAllRows - * @methodOf ui.grid.selection.api:PublicApi - * @description Selects all rows. Does nothing if multiSelect = false - */ - selectAllRows: function () { - if (grid.options.multiSelect === false) { - return; - } - - var changedRows = []; - grid.rows.forEach(function (row) { - if ( !row.isSelected ){ - row.isSelected = true; - service.decideRaiseSelectionEvent( grid, row, changedRows ); - } - }); - service.decideRaiseSelectionBatchEvent( grid, changedRows ); - }, - /** - * @ngdoc function - * @name selectAllVisibleRows - * @methodOf ui.grid.selection.api:PublicApi - * @description Selects all visible rows. Does nothing if multiSelect = false - */ - selectAllVisibleRows: function () { - if (grid.options.multiSelect === false) { - return; - } - - var changedRows = []; - grid.rows.forEach(function (row) { - if (row.visible) { - if (!row.isSelected){ - row.isSelected = true; - service.decideRaiseSelectionEvent( grid, row, changedRows ); - } - } else { - if (row.isSelected){ - row.isSelected = false; - service.decideRaiseSelectionEvent( grid, row, changedRows ); - } - } - }); - service.decideRaiseSelectionBatchEvent( grid, changedRows ); - }, - /** - * @ngdoc function - * @name clearSelectedRows - * @methodOf ui.grid.selection.api:PublicApi - * @description Unselects all rows - */ - clearSelectedRows: function () { - service.clearSelectedRows(grid); - }, - /** - * @ngdoc function - * @name getSelectedRows - * @methodOf ui.grid.selection.api:PublicApi - * @description returns all selectedRow's entity references - */ - getSelectedRows: function () { - return service.getSelectedRows(grid).map(function (gridRow) { - return gridRow.entity; - }); - }, - /** - * @ngdoc function - * @name getSelectedGridRows - * @methodOf ui.grid.selection.api:PublicApi - * @description returns all selectedRow's as gridRows - */ - getSelectedGridRows: function () { - return service.getSelectedRows(grid); - }, - /** - * @ngdoc function - * @name setMultiSelect - * @methodOf ui.grid.selection.api:PublicApi - * @description Sets the current gridOption.multiSelect to true or false - * @param {bool} multiSelect true to allow multiple rows - */ - setMultiSelect: function (multiSelect) { - grid.options.multiSelect = multiSelect; - }, - /** - * @ngdoc function - * @name setModifierKeysToMultiSelect - * @methodOf ui.grid.selection.api:PublicApi - * @description Sets the current gridOption.modifierKeysToMultiSelect to true or false - * @param {bool} modifierKeysToMultiSelect true to only allow multiple rows when using ctrlKey or shiftKey is used - */ - setModifierKeysToMultiSelect: function (modifierKeysToMultiSelect) { - grid.options.modifierKeysToMultiSelect = modifierKeysToMultiSelect; - }, - /** - * @ngdoc function - * @name getSelectAllState - * @methodOf ui.grid.selection.api:PublicApi - * @description Returns whether or not the selectAll checkbox is currently ticked. The - * grid doesn't automatically select rows when you add extra data - so when you add data - * you need to explicitly check whether the selectAll is set, and then call setVisible rows - * if it is - */ - getSelectAllState: function () { - return grid.selection.selectAll; - } - - } - } - }; - - grid.api.registerEventsFromObject(publicApi.events); - - grid.api.registerMethodsFromObject(publicApi.methods); - - }, - - defaultGridOptions: function (gridOptions) { - //default option to true unless it was explicitly set to false - /** - * @ngdoc object - * @name ui.grid.selection.api:GridOptions - * - * @description GridOptions for selection feature, these are available to be - * set using the ui-grid {@link ui.grid.class:GridOptions gridOptions} - */ - - /** - * @ngdoc object - * @name enableRowSelection - * @propertyOf ui.grid.selection.api:GridOptions - * @description Enable row selection for entire grid. - * <br/>Defaults to true - */ - gridOptions.enableRowSelection = gridOptions.enableRowSelection !== false; - /** - * @ngdoc object - * @name multiSelect - * @propertyOf ui.grid.selection.api:GridOptions - * @description Enable multiple row selection for entire grid - * <br/>Defaults to true - */ - gridOptions.multiSelect = gridOptions.multiSelect !== false; - /** - * @ngdoc object - * @name noUnselect - * @propertyOf ui.grid.selection.api:GridOptions - * @description Prevent a row from being unselected. Works in conjunction - * with `multiselect = false` and `gridApi.selection.selectRow()` to allow - * you to create a single selection only grid - a row is always selected, you - * can only select different rows, you can't unselect the row. - * <br/>Defaults to false - */ - gridOptions.noUnselect = gridOptions.noUnselect === true; - /** - * @ngdoc object - * @name modifierKeysToMultiSelect - * @propertyOf ui.grid.selection.api:GridOptions - * @description Enable multiple row selection only when using the ctrlKey or shiftKey. Requires multiSelect to be true. - * <br/>Defaults to false - */ - gridOptions.modifierKeysToMultiSelect = gridOptions.modifierKeysToMultiSelect === true; - /** - * @ngdoc object - * @name enableRowHeaderSelection - * @propertyOf ui.grid.selection.api:GridOptions - * @description Enable a row header to be used for selection - * <br/>Defaults to true - */ - gridOptions.enableRowHeaderSelection = gridOptions.enableRowHeaderSelection !== false; - /** - * @ngdoc object - * @name enableSelectAll - * @propertyOf ui.grid.selection.api:GridOptions - * @description Enable the select all checkbox at the top of the selectionRowHeader - * <br/>Defaults to true - */ - gridOptions.enableSelectAll = gridOptions.enableSelectAll !== false; - /** - * @ngdoc object - * @name enableSelectionBatchEvent - * @propertyOf ui.grid.selection.api:GridOptions - * @description If selected rows are changed in bulk, either via the API or - * via the selectAll checkbox, then a separate event is fired. Setting this - * option to false will cause the rowSelectionChanged event to be called multiple times - * instead - * <br/>Defaults to true - */ - gridOptions.enableSelectionBatchEvent = gridOptions.enableSelectionBatchEvent !== false; - /** - * @ngdoc object - * @name selectionRowHeaderWidth - * @propertyOf ui.grid.selection.api:GridOptions - * @description can be used to set a custom width for the row header selection column - * <br/>Defaults to 30px - */ - gridOptions.selectionRowHeaderWidth = angular.isDefined(gridOptions.selectionRowHeaderWidth) ? gridOptions.selectionRowHeaderWidth : 30; - }, - - /** - * @ngdoc function - * @name toggleRowSelection - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description Toggles row as selected or unselected - * @param {Grid} grid grid object - * @param {GridRow} row row to select or deselect - * @param {bool} multiSelect if false, only one row at time can be selected - * @param {bool} noUnselect if true then rows cannot be unselected - */ - toggleRowSelection: function (grid, row, multiSelect, noUnselect) { - var selected = row.isSelected; - - if (!multiSelect && !selected) { - service.clearSelectedRows(grid); - } else if (!multiSelect && selected) { - var selectedRows = service.getSelectedRows(grid); - if (selectedRows.length > 1) { - selected = false; // Enable reselect of the row - service.clearSelectedRows(grid); - } - } - - if (selected && noUnselect){ - // don't deselect the row - } else { - row.isSelected = !selected; - if (row.isSelected === true) { - grid.selection.lastSelectedRow = row; - } - grid.api.selection.raise.rowSelectionChanged(row); - } - }, - /** - * @ngdoc function - * @name shiftSelect - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description selects a group of rows from the last selected row using the shift key - * @param {Grid} grid grid object - * @param {GridRow} clicked row - * @param {bool} multiSelect if false, does nothing this is for multiSelect only - */ - shiftSelect: function (grid, row, multiSelect) { - if (!multiSelect) { - return; - } - var selectedRows = service.getSelectedRows(grid); - var fromRow = selectedRows.length > 0 ? grid.renderContainers.body.visibleRowCache.indexOf(grid.selection.lastSelectedRow) : 0; - var toRow = grid.renderContainers.body.visibleRowCache.indexOf(row); - //reverse select direction - if (fromRow > toRow) { - var tmp = fromRow; - fromRow = toRow; - toRow = tmp; - } - - var changedRows = []; - for (var i = fromRow; i <= toRow; i++) { - var rowToSelect = grid.renderContainers.body.visibleRowCache[i]; - if (rowToSelect) { - if ( !rowToSelect.isSelected ){ - rowToSelect.isSelected = true; - grid.selection.lastSelectedRow = rowToSelect; - service.decideRaiseSelectionEvent( grid, rowToSelect, changedRows ); - } - } - } - service.decideRaiseSelectionBatchEvent( grid, changedRows ); - }, - /** - * @ngdoc function - * @name getSelectedRows - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description Returns all the selected rows - * @param {Grid} grid grid object - */ - getSelectedRows: function (grid) { - return grid.rows.filter(function (row) { - return row.isSelected; - }); - }, - - /** - * @ngdoc function - * @name clearSelectedRows - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description Clears all selected rows - * @param {Grid} grid grid object - */ - clearSelectedRows: function (grid) { - var changedRows = []; - service.getSelectedRows(grid).forEach(function (row) { - if ( row.isSelected ){ - row.isSelected = false; - service.decideRaiseSelectionEvent( grid, row, changedRows ); - } - }); - service.decideRaiseSelectionBatchEvent( grid, changedRows ); - }, - - /** - * @ngdoc function - * @name decideRaiseSelectionEvent - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description Decides whether to raise a single event or a batch event - * @param {Grid} grid grid object - * @param {GridRow} row row that has changed - * @param {array} changedRows an array to which we can append the changed - * row if we're doing batch events - */ - decideRaiseSelectionEvent: function( grid, row, changedRows ){ - if ( !grid.options.enableSelectionBatchEvent ){ - grid.api.selection.raise.rowSelectionChanged(row); - } else { - changedRows.push(row); - } - }, - - /** - * @ngdoc function - * @name raiseSelectionEvent - * @methodOf ui.grid.selection.service:uiGridSelectionService - * @description Decides whether we need to raise a batch event, and - * raises it if we do. - * @param {Grid} grid grid object - * @param {array} changedRows an array of changed rows, only populated - * if we're doing batch events - */ - decideRaiseSelectionBatchEvent: function( grid, changedRows ){ - if ( changedRows.length > 0 ){ - grid.api.selection.raise.rowSelectionChangedBatch(changedRows); - } - } - }; - - return service; - - }]); - - /** - * @ngdoc directive - * @name ui.grid.selection.directive:uiGridSelection - * @element div - * @restrict A - * - * @description Adds selection features to grid - * - * @example - <example module="app"> - <file name="app.js"> - var app = angular.module('app', ['ui.grid', 'ui.grid.selection']); - - app.controller('MainCtrl', ['$scope', function ($scope) { - $scope.data = [ - { name: 'Bob', title: 'CEO' }, - { name: 'Frank', title: 'Lowly Developer' } - ]; - - $scope.columnDefs = [ - {name: 'name', enableCellEdit: true}, - {name: 'title', enableCellEdit: true} - ]; - }]); - </file> - <file name="index.html"> - <div ng-controller="MainCtrl"> - <div ui-grid="{ data: data, columnDefs: columnDefs }" ui-grid-selection></div> - </div> - </file> - </example> - */ - module.directive('uiGridSelection', ['uiGridSelectionConstants', 'uiGridSelectionService', '$templateCache', - function (uiGridSelectionConstants, uiGridSelectionService, $templateCache) { - return { - replace: true, - priority: 0, - require: '^uiGrid', - scope: false, - compile: function () { - return { - pre: function ($scope, $elm, $attrs, uiGridCtrl) { - uiGridSelectionService.initializeGrid(uiGridCtrl.grid); - if (uiGridCtrl.grid.options.enableRowHeaderSelection) { - var selectionRowHeaderDef = { - name: uiGridSelectionConstants.selectionRowHeaderColName, - displayName: '', - width: uiGridCtrl.grid.options.selectionRowHeaderWidth, - cellTemplate: 'ui-grid/selectionRowHeader', - headerCellTemplate: 'ui-grid/selectionHeaderCell', - enableColumnResizing: false, - enableColumnMenu: false - }; - - uiGridCtrl.grid.addRowHeaderColumn(selectionRowHeaderDef); - } - }, - post: function ($scope, $elm, $attrs, uiGridCtrl) { - - } - }; - } - }; - }]); - - module.directive('uiGridSelectionRowHeaderButtons', ['$templateCache', 'uiGridSelectionService', - function ($templateCache, uiGridSelectionService) { - return { - replace: true, - restrict: 'E', - template: $templateCache.get('ui-grid/selectionRowHeaderButtons'), - scope: true, - require: '^uiGrid', - link: function($scope, $elm, $attrs, uiGridCtrl) { - var self = uiGridCtrl.grid; - $scope.selectButtonClick = function(row, evt) { - if (evt.shiftKey) { - uiGridSelectionService.shiftSelect(self, row, self.options.multiSelect); - } - else if (evt.ctrlKey || evt.metaKey) { - uiGridSelectionService.toggleRowSelection(self, row, self.options.multiSelect, self.options.noUnselect); - } - else { - uiGridSelectionService.toggleRowSelection(self, row, (self.options.multiSelect && !self.options.modifierKeysToMultiSelect), self.options.noUnselect); - } - }; - } - }; - }]); - - module.directive('uiGridSelectionSelectAllButtons', ['$templateCache', 'uiGridSelectionService', - function ($templateCache, uiGridSelectionService) { - return { - replace: true, - restrict: 'E', - template: $templateCache.get('ui-grid/selectionSelectAllButtons'), - scope: false, - link: function($scope, $elm, $attrs, uiGridCtrl) { - var self = $scope.col.grid; - - $scope.headerButtonClick = function(row, evt) { - if ( self.selection.selectAll ){ - uiGridSelectionService.clearSelectedRows(self); - if ( self.options.noUnselect ){ - self.api.selection.selectRowByVisibleIndex(0); - } - self.selection.selectAll = false; - } else { - if ( self.options.multiSelect ){ - self.api.selection.selectAllVisibleRows(); - self.selection.selectAll = true; - } - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.selection.directive:uiGridViewport - * @element div - * - * @description Stacks on top of ui.grid.uiGridViewport to alter the attributes used - * for the grid row - */ - module.directive('uiGridViewport', - ['$compile', 'uiGridConstants', 'uiGridSelectionConstants', 'gridUtil', '$parse', 'uiGridSelectionService', - function ($compile, uiGridConstants, uiGridSelectionConstants, gridUtil, $parse, uiGridSelectionService) { - return { - priority: -200, // run after default directive - scope: false, - compile: function ($elm, $attrs) { - var rowRepeatDiv = angular.element($elm.children().children()[0]); - - var existingNgClass = rowRepeatDiv.attr("ng-class"); - var newNgClass = ''; - if ( existingNgClass ) { - newNgClass = existingNgClass.slice(0, -1) + ",'ui-grid-row-selected': row.isSelected}"; - } else { - newNgClass = "{'ui-grid-row-selected': row.isSelected}"; - } - rowRepeatDiv.attr("ng-class", newNgClass); - - return { - pre: function ($scope, $elm, $attrs, controllers) { - - }, - post: function ($scope, $elm, $attrs, controllers) { - } - }; - } - }; - }]); - - /** - * @ngdoc directive - * @name ui.grid.selection.directive:uiGridCell - * @element div - * @restrict A - * - * @description Stacks on top of ui.grid.uiGridCell to provide selection feature - */ - module.directive('uiGridCell', - ['$compile', 'uiGridConstants', 'uiGridSelectionConstants', 'gridUtil', '$parse', 'uiGridSelectionService', - function ($compile, uiGridConstants, uiGridSelectionConstants, gridUtil, $parse, uiGridSelectionService) { - return { - priority: -200, // run after default uiGridCell directive - restrict: 'A', - scope: false, - link: function ($scope, $elm, $attrs) { - - if ($scope.grid.options.enableRowSelection && !$scope.grid.options.enableRowHeaderSelection) { - $elm.addClass('ui-grid-disable-selection'); - registerRowSelectionEvents(); - } - - function registerRowSelectionEvents() { - var touchStartTime = 0; - var touchTimeout = 300; - var selectCells = function(evt){ - if (evt.shiftKey) { - uiGridSelectionService.shiftSelect($scope.grid, $scope.row, $scope.grid.options.multiSelect); - } - else if (evt.ctrlKey || evt.metaKey) { - uiGridSelectionService.toggleRowSelection($scope.grid, $scope.row, $scope.grid.options.multiSelect, $scope.grid.options.noUnselect); - } - else { - uiGridSelectionService.toggleRowSelection($scope.grid, $scope.row, ($scope.grid.options.multiSelect && !$scope.grid.options.modifierKeysToMultiSelect), $scope.grid.options.noUnselect); - } - $scope.$apply(); - }; - - $elm.on('touchstart', function(event) { - touchStartTime = (new Date()).getTime(); - }); - - $elm.on('touchend', function (evt) { - var touchEndTime = (new Date()).getTime(); - var touchTime = touchEndTime - touchStartTime; - - if (touchTime < touchTimeout ) { - // short touch - selectCells(evt); - } - }); - - $elm.on('click', function (evt) { - selectCells(evt); - }); - } - } - }; - }]); - -})(); - -angular.module('ui.grid').run(['$templateCache', function($templateCache) { - 'use strict'; - - $templateCache.put('ui-grid/ui-grid-footer', - "<div class=\"ui-grid-footer-panel\"><div ui-grid-group-panel ng-show=\"grid.options.showGroupPanel\"></div><div class=\"ui-grid-footer ui-grid-footer-viewport\"><div class=\"ui-grid-footer-canvas\"><div ng-repeat=\"col in colContainer.renderedColumns track by col.colDef.name\" ui-grid-footer-cell col=\"col\" render-index=\"$index\" class=\"ui-grid-footer-cell clearfix\" ng-style=\"$index === 0 && colContainer.columnStyle($index)\"></div></div></div></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-group-panel', - "<div class=\"ui-grid-group-panel\"><div ui-t=\"groupPanel.description\" class=\"description\" ng-show=\"groupings.length == 0\"></div><ul ng-show=\"groupings.length > 0\" class=\"ngGroupList\"><li class=\"ngGroupItem\" ng-repeat=\"group in configGroups\"><span class=\"ngGroupElement\"><span class=\"ngGroupName\">{{group.displayName}} <span ng-click=\"removeGroup($index)\" class=\"ngRemoveGroup\">x</span></span> <span ng-hide=\"$last\" class=\"ngGroupArrow\"></span></span></li></ul></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-header', - "<div class=\"ui-grid-header\"><div class=\"ui-grid-top-panel\"><div ui-grid-group-panel ng-show=\"grid.options.showGroupPanel\"></div><div class=\"ui-grid-header-viewport\"><div class=\"ui-grid-header-canvas\"><div class=\"ui-grid-header-cell clearfix\" ng-repeat=\"col in colContainer.renderedColumns track by col.colDef.name\" ui-grid-header-cell col=\"col\" render-index=\"$index\" ng-style=\"$index === 0 && colContainer.columnStyle($index)\"></div></div></div><div ui-grid-menu></div></div></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-menu-button', - "<div class=\"ui-grid-menu-button\" ng-click=\"toggleMenu()\"><div class=\"ui-grid-icon-container\"><i class=\"ui-grid-icon-menu\"> </i></div><div ui-grid-menu menu-items=\"menuItems\"></div></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-no-header', - "<div class=\"ui-grid-top-panel\"></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-row', - "<div ng-repeat=\"(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name\" class=\"ui-grid-cell\" ng-class=\"{ 'ui-grid-row-header-cell': col.isRowHeader }\" ui-grid-cell></div>" - ); - - - $templateCache.put('ui-grid/ui-grid', - "<div ui-i18n=\"en\" class=\"ui-grid\"><!-- TODO (c0bra): add \"scoped\" attr here, eventually? --><style ui-grid-style>.grid{{ grid.id }} {\n" + - " /* Styles for the grid */\n" + - " }\n" + - "\n" + - " .grid{{ grid.id }} .ui-grid-row, .grid{{ grid.id }} .ui-grid-cell, .grid{{ grid.id }} .ui-grid-cell .ui-grid-vertical-bar {\n" + - " height: {{ grid.options.rowHeight }}px;\n" + - " }\n" + - "\n" + - " .grid{{ grid.id }} .ui-grid-row:last-child .ui-grid-cell {\n" + - " border-bottom-width: {{ ((grid.getTotalRowHeight() < grid.getViewportHeight()) && '1') || '0' }}px;\n" + - " }\n" + - "\n" + - " {{ grid.verticalScrollbarStyles }}\n" + - " {{ grid.horizontalScrollbarStyles }}\n" + - "\n" + - " .ui-grid[dir=rtl] .ui-grid-viewport {\n" + - " padding-left: {{ grid.verticalScrollbarWidth }}px;\n" + - " }\n" + - "\n" + - " {{ grid.customStyles }}</style><div ui-grid-menu-button ng-if=\"grid.options.enableGridMenu\"></div><div ui-grid-render-container container-id=\"'body'\" col-container-name=\"'body'\" row-container-name=\"'body'\" bind-scroll-horizontal=\"true\" bind-scroll-vertical=\"true\" enable-horizontal-scrollbar=\"grid.options.enableHorizontalScrollbar\" enable-vertical-scrollbar=\"grid.options.enableVerticalScrollbar\"></div><div ui-grid-column-menu ng-if=\"grid.options.enableColumnMenus\"></div><div ng-transclude></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridCell', - "<div class=\"ui-grid-cell-contents\">{{COL_FIELD CUSTOM_FILTERS}}</div>" - ); - - - $templateCache.put('ui-grid/uiGridColumnFilter', - "<li class=\"ui-grid-menu-item ui-grid-clearfix ui-grid-column-filter\" ng-show=\"itemShown()\" ng-click=\"$event.stopPropagation();\"><div class=\"input-container\"><input class=\"column-filter-input\" type=\"text\" ng-model=\"item.model\" placeholder=\"{{ i18n.search.placeholder }}\"><div class=\"column-filter-cancel-icon-container\"><i class=\"ui-grid-filter-cancel ui-grid-icon-cancel column-filter-cancel-icon\"> </i></div></div><div style=\"button-container\" ng-click=\"item.action($event)\"><div class=\"ui-grid-button\"><i class=\"ui-grid-icon-search\"> </i></div></div></li>" - ); - - - $templateCache.put('ui-grid/uiGridColumnMenu', - "<div class=\"ui-grid-column-menu\"><div ui-grid-menu menu-items=\"menuItems\"><!-- <div class=\"ui-grid-column-menu\">\n" + - " <div class=\"inner\" ng-show=\"menuShown\">\n" + - " <ul>\n" + - " <div ng-show=\"grid.options.enableSorting\">\n" + - " <li ng-click=\"sortColumn($event, asc)\" ng-class=\"{ 'selected' : col.sort.direction == asc }\"><i class=\"ui-grid-icon-sort-alt-up\"></i> Sort Ascending</li>\n" + - " <li ng-click=\"sortColumn($event, desc)\" ng-class=\"{ 'selected' : col.sort.direction == desc }\"><i class=\"ui-grid-icon-sort-alt-down\"></i> Sort Descending</li>\n" + - " <li ng-show=\"col.sort.direction\" ng-click=\"unsortColumn()\"><i class=\"ui-grid-icon-cancel\"></i> Remove Sort</li>\n" + - " </div>\n" + - " </ul>\n" + - " </div>\n" + - " </div> --></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridFooterCell', - "<div class=\"ui-grid-cell-contents\" col-index=\"renderIndex\"><div>{{ col.getAggregationValue() }}</div></div>" - ); - - - $templateCache.put('ui-grid/uiGridHeaderCell', - "<div ng-class=\"{ 'sortable': sortable }\"><div class=\"ui-grid-vertical-bar\"> </div><div class=\"ui-grid-cell-contents\" col-index=\"renderIndex\"><span>{{ col.displayName CUSTOM_FILTERS }}</span> <span ui-grid-visible=\"col.sort.direction\" ng-class=\"{ 'ui-grid-icon-up-dir': col.sort.direction == asc, 'ui-grid-icon-down-dir': col.sort.direction == desc, 'ui-grid-icon-blank': !col.sort.direction }\"> </span></div><div class=\"ui-grid-column-menu-button\" ng-if=\"grid.options.enableColumnMenus && !col.isRowHeader && col.colDef.enableColumnMenu !== false\" class=\"ui-grid-column-menu-button\" ng-click=\"toggleMenu($event)\"><i class=\"ui-grid-icon-angle-down\"> </i></div><div ng-if=\"filterable\" class=\"ui-grid-filter-container\" ng-repeat=\"colFilter in col.filters\"><input type=\"text\" class=\"ui-grid-filter-input\" ng-model=\"colFilter.term\" ng-click=\"$event.stopPropagation()\" ng-attr-placeholder=\"{{colFilter.placeholder || ''}}\"><div class=\"ui-grid-filter-button\" ng-click=\"colFilter.term = null\"><i class=\"ui-grid-icon-cancel\" ng-show=\"!!colFilter.term\"> </i><!-- use !! because angular interprets 'f' as false --></div></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridMenu', - "<div class=\"ui-grid-menu\" ng-if=\"shown\"><div class=\"ui-grid-menu-mid\" ng-show=\"shownMid\"><div class=\"ui-grid-menu-inner\"><ul class=\"ui-grid-menu-items\"><li ng-repeat=\"item in menuItems\" ui-grid-menu-item action=\"item.action\" title=\"item.title\" active=\"item.active\" icon=\"item.icon\" shown=\"item.shown\" context=\"item.context\" template-url=\"item.templateUrl\"></li></ul></div></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridMenuItem', - "<li class=\"ui-grid-menu-item\" ng-click=\"itemAction($event, title)\" ng-show=\"itemShown()\" ng-class=\"{ 'ui-grid-menu-item-active' : active() }\"><i ng-class=\"icon\"></i> {{ title }}</li>" - ); - - - $templateCache.put('ui-grid/uiGridRenderContainer', - "<div class=\"ui-grid-render-container\"><div ui-grid-header></div><div ui-grid-viewport></div><div ui-grid-footer ng-if=\"grid.options.showFooter\"></div><!-- native scrolling --><div ui-grid-native-scrollbar ng-if=\"enableVerticalScrollbar\" type=\"vertical\"></div><div ui-grid-native-scrollbar ng-if=\"enableHorizontalScrollbar\" type=\"horizontal\"></div></div>" - ); - - - $templateCache.put('ui-grid/uiGridViewport', - "<div class=\"ui-grid-viewport\"><div class=\"ui-grid-canvas\"><div ng-repeat=\"(rowRenderIndex, row) in rowContainer.renderedRows track by $index\" class=\"ui-grid-row\" ng-style=\"containerCtrl.rowStyle(rowRenderIndex)\"><div ui-grid-row=\"row\" row-render-index=\"rowRenderIndex\"></div></div></div></div>" - ); - - - $templateCache.put('ui-grid/cellEditor', - "<div><form name=\"inputForm\"><input type=\"{{inputType}}\" ng-class=\"'colt' + col.uid\" ui-grid-editor ng-model=\"MODEL_COL_FIELD\"></form></div>" - ); - - - $templateCache.put('ui-grid/dropdownEditor', - "<div><form name=\"inputForm\"><select ng-class=\"'colt' + col.uid\" ui-grid-edit-dropdown ng-model=\"MODEL_COL_FIELD\" ng-options=\"field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray\"></select></form></div>" - ); - - - $templateCache.put('ui-grid/expandableRow', - "<div ui-grid-expandable-row ng-if=\"expandableRow.shouldRenderExpand()\" class=\"expandableRow\" style=\"float:left; margin-top: 1px; margin-bottom: 1px\" ng-style=\"{width: (grid.renderContainers.body.getCanvasWidth() - grid.verticalScrollbarWidth) + 'px'\n" + - " , height: grid.options.expandableRowHeight + 'px'}\"></div>" - ); - - - $templateCache.put('ui-grid/expandableRowHeader', - "<div class=\"ui-grid-row-header-cell ui-grid-expandable-buttons-cell\"><div class=\"ui-grid-cell-contents\"><i ng-class=\"{ 'ui-grid-icon-plus-squared' : !row.isExpanded, 'ui-grid-icon-minus-squared' : row.isExpanded }\" ng-click=\"grid.api.expandable.toggleRowExpansion(row.entity)\"></i></div></div>" - ); - - - $templateCache.put('ui-grid/expandableScrollFiller', - "<div ng-if=\"expandableRow.shouldRenderFiller()\" style=\"float:left; margin-top: 2px; margin-bottom: 2px\" ng-style=\"{ width: (grid.getViewportWidth()) + 'px',\n" + - " height: grid.options.expandableRowHeight + 'px', 'margin-left': grid.options.rowHeader.rowHeaderWidth + 'px' }\"><i class=\"ui-grid-icon-spin5 ui-grid-animate-spin\" ng-style=\"{ 'margin-top': ( grid.options.expandableRowHeight/2 - 5) + 'px',\n" + - " 'margin-left' : ((grid.getViewportWidth() - grid.options.rowHeader.rowHeaderWidth)/2 - 5) + 'px' }\"></i></div>" - ); - - - $templateCache.put('ui-grid/csvLink', - "<span class=\"ui-grid-exporter-csv-link-span\"><a href=\"data:text/csv;charset=UTF-8,CSV_CONTENT\">LINK_LABEL</a></span>" - ); - - - $templateCache.put('ui-grid/importerMenuItem', - "<li class=\"ui-grid-menu-item\"><form><input class=\"ui-grid-importer-file-chooser\" type=\"file\" id=\"files\" name=\"files[]\"></form></li>" - ); - - - $templateCache.put('ui-grid/importerMenuItemContainer', - "<div ui-grid-importer-menu-item></div>" - ); - - - $templateCache.put('ui-grid/ui-grid-paging', - "<div class=\"ui-grid-pager-panel\" ui-grid-pager><div class=\"ui-grid-pager-container\"><div class=\"ui-grid-pager-control\"><button type=\"button\" ng-click=\"pageToFirst()\" ng-disabled=\"cantPageBackward()\"><div class=\"first-triangle\"><div class=\"first-bar\"></div></div></button> <button type=\"button\" ng-click=\"pageBackward()\" ng-disabled=\"cantPageBackward()\"><div class=\"first-triangle prev-triangle\"></div></button> <input type=\"number\" ng-model=\"grid.options.pagingCurrentPage\" min=\"1\" max=\"{{currentMaxPages}}\" required> <span class=\"ui-grid-pager-max-pages-number\" ng-show=\"currentMaxPages > 0\">/ {{currentMaxPages}}</span> <button type=\"button\" ng-click=\"pageForward()\" ng-disabled=\"cantPageForward()\"><div class=\"last-triangle next-triangle\"></div></button> <button type=\"button\" ng-click=\"pageToLast()\" ng-disabled=\"cantPageToLast()\"><div class=\"last-triangle\"><div class=\"last-bar\"></div></div></button></div><div class=\"ui-grid-pager-row-count-picker\"><select ng-model=\"grid.options.pagingPageSize\" ng-options=\"o as o for o in grid.options.pagingPageSizes\"></select><span class=\"ui-grid-pager-row-count-label\"> {{sizesLabel}}</span></div></div><div class=\"ui-grid-pager-count-container\"><div class=\"ui-grid-pager-count\"><span ng-show=\"grid.options.totalItems > 0\">{{showingLow}} - {{showingHigh}} of {{grid.options.totalItems}} {{totalItemsLabel}}</span></div></div></div>" - ); - - - $templateCache.put('ui-grid/columnResizer', - "<div ui-grid-column-resizer ng-if=\"grid.options.enableColumnResizing\" class=\"ui-grid-column-resizer\" col=\"col\" position=\"right\" render-index=\"renderIndex\"></div>" - ); - - - $templateCache.put('ui-grid/selectionHeaderCell', - "<div><div class=\"ui-grid-vertical-bar\"> </div><div class=\"ui-grid-cell-contents\" col-index=\"renderIndex\"><ui-grid-selection-select-all-buttons ng-if=\"grid.options.enableSelectAll\"></ui-grid-selection-select-all-buttons></div></div>" - ); - - - $templateCache.put('ui-grid/selectionRowHeader', - "<div class=\"ui-grid-row-header-cell ui-grid-disable-selection\"><div class=\"ui-grid-cell-contents\"><ui-grid-selection-row-header-buttons></ui-grid-selection-row-header-buttons></div></div>" - ); - - - $templateCache.put('ui-grid/selectionRowHeaderButtons', - "<div class=\"ui-grid-selection-row-header-buttons ui-grid-icon-ok\" ng-class=\"{'ui-grid-row-selected': row.isSelected}\" ng-click=\"selectButtonClick(row, $event)\"> </div>" - ); - - - $templateCache.put('ui-grid/selectionSelectAllButtons', - "<div class=\"ui-grid-selection-row-header-buttons ui-grid-icon-ok\" ng-class=\"{'ui-grid-all-selected': grid.selection.selectAll}\" ng-click=\"headerButtonClick($event)\"> </div>" - ); - -}]); diff --git a/src/main/resources/META-INF/resources/designer/lib/ui-grid-unstable.min.js b/src/main/resources/META-INF/resources/designer/lib/ui-grid-unstable.min.js deleted file mode 100644 index 680a65a94..000000000 --- a/src/main/resources/META-INF/resources/designer/lib/ui-grid-unstable.min.js +++ /dev/null @@ -1,8 +0,0 @@ -/*! ui-grid - v3.0.0-rc.16-234dd76 - 2014-11-22 -* Copyright (c) 2014 ; License: MIT */ -!function(){"use strict";angular.module("ui.grid.i18n",[]),angular.module("ui.grid",["ui.grid.i18n"])}(),function(){"use strict";angular.module("ui.grid").constant("uiGridConstants",{LOG_DEBUG_MESSAGES:!0,LOG_WARN_MESSAGES:!0,LOG_ERROR_MESSAGES:!0,CUSTOM_FILTERS:/CUSTOM_FILTERS/g,COL_FIELD:/COL_FIELD/g,MODEL_COL_FIELD:/MODEL_COL_FIELD/g,DISPLAY_CELL_TEMPLATE:/DISPLAY_CELL_TEMPLATE/g,TEMPLATE_REGEXP:/<.+>/,FUNC_REGEXP:/(\([^)]*\))?$/,DOT_REGEXP:/\./g,APOS_REGEXP:/'/g,BRACKET_REGEXP:/^(.*)((?:\s*\[\s*\d+\s*\]\s*)|(?:\s*\[\s*"(?:[^"\\]|\\.)*"\s*\]\s*)|(?:\s*\[\s*'(?:[^'\\]|\\.)*'\s*\]\s*))(.*)$/,COL_CLASS_PREFIX:"ui-grid-col",events:{GRID_SCROLL:"uiGridScroll",COLUMN_MENU_SHOWN:"uiGridColMenuShown",ITEM_DRAGGING:"uiGridItemDragStart"},keymap:{TAB:9,STRG:17,CTRL:17,CTRLRIGHT:18,CTRLR:18,SHIFT:16,RETURN:13,ENTER:13,BACKSPACE:8,BCKSP:8,ALT:18,ALTR:17,ALTRIGHT:17,SPACE:32,WIN:91,MAC:91,FN:null,UP:38,DOWN:40,LEFT:37,RIGHT:39,ESC:27,DEL:46,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123},ASC:"asc",DESC:"desc",filter:{STARTS_WITH:2,ENDS_WITH:4,EXACT:8,CONTAINS:16,GREATER_THAN:32,GREATER_THAN_OR_EQUAL:64,LESS_THAN:128,LESS_THAN_OR_EQUAL:256,NOT_EQUAL:512},aggregationTypes:{sum:2,count:4,avg:8,min:16,max:32},CURRENCY_SYMBOLS:["ƒ","$","£","$","¤","¥","៛","₩","₱","฿","₫"],dataChange:{ALL:"all",EDIT:"edit",ROW:"row",COLUMN:"column"},scrollbars:{NEVER:0,ALWAYS:1,WHEN_NEEDED:2}})}(),angular.module("ui.grid").directive("uiGridCell",["$compile","$parse","gridUtil","uiGridConstants",function(a,b,c,d){var e={priority:0,scope:!1,require:"?^uiGrid",compile:function(){return{pre:function(b,e,f,g){function h(){var a=b.col.compiledElementFn;a(b,function(a){e.append(a)})}if(g&&b.col.compiledElementFn)h();else if(g&&!b.col.compiledElementFn)b.col.getCompiledElementFn().then(function(a){a(b,function(a){e.append(a)})});else{var i=b.col.cellTemplate.replace(d.MODEL_COL_FIELD,"row.entity."+c.preEval(b.col.field)).replace(d.COL_FIELD,"grid.getCellValue(row, col)"),j=a(i)(b);e.append(j)}},post:function(a,b){b.addClass(a.col.getColClass(!1));var c,e=function(){var d=b;c&&(d.removeClass(c),c=null),c=angular.isFunction(a.col.cellClass)?a.col.cellClass(a.grid,a.row,a.col,a.rowRenderIndex,a.colRenderIndex):a.col.cellClass,d.addClass(c)};a.col.cellClass&&e();var f=a.grid.registerDataChangeCallback(e,[d.dataChange.COLUMN,d.dataChange.EDIT]),g=function(){a.grid.deregisterDataChangeCallback(f)};a.$on("$destroy",g)}}}};return e}]),function(){angular.module("ui.grid").service("uiGridColumnMenuService",["i18nService","uiGridConstants","gridUtil",function(a,b,c){var d={initialize:function(a,b){a.grid=b.grid,b.columnMenuScope=a,a.menuShown=!1},setColMenuItemWatch:function(a){var b=a.$watch("col.menuItems",function(b){"undefined"!=typeof b&&b&&angular.isArray(b)?(b.forEach(function(b){"undefined"!=typeof b.context&&b.context||(b.context={}),b.context.col=a.col}),a.menuItems=a.defaultMenuItems.concat(b)):a.menuItems=a.defaultMenuItems});a.$on("$destroy",b)},sortable:function(a){return a.grid.options.enableSorting&&"undefined"!=typeof a.col&&a.col&&a.col.enableSorting?!0:!1},isActiveSort:function(a,b){return"undefined"!=typeof a.col&&"undefined"!=typeof a.col.sort&&"undefined"!=typeof a.col.sort.direction&&a.col.sort.direction===b},suppressRemoveSort:function(a){return a.col&&a.col.colDef&&a.col.colDef.suppressRemoveSort?!0:!1},hideable:function(a){return"undefined"!=typeof a.col&&a.col&&a.col.colDef&&a.col.colDef.enableHiding===!1?!1:!0},getDefaultMenuItems:function(c){return[{title:a.getSafeText("sort.ascending"),icon:"ui-grid-icon-sort-alt-up",action:function(a){a.stopPropagation(),c.sortColumn(a,b.ASC)},shown:function(){return d.sortable(c)},active:function(){return d.isActiveSort(c,b.ASC)}},{title:a.getSafeText("sort.descending"),icon:"ui-grid-icon-sort-alt-down",action:function(a){a.stopPropagation(),c.sortColumn(a,b.DESC)},shown:function(){return d.sortable(c)},active:function(){return d.isActiveSort(c,b.DESC)}},{title:a.getSafeText("sort.remove"),icon:"ui-grid-icon-cancel",action:function(a){a.stopPropagation(),c.unsortColumn()},shown:function(){return d.sortable(c)&&"undefined"!=typeof c.col&&"undefined"!=typeof c.col.sort&&"undefined"!=typeof c.col.sort.direction&&null!==c.col.sort.direction&&!d.suppressRemoveSort(c)}},{title:a.getSafeText("column.hide"),icon:"ui-grid-icon-cancel",shown:function(){return d.hideable(c)},action:function(a){a.stopPropagation(),c.hideColumn()}}]},getColumnElementPosition:function(a,b,d){var e={};return e.left=d[0].offsetLeft,e.top=d[0].offsetTop,e.offset=0,b.grid.options.offsetLeft&&(e.offset=b.grid.options.offsetLeft),e.height=c.elementHeight(d,!0),e.width=c.elementWidth(d,!0),e},repositionMenu:function(a,b,d,e,f){var g=e[0].querySelectorAll(".ui-grid-menu"),h=b.renderContainer?b.renderContainer:"body",i=(b.grid.renderContainers[h],c.closestElm(f,".ui-grid-render-container")),j=i.getBoundingClientRect().left-a.grid.element[0].getBoundingClientRect().left,k=i.querySelectorAll(".ui-grid-viewport")[0].scrollLeft,l=b.lastMenuWidth?b.lastMenuWidth:a.lastMenuWidth?a.lastMenuWidth:170,m=b.lastMenuPaddingRight?b.lastMenuPaddingRight:a.lastMenuPaddingRight?a.lastMenuPaddingRight:10;if(0!==g.length){var n=g[0].querySelectorAll(".ui-grid-menu-mid");0===n.length||angular.element(n).hasClass("ng-hide")||(l=c.elementWidth(g,!0),a.lastMenuWidth=l,b.lastMenuWidth=l,m=parseInt(c.getStyles(angular.element(g)[0]).paddingRight,10),a.lastMenuPaddingRight=m,b.lastMenuPaddingRight=m)}var o=d.left+j-k+d.width-l+m;o<d.offset&&(o=d.offset),e.css("left",o+"px"),e.css("top",d.top+d.height+"px")}};return d}]).directive("uiGridColumnMenu",["$timeout","gridUtil","uiGridConstants","uiGridColumnMenuService",function(a,b,c,d){var e={priority:0,scope:!0,require:"?^uiGrid",templateUrl:"ui-grid/uiGridColumnMenu",replace:!0,link:function(b,c,e,f){var g=this;d.initialize(b,f),b.defaultMenuItems=d.getDefaultMenuItems(b),b.menuItems=b.defaultMenuItems,d.setColMenuItemWatch(b),b.showMenu=function(a,e,f){b.col=a;var h=d.getColumnElementPosition(b,a,e);b.menuShown?(b.colElement=e,b.colElementPosition=h,b.hideThenShow=!0,b.$broadcast("hide-menu",{originalEvent:f})):(g.shown=b.menuShown=!0,d.repositionMenu(b,a,h,c,e),b.colElement=e,b.colElementPosition=h,b.$broadcast("show-menu",{originalEvent:f}))},b.hideMenu=function(a){b.menuShown=!1,a||b.$broadcast("hide-menu")},b.$on("menu-hidden",function(){b.hideThenShow?(delete b.hideThenShow,d.repositionMenu(b,b.col,b.colElementPosition,c,b.colElement),b.$broadcast("show-menu"),b.menuShown=!0):b.hideMenu(!0)}),b.$on("menu-shown",function(){a(function(){d.repositionMenu(b,b.col,b.colElementPosition,c,b.colElement),delete b.colElementPosition,delete b.columnElement},200)}),b.sortColumn=function(a,c){a.stopPropagation(),b.grid.sortColumn(b.col,c,!0).then(function(){b.grid.refresh(),b.hideMenu()})},b.unsortColumn=function(){b.col.unsort(),b.grid.refresh(),b.hideMenu()},b.hideColumn=function(){b.col.colDef.visible=!1,b.grid.refresh(),b.hideMenu()}},controller:["$scope",function(a){var b=this;a.$watch("menuItems",function(a){b.menuItems=a})}]};return e}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridFooterCell",["$timeout","gridUtil","uiGridConstants","$compile",function(a,b,c,d){var e={priority:0,scope:{col:"=",row:"=",renderIndex:"="},replace:!0,require:"^uiGrid",compile:function(){return{pre:function(a,c){function e(e){b.getTemplate(e).then(function(b){var e=d(b),f=e(a);c.append(f)})}e(a.col.footerCellTemplate?a.col.footerCellTemplate:"ui-grid/uiGridFooterCell")},post:function(a,b,d,e){a.grid=e.grid,a.getExternalScopes=e.getExternalScopes,b.addClass(a.col.getColClass(!1));var f,g=function(){var c=b;f&&(c.removeClass(f),f=null),f=angular.isFunction(a.col.footerCellClass)?a.col.footerCellClass(a.grid,a.row,a.col,a.rowRenderIndex,a.colRenderIndex):a.col.footerCellClass,c.addClass(f)};a.col.footerCellClass&&g();var h=a.grid.registerDataChangeCallback(g,[c.dataChange.COLUMN]);a.$on("$destroy",function(){a.grid.deregisterDataChangeCallback(h)})}}}};return e}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridFooter",["$templateCache","$compile","uiGridConstants","gridUtil","$timeout",function(a,b,c,d){var e="ui-grid/ui-grid-footer";return{restrict:"EA",replace:!0,require:["^uiGrid","^uiGridRenderContainer"],scope:!0,compile:function(){return{pre:function(a,c,f,g){var h=g[0],i=g[1];a.grid=h.grid,a.colContainer=i.colContainer,a.getExternalScopes=h.getExternalScopes,i.footer=c;var j=a.grid.options.footerTemplate?a.grid.options.footerTemplate:e;d.getTemplate(j).then(function(d){var e=angular.element(d),f=b(e)(a);if(c.append(f),i){var g=c[0].getElementsByClassName("ui-grid-footer-viewport")[0];g&&(i.footerViewport=g)}})},post:function(a,b,c,e){{var f=e[0],g=e[1];f.grid}d.disableAnimations(b),g.footer=b;var h=b[0].getElementsByClassName("ui-grid-footer-viewport")[0];h&&(g.footerViewport=h)}}}}}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridGroupPanel",["$compile","uiGridConstants","gridUtil",function(a,b,c){var d="ui-grid/ui-grid-group-panel";return{restrict:"EA",replace:!0,require:"?^uiGrid",scope:!1,compile:function(){return{pre:function(b,e){var f=b.grid.options.groupPanelTemplate||d;c.getTemplate(f).then(function(c){var d=angular.element(c),f=a(d)(b);e.append(f)})},post:function(a,b){b.bind("$destroy",function(){})}}}}}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridHeaderCell",["$compile","$timeout","$window","$document","gridUtil","uiGridConstants",function(a,b,c,d,e,f){var g=500,h={priority:0,scope:{col:"=",row:"=",renderIndex:"="},require:["?^uiGrid","^uiGridRenderContainer"],replace:!0,compile:function(){return{pre:function(b,c){var d=a(b.col.headerCellTemplate)(b);c.append(d)},post:function(a,c,d,e){function h(b){var c=!1;b.shiftKey&&(c=!0),i.grid.sortColumn(a.col,c).then(function(){i.columnMenuScope&&i.columnMenuScope.hideMenu(),i.grid.refresh()})}var i=e[0],j=e[1];a.grid=i.grid,a.getExternalScopes=i.getExternalScopes,a.renderContainer=i.grid.renderContainers[j.containerId],c.addClass(a.col.getColClass(!1)),a.menuShown=!1,a.asc=f.ASC,a.desc=f.DESC;var k,l=(angular.element(c[0].querySelectorAll(".ui-grid-header-cell-menu")),angular.element(c[0].querySelectorAll(".ui-grid-cell-contents"))),m=function(){var b=c;k&&(b.removeClass(k),k=null),k=angular.isFunction(a.col.headerCellClass)?a.col.headerCellClass(a.grid,a.row,a.col,a.rowRenderIndex,a.colRenderIndex):a.col.headerCellClass,b.addClass(k)};a.col.headerCellClass&&m();var n=a.grid.registerDataChangeCallback(m,[f.dataChange.COLUMN]),o=function(){a.grid.deregisterDataChangeCallback(n)};a.$on("$destroy",o),a.sortable=i.grid.options.enableSorting&&a.col.enableSorting?!0:!1,a.filterable=i.grid.options.enableFiltering&&a.col.enableFiltering?!0:!1;var p,q=0;if(l.on("mousedown touchstart",function(d){"undefined"!=typeof d.originalEvent&&void 0!==d.originalEvent&&(d=d.originalEvent),d.button&&0!==d.button||(q=(new Date).getTime(),p=b(function(){},g),p.then(function(){a.col.grid.options&&a.col.grid.options.enableColumnMenus!==!1&&a.col.colDef&&a.col.colDef.enableColumnMenu!==!1&&i.columnMenuScope.showMenu(a.col,c,d)}))}),l.on("mouseup touchend",function(){b.cancel(p)}),a.$on("$destroy",function(){l.off("mousedown touchstart")}),a.toggleMenu=function(b){b.stopPropagation(),i.columnMenuScope.menuShown&&i.columnMenuScope.col===a.col?i.columnMenuScope.hideMenu():i.columnMenuScope.showMenu(a.col,c)},a.sortable&&(l.on("click touchend",function(a){a.stopPropagation(),b.cancel(p);var c=(new Date).getTime(),d=c-q;d>g||h(a)}),a.$on("$destroy",function(){b.cancel(p)})),a.filterable){var r=[];angular.forEach(a.col.filters,function(b,c){r.push(a.$watch("col.filters["+c+"].term",function(a,b){a!==b&&(i.grid.api.core.raise.filterChanged(),i.grid.refresh().then(function(){i.prevScrollArgs&&i.prevScrollArgs.y&&i.prevScrollArgs.y.percentage&&i.fireScrollingEvent({y:{percentage:i.prevScrollArgs.y.percentage}})}))}))}),a.$on("$destroy",function(){angular.forEach(r,function(a){a()})})}}}}};return h}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridHeader",["$templateCache","$compile","uiGridConstants","gridUtil","$timeout",function(a,b,c,d){var e="ui-grid/ui-grid-header",f="ui-grid/ui-grid-no-header";return{restrict:"EA",replace:!0,require:["^uiGrid","^uiGridRenderContainer"],scope:!0,compile:function(){return{pre:function(a,c,g,h){var i=h[0],j=h[1];a.grid=i.grid,a.colContainer=j.colContainer,a.getExternalScopes=i.getExternalScopes,j.header=c,j.colContainer.header=c;var k;k=a.grid.options.hideHeader?f:a.grid.options.headerTemplate?a.grid.options.headerTemplate:e,d.getTemplate(k).then(function(d){var e=angular.element(d),f=b(e)(a);if(c.replaceWith(f),j.header=f,j.colContainer.header=f,c=f,j){var g=c[0].getElementsByClassName("ui-grid-header-viewport")[0];g&&(j.headerViewport=g)}})},post:function(a,b,c,e){function f(){var a=h.colContainer.getViewportWidth();"undefined"!=typeof g.grid.verticalScrollbarWidth&&void 0!==g.grid.verticalScrollbarWidth&&g.grid.verticalScrollbarWidth>0&&(a+=g.grid.verticalScrollbarWidth);var b=h.colContainer.visibleColumnCache,c=0,e=0,f=0,j=a,k=!1,l=function(b){return"manual"===b.widthType?+b.width:"percent"===b.widthType?parseInt(b.width.replace(/%/g,""),10)*a/100:"auto"===b.widthType?(0===f&&(f=parseInt(j/e,10)),b.width.length*f):void 0};b.forEach(function(a){a.widthType=null,isFinite(+a.width)?a.widthType="manual":d.endsWith(a.width,"%")?(a.widthType="percent",k=!0):angular.isString(a.width)&&-1!==a.width.indexOf("*")&&(a.widthType="auto",e+=a.width.length,k=!0)});var m=["manual","percent","auto"];if(b.filter(function(a){return a.visible&&a.widthType}).sort(function(a,b){return m.indexOf(a.widthType)-m.indexOf(b.widthType)}).forEach(function(a){var b=l(a);a.minWidth&&(b=Math.max(b,a.minWidth)),a.maxWidth&&(b=Math.min(b,a.maxWidth)),a.drawnWidth=Math.floor(b),c+=a.drawnWidth,j-=a.drawnWidth}),k&&j>0&&c>0&&a>c){var n=function(a){j>0&&("auto"===a.widthType||"percent"===a.widthType)&&(a.drawnWidth=a.drawnWidth+1,c+=1,j--)},o=0;do o=j,b.forEach(n);while(j>0&&j!==o)}c=Math.max(c,a);var p="";return b.forEach(function(a){p+=a.getColClassDefinition()}),i.verticalScrollbarWidth&&(c+=i.verticalScrollbarWidth),b.length>0&&(b[b.length-1].headerWidth=b[b.length-1].drawnWidth-30),h.colContainer.canvasWidth=parseInt(c,10),p}var g=e[0],h=e[1],i=g.grid;d.disableAnimations(b),h.header=b;var j=b[0].getElementsByClassName("ui-grid-header-viewport")[0];j&&(h.headerViewport=j),g&&g.grid.registerStyleComputation({priority:5,func:f})}}}}}])}(),function(){angular.module("ui.grid").service("uiGridGridMenuService",["gridUtil","i18nService",function(a,b){var c={initialize:function(a,b){b.gridMenuScope=a,a.grid=b,a.registeredMenuItems=[],a.$on("$destroy",function(){a.grid&&a.grid.gridMenuScope&&(a.grid.gridMenuScope=null),a.grid&&(a.grid=null),a.registeredMenuItems&&(a.registeredMenuItems=null)}),a.registeredMenuItems=[],b.api.registerMethod("core","addToGridMenu",c.addToGridMenu),b.api.registerMethod("core","removeFromGridMenu",c.removeFromGridMenu)},addToGridMenu:function(b,c){angular.isArray(c)?b.gridMenuScope?(b.gridMenuScope.registeredMenuItems=b.gridMenuScope.registeredMenuItems?b.gridMenuScope.registeredMenuItems:[],b.gridMenuScope.registeredMenuItems=b.gridMenuScope.registeredMenuItems.concat(c)):a.logError("Asked to addToGridMenu, but gridMenuScope not present. Timing issue? Please log issue with ui-grid"):a.logError("addToGridMenu: menuItems must be an array, and is not, not adding any items")},removeFromGridMenu:function(b,c){var d=-1;b&&b.gridMenuScope&&b.gridMenuScope.registeredMenuItems.forEach(function(b,e){b.id===c&&(d>-1?a.logError("removeFromGridMenu: found multiple items with the same id, removing only the last"):d=e)}),d>-1&&b.gridMenuScope.registeredMenuItems.splice(d,1)},getMenuItems:function(b){var d=[];return b.grid.options.gridMenuCustomItems&&(angular.isArray(b.grid.options.gridMenuCustomItems)?d=d.concat(b.grid.options.gridMenuCustomItems):a.logError("gridOptions.gridMenuCustomItems must be an array, and is not")),d=d.concat(b.registeredMenuItems),b.grid.options.gridMenuShowHideColumns!==!1&&(d=d.concat(c.showHideColumns(b))),d},showHideColumns:function(a){var d=[];return a.grid.options.columnDefs&&0!==a.grid.options.columnDefs.length&&0!==a.grid.columns.length?(d.push({title:b.getSafeText("gridMenu.columns")}),a.grid.options.gridMenuTitleFilter=a.grid.options.gridMenuTitleFilter?a.grid.options.gridMenuTitleFilter:function(a){return a},a.grid.options.columnDefs.forEach(function(b){if(b.enableHiding!==!1){var e={icon:"ui-grid-icon-ok",action:function(a){a.stopPropagation(),c.toggleColumnVisibility(this.context.gridCol)},shown:function(){return this.context.gridCol.colDef.visible===!0||void 0===this.context.gridCol.colDef.visible},context:{gridCol:a.grid.getColumn(b.name||b.field)}};c.setMenuItemTitle(e,b,a.grid),d.push(e),e={icon:"ui-grid-icon-cancel",action:function(a){a.stopPropagation(),c.toggleColumnVisibility(this.context.gridCol)},shown:function(){return!(this.context.gridCol.colDef.visible===!0||void 0===this.context.gridCol.colDef.visible)},context:{gridCol:a.grid.getColumn(b.name||b.field)}},c.setMenuItemTitle(e,b,a.grid),d.push(e)}}),d):d},setMenuItemTitle:function(b,c,d){var e=d.options.gridMenuTitleFilter(c.displayName||c.name||c.field);"string"==typeof e?b.title=e:e.then?(b.title="",e.then(function(a){b.title=a},function(a){b.title=a})):(a.logError("Expected gridMenuTitleFilter to return a string or a promise, it has returned neither, bad config"),b.title="badconfig")},toggleColumnVisibility:function(a){a.colDef.visible=!(a.colDef.visible===!0||void 0===a.colDef.visible),a.grid.refresh()}};return c}]).directive("uiGridMenuButton",["gridUtil","uiGridConstants","uiGridGridMenuService",function(a,b,c){return{priority:0,scope:!0,require:["?^uiGrid"],templateUrl:"ui-grid/ui-grid-menu-button",replace:!0,link:function(a,b,d,e){var f=e[0];c.initialize(a,f.grid),a.shown=!1,a.toggleMenu=function(){a.shown?(a.$broadcast("hide-menu"),a.shown=!1):(a.menuItems=c.getMenuItems(a),a.$broadcast("show-menu"),a.shown=!0)},a.$on("menu-hidden",function(){a.shown=!1})}}}])}(),function(){angular.module("ui.grid").directive("uiGridMenu",["$compile","$timeout","$window","$document","gridUtil","uiGridConstants",function(a,b,c,d,e,f){var g={priority:0,scope:{menuItems:"=",autoHide:"=?"},require:"?^uiGrid",templateUrl:"ui-grid/uiGridMenu",replace:!1,link:function(a){var d=this;d.showMenu=a.showMenu=function(c,d){a.shown?a.shownMid||(a.shownMid=!0,a.$emit("menu-shown")):(a.shown=!0,b(function(){a.shownMid=!0,a.$emit("menu-shown")}));var f="click";d&&d.originalEvent&&d.originalEvent.type&&"touchstart"===d.originalEvent.type&&(f=d.originalEvent.type),angular.element(document).off("click touchstart",e),b(function(){angular.element(document).on(f,e)})},d.hideMenu=a.hideMenu=function(){a.shown&&(a.shownMid=!1,b(function(){a.shownMid||(a.shown=!1,a.$emit("menu-hidden"))},200)),angular.element(document).off("click touchstart",e)},a.$on("hide-menu",function(b,c){a.hideMenu(b,c)}),a.$on("show-menu",function(b,c){a.showMenu(b,c)});var e=function(){a.shown&&a.$apply(function(){a.hideMenu()})};("undefined"==typeof a.autoHide||void 0===a.autoHide)&&(a.autoHide=!0),a.autoHide&&angular.element(c).on("resize",e),a.$on("$destroy",function(){angular.element(document).off("click touchstart",e)}),a.$on("$destroy",function(){angular.element(c).off("resize",e)}),a.$on("$destroy",a.$on(f.events.GRID_SCROLL,e)),a.$on("$destroy",a.$on(f.events.ITEM_DRAGGING,e))},controller:["$scope","$element","$attrs",function(){}]};return g}]).directive("uiGridMenuItem",["gridUtil","$compile","i18nService",function(a,b,c){var d={priority:0,scope:{title:"=",active:"=",action:"=",icon:"=",shown:"=",context:"=",templateUrl:"="},require:["?^uiGrid","^uiGridMenu"],templateUrl:"ui-grid/uiGridMenuItem",replace:!0,compile:function(){return{pre:function(c,d,e,f){f[0],f[1];c.templateUrl&&a.getTemplate(c.templateUrl).then(function(a){var e=angular.element(a),f=b(e)(c);d.replaceWith(f)})},post:function(a,b,d,e){{var f=e[0];e[1]}("undefined"==typeof a.shown||null===a.shown)&&(a.shown=function(){return!0}),a.itemShown=function(){var b={};return a.context&&(b.context=a.context),"undefined"!=typeof f&&f&&(b.grid=f.grid),a.shown.call(b)},a.itemAction=function(b,c){if(b.stopPropagation(),"function"==typeof a.action){var d={};a.context&&(d.context=a.context),"undefined"!=typeof f&&f&&(d.grid=f.grid),a.action.call(d,b,c),a.$emit("hide-menu")}},a.i18n=c.get()}}}};return d}])}(),function(){angular.module("ui.grid").directive("uiGridNativeScrollbar",["$timeout","$document","uiGridConstants","gridUtil",function(a,b,c,d){var e=d.getScrollbarWidth();angular.isNumber(e)||(e=0);var f=d.detectBrowser();return"ie"===f&&(e+=1),{scope:{type:"@"},require:["^uiGrid","^uiGridRenderContainer"],link:function(a,b,f,g){function h(){var a=n.getViewportHeight(),b=n.getCanvasHeight(),d=o.headerHeight?o.headerHeight:p.headerHeight,e=p.options.enableVerticalScrollbar===c.scrollbars.WHEN_NEEDED?"overflow-y:auto;":"",f=".grid"+p.id+" .ui-grid-render-container-"+m.containerId+" .ui-grid-native-scrollbar.vertical .contents { height: "+b+"px; }";return f+="\n .grid"+p.id+" .ui-grid-render-container-"+m.containerId+" .ui-grid-native-scrollbar.vertical { height: "+a+"px; top: "+d+"px;"+e+"}",s=b,f}function i(){var a=o.getCanvasWidth(),b=u;p.options.showFooter&&(b-=1);var d=o.getViewportAdjustment();b-=d.height;var e=p.options.enableHorizontalScrollbar===c.scrollbars.WHEN_NEEDED?"overflow-x:auto":"",f=".grid"+p.id+" .ui-grid-render-container-"+m.containerId+" .ui-grid-native-scrollbar.horizontal { bottom: "+b+"px;"+e+" }";return f+=".grid"+p.id+" .ui-grid-render-container-"+m.containerId+" .ui-grid-native-scrollbar.horizontal .contents { width: "+a+"px; }",s=a,f}function j(){if("vertical"===a.type){p.flagScrollingVertically();var c=b[0].scrollTop,e=n.getCanvasHeight()-n.getViewportHeight();p.horizontalScrollbarHeight&&p.horizontalScrollbarHeight>0&&(e-=l.grid.horizontalScrollbarHeight);var f=c/e;f>1&&(f=1),0>f&&(f=0);var g={target:b,y:{percentage:f}};a.scrollSource?a.scrollSource=null:l.fireScrollingEvent(g),r=c}else if("horizontal"===a.type){p.flagScrollingHorizontally();var h=d.normalizeScrollLeft(b),i=o.getCanvasWidth()-o.getViewportWidth(),j=h/i,k={target:b,x:{percentage:j}};a.scrollSource?a.scrollSource=null:l.fireScrollingEvent(k),r=h}}function k(c,e){if(!e.target||e.target!==b&&!angular.element(e.target).hasClass("ui-grid-native-scrollbar"))if(a.scrollSource=e.target,"vertical"===a.type){if(e.y&&"undefined"!=typeof e.y.percentage&&void 0!==e.y.percentage){p.flagScrollingVertically();var f=n.getCanvasHeight()-n.getViewportHeight(),g=Math.max(0,e.y.percentage*f);b[0].scrollTop=g}}else if("horizontal"===a.type&&e.x&&"undefined"!=typeof e.x.percentage&&void 0!==e.x.percentage){p.flagScrollingHorizontally();var h=o.getCanvasWidth()-o.getViewportWidth(),i=Math.max(0,e.x.percentage*h);b[0].scrollLeft=d.denormalizeScrollLeft(b,i)}}var l=g[0],m=g[1],n=m.rowContainer,o=m.colContainer,p=l.grid,q=angular.element('<div class="contents"> </div>');b.addClass("ui-grid-native-scrollbar");var r,s=0;"vertical"===a.type?(b.css("width",e+"px"),b.addClass("vertical"),p.verticalScrollbarWidth=p.options.enableVerticalScrollbar===c.scrollbars.WHEN_NEEDED?0:e,o.verticalScrollbarWidth=p.verticalScrollbarWidth,r=b[0].scrollTop):"horizontal"===a.type&&(b.css("height",e+"px"),b.addClass("horizontal"),p.horizontalScrollbarHeight=p.options.enableHorizontalScrollbar===c.scrollbars.WHEN_NEEDED?0:e,n.horizontalScrollbarHeight=p.horizontalScrollbarHeight,r=d.normalizeScrollLeft(b)),b.append(q),"vertical"===a.type?s=d.elementHeight(b):"horizontal"===a.type&&(s=d.elementWidth(b));var t=d.closestElm(b,".ui-grid"),u=d.getBorderSize(t,"bottom");"vertical"===a.type?p.registerStyleComputation({priority:6,func:h}):"horizontal"===a.type&&p.registerStyleComputation({priority:6,func:i}),a.scrollSource=null,b.on("scroll",j),b.on("$destroy",function(){b.off("scroll")});var v=a.$on(c.events.GRID_SCROLL,k);a.$on("$destroy",v)}}}])}(),function(){"use strict";var a=angular.module("ui.grid");a.directive("uiGridRenderContainer",["$timeout","$document","uiGridConstants","gridUtil",function(a,b,c,d){return{replace:!0,transclude:!0,templateUrl:"ui-grid/uiGridRenderContainer",require:["^uiGrid","uiGridRenderContainer"],scope:{containerId:"=",rowContainerName:"=",colContainerName:"=",bindScrollHorizontal:"=",bindScrollVertical:"=",enableVerticalScrollbar:"=",enableHorizontalScrollbar:"="},controller:"uiGridRenderContainer as RenderContainer",compile:function(){return{pre:function(a,b,c,d){var e=d[0],f=d[1],g=a.grid=e.grid;if(!a.rowContainerName)throw"No row render container name specified";if(!a.colContainerName)throw"No column render container name specified";if(!g.renderContainers[a.rowContainerName])throw"Row render container '"+a.rowContainerName+"' is not registered.";if(!g.renderContainers[a.colContainerName])throw"Column render container '"+a.colContainerName+"' is not registered.";var h=a.rowContainer=g.renderContainers[a.rowContainerName],i=a.colContainer=g.renderContainers[a.colContainerName];f.containerId=a.containerId,f.rowContainer=h,f.colContainer=i},post:function(e,f,g,h){function i(a,b){if(b.y&&e.bindScrollVertical){n.prevScrollArgs=b;var c=p.getCanvasHeight()-p.getViewportHeight();o.horizontalScrollbarHeight&&o.horizontalScrollbarHeight>0&&(c+=o.horizontalScrollbarHeight);var f,g=n.viewport[0].scrollTop;if("undefined"!=typeof b.y.percentage&&void 0!==b.y.percentage)f=b.y.percentage;else{if("undefined"==typeof b.y.pixels||void 0===b.y.pixels)throw new Error("No percentage or pixel value provided for scroll event Y axis");f=b.y.percentage=(g+b.y.pixels)/c}var h=Math.max(0,f*c);n.viewport[0].scrollTop=h,n.prevScrollArgs.y.pixels=h-g}if(b.x&&e.bindScrollHorizontal){n.prevScrollArgs=b;var i,j=q.getCanvasWidth()-q.getViewportWidth(),k=d.normalizeScrollLeft(n.viewport);if("undefined"!=typeof b.x.percentage&&void 0!==b.x.percentage)i=b.x.percentage;else{if("undefined"==typeof b.x.pixels||void 0===b.x.pixels)throw new Error("No percentage or pixel value provided for scroll event X axis");i=b.x.percentage=(k+b.x.pixels)/j}var l=Math.max(0,i*j);n.viewport[0].scrollLeft=d.denormalizeScrollLeft(n.viewport,l),n.prevScrollLeft=l,n.headerViewport&&(n.headerViewport.scrollLeft=d.denormalizeScrollLeft(n.headerViewport,l)),n.footerViewport&&(n.footerViewport.scrollLeft=d.denormalizeScrollLeft(n.footerViewport,l)),n.prevScrollArgs.x.pixels=l-k}}function j(a){a.originalEvent&&(a=a.originalEvent),a.preventDefault();var b,c,d,e;d=a.targetTouches[0].screenX,e=a.targetTouches[0].screenY,b=-(d-v),c=-(e-u),y=1>c?-1:1,z=1>b?-1:1,c*=2,b*=2;var f={target:a.target};if(0!==c){var g=(w+c)/(p.getCanvasHeight()-p.getViewportHeight());g>1?g=1:0>g&&(g=0),f.y={percentage:g,pixels:c}}if(0!==b){var h=(x+b)/(q.getCanvasWidth()-q.getViewportWidth());h>1?h=1:0>h&&(h=0),f.x={percentage:h,pixels:b}}m.fireScrollingEvent(f)}function k(c){function d(){a(function(){var a={target:c.target};if(0!==u){var b=(n.viewport[0].scrollTop+u)/(p.getCanvasHeight()-p.getViewportHeight());a.y={percentage:b,pixels:u}}if(0!==v){var e=(n.viewport[0].scrollLeft+v)/(q.getCanvasWidth()-q.getViewportWidth());a.x={percentage:e,pixels:v}}m.fireScrollingEvent(a),s-=1,u/=2,v/=2,s>0?d():m.scrollbars.forEach(function(a){a.removeClass("ui-grid-scrollbar-visible"),a.removeClass("ui-grid-scrolling")})},r)}c.originalEvent&&(c=c.originalEvent),c.preventDefault(),b.unbind("touchmove",j),b.unbind("touchend",k),b.unbind("touchcancel",k);var e=n.viewport[0].scrollTop,f=n.viewport[0].scrollTop,g=Math.abs(e-w),h=Math.abs(f-x),i=new Date-t,l=g/i,o=h/i,r=63,s=8,u=120*y*l,v=120*z*o;d()}function l(){var a="",b=q.getCanvasWidth(),c=q.getViewportWidth(),d=p.getCanvasHeight(),f=p.getViewportHeight(),g=q.getHeaderViewportWidth(),h=q.getHeaderViewportWidth();return a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+e.containerId+" .ui-grid-canvas { width: "+b+"px; height: "+d+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+e.containerId+" .ui-grid-header-canvas { width: "+b+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+e.containerId+" .ui-grid-viewport { width: "+c+"px; height: "+f+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+e.containerId+" .ui-grid-header-viewport { width: "+g+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+e.containerId+" .ui-grid-footer-canvas { width: "+b+"px; }",a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+e.containerId+" .ui-grid-footer-viewport { width: "+h+"px; }",void 0!==r.explicitHeaderHeight&&null!==r.explicitHeaderHeight&&r.explicitHeaderHeight>0?a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+e.containerId+" .ui-grid-header-cell { height: "+r.explicitHeaderHeight+"px; }":void 0!==r.innerHeaderHeight&&null!==r.innerHeaderHeight&&r.innerHeaderHeight>0&&(a+="\n .grid"+m.grid.id+" .ui-grid-render-container-"+e.containerId+" .ui-grid-header-cell { height: "+r.innerHeaderHeight+"px; }"),a}var m=h[0],n=h[1],o=m.grid,p=n.rowContainer,q=n.colContainer,r=o.renderContainers[e.containerId];f.addClass("ui-grid-render-container-"+e.containerId);var s;(e.bindScrollHorizontal||e.bindScrollVertical)&&(s=e.$on(c.events.GRID_SCROLL,i)),f.bind("wheel mousewheel DomMouseScroll MozMousePixelScroll",function(a){a.preventDefault();var b=d.normalizeWheelEvent(a),c={target:f};if(0!==b.deltaY){var e=-120*b.deltaY,g=(n.viewport[0].scrollTop+e)/(p.getCanvasHeight()-p.getViewportHeight());0>g?g=0:g>1&&(g=1),c.y={percentage:g,pixels:e}}if(0!==b.deltaX){var h=-120*b.deltaX,i=d.normalizeScrollLeft(n.viewport),j=(i+h)/(q.getCanvasWidth()-q.getViewportWidth());0>j?j=0:j>1&&(j=1),c.x={percentage:j,pixels:h}}m.fireScrollingEvent(c)});var t,u=0,v=0,w=0,x=0,y=1,z=1;d.isTouchEnabled()&&f.bind("touchstart",function(a){a.originalEvent&&(a=a.originalEvent),a.preventDefault(),m.scrollbars.forEach(function(a){a.addClass("ui-grid-scrollbar-visible"),a.addClass("ui-grid-scrolling")}),t=new Date,u=a.targetTouches[0].screenY,v=a.targetTouches[0].screenX,w=n.viewport[0].scrollTop,x=n.viewport[0].scrollLeft,b.on("touchmove",j),b.on("touchend touchcancel",k)}),f.bind("$destroy",function(){s(),f.unbind("keydown"),["touchstart","touchmove","touchend","keydown","wheel","mousewheel","DomMouseScroll","MozMousePixelScroll"].forEach(function(a){f.unbind(a)})}),m.grid.registerStyleComputation({priority:6,func:l})}}}}}]),a.controller("uiGridRenderContainer",["$scope","gridUtil",function(a){var b=this;b.rowStyle=function(c){var d=a.grid.renderContainers[a.containerId],e={};if(!d.disableRowOffset&&0===c&&0!==b.currentTopRow){var f=a.rowContainer.currentTopRow*a.rowContainer.visibleRowCache[a.rowContainer.currentTopRow].height;e["margin-top"]=f+"px"}return d.disableColumnOffset||0===a.colContainer.currentFirstColumn||(a.grid.isRTL()?e["margin-right"]=a.colContainer.columnOffset+"px":e["margin-left"]=a.colContainer.columnOffset+"px"),e},b.columnStyle=function(b){var c=a.grid.renderContainers[a.containerId];if(!c.disableColumnOffset&&0===b&&0!==a.colContainer.currentFirstColumn){var d=a.colContainer.columnOffset;return a.grid.isRTL()?{"margin-right":d+"px"}:{"margin-left":d+"px"}}return null}}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridRow",["gridUtil",function(){return{replace:!0,require:["^uiGrid","^uiGridRenderContainer"],scope:{row:"=uiGridRow",rowRenderIndex:"="},compile:function(){return{pre:function(a,b,c,d){var e=d[0],f=d[1],g=e.grid;a.grid=e.grid,a.colContainer=f.colContainer,g.getRowTemplateFn.then(function(c){c(a,function(a){b.replaceWith(a)})})},post:function(a,b,c,d){{var e=d[0];d[1]}a.getExternalScopes=e.getExternalScopes}}}}}])}(),function(){angular.module("ui.grid").directive("uiGridStyle",["gridUtil","$interpolate",function(a,b){return{link:function(a,c){var d=b(c.text(),!0);d&&a.$watch(d,function(a){c.text(a)})}}}])}(),function(){"use strict"; -angular.module("ui.grid").directive("uiGridViewport",["gridUtil",function(a){return{replace:!0,scope:{},templateUrl:"ui-grid/uiGridViewport",require:["^uiGrid","^uiGridRenderContainer"],link:function(b,c,d,e){var f=e[0],g=e[1];b.containerCtrl=g;{var h=g.rowContainer,i=g.colContainer;f.grid}b.grid=f.grid,b.rowContainer=g.rowContainer,b.colContainer=g.colContainer,g.viewport=c,c.on("scroll",function(){var d=c[0].scrollTop,e=a.normalizeScrollLeft(c),g=-1,j=-1;if(e!==i.prevScrollLeft){var k=(e-i.prevScrollLeft,i.getCanvasWidth()-i.getViewportWidth());g=e/k,i.adjustScrollHorizontal(e,g)}if(d!==h.prevScrollTop){var l=(d-h.prevScrollTop,h.getCanvasHeight()-h.getViewportHeight());j=d/l,j>1&&(j=1),0>j&&(j=0),h.adjustScrollVertical(d,j)}if(!b.grid.isScrollingVertically&&!b.grid.isScrollingHorizontally){var m={};g>-1&&(m.x={percentage:g}),j>-1&&(m.y={percentage:j}),f.fireScrollingEvent(m)}})}}}])}(),function(){angular.module("ui.grid").directive("uiGridVisible",function(){return function(a,b,c){a.$watch(c.uiGridVisible,function(a){b[a?"removeClass":"addClass"]("ui-grid-invisible")})}})}(),function(){"use strict";angular.module("ui.grid").controller("uiGridController",["$scope","$element","$attrs","gridUtil","$q","uiGridConstants","$templateCache","gridClassFactory","$timeout","$parse","$compile",function(a,b,c,d,e,f,g,h,i,j,k){function l(a,b){a&&a!==b&&(n.grid.options.columnDefs=a,n.grid.buildColumns().then(function(){n.grid.preCompileCellTemplates(),n.grid.callDataChangeCallbacks(f.dataChange.COLUMN)}))}function m(b){var d=[];b&&(n.grid.columns.length===(n.grid.rowHeaderColumns?n.grid.rowHeaderColumns.length:0)&&!c.uiGridColumns&&0===n.grid.options.columnDefs.length&&b.length>0&&n.grid.buildColumnDefsFromData(b),(n.grid.options.columnDefs.length>0||b.length>0)&&d.push(n.grid.buildColumns().then(function(){n.grid.preCompileCellTemplates()})),e.all(d).then(function(){n.grid.modifyRows(b).then(function(){n.grid.redrawInPlace(),a.$evalAsync(function(){n.grid.refreshCanvas(!0),n.grid.callDataChangeCallbacks(f.dataChange.ROW)})})}))}var n=this;n.grid=h.createGrid(a.uiGrid),b.addClass("grid"+n.grid.id),n.grid.rtl="rtl"===d.getStyles(b[0]).direction,n.getExternalScopes=a.getExternalScopes,a.grid=n.grid,c.uiGridColumns&&c.$observe("uiGridColumns",function(a){n.grid.options.columnDefs=a,n.grid.buildColumns().then(function(){n.grid.preCompileCellTemplates(),n.grid.refreshCanvas(!0)})});var o;o=angular.isString(a.uiGrid.data)?a.$parent.$watchCollection(a.uiGrid.data,m):a.$parent.$watchCollection(function(){return a.uiGrid.data},m);var p=a.$parent.$watchCollection(function(){return a.uiGrid.columnDefs},l);a.$on("$destroy",function(){o(),p()}),a.$watch(function(){return n.grid.styleComputations},function(){n.grid.refreshCanvas(!0)}),n.fireScrollingEvent=d.throttle(function(b){a.$broadcast(f.events.GRID_SCROLL,b)},n.grid.options.scrollThrottle,{trailing:!0}),n.fireEvent=function(b,c){("undefined"==typeof c||void 0===c)&&(c={}),("undefined"==typeof c.grid||void 0===c.grid)&&(c.grid=n.grid),a.$broadcast(b,c)},n.innerCompile=function(b){k(b)(a)}}]),angular.module("ui.grid").directive("uiGrid",["$compile","$templateCache","gridUtil","$window",function(a,b,c,d){return{templateUrl:"ui-grid/ui-grid",scope:{uiGrid:"=",getExternalScopes:"&?externalScopes"},replace:!0,transclude:!0,controller:"uiGridController",compile:function(){return{post:function(a,b,e,f){function g(){h.gridWidth=a.gridWidth=c.elementWidth(b),h.gridHeight=a.gridHeight=c.elementHeight(b),h.queueRefresh()}var h=f.grid;if(f.scrollbars=[],h.renderingComplete(),h.element=b,h.gridWidth=a.gridWidth=c.elementWidth(b),h.canvasWidth=f.grid.gridWidth,h.gridHeight=a.gridHeight=c.elementHeight(b),h.gridHeight<h.options.rowHeight){var i=h.options.minRowsToShow*h.options.rowHeight,j=h.options.hideHeader?0:h.options.headerRowHeight,k=h.options.showFooter?h.options.footerRowHeight:0,l=h.options.enableScrollbars?c.getScrollbarWidth():0,m=0;angular.forEach(h.options.columnDefs,function(a){a.hasOwnProperty("filter")?1>m&&(m=1):a.hasOwnProperty("filters")&&m<a.filters.length&&(m=a.filters.length)});var n=m*j,o=j+i+k+l+n;b.css("height",o+"px"),h.gridHeight=a.gridHeight=c.elementHeight(b)}h.refreshCanvas();var p=angular.element('<div ng-if="grid.hasLeftContainer()" style="width: 0" ui-grid-pinned-container="\'left\'"></div>');b.prepend(p),f.innerCompile(p);var q=angular.element('<div ng-if="grid.hasRightContainer()" style="width: 0" ui-grid-pinned-container="\'right\'"></div>');b.append(q),f.innerCompile(q),a.$watch(function(){return h.hasLeftContainer()},function(a,b){a!==b&&h.refreshCanvas(!0)}),a.$watch(function(){return h.hasRightContainer()},function(a,b){a!==b&&h.refreshCanvas(!0)}),angular.element(d).on("resize",g),b.on("$destroy",function(){angular.element(d).off("resize",g)})}}}}}])}(),function(){"use strict";angular.module("ui.grid").directive("uiGridPinnedContainer",["gridUtil",function(){return{restrict:"EA",replace:!0,template:'<div class="ui-grid-pinned-container"><div ui-grid-render-container container-id="side" row-container-name="\'body\'" col-container-name="side" bind-scroll-vertical="true" class="{{ side }} ui-grid-render-container-{{ side }}"></div></div>',scope:{side:"=uiGridPinnedContainer"},require:"^uiGrid",compile:function(){return{post:function(a,b,c,d){function e(){if("left"===a.side||"right"===a.side){for(var b=g.renderContainers[a.side].visibleColumnCache,c=0,d=0;d<b.length;d++){var e=b[d];c+=e.drawnWidth}h=c}}function f(){var c="";if("left"===a.side||"right"===a.side){e(),b.attr("style",null);var d=g.renderContainers.body.getViewportHeight();c+=".grid"+g.id+" .ui-grid-pinned-container-"+a.side+", .grid"+g.id+" .ui-grid-pinned-container-"+a.side+" .ui-grid-render-container-"+a.side+" .ui-grid-viewport { width: "+h+"px; height: "+d+"px; } "}return c}var g=d.grid,h=0;b.addClass("ui-grid-pinned-container-"+a.side),g.renderContainers.body.registerViewportAdjuster(function(a){return 0===h&&e(),a.width-=h,a}),g.registerStyleComputation({priority:15,func:f})}}}}}])}(),function(){angular.module("ui.grid").factory("Grid",["$q","$compile","$parse","gridUtil","uiGridConstants","GridOptions","GridColumn","GridRow","GridApi","rowSorter","rowSearcher","GridRenderContainer","$timeout",function(a,b,c,d,e,f,g,h,i,j,k,l,m){function n(){}var o=function(a){var b=this;if(void 0===a||"undefined"==typeof a.id||!a.id)throw new Error("No ID provided. An ID must be given when creating a grid.");if(!/^[_a-zA-Z0-9-]+$/.test(a.id))throw new Error("Grid id '"+a.id+'" is invalid. It must follow CSS selector syntax rules.');b.id=a.id,delete a.id,b.options=f.initialize(a),b.headerHeight=b.options.headerRowHeight,b.footerHeight=b.options.showFooter===!0?b.options.footerRowHeight:0,b.rtl=!1,b.gridHeight=0,b.gridWidth=0,b.columnBuilders=[],b.rowBuilders=[],b.rowsProcessors=[],b.columnsProcessors=[],b.styleComputations=[],b.viewportAdjusters=[],b.rowHeaderColumns=[],b.dataChangeCallbacks={},b.renderContainers={},b.renderContainers.body=new l("body",b),b.cellValueGetterCache={},b.getRowTemplateFn=null,b.rows=[],b.columns=[],b.isScrollingVertically=!1,b.isScrollingHorizontally=!1;var c=d.debounce(function(){b.isScrollingVertically=!1},300),g=d.debounce(function(){b.isScrollingHorizontally=!1},300);b.flagScrollingVertically=function(){b.isScrollingVertically=!0,c()},b.flagScrollingHorizontally=function(){b.isScrollingHorizontally=!0,g()},b.api=new i(b),b.api.registerMethod("core","refresh",this.refresh),b.api.registerMethod("core","refreshRows",this.refreshRows),b.api.registerMethod("core","handleWindowResize",this.handleWindowResize),b.api.registerMethod("core","addRowHeaderColumn",this.addRowHeaderColumn),b.api.registerMethod("core","sortHandleNulls",j.handleNulls),b.api.registerEvent("core","sortChanged"),b.api.registerMethod("core","notifyDataChange",this.notifyDataChange),b.registerDataChangeCallback(b.columnRefreshCallback,[e.dataChange.COLUMN]),b.registerDataChangeCallback(b.processRowsCallback,[e.dataChange.EDIT])};return o.prototype.isRTL=function(){return this.rtl},o.prototype.registerColumnBuilder=function(a){this.columnBuilders.push(a)},o.prototype.buildColumnDefsFromData=function(a){this.options.columnDefs=d.getColumnsFromData(a,this.options.excludeProperties)},o.prototype.registerRowBuilder=function(a){this.rowBuilders.push(a)},o.prototype.registerDataChangeCallback=function(a,b){var c=d.nextUid();return b||(b=[e.dataChange.ALL]),Array.isArray(b)||d.logError("Expected types to be an array or null in registerDataChangeCallback, value passed was: "+b),this.dataChangeCallbacks[c]={callback:a,types:b},c},o.prototype.deregisterDataChangeCallback=function(a){delete this.dataChangeCallbacks[a]},o.prototype.callDataChangeCallbacks=function(a){angular.forEach(this.dataChangeCallbacks,function(b){(-1!==b.types.indexOf(e.dataChange.ALL)||-1!==b.types.indexOf(a)||a===e.dataChange.ALL)&&b.callback(this)},this)},o.prototype.notifyDataChange=function(a,b){var c=e.dataChange;b===c.ALL||b===c.COLUMN||b===c.EDIT||b===c.ROW?a.callDataChangeCallbacks(b):d.logError("Notified of a data change, but the type was not recognised, so no action taken, type was: "+b)},o.prototype.columnRefreshCallback=function(a){a.refresh()},o.prototype.processRowsCallback=function(a){a.refreshRows()},o.prototype.getColumn=function(a){var b=this.columns.filter(function(b){return b.colDef.name===a});return b.length>0?b[0]:null},o.prototype.getColDef=function(a){var b=this.options.columnDefs.filter(function(b){return b.name===a});return b.length>0?b[0]:null},o.prototype.assignTypes=function(){var a=this;a.options.columnDefs.forEach(function(b,c){if(!b.type){var e=new g(b,c,a),f=a.rows.length>0?a.rows[0]:null;f?b.type=d.guessType(a.getCellValue(f,e)):(d.logWarn("Unable to assign type from data, so defaulting to string"),b.type="string")}})},o.prototype.addRowHeaderColumn=function(a){var b=this,c=new g(a,b.rowHeaderColumns.length,b);c.isRowHeader=!0,b.isRTL()?(b.createRightContainer(),c.renderContainer="right"):(b.createLeftContainer(),c.renderContainer="left"),b.columnBuilders[0](a,c,b.options).then(function(){c.enableFiltering=!1,c.enableSorting=!1,c.enableHiding=!1,b.rowHeaderColumns.push(c),b.buildColumns().then(function(){b.preCompileCellTemplates(),b.handleWindowResize()})})},o.prototype.buildColumns=function(){var b,c=this,e=[],f=c.rowHeaderColumns.length;for(b=0;b<c.columns.length;b++)c.getColDef(c.columns[b].name)||(c.columns.splice(b,1),b--);return c.rowHeaderColumns.forEach(function(a){c.columns.unshift(a)}),c.options.columnDefs.forEach(function(a,b){c.preprocessColDef(a);var h=c.getColumn(a.name);h?h.updateColumnDef(a):(h=new g(a,d.nextUid(),c),c.columns.splice(b+f,0,h)),c.columnBuilders.forEach(function(b){e.push(b.call(c,a,h,c.options))})}),a.all(e)},o.prototype.preCompileCellTemplates=function(){var a=this;this.columns.forEach(function(c){var d=c.cellTemplate.replace(e.MODEL_COL_FIELD,a.getQualifiedColField(c));d=d.replace(e.COL_FIELD,"grid.getCellValue(row, col)");var f=b(d);c.compiledElementFn=f,c.compiledElementFnDefer&&c.compiledElementFnDefer.resolve(c.compiledElementFn)})},o.prototype.getQualifiedColField=function(a){return"row.entity."+d.preEval(a.field)},o.prototype.createLeftContainer=function(){this.hasLeftContainer()||(this.renderContainers.left=new l("left",this,{disableColumnOffset:!0}))},o.prototype.createRightContainer=function(){this.hasRightContainer()||(this.renderContainers.right=new l("right",this,{disableColumnOffset:!0}))},o.prototype.hasLeftContainer=function(){return void 0!==this.renderContainers.left},o.prototype.hasRightContainer=function(){return void 0!==this.renderContainers.right},o.prototype.preprocessColDef=function(a){if(!a.field&&!a.name)throw new Error("colDef.name or colDef.field property is required");void 0===a.name&&void 0!==a.field&&(a.name=a.field)},o.prototype.newInN=function(a,b,c,d){for(var e=this,f=[],g=0;g<b.length;g++){for(var h=d?b[g][d]:b[g],i=!1,j=0;j<a.length;j++){var k=c?a[j][c]:a[j];if(e.options.rowEquality(h,k)){i=!0;break}}i||f.push(h)}return f},o.prototype.getRow=function(a){var b=this.rows.filter(function(b){return b.entity===a});return b.length>0?b[0]:null},o.prototype.modifyRows=function(b){var c,d,e,f,g=this;if((g.options.useExternalSorting||0===g.getColumnSorting().length)&&b.length>0){var i=g.rowHashMap;i||(i={get:function(){return null}}),g.createRowHashMap(),d=g.rowHashMap;var j=0===g.rows.length;for(g.rows.length=0,c=0;c<b.length;c++){var k=b[c];e=i.get(k),f=e?e.row:g.processRowBuilders(new h(k,c,g)),g.rows.push(f),d.put(k,{i:c,entity:k,row:f})}j&&g.assignTypes()}else if(0===g.rows.length&&b.length>0){if(g.options.enableRowHashing)for(g.rowHashMap||g.createRowHashMap(),c=0;c<b.length;c++)f=b[c],g.rowHashMap.put(f,{i:c,entity:f});g.addRows(b),g.assignTypes()}else if(b.length>0){var l,m,n;if(g.options.enableRowHashing){l=[],n=[];var o={};for(m=[],g.rowHashMap||g.createRowHashMap(),d=g.rowHashMap,c=0;c<b.length;c++){f=b[c];var p=!1;g.options.getRowIdentity(f)||(p=!0),e=d.get(f),e?e.row&&(o[g.options.rowIdentity(f)]=!0):(d.put(f,{i:c,entity:f}),p?n.push(f):l.push(f))}for(c=0;c<g.rows.length;c++){var q=g.rows[c],r=g.options.rowIdentity(q.entity);o[r]||m.push(q)}}var s=l||[],t=n||b;s=s.concat(g.newInN(g.rows,t,"entity")),g.addRows(s);var u=g.getDeletedRows(m||g.rows,b);for(c=0;c<u.length;c++)g.options.enableRowHashing&&g.rowHashMap.remove(u[c].entity),g.rows.splice(g.rows.indexOf(u[c]),1)}else g.createRowHashMap(),g.rows.length=0;var v=a.when(g.processRowsProcessors(g.rows)).then(function(a){return g.setVisibleRows(a)}),w=a.when(g.processColumnsProcessors(g.columns)).then(function(a){return g.setVisibleColumns(a)});return a.all([v,w])},o.prototype.getDeletedRows=function(a,b){var c=this,d=a.filter(function(a){return!b.some(function(b){return c.options.rowEquality(b,a.entity)})});return d},o.prototype.addRows=function(a){for(var b=this,c=b.rows.length,d=0;d<a.length;d++){var e=b.processRowBuilders(new h(a[d],d+c,b));if(b.options.enableRowHashing){var f=b.rowHashMap.get(e.entity);f&&(f.row=e)}b.rows.push(e)}},o.prototype.processRowBuilders=function(a){var b=this;return b.rowBuilders.forEach(function(c){c.call(b,a,b.options)}),a},o.prototype.registerStyleComputation=function(a){this.styleComputations.push(a)},o.prototype.registerRowsProcessor=function(a){if(!angular.isFunction(a))throw"Attempt to register non-function rows processor: "+a;this.rowsProcessors.push(a)},o.prototype.removeRowsProcessor=function(a){var b=this.rowsProcessors.indexOf(a);"undefined"!=typeof b&&void 0!==b&&this.rowsProcessors.splice(b,1)},o.prototype.processRowsProcessors=function(b){function c(b,e){var g=d.rowsProcessors[b];return a.when(g.call(d,e,d.columns)).then(function(a){if(!a)throw"Processor at index "+b+" did not return a set of renderable rows";if(!angular.isArray(a))throw"Processor at index "+b+" did not return an array";return b++,b<=d.rowsProcessors.length-1?c(b,a):void f.resolve(a)})}var d=this,e=b.slice(0);if(0===d.rowsProcessors.length)return a.when(e);var f=a.defer();return c(0,e),f.promise},o.prototype.setVisibleRows=function(a){var b=this;for(var c in b.renderContainers){var d=b.renderContainers[c];d.visibleRowCache.length=0}for(var e=0;e<a.length;e++){var f=a[e];f.visible&&("undefined"!=typeof f.renderContainer&&f.renderContainer?b.renderContainers[f.renderContainer].visibleRowCache.push(f):b.renderContainers.body.visibleRowCache.push(f))}},o.prototype.registerColumnsProcessor=function(a){if(!angular.isFunction(a))throw"Attempt to register non-function rows processor: "+a;this.columnsProcessors.push(a)},o.prototype.removeColumnsProcessor=function(a){var b=this.columnsProcessors.indexOf(a);"undefined"!=typeof b&&void 0!==b&&this.columnsProcessors.splice(b,1)},o.prototype.processColumnsProcessors=function(b){function c(b,g){var h=d.columnsProcessors[b];return a.when(h.call(d,g,d.rows)).then(function(a){if(!a)throw"Processor at index "+b+" did not return a set of renderable rows";if(!angular.isArray(a))throw"Processor at index "+b+" did not return an array";return b++,b<=d.columnsProcessors.length-1?c(b,e):void f.resolve(e)})}var d=this,e=b.slice(0);if(0===d.columnsProcessors.length)return a.when(e);var f=a.defer();return c(0,e),f.promise},o.prototype.setVisibleColumns=function(a){var b=this;for(var c in b.renderContainers){var d=b.renderContainers[c];d.visibleColumnCache.length=0}for(var e=0;e<a.length;e++){var f=a[e];f.visible&&("undefined"!=typeof f.renderContainer&&f.renderContainer?b.renderContainers[f.renderContainer].visibleColumnCache.push(f):b.renderContainers.body.visibleColumnCache.push(f))}},o.prototype.handleWindowResize=function(){var a=this;a.gridWidth=d.elementWidth(a.element),a.gridHeight=d.elementHeight(a.element),a.queueRefresh()},o.prototype.queueRefresh=function(){var a=this;return a.refreshCanceller&&m.cancel(a.refreshCanceller),a.refreshCanceller=m(function(){a.refreshCanvas(!0)}),a.refreshCanceller.then(function(){a.refreshCanceller=null}),a.refreshCanceller},o.prototype.buildStyles=function(){var a=this;a.customStyles="",a.styleComputations.sort(function(a,b){return null===a.priority?1:null===b.priority?-1:null===a.priority&&null===b.priority?0:a.priority-b.priority}).forEach(function(b){var c=b.func.call(a);angular.isString(c)&&(a.customStyles+="\n"+c)})},o.prototype.minColumnsToRender=function(){var a=this,b=this.getViewportWidth(),c=0,d=0;return a.columns.forEach(function(e,f){if(b>d)d+=e.drawnWidth,c++;else{for(var g=0,h=f;h>=f-c;h--)g+=a.columns[h].drawnWidth;b>g&&c++}}),c},o.prototype.getBodyHeight=function(){var a=this.getViewportHeight();return"undefined"!=typeof this.horizontalScrollbarHeight&&void 0!==this.horizontalScrollbarHeight&&this.horizontalScrollbarHeight>0&&(a+=this.horizontalScrollbarHeight),a},o.prototype.getViewportHeight=function(){var a=this,b=this.gridHeight-this.headerHeight-this.footerHeight;"undefined"!=typeof this.horizontalScrollbarHeight&&void 0!==this.horizontalScrollbarHeight&&this.horizontalScrollbarHeight>0&&(b-=this.horizontalScrollbarHeight);var c=a.getViewportAdjustment();return b+=c.height},o.prototype.getViewportWidth=function(){var a=this,b=this.gridWidth;"undefined"!=typeof this.verticalScrollbarWidth&&void 0!==this.verticalScrollbarWidth&&this.verticalScrollbarWidth>0&&(b-=this.verticalScrollbarWidth);var c=a.getViewportAdjustment();return b+=c.width},o.prototype.getHeaderViewportWidth=function(){var a=this.getViewportWidth();return"undefined"!=typeof this.verticalScrollbarWidth&&void 0!==this.verticalScrollbarWidth&&this.verticalScrollbarWidth>0&&(a+=this.verticalScrollbarWidth),a},o.prototype.registerViewportAdjuster=function(a){this.viewportAdjusters.push(a)},o.prototype.removeViewportAdjuster=function(a){var b=this.viewportAdjusters.indexOf(a);"undefined"!=typeof b&&void 0!==b&&this.viewportAdjusters.splice(b,1)},o.prototype.getViewportAdjustment=function(){var a=this,b={height:0,width:0};return a.viewportAdjusters.forEach(function(a){b=a.call(this,b)}),b},o.prototype.getVisibleRowCount=function(){return this.renderContainers.body.visibleRowCache.length},o.prototype.getVisibleRows=function(){return this.renderContainers.body.visibleRowCache},o.prototype.getVisibleColumnCount=function(){return this.renderContainers.body.visibleColumnCache.length},o.prototype.searchRows=function(a){return k.search(this,a,this.columns)},o.prototype.sortByColumn=function(a){return j.sort(this,a,this.columns)},o.prototype.getCellValue=function(a,b){var d=this;return d.cellValueGetterCache[b.colDef.name]||(d.cellValueGetterCache[b.colDef.name]=c(a.getEntityQualifiedColField(b))),d.cellValueGetterCache[b.colDef.name](a)},o.prototype.getNextColumnSortPriority=function(){var a=this,b=0;return a.columns.forEach(function(a){a.sort&&a.sort.priority&&a.sort.priority>b&&(b=a.sort.priority)}),b+1},o.prototype.resetColumnSorting=function(a){var b=this;b.columns.forEach(function(b){b!==a&&(b.sort={})})},o.prototype.getColumnSorting=function(){var a,b=this,c=[];return a=b.columns.slice(0),a.sort(j.prioritySort).forEach(function(a){a.sort&&"undefined"!=typeof a.sort.direction&&a.sort.direction&&(a.sort.direction===e.ASC||a.sort.direction===e.DESC)&&c.push(a)}),c},o.prototype.sortColumn=function(b,c,d){var f=this,g=null;if("undefined"==typeof b||!b)throw new Error("No column parameter provided");return"boolean"==typeof c?d=c:g=c,d?b.sort.priority=f.getNextColumnSortPriority():(f.resetColumnSorting(b),b.sort.priority=0),b.sort.direction=g?g:b.sort.direction&&b.sort.direction===e.ASC?e.DESC:b.sort.direction&&b.sort.direction===e.DESC?b.colDef&&b.colDef.suppressRemoveSort?e.ASC:null:e.ASC,f.api.core.raise.sortChanged(f,f.getColumnSorting()),a.when(b)},o.prototype.renderingComplete=function(){angular.isFunction(this.options.onRegisterApi)&&this.options.onRegisterApi(this.api),this.api.core.raise.renderingComplete(this.api)},o.prototype.createRowHashMap=function(){var a=this,b=new n;b.grid=a,a.rowHashMap=b},o.prototype.refresh=function(){d.logDebug("grid refresh");var b=this,c=b.processRowsProcessors(b.rows).then(function(a){b.setVisibleRows(a)}),e=b.processColumnsProcessors(b.columns).then(function(a){b.setVisibleColumns(a)});return a.all([c,e]).then(function(){b.redrawInPlace(),b.refreshCanvas(!0)})},o.prototype.refreshRows=function(){var a=this;return a.processRowsProcessors(a.rows).then(function(b){a.setVisibleRows(b),a.redrawInPlace(),a.refreshCanvas(!0)})},o.prototype.refreshCanvas=function(b){var c=this;b&&c.buildStyles();var e=a.defer(),f=[];for(var g in c.renderContainers)if(c.renderContainers.hasOwnProperty(g)){var h=c.renderContainers[g];if(null===h.canvasWidth||isNaN(h.canvasWidth))continue;h.header&&f.push(h)}return m(f.length>0?function(){var a,g,h=!1,i=0;for(a=0;a<f.length;a++)if(g=f[a],null!==g.canvasWidth&&!isNaN(g.canvasWidth)&&g.header){var j=g.headerHeight,k=d.outerElementHeight(g.header);g.headerHeight=parseInt(k,10),j!==k&&(h=!0);var l=d.getBorderSize(g.header,"top"),m=d.getBorderSize(g.header,"bottom"),n=parseInt(k-l-m,10);n=0>n?0:n,g.innerHeaderHeight=n,n>i&&(i=n)}for(a=0;a<f.length;a++)g=f[a],g.headerHeight<i&&(g.explicitHeaderHeight=i);b&&h&&c.buildStyles(),e.resolve()}:function(){e.resolve()}),e.promise},o.prototype.redrawInPlace=function(){var a=this;for(var b in a.renderContainers){var c=a.renderContainers[b];c.adjustRows(c.prevScrollTop,null),c.adjustColumns(c.prevScrollLeft,null)}},n.prototype={put:function(a,b){this[this.grid.options.rowIdentity(a)]=b},get:function(a){return this[this.grid.options.rowIdentity(a)]},remove:function(a){var b=this[a=this.grid.options.rowIdentity(a)];return delete this[a],b}},o}])}(),function(){angular.module("ui.grid").factory("GridApi",["$q","$rootScope","gridUtil","uiGridConstants","GridRow","uiGridGridMenuService",function(a,b,c,d,e){function f(a,b,c,d){return a.$on(b,function(){var a=Array.prototype.slice.call(arguments);a.splice(0,1),c.apply(d.api,a)})}var g=function(a){this.grid=a,this.listeners=[],this.registerEvent("core","renderingComplete"),this.registerEvent("core","filterChanged"),this.registerMethod("core","setRowInvisible",e.prototype.setRowInvisible),this.registerMethod("core","clearRowInvisible",e.prototype.clearRowInvisible),this.registerMethod("core","getVisibleRows",this.grid.getVisibleRows),this.registerEvent("core","rowsVisibleChanged")};return g.prototype.suppressEvents=function(a,b){var c=this,d=angular.isArray(a)?a:[a],e=[];d.forEach(function(a){e=c.listeners.filter(function(b){return a===b.handler})}),e.forEach(function(a){a.dereg()}),b(),e.forEach(function(a){a.dereg=f(a.scope,a.eventId,a.handler,c.grid)})},g.prototype.registerEvent=function(a,c){var d=this;d[a]||(d[a]={});var e=d[a];e.on||(e.on={},e.raise={});var g=d.grid.id+a+c;e.raise[c]=function(){b.$broadcast.apply(b,[g].concat(Array.prototype.slice.call(arguments)))},e.on[c]=function(a,b){var c=f(a,g,b,d.grid),e={handler:b,dereg:c,eventId:g,scope:a};d.listeners.push(e),a.$on("$destroy",function(){e.dereg=null,e.handler=null,e.eventId=null,e.scope=null})}},g.prototype.registerEventsFromObject=function(a){var b=this,c=[];angular.forEach(a,function(a,b){var d={name:b,events:[]};angular.forEach(a,function(a,b){d.events.push(b)}),c.push(d)}),c.forEach(function(a){a.events.forEach(function(c){b.registerEvent(a.name,c)})})},g.prototype.registerMethod=function(a,b,d,e){this[a]||(this[a]={});var f=this[a];f[b]=c.createBoundedWrapper(e||this.grid,d)},g.prototype.registerMethodsFromObject=function(a,b){var c=this,d=[];angular.forEach(a,function(a,b){var c={name:b,methods:[]};angular.forEach(a,function(a,b){c.methods.push({name:b,fn:a})}),d.push(c)}),d.forEach(function(a){a.methods.forEach(function(d){c.registerMethod(a.name,d.name,d.fn,b)})})},g}])}(),function(){angular.module("ui.grid").factory("GridColumn",["gridUtil","uiGridConstants","i18nService",function(a,b,c){function d(a,b,c){var d=this;d.grid=c,d.uid=b,d.updateColumnDef(a)}return d.prototype.setPropertyOrDefault=function(a,b,c){var d=this;d[b]="undefined"!=typeof a[b]&&a[b]?a[b]:"undefined"!=typeof d[b]?d[b]:c?c:{}},d.prototype.updateColumnDef=function(b){var c=this;if(c.colDef=b,void 0===b.name)throw new Error("colDef.name is required for column at index "+c.grid.options.columnDefs.indexOf(b));var e="Cannot parse column width '"+b.width+"' for column named '"+b.name+"'";if(a.isNullOrUndefined(c.width)||!angular.isNumber(c.width))if(a.isNullOrUndefined(b.width))c.width="*";else if(angular.isNumber(b.width))c.width=b.width;else if(a.endsWith(b.width,"%")){var f=b.width.replace(/%/g,""),g=parseInt(f,10);if(isNaN(g))throw new Error(e);c.width=b.width}else if(b.width.match(/^(\d+)$/))c.width=parseInt(b.width.match(/^(\d+)$/)[1],10);else{if(!b.width.match(/^\*+$/))throw new Error(e);c.width=b.width}d.prototype.unsort=function(){this.sort={},c.grid.api.core.raise.sortChanged(c,c.grid.getColumnSorting())},c.minWidth=b.minWidth?b.minWidth:30,c.maxWidth=b.maxWidth?b.maxWidth:9e3,c.field=void 0===b.field?b.name:b.field,"string"!=typeof c.field&&a.logError("Field is not a string, this is likely to break the code, Field is: "+c.field),c.name=b.name,c.displayName=void 0===b.displayName?a.readableColumnName(b.name):b.displayName,c.aggregationType=angular.isDefined(b.aggregationType)?b.aggregationType:null,c.footerCellTemplate=angular.isDefined(b.footerCellTemplate)?b.footerCellTemplate:null,c.footerCellClass=b.footerCellClass,c.cellClass=b.cellClass,c.headerCellClass=b.headerCellClass,c.cellFilter=b.cellFilter?b.cellFilter:"",c.headerCellFilter=b.headerCellFilter?b.headerCellFilter:"",c.visible=a.isNullOrUndefined(b.visible)||b.visible,c.headerClass=b.headerClass,c.visible=!0,c.enableSorting="undefined"!=typeof b.enableSorting?b.enableSorting:!0,c.sortingAlgorithm=b.sortingAlgorithm,c.enableFiltering="undefined"!=typeof b.enableFiltering?b.enableFiltering:!0,c.setPropertyOrDefault(b,"menuItems",[]),c.setPropertyOrDefault(b,"sort");var h=[];b.filter?h.push(b.filter):c.enableFiltering&&c.grid.options.enableFiltering&&h.push({}),c.setPropertyOrDefault(b,"filter"),c.setPropertyOrDefault(b,"filters",h)},d.prototype.getColClass=function(a){var c=b.COL_CLASS_PREFIX+this.uid;return a?"."+c:c},d.prototype.getColClassDefinition=function(){return" .grid"+this.grid.id+" "+this.getColClass(!0)+" { width: "+this.drawnWidth+"px; }"},d.prototype.getRenderContainer=function(){var a=this,b=a.renderContainer;return(null===b||""===b||void 0===b)&&(b="body"),a.grid.renderContainers[b]},d.prototype.showColumn=function(){this.colDef.visible=!0},d.prototype.hideColumn=function(){this.colDef.visible=!1},d.prototype.getAggregationValue=function(){var a=this,c=0,d=a.grid.getVisibleRows(),e=[];return angular.forEach(d,function(b){var c=a.grid.getCellValue(b,a);angular.isNumber(c)&&e.push(c)}),angular.isFunction(a.aggregationType)?a.aggregationType(d,a):a.aggregationType===b.aggregationTypes.count?a.getAggregationText("aggregation.count",a.grid.getVisibleRowCount()):a.aggregationType===b.aggregationTypes.sum?(angular.forEach(e,function(a){c+=a}),a.getAggregationText("aggregation.sum",c)):a.aggregationType===b.aggregationTypes.avg?(angular.forEach(e,function(a){c+=a}),c/=e.length,a.getAggregationText("aggregation.avg",c)):a.aggregationType===b.aggregationTypes.min?a.getAggregationText("aggregation.min",Math.min.apply(null,e)):a.aggregationType===b.aggregationTypes.max?a.getAggregationText("aggregation.max",Math.max.apply(null,e)):" "},d.prototype.getAggregationText=function(a,b){var d=this;return d.colDef.aggregationHideLabel?b:c.getSafeText(a)+b},d.prototype.getCellTemplate=function(){var a=this;return a.cellTemplatePromise},d.prototype.getCompiledElementFn=function(){var a=this;return a.compiledElementFnDefer.promise},d}])}(),function(){angular.module("ui.grid").factory("GridOptions",["gridUtil","uiGridConstants",function(a,b){return{initialize:function(c){return c.onRegisterApi=c.onRegisterApi||angular.noop(),c.data=c.data||[],c.columnDefs=c.columnDefs||[],c.excludeProperties=c.excludeProperties||["$$hashKey"],c.enableRowHashing=c.enableRowHashing!==!1,c.rowIdentity=c.rowIdentity||function(b){return a.hashKey(b)},c.getRowIdentity=c.getRowIdentity||function(a){return a.$$hashKey},c.headerRowHeight="undefined"!=typeof c.headerRowHeight?c.headerRowHeight:30,c.rowHeight=c.rowHeight||30,c.maxVisibleRowCount=c.maxVisibleRowCount||200,c.minRowsToShow="undefined"!=typeof c.minRowsToShow?c.minRowsToShow:10,c.showFooter=c.showFooter===!0,c.footerRowHeight="undefined"!=typeof c.footerRowHeight?c.footerRowHeight:30,c.columnWidth="undefined"!=typeof c.columnWidth?c.columnWidth:50,c.maxVisibleColumnCount="undefined"!=typeof c.maxVisibleColumnCount?c.maxVisibleColumnCount:200,c.virtualizationThreshold="undefined"!=typeof c.virtualizationThreshold?c.virtualizationThreshold:20,c.columnVirtualizationThreshold="undefined"!=typeof c.columnVirtualizationThreshold?c.columnVirtualizationThreshold:10,c.excessRows="undefined"!=typeof c.excessRows?c.excessRows:4,c.scrollThreshold="undefined"!=typeof c.scrollThreshold?c.scrollThreshold:4,c.excessColumns="undefined"!=typeof c.excessColumns?c.excessColumns:4,c.horizontalScrollThreshold="undefined"!=typeof c.horizontalScrollThreshold?c.horizontalScrollThreshold:2,c.scrollThrottle="undefined"!=typeof c.scrollThrottle?c.scrollThrottle:70,c.enableSorting=c.enableSorting!==!1,c.enableFiltering=c.enableFiltering===!0,c.enableColumnMenus=c.enableColumnMenus!==!1,c.enableVerticalScrollbar="undefined"!=typeof c.enableVerticalScrollbar?c.enableVerticalScrollbar:b.scrollbars.ALWAYS,c.enableHorizontalScrollbar="undefined"!=typeof c.enableHorizontalScrollbar?c.enableHorizontalScrollbar:b.scrollbars.ALWAYS,c.minimumColumnSize="undefined"!=typeof c.minimumColumnSize?c.minimumColumnSize:10,c.rowEquality=c.rowEquality||function(a,b){return a===b},c.headerTemplate=c.headerTemplate||null,c.footerTemplate=c.footerTemplate||null,c.rowTemplate=c.rowTemplate||"ui-grid/ui-grid-row",c}}}])}(),function(){angular.module("ui.grid").factory("GridRenderContainer",["gridUtil",function(a){function b(a,b,c){var d=this;d.name=a,d.grid=b,d.visibleRowCache=[],d.visibleColumnCache=[],d.renderedRows=[],d.renderedColumns=[],d.prevScrollTop=0,d.prevScrolltopPercentage=0,d.prevRowScrollIndex=0,d.prevScrollLeft=0,d.prevScrollleftPercentage=0,d.prevColumnScrollIndex=0,d.columnStyles="",d.viewportAdjusters=[],c&&angular.isObject(c)&&angular.extend(d,c),b.registerStyleComputation({priority:5,func:function(){return d.columnStyles}})}return b.prototype.reset=function(){this.visibleColumnCache.length=0,this.visibleRowCache.length=0,this.renderedRows.length=0,this.renderedColumns.length=0},b.prototype.minRowsToRender=function(){for(var a=this,b=0,c=0,d=a.getViewportHeight(),e=a.visibleRowCache.length-1;d>c&&e>=0;e--)c+=a.visibleRowCache[e].height,b++;return b},b.prototype.minColumnsToRender=function(){for(var a=this,b=this.getViewportWidth(),c=0,d=0,e=0;e<a.visibleColumnCache.length;e++){var f=a.visibleColumnCache[e];if(b>d)d+=f.drawnWidth?f.drawnWidth:0,c++;else{for(var g=0,h=e;h>=e-c;h--)g+=a.visibleColumnCache[h].drawnWidth?a.visibleColumnCache[h].drawnWidth:0;b>g&&c++}}return c},b.prototype.getVisibleRowCount=function(){return this.visibleRowCache.length -},b.prototype.registerViewportAdjuster=function(a){this.viewportAdjusters.push(a)},b.prototype.removeViewportAdjuster=function(a){var b=this.viewportAdjusters.indexOf(a);"undefined"!=typeof b&&void 0!==b&&this.viewportAdjusters.splice(b,1)},b.prototype.getViewportAdjustment=function(){var a=this,b={height:0,width:0};return a.viewportAdjusters.forEach(function(a){b=a.call(this,b)}),b},b.prototype.getViewportHeight=function(){var a=this,b=a.headerHeight?a.headerHeight:a.grid.headerHeight,c=a.grid.gridHeight-b-a.grid.footerHeight;"undefined"!=typeof a.horizontalScrollbarHeight&&void 0!==a.horizontalScrollbarHeight&&a.horizontalScrollbarHeight>0&&(c-=a.horizontalScrollbarHeight);var d=a.getViewportAdjustment();return c+=d.height},b.prototype.getViewportWidth=function(){var a=this,b=a.grid.gridWidth;"undefined"!=typeof a.grid.verticalScrollbarWidth&&void 0!==a.grid.verticalScrollbarWidth&&a.grid.verticalScrollbarWidth>0&&(b-=a.grid.verticalScrollbarWidth);var c=a.getViewportAdjustment();return b+=c.width},b.prototype.getHeaderViewportWidth=function(){var a=this,b=this.getViewportWidth();return"undefined"!=typeof a.grid.verticalScrollbarWidth&&void 0!==a.grid.verticalScrollbarWidth&&a.grid.verticalScrollbarWidth>0&&(b+=a.grid.verticalScrollbarWidth),b},b.prototype.getCanvasHeight=function(){var a=this,b=0;return a.visibleRowCache.forEach(function(a){b+=a.height}),"undefined"!=typeof a.grid.horizontalScrollbarHeight&&void 0!==a.grid.horizontalScrollbarHeight&&a.grid.horizontalScrollbarHeight>0&&(b-=a.grid.horizontalScrollbarHeight),b},b.prototype.getCanvasWidth=function(){var a=this,b=a.canvasWidth;return"undefined"!=typeof a.verticalScrollbarWidth&&void 0!==a.verticalScrollbarWidth&&a.verticalScrollbarWidth>0&&(b-=a.verticalScrollbarWidth),b},b.prototype.setRenderedRows=function(a){this.renderedRows.length=a.length;for(var b=0;b<a.length;b++)this.renderedRows[b]=a[b]},b.prototype.setRenderedColumns=function(a){this.renderedColumns.length=a.length;for(var b=0;b<a.length;b++)this.renderedColumns[b]=a[b];this.updateColumnOffset()},b.prototype.updateColumnOffset=function(){for(var a=0,b=0;b<this.currentFirstColumn;b++)a+=this.visibleColumnCache[b].drawnWidth;this.columnOffset=a},b.prototype.adjustScrollVertical=function(a,b,c){(this.prevScrollTop!==a||c)&&(("undefined"==typeof a||void 0===a||null===a)&&(a=(this.getCanvasHeight()-this.getCanvasWidth())*b),this.adjustRows(a,b),this.prevScrollTop=a,this.prevScrolltopPercentage=b,this.grid.queueRefresh())},b.prototype.adjustScrollHorizontal=function(a,b,c){(this.prevScrollLeft!==a||c)&&(("undefined"==typeof a||void 0===a||null===a)&&(a=(this.getCanvasWidth()-this.getViewportWidth())*b),this.adjustColumns(a,b),this.prevScrollLeft=a,this.prevScrollleftPercentage=b,this.grid.queueRefresh())},b.prototype.adjustRows=function(a,b){var c=this,d=c.minRowsToRender(),e=c.visibleRowCache,f=e.length-d;c.maxRowIndex=f;c.prevRowScrollIndex;"undefined"!=typeof b&&null!==b||!a||(b=a/c.getCanvasHeight());var g=Math.ceil(Math.min(f,f*b));g>f&&(g=f);var h=[];if(e.length>c.grid.options.virtualizationThreshold){if(c.prevScrollTop<a&&g<c.prevRowScrollIndex+c.grid.options.scrollThreshold&&f>g)return;if(c.prevScrollTop>a&&g>c.prevRowScrollIndex-c.grid.options.scrollThreshold&&f>g)return;var i=Math.max(0,g-c.grid.options.excessRows),j=Math.min(e.length,g+d+c.grid.options.excessRows);h=[i,j]}else{var k=c.visibleRowCache.length;h=[0,Math.max(k,d+c.grid.options.excessRows)]}c.updateViewableRowRange(h),c.prevRowScrollIndex=g},b.prototype.adjustColumns=function(a,b){var c=this,d=c.minColumnsToRender(),e=c.visibleColumnCache,f=e.length-d;"undefined"!=typeof b&&null!==b||!a||(b=a/c.getCanvasWidth());var g=Math.ceil(Math.min(f,f*b));g>f&&(g=f);var h=[];if(e.length>c.grid.options.columnVirtualizationThreshold&&c.getCanvasWidth()>c.getViewportWidth()){if(c.prevScrollLeft<a&&g<c.prevColumnScrollIndex+c.grid.options.horizontalScrollThreshold&&f>g)return;if(c.prevScrollLeft>a&&g>c.prevColumnScrollIndex-c.grid.options.horizontalScrollThreshold&&f>g)return;var i=Math.max(0,g-c.grid.options.excessColumns),j=Math.min(e.length,g+d+c.grid.options.excessColumns);h=[i,j]}else{var k=c.visibleColumnCache.length;h=[0,Math.max(k,d+c.grid.options.excessColumns)]}c.updateViewableColumnRange(h),c.prevColumnScrollIndex=g},b.prototype.updateViewableRowRange=function(a){var b=this.visibleRowCache.slice(a[0],a[1]);this.currentTopRow=a[0],this.setRenderedRows(b)},b.prototype.updateViewableColumnRange=function(a){var b=this.visibleColumnCache.slice(a[0],a[1]);this.currentFirstColumn=a[0],this.setRenderedColumns(b)},b.prototype.rowStyle=function(a){var b=this,c={};if(0===a&&0!==b.currentTopRow){var d=b.currentTopRow*b.grid.options.rowHeight;c["margin-top"]=d+"px"}return 0!==b.currentFirstColumn&&(b.grid.isRTL()?c["margin-right"]=b.columnOffset+"px":c["margin-left"]=b.columnOffset+"px"),c},b.prototype.columnStyle=function(a){var b=this;if(0===a&&0!==b.currentFirstColumn){var c=b.columnOffset;return b.grid.isRTL()?{"margin-right":c+"px"}:{"margin-left":c+"px"}}return null},b.prototype.updateColumnWidths=function(){var b=this,c=[],d=[],e=0,f=b.getViewportWidth();"undefined"!=typeof b.grid.verticalScrollbarWidth&&void 0!==b.grid.verticalScrollbarWidth&&b.grid.verticalScrollbarWidth>0&&(f+=b.grid.verticalScrollbarWidth);var g,h=0,i=0,j="",k=b.visibleColumnCache;k.forEach(function(b){if(b.visible){var f=!1;angular.isNumber(b.width)||(f=isNaN(b.width)&&a.endsWith(b.width,"%")),angular.isString(b.width)&&-1!==b.width.indexOf("*")?(e=parseInt(e+b.width.length,10),c.push(b)):f?d.push(b):angular.isNumber(b.width)&&(h=parseInt(h+b.width,10),i=parseInt(i,10)+parseInt(b.width,10),b.drawnWidth=b.width)}});var l,m,n,o=f-h;if(d.length>0){for(l=0;l<d.length;l++){m=d[l];var p=parseInt(m.width.replace(/%/g,""),10)/100;n=parseInt(p*o,10),m.colDef.minWidth&&n<m.colDef.minWidth?(n=m.colDef.minWidth,o-=n,i+=n,m.drawnWidth=n,d.splice(l,1)):m.colDef.maxWidth&&n>m.colDef.maxWidth&&(n=m.colDef.maxWidth,o-=n,i+=n,m.drawnWidth=n,d.splice(l,1))}d.forEach(function(a){var b=parseInt(a.width.replace(/%/g,""),10)/100,c=parseInt(b*o,10);i+=c,a.drawnWidth=c})}if(c.length>0){var q=parseInt(o/e,10);for(l=0;l<c.length;l++)m=c[l],n=parseInt(q*m.width.length,10),m.colDef.minWidth&&n<m.colDef.minWidth?(n=m.colDef.minWidth,o-=n,e--,i+=n,m.drawnWidth=n,g=m,c.splice(l,1)):m.colDef.maxWidth&&n>m.colDef.maxWidth&&(n=m.colDef.maxWidth,o-=n,e--,i+=n,m.drawnWidth=n,c.splice(l,1));q=parseInt(o/e,10),c.forEach(function(a){var b=parseInt(q*a.width.length,10);i+=b,a.drawnWidth=b})}var r=f-parseInt(i,10);if(r>0&&i>0&&f>i){var s=!1;if(k.forEach(function(a){a.width&&!angular.isNumber(a.width)&&(s=!0)}),s)for(var t=function(a){r>0&&(a.drawnWidth=a.drawnWidth+1,i+=1,r--)};r>0;)k.forEach(t)}f>i&&(i=f),k.forEach(function(a){j+=a.getColClassDefinition()}),b.grid.verticalScrollbarWidth&&(i+=b.grid.verticalScrollbarWidth),b.canvasWidth=parseInt(i,10),this.columnStyles=j},b}])}(),function(){angular.module("ui.grid").factory("GridRow",["gridUtil",function(a){function b(b,c,d){this.grid=d,this.entity=b,this.uid=a.nextUid(),this.visible=!0,this.height=d.options.rowHeight}return b.prototype.getQualifiedColField=function(a){return"row."+this.getEntityQualifiedColField(a)},b.prototype.getEntityQualifiedColField=function(b){return a.preEval("entity."+b.field)},b.prototype.setRowInvisible=function(a){null!==a&&(a.forceInvisible=!0,a.visible&&(a.visible=!1,a.grid.refresh(),a.grid.api.core.raise.rowsVisibleChanged()))},b.prototype.clearRowInvisible=function(a){null!==a&&(a.forceInvisible=!1,a.visible||(a.visible=!0,a.grid.refresh(),a.grid.api.core.raise.rowsVisibleChanged()))},b}])}(),function(){"use strict";angular.module("ui.grid").service("gridClassFactory",["gridUtil","$q","$compile","$templateCache","uiGridConstants","Grid","GridColumn","GridRow",function(a,b,c,d,e,f){var g={createGrid:function(d){d="undefined"!=typeof d?d:{},d.id=a.newId();var e=new f(d);if(e.options.rowTemplate){var h=b.defer();e.getRowTemplateFn=h.promise,a.getTemplate(e.options.rowTemplate).then(function(a){var b=c(a);h.resolve(b)},function(){throw new Error("Couldn't fetch/use row template '"+e.options.rowTemplate+"'")})}return e.registerColumnBuilder(g.defaultColumnBuilder),e.registerRowsProcessor(function(a){return a.forEach(function(a){a.visible=!a.forceInvisible}),a}),e.registerColumnsProcessor(function(a){return a.forEach(function(a){a.visible=!0}),a}),e.registerColumnsProcessor(function(a){return a.forEach(function(a){a.colDef.visible===!1&&(a.visible=!1)}),a}),e.options.enableFiltering&&e.registerRowsProcessor(e.searchRows),e.registerRowsProcessor(e.options.externalSort&&angular.isFunction(e.options.externalSort)?e.options.externalSort:e.sortByColumn),e},defaultColumnBuilder:function(c,d){var f=[];return d.providedHeaderCellTemplate=c.headerCellTemplate?c.headerCellTemplate:"ui-grid/uiGridHeaderCell",d.providedCellTemplate=c.cellTemplate?c.cellTemplate:"ui-grid/uiGridCell",d.cellTemplatePromise=a.getTemplate(d.providedCellTemplate),f.push(d.cellTemplatePromise.then(function(a){d.cellTemplate=a.replace(e.CUSTOM_FILTERS,d.cellFilter?"|"+d.cellFilter:"")},function(){throw new Error("Couldn't fetch/use colDef.cellTemplate '"+c.cellTemplate+"'")})),f.push(a.getTemplate(d.providedHeaderCellTemplate).then(function(a){d.headerCellTemplate=a.replace(e.CUSTOM_FILTERS,d.headerCellFilter?"|"+d.headerCellFilter:"")},function(){throw new Error("Couldn't fetch/use colDef.headerCellTemplate '"+c.headerCellTemplate+"'")})),d.compiledElementFnDefer=b.defer(),b.all(f)}};return g}])}(),function(){function a(a){return a.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}function b(){var a=function(b,c){return b&&a.cache[b]?a.cache[b]:b&&c?(a.cache[b]=c,a.cache[b]):void 0};return a.cache={},a.clear=function(){a.cache={}},a}var c=angular.module("ui.grid");c.service("rowSearcher",["gridUtil","uiGridConstants",function(c,d){var e=d.filter.STARTS_WITH,f={};return f.getTerm=function(a){if("undefined"==typeof a.term)return a.term;var b=a.term;return"string"==typeof b&&(b=b.trim()),b},f.stripTerm=function(b){var c=f.getTerm(b);return"string"==typeof c?a(c.replace(/(^\*|\*$)/g,"")):c},f.guessCondition=function(a){if("undefined"==typeof a.term||!a.term)return e;var b=f.getTerm(a);if(/\*/.test(b)){var c="";a.flags&&a.flags.caseSensitive||(c+="i");var d=b.replace(/(\\)?\*/g,function(a,b){return b?a:"[\\s\\S]*?"});return new RegExp("^"+d+"$",c)}return e},f.runColumnFilter=function(a,b,c,e,g,h){var i=typeof h.condition;"undefined"!==i&&h.condition||(h.condition=d.filter.CONTAINS);var j=f.stripTerm(h);if(null===j||void 0===j||""===j)return!0;var k=a.getCellValue(b,c),l="";h.flags&&h.flags.caseSensitive||(l+="i");var m=c.field+g;if(h.condition instanceof RegExp){if(!h.condition.test(k))return!1}else{if("function"===i)return h.condition(j,k,b,c);if(h.condition===d.filter.STARTS_WITH){var n=e(m)?e(m):e(m,new RegExp("^"+j,l));if(!n.test(k))return!1}else if(h.condition===d.filter.ENDS_WITH){var o=e(m)?e(m):e(m,new RegExp(j+"$",l));if(!o.test(k))return!1}else if(h.condition===d.filter.CONTAINS){var p=e(m)?e(m):e(m,new RegExp(j,l));if(!p.test(k))return!1}else if(h.condition===d.filter.EXACT){var q=e(m)?e(m):e(m,new RegExp("^"+j+"$",l));if(!q.test(k))return!1}else if(h.condition===d.filter.GREATER_THAN){if(j>=k)return!1}else if(h.condition===d.filter.GREATER_THAN_OR_EQUAL){if(j>k)return!1}else if(h.condition===d.filter.LESS_THAN){if(k>=j)return!1}else if(h.condition===d.filter.LESS_THAN_OR_EQUAL){if(k>j)return!1}else if(h.condition===d.filter.NOT_EQUAL&&!angular.equals(k,j))return!1}return!0},f.searchColumn=function(a,b,c,d){var e=[];if(a.options.useExternalFiltering)return!0;if(!("undefined"!=typeof c.filters&&c.filters&&c.filters.length>0))return!0;e=c.filters;for(var g in e){var h=e[g];if(!h.condition){var i="cond-"+c.field+"-"+h.term,j=d(i)?d(i):d(i,f.guessCondition(h));h={term:h.term,condition:j,flags:angular.extend({caseSensitive:!1},h.flags)}}var k=f.runColumnFilter(a,b,c,d,g,h);if(!k)return!1}return!0},f.search=function(a,c,d){if(c){var e=new b,g=[];return d.forEach(function(a){"undefined"!=typeof a.filters&&a.filters.length>0?g.push(a):"undefined"!=typeof a.filter&&a.filter&&"undefined"!=typeof a.filter.term&&a.filter.term&&g.push(a)}),g.length>0&&(g.forEach(function(b){c.forEach(function(c){(c.forceInvisible||!f.searchColumn(a,c,b,e))&&(c.visible=!1)})}),a.api.core.raise.rowsVisibleChanged&&a.api.core.raise.rowsVisibleChanged()),e.clear(),c}},f}])}(),function(){var a=angular.module("ui.grid");a.service("rowSorter",["$parse","uiGridConstants",function(a,b){var c="("+b.CURRENCY_SYMBOLS.map(function(a){return"\\"+a}).join("|")+")?",d=(new RegExp("^[-+]?"+c+"[\\d,.]+"+c+"%?$"),{colSortFnCache:[]});return d.guessSortFn=function(a){switch(a){case"number":return d.sortNumber;case"boolean":return d.sortBool;case"string":return d.sortAlpha;case"date":return d.sortDate;case"object":return d.basicSort;default:throw new Error("No sorting function found for type:"+a)}},d.handleNulls=function(a,b){if(!a&&0!==a&&a!==!1||!b&&0!==b&&b!==!1){if(!a&&0!==a&&a!==!1&&!b&&0!==b&&b!==!1)return 0;if(!a&&0!==a&&a!==!1)return 1;if(!b&&0!==b&&b!==!1)return-1}return null},d.basicSort=function(a,b){var c=d.handleNulls(a,b);return null!==c?c:a===b?0:b>a?-1:1},d.sortNumber=function(a,b){var c=d.handleNulls(a,b);return null!==c?c:a-b},d.sortNumberStr=function(a,b){var c=d.handleNulls(a,b);if(null!==c)return c;var e,f,g=!1,h=!1;return e=parseFloat(a.replace(/[^0-9.-]/g,"")),isNaN(e)&&(g=!0),f=parseFloat(b.replace(/[^0-9.-]/g,"")),isNaN(f)&&(h=!0),g&&h?0:g?1:h?-1:e-f},d.sortAlpha=function(a,b){var c=d.handleNulls(a,b);if(null!==c)return c;var e=a.toLowerCase(),f=b.toLowerCase();return e===f?0:f>e?-1:1},d.sortDate=function(a,b){var c=d.handleNulls(a,b);if(null!==c)return c;var e=a.getTime(),f=b.getTime();return e===f?0:f>e?-1:1},d.sortBool=function(a,b){var c=d.handleNulls(a,b);return null!==c?c:a&&b?0:a||b?a?1:-1:0},d.getSortFn=function(a,b){var c;return d.colSortFnCache[b.colDef.name]?c=d.colSortFnCache[b.colDef.name]:void 0!==b.sortingAlgorithm?(c=b.sortingAlgorithm,d.colSortFnCache[b.colDef.name]=b.sortingAlgorithm):(c=d.guessSortFn(b.colDef.type),c?d.colSortFnCache[b.colDef.name]=c:c=d.sortAlpha),c},d.prioritySort=function(a,b){return void 0!==a.sort.priority&&void 0!==b.sort.priority?a.sort.priority<b.sort.priority?-1:a.sort.priority===b.sort.priority?0:1:a.sort.priority||0===a.sort.priority?-1:b.sort.priority||0===b.sort.priority?1:0},d.sort=function(a,c,e){if(c){if(a.options.useExternalSorting)return c;var f=[];if(e.forEach(function(a){a.sort&&a.sort.direction&&(a.sort.direction===b.ASC||a.sort.direction===b.DESC)&&f.push(a)}),f=f.sort(d.prioritySort),0===f.length)return c;var g,h,i=c.slice(0);return c.sort(function(c,e){for(var j,k=0,l=0;0===k&&l<f.length;){g=f[l],h=f[l].sort.direction,j=d.getSortFn(a,g,i);var m=a.getCellValue(c,g),n=a.getCellValue(e,g);k=j(m,n),l++}return h===b.ASC?k:0-k})}},d}])}(),function(){function a(a){var b=a;return"undefined"!=typeof b.length&&b.length&&(b=a[0]),b.ownerDocument.defaultView.getComputedStyle(b,null)}function b(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0,h=["Top","Right","Bottom","Left"];4>f;f+=2){var i=h[f];if("margin"===c){var j=parseFloat(e[c+i]);isNaN(j)||(g+=j)}if(d){if("content"===c){var k=parseFloat(e["padding"+i]);isNaN(k)||(g-=k)}if("margin"!==c){var l=parseFloat(e["border"+i+"Width"]);isNaN(l)||(g-=l)}}else{var m=parseFloat(e["padding"+i]);if(isNaN(m)||(g+=m),"padding"!==c){var n=parseFloat(e["border"+i+"Width"]);isNaN(n)||(g+=n)}}}return g}function c(c,d,f){var g,h=!0,i=a(c),j="border-box"===i.boxSizing;if(0>=g||null==g){if(g=i[d],(0>g||null==g)&&(g=c.style[d]),e.test(g))return g;h=j&&!0,g=parseFloat(g)||0}var k=g+b(c,d,f||(j?"border":"content"),h,i);return k}var d=angular.module("ui.grid"),e=new RegExp("^("+/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source+")(?!px)[a-z%]+$","i"),f=/^(block|none|table(?!-c[ea]).+)/,g={position:"absolute",visibility:"hidden",display:"block"},h=["0","0","0"],i="uiGrid-";d.service("gridUtil",["$log","$window","$document","$http","$templateCache","$timeout","$injector","$q","$interpolate","uiGridConstants",function(b,d,e,j,k,l,m,n,o,p){var q={getStyles:a,createBoundedWrapper:function(a,b){return function(){return b.apply(a,arguments)}},readableColumnName:function(a){return"undefined"==typeof a||void 0===a||null===a?a:("string"!=typeof a&&(a=String(a)),a.replace(/_+/g," ").replace(/^[A-Z]+$/,function(a){return angular.lowercase(angular.uppercase(a.charAt(0))+a.slice(1))}).replace(/(\w+)/g,function(a){return angular.uppercase(a.charAt(0))+a.slice(1)}).replace(/(\w+?(?=[A-Z]))/g,"$1 "))},getColumnsFromData:function(a,b){var c=[];if(!a||"undefined"==typeof a[0]||void 0===a[0])return[];angular.isUndefined(b)&&(b=[]);var d=a[0];return angular.forEach(d,function(a,d){-1===b.indexOf(d)&&c.push({name:d})}),c},newId:function(){var a=(new Date).getTime();return function(){return a+=1}}(),getTemplate:function(a){if(k.get(a))return q.postProcessTemplate(k.get(a));if(a.hasOwnProperty("then"))return a.then(q.postProcessTemplate);try{if(angular.element(a).length>0)return n.when(a).then(q.postProcessTemplate)}catch(b){}return q.logDebug("fetching url",a),j({method:"GET",url:a}).then(function(b){var c=b.data.trim();return k.put(a,c),c},function(b){throw new Error("Could not get template "+a+": "+b)}).then(q.postProcessTemplate)},postProcessTemplate:function(a){var b=o.startSymbol(),c=o.endSymbol();return("{{"!==b||"}}"!==c)&&(a=a.replace(/\{\{/g,b),a=a.replace(/\}\}/g,c)),n.when(a)},guessType:function(a){var b=typeof a;switch(b){case"number":case"boolean":case"string":return b;default:return angular.isDate(a)?"date":"object"}},elementWidth:function(){},elementHeight:function(){},getScrollbarWidth:function(){var a=document.createElement("div");a.style.visibility="hidden",a.style.width="100px",a.style.msOverflowStyle="scrollbar",document.body.appendChild(a);var b=a.offsetWidth;a.style.overflow="scroll";var c=document.createElement("div");c.style.width="100%",a.appendChild(c);var d=c.offsetWidth;return a.parentNode.removeChild(a),b-d},swap:function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e},fakeElement:function(a,b,c){var d,e,f=angular.element(a).clone()[0];for(e in b)f.style[e]=b[e];return angular.element(document.body).append(f),d=c.call(f,f),angular.element(f).remove(),d},normalizeWheelEvent:function(a){var b,c,d,e=a||window.event,f=([].slice.call(arguments,1),0),g=0,h=0,i=0,j=0;return e.originalEvent&&(e=e.originalEvent),e.wheelDelta&&(f=e.wheelDelta),e.detail&&(f=-1*e.detail),h=f,void 0!==e.axis&&e.axis===e.HORIZONTAL_AXIS&&(h=0,g=-1*f),e.deltaY&&(h=-1*e.deltaY,f=h),e.deltaX&&(g=e.deltaX,f=-1*g),void 0!==e.wheelDeltaY&&(h=e.wheelDeltaY),void 0!==e.wheelDeltaX&&(g=e.wheelDeltaX),i=Math.abs(f),(!b||b>i)&&(b=i),j=Math.max(Math.abs(h),Math.abs(g)),(!c||c>j)&&(c=j),d=f>0?"floor":"ceil",f=Math[d](f/b),g=Math[d](g/c),h=Math[d](h/c),{delta:f,deltaX:g,deltaY:h}},isTouchEnabled:function(){var a;return("ontouchstart"in d||d.DocumentTouch&&e instanceof DocumentTouch)&&(a=!0),a},isNullOrUndefined:function(a){return void 0===a||null===a?!0:!1},endsWith:function(a,b){return a&&b&&"string"==typeof a?-1!==a.indexOf(b,a.length-b.length):!1},arrayContainsObjectWithProperty:function(a,b,c){var d=!1;return angular.forEach(a,function(a){a[b]===c&&(d=!0)}),d},requestAnimationFrame:d.requestAnimationFrame&&d.requestAnimationFrame.bind(d)||d.webkitRequestAnimationFrame&&d.webkitRequestAnimationFrame.bind(d)||function(a){return l(a,10,!1)},numericAndNullSort:function(a,b){return null===a?1:null===b?-1:null===a&&null===b?0:a-b},disableAnimations:function(a){var b;try{b=m.get("$animate"),b.enabled(!1,a)}catch(c){}},enableAnimations:function(a){var b;try{return b=m.get("$animate"),b.enabled(!0,a),b}catch(c){}},nextUid:function(){for(var a,b=h.length;b;){if(b--,a=h[b].charCodeAt(0),57===a)return h[b]="A",i+h.join("");if(90!==a)return h[b]=String.fromCharCode(a+1),i+h.join("");h[b]="0"}return h.unshift("0"),i+h.join("")},hashKey:function(a){var b,c=typeof a;return"object"===c&&null!==a?"function"==typeof(b=a.$$hashKey)?b=a.$$hashKey():"undefined"!=typeof a.$$hashKey&&a.$$hashKey?b=a.$$hashKey:void 0===b&&(b=a.$$hashKey=q.nextUid()):b=a,c+":"+b},resetUids:function(){h=["0","0","0"]},logError:function(a){p.LOG_ERROR_MESSAGES&&b.error(a)},logWarn:function(a){p.LOG_WARN_MESSAGES&&b.warn(a)},logDebug:function(){p.LOG_DEBUG_MESSAGES&&b.debug.apply(b,arguments)}};return["width","height"].forEach(function(b){var d=angular.uppercase(b.charAt(0))+b.substr(1);q["element"+d]=function(d,e){var h=d;if(h&&"undefined"!=typeof h.length&&h.length&&(h=d[0]),h){var i=a(h);return 0===h.offsetWidth&&f.test(i.display)?q.fakeElement(h,g,function(a){return c(a,b,e)}):c(h,b,e)}return null},q["outerElement"+d]=function(a,b){return a?q["element"+d].call(this,a,b?"margin":"border"):null}}),q.closestElm=function(a,b){"undefined"!=typeof a.length&&a.length&&(a=a[0]);var c;["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"].some(function(a){return"function"==typeof document.body[a]?(c=a,!0):!1});for(var d;null!==a;){if(d=a.parentElement,null!==d&&d[c](b))return d;a=d}return null},q.type=function(a){var b=Function.prototype.toString.call(a.constructor);return b.match(/function (.*?)\(/)[1]},q.getBorderSize=function(b,c){"undefined"!=typeof b.length&&b.length&&(b=b[0]);var d=a(b);c=c?"border"+c.charAt(0).toUpperCase()+c.slice(1):"border",c+="Width";var e=parseInt(d[c],10);return isNaN(e)?0:e},q.detectBrowser=function(){var a=d.navigator.userAgent,b={chrome:/chrome/i,safari:/safari/i,firefox:/firefox/i,ie:/internet explorer|trident\//i};for(var c in b)if(b[c].test(a))return c;return"unknown"},q.normalizeScrollLeft=function(a){"undefined"!=typeof a.length&&a.length&&(a=a[0]);var b=q.detectBrowser(),c=a.scrollLeft,d=q.getStyles(a).direction;if("ie"===b)return c;if("chrome"===b){if("rtl"===d){var e=a.scrollWidth-a.clientWidth;return e-c}return c}return"firefox"===b?Math.abs(c):c},q.denormalizeScrollLeft=function(a,b){"undefined"!=typeof a.length&&a.length&&(a=a[0]);var c=q.detectBrowser(),d=q.getStyles(a).direction;if("ie"===c)return b;if("chrome"===c){if("rtl"===d){var e=a.scrollWidth-a.clientWidth;return e-b}return b}return"firefox"===c&&"rtl"===d?-1*b:b},q.preEval=function(a){var b=p.BRACKET_REGEXP.exec(a);if(b)return(b[1]?q.preEval(b[1]):b[1])+b[2]+(b[3]?q.preEval(b[3]):b[3]);a=a.replace(p.APOS_REGEXP,"\\'");var c=a.split(p.DOT_REGEXP),d=[c.shift()];return angular.forEach(c,function(a){d.push(a.replace(p.FUNC_REGEXP,"']$1"))}),d.join("['")},q.debounce=function(a,b,c){function d(){g=this,f=arguments;var d=function(){e=null,c||(h=a.apply(g,f))},i=c&&!e;return e&&l.cancel(e),e=l(d,b),i&&(h=a.apply(g,f)),h}var e,f,g,h;return d.cancel=function(){l.cancel(e),e=null},d},q.throttle=function(a,b,c){function d(){g=+new Date,a.apply(e,f),l(function(){h=null},0)}c=c||{};var e,f,g=0,h=null;return function(){if(e=this,f=arguments,null===h){var a=+new Date-g;a>b?d():c.trailing&&(h=l(d,b-a))}}},q}]),d.filter("px",function(){return function(a){return a.match(/^[\d\.]+$/)?a+"px":a}})}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("da",{aggregate:{label:"artikler"},groupPanel:{description:"Grupér rækker udfra en kolonne ved at trække dens overskift hertil."},search:{placeholder:"Søg...",showingItems:"Viste rækker:",selectedItems:"Valgte rækker:",totalItems:"Rækker totalt:",size:"Side størrelse:",first:"Første side",next:"Næste side",previous:"Forrige side",last:"Sidste side"},menu:{text:"Vælg kolonner:"},column:{hide:"Skjul kolonne"},aggregation:{count:"samlede rækker: ",sum:"smalede: ",avg:"gns: ",min:"min: ",max:"max: "},gridMenu:{columns:"Columns:",importerTitle:"Import file",exporterAllAsCsv:"Export all data as csv",exporterVisibleAsCsv:"Export visible data as csv",exporterSelectedAsCsv:"Export selected data as csv",exporterAllAsPdf:"Export all data as pdf",exporterVisibleAsPdf:"Export visible data as pdf",exporterSelectedAsPdf:"Export selected data as pdf"},importer:{noHeaders:"Column names were unable to be derived, does the file have a header?",noObjects:"Objects were not able to be derived, was there data in the file other than headers?",invalidCsv:"File was unable to be processed, is it valid CSV?",invalidJson:"File was unable to be processed, is it valid Json?",jsonNotArray:"Imported json file must contain an array, aborting."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("de",{aggregate:{label:"eintrag"},groupPanel:{description:"Ziehen Sie eine Spaltenüberschrift hierhin, um nach dieser Spalte zu gruppieren."},search:{placeholder:"Suche...",showingItems:"Zeige Einträge:",selectedItems:"Ausgewählte Einträge:",totalItems:"Einträge gesamt:",size:"Einträge pro Seite:",first:"Erste Seite",next:"Nächste Seite",previous:"Vorherige Seite",last:"Letzte Seite"},menu:{text:"Spalten auswählen:"},sort:{ascending:"aufsteigend sortieren",descending:"absteigend sortieren",remove:"Sortierung zurücksetzen"},column:{hide:"Spalte ausblenden"},aggregation:{count:"Zeilen insgesamt: ",sum:"gesamt: ",avg:"Durchschnitt: ",min:"min: ",max:"max: "},gridMenu:{columns:"Spalten:",importerTitle:"Datei importieren",exporterAllAsCsv:"Alle Daten als CSV exportieren",exporterVisibleAsCsv:"sichtbare Daten als CSV exportieren",exporterSelectedAsCsv:"markierte Daten als CSV exportieren",exporterAllAsPdf:"Alle Daten als PDF exportieren",exporterVisibleAsPdf:"sichtbare Daten als PDF exportieren",exporterSelectedAsPdf:"markierte Daten als CSV exportieren"},importer:{noHeaders:"Es konnten keine Spaltennamen ermittelt werden. Sind in der Datei Spaltendefinitionen enthalten?",noObjects:"Es konnten keine Zeileninformationen gelesen werden, Sind in der Datei außer den Spaltendefinitionen auch Daten enthalten?",invalidCsv:"Die Datei konnte nicht eingelesen werden, ist es eine gültige CSV-Datei?",invalidJson:"Die Datei konnte nicht eingelesen werden. Enthält sie gültiges JSON?",jsonNotArray:"Die importierte JSON-Datei muß ein Array enthalten. Breche Import ab."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("en",{aggregate:{label:"items"},groupPanel:{description:"Drag a column header here and drop it to group by that column."},search:{placeholder:"Search...",showingItems:"Showing Items:",selectedItems:"Selected Items:",totalItems:"Total Items:",size:"Page Size:",first:"First Page",next:"Next Page",previous:"Previous Page",last:"Last Page"},menu:{text:"Choose Columns:"},sort:{ascending:"Sort Ascending",descending:"Sort Descending",remove:"Remove Sort"},column:{hide:"Hide Column"},aggregation:{count:"total rows: ",sum:"total: ",avg:"avg: ",min:"min: ",max:"max: "},pinning:{pinLeft:"Pin Left",pinRight:"Pin Right",unpin:"Unpin"},gridMenu:{columns:"Columns:",importerTitle:"Import file",exporterAllAsCsv:"Export all data as csv",exporterVisibleAsCsv:"Export visible data as csv",exporterSelectedAsCsv:"Export selected data as csv",exporterAllAsPdf:"Export all data as pdf",exporterVisibleAsPdf:"Export visible data as pdf",exporterSelectedAsPdf:"Export selected data as pdf"},importer:{noHeaders:"Column names were unable to be derived, does the file have a header?",noObjects:"Objects were not able to be derived, was there data in the file other than headers?",invalidCsv:"File was unable to be processed, is it valid CSV?",invalidJson:"File was unable to be processed, is it valid Json?",jsonNotArray:"Imported json file must contain an array, aborting."},paging:{sizes:"items per page",totalItems:"items"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("es",{aggregate:{label:"Artículos"},groupPanel:{description:"Arrastre un encabezado de columna aquí y suéltelo para agrupar por esa columna."},search:{placeholder:"Buscar...",showingItems:"Artículos Mostrados:",selectedItems:"Artículos Seleccionados:",totalItems:"Artículos Totales:",size:"Tamaño de Página:",first:"Primera Página",next:"Página Siguiente",previous:"Página Anterior",last:"Última Página"},menu:{text:"Elegir columnas:"},sort:{ascending:"Orden Ascendente",descending:"Orden Descendente",remove:"Sin Ordenar"},column:{hide:"Ocultar la columna"},aggregation:{count:"filas totales: ",sum:"total: ",avg:"media: ",min:"min: ",max:"max: "},pinning:{pinLeft:"Fijar a la Izquierda",pinRight:"Fijar a la Derecha",unpin:"Quitar Fijación"},gridMenu:{columns:"Columnas:",importerTitle:"Importar archivo",exporterAllAsCsv:"Exportar todo como csv",exporterVisibleAsCsv:"Exportar vista como csv",exporterSelectedAsCsv:"Exportar selección como csv",exporterAllAsPdf:"Exportar todo como pdf",exporterVisibleAsPdf:"Exportar vista como pdf",exporterSelectedAsPdf:"Exportar selección como pdf"},importer:{noHeaders:"No fue posible derivar los nombres de las columnas, ¿tiene encabezados el archivo?",noObjects:"No fue posible obtener registros, ¿contiene datos el archivo, aparte de los encabezados?",invalidCsv:"No fue posible procesar el archivo, ¿es un CSV válido?",invalidJson:"No fue posible procesar el archivo, ¿es un Json válido?",jsonNotArray:"El archivo json importado debe contener un array, abortando."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("fa",{aggregate:{label:"موردها"},groupPanel:{description:"یک عنوان ستون اینجا را بردار و به گروهی از آن ستون بیانداز."},search:{placeholder:"جستجو...",showingItems:"نمایش موردها:",selectedItems:"موردهای انتخابشده:",totalItems:"همهٔ موردها:",size:"اندازهٔ صفحه:",first:"صفحهٔ اول",next:"صفحهٔ بعد",previous:"صفحهٔ قبل",last:"آخرین صفحه"},menu:{text:"انتخاب ستونها:"},column:{hide:"ستون پنهان کن"},aggregation:{count:"total rows: ",sum:"total: ",avg:"avg: ",min:"min: ",max:"max: "},gridMenu:{columns:"Columns:",importerTitle:"Import file",exporterAllAsCsv:"Export all data as csv",exporterVisibleAsCsv:"Export visible data as csv",exporterSelectedAsCsv:"Export selected data as csv",exporterAllAsPdf:"Export all data as pdf",exporterVisibleAsPdf:"Export visible data as pdf",exporterSelectedAsPdf:"Export selected data as pdf"},importer:{noHeaders:"Column names were unable to be derived, does the file have a header?",noObjects:"Objects were not able to be derived, was there data in the file other than headers?",invalidCsv:"File was unable to be processed, is it valid CSV?",invalidJson:"File was unable to be processed, is it valid Json?",jsonNotArray:"Imported json file must contain an array, aborting."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("fi",{aggregate:{label:"rivit"},groupPanel:{description:"Raahaa ja pudota otsikko tähän ryhmittääksesi sarakkeen mukaan."},search:{placeholder:"Hae...",showingItems:"Näytetään rivejä:",selectedItems:"Valitut rivit:",totalItems:"Rivejä yht.:",size:"Näytä:",first:"Ensimmäinen sivu",next:"Seuraava sivu",previous:"Edellinen sivu",last:"Viimeinen sivu"},menu:{text:"Valitse sarakkeet:"},sort:{ascending:"Järjestä nouseva",descending:"Järjestä laskeva",remove:"Poista järjestys"},column:{hide:"Piilota sarake"},aggregation:{count:"Rivejä yht.: ",sum:"Summa: ",avg:"K.a.: ",min:"Min: ",max:"Max: "},pinning:{pinLeft:"Lukitse vasemmalle",pinRight:"Lukitse oikealle",unpin:"Poista lukitus"},gridMenu:{columns:"Sarakkeet:",importerTitle:"Tuo tiedosto",exporterAllAsCsv:"Vie tiedot csv-muodossa",exporterVisibleAsCsv:"Vie näkyvä tieto csv-muodossa",exporterSelectedAsCsv:"Vie valittu tieto csv-muodossa",exporterAllAsPdf:"Vie tiedot pdf-muodossa",exporterVisibleAsPdf:"Vie näkyvä tieto pdf-muodossa",exporterSelectedAsPdf:"Vie valittu tieto pdf-muodossa"},importer:{noHeaders:"Sarakkeen nimiä ei voitu päätellä, onko tiedostossa otsikkoriviä?",noObjects:"Tietoja ei voitu lukea, onko tiedostossa muuta kuin otsikkot?",invalidCsv:"Tiedostoa ei voitu käsitellä, oliko se CSV-muodossa?",invalidJson:"Tiedostoa ei voitu käsitellä, oliko se JSON-muodossa?",jsonNotArray:"Tiedosto ei sisältänyt taulukkoa, lopetetaan."}}),a -}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("fr",{aggregate:{label:"articles"},groupPanel:{description:"Faites glisser un en-tête de colonne ici et déposez-le vers un groupe par cette colonne."},search:{placeholder:"Recherche...",showingItems:"Articles Affichage des:",selectedItems:"Éléments Articles:",totalItems:"Nombre total d'articles:",size:"Taille de page:",first:"Première page",next:"Page Suivante",previous:"Page précédente",last:"Dernière page"},menu:{text:"Choisir des colonnes:"},sort:{ascending:"Trier par ordre croissant",descending:"Trier par ordre décroissant",remove:"Enlever le tri"},column:{hide:"Cacher la colonne"},aggregation:{count:"total lignes: ",sum:"total: ",avg:"moy: ",min:"min: ",max:"max: "},pinning:{pinLeft:"Épingler à gauche",pinRight:"Épingler à droite",unpin:"Détacher"},gridMenu:{columns:"Colonnes:",importerTitle:"Importer un fichier",exporterAllAsCsv:"Exporter toutes les données en CSV",exporterVisibleAsCsv:"Exporter les données visibles en CSV",exporterSelectedAsCsv:"Exporter les données sélectionnées en CSV",exporterAllAsPdf:"Exporter toutes les données en PDF",exporterVisibleAsPdf:"Exporter les données visibles en PDF",exporterSelectedAsPdf:"Exporter les données sélectionnées en PDF"},importer:{noHeaders:"Impossible de déterminer le nom des colonnes, le fichier possède-t-il un en-tête ?",noObjects:"Aucun objet trouvé, le fichier possède-t-il des données autres que l'en-tête ?",invalidCsv:"Le fichier n'a pas pu être traité, le CSV est-il valide ?",invalidJson:"Le fichier n'a pas pu être traité, le JSON est-il valide ?",jsonNotArray:"Le fichier JSON importé doit contenir un tableau. Abandon."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("he",{aggregate:{label:"items"},groupPanel:{description:"גרור עמודה לכאן ושחרר בכדי לקבץ עמודה זו."},search:{placeholder:"חפש...",showingItems:"מציג:",selectedItems:'סה"כ נבחרו:',totalItems:'סה"כ רשומות:',size:"תוצאות בדף:",first:"דף ראשון",next:"דף הבא",previous:"דף קודם",last:"דף אחרון"},menu:{text:"בחר עמודות:"},sort:{ascending:"סדר עולה",descending:"סדר יורד",remove:"בטל"},column:{hide:"טור הסתר"},aggregation:{count:"total rows: ",sum:"total: ",avg:"avg: ",min:"min: ",max:"max: "},gridMenu:{columns:"Columns:",importerTitle:"Import file",exporterAllAsCsv:"Export all data as csv",exporterVisibleAsCsv:"Export visible data as csv",exporterSelectedAsCsv:"Export selected data as csv",exporterAllAsPdf:"Export all data as pdf",exporterVisibleAsPdf:"Export visible data as pdf",exporterSelectedAsPdf:"Export selected data as pdf"},importer:{noHeaders:"Column names were unable to be derived, does the file have a header?",noObjects:"Objects were not able to be derived, was there data in the file other than headers?",invalidCsv:"File was unable to be processed, is it valid CSV?",invalidJson:"File was unable to be processed, is it valid Json?",jsonNotArray:"Imported json file must contain an array, aborting."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("it",{aggregate:{label:"elementi"},groupPanel:{description:"Trascina un'intestazione all'interno del gruppo della colonna."},search:{placeholder:"Ricerca...",showingItems:"Mostra:",selectedItems:"Selezionati:",totalItems:"Totali:",size:"Tot Pagine:",first:"Prima",next:"Prossima",previous:"Precedente",last:"Ultima"},menu:{text:"Scegli le colonne:"},sort:{ascending:"Asc.",descending:"Desc.",remove:"Annulla ordinamento"},column:{hide:"Nascondi"},aggregation:{count:"righe totali: ",sum:"tot: ",avg:"media: ",min:"minimo: ",max:"massimo: "},pinning:{pinLeft:"Blocca a sx",pinRight:"Blocca a dx",unpin:"Blocca in alto"},gridMenu:{columns:"Colonne:",importerTitle:"Importa",exporterAllAsCsv:"Esporta tutti i dati in CSV",exporterVisibleAsCsv:"Esporta i dati visibili in CSV",exporterSelectedAsCsv:"Esporta i dati selezionati in CSV",exporterAllAsPdf:"Esporta tutti i dati in PDF",exporterVisibleAsPdf:"Esporta i dati visibili in PDF",exporterSelectedAsPdf:"Esporta i dati selezionati in PDF"},importer:{noHeaders:"Impossibile reperire i nomi delle colonne, sicuro che siano indicati all'interno del file?",noObjects:"Impossibile reperire gli oggetti, sicuro che siano indicati all'interno del file?",invalidCsv:"Impossibile elaborare il file, sicuro che sia un CSV?",invalidJson:"Impossibile elaborare il file, sicuro che sia un JSON valido?",jsonNotArray:"Errore! Il file JSON da importare deve contenere un array."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("nl",{aggregate:{label:"items"},groupPanel:{description:"Sleep hier een kolomnaam heen om op te groeperen."},search:{placeholder:"Zoeken...",showingItems:"Getoonde items:",selectedItems:"Geselecteerde items:",totalItems:"Totaal aantal items:",size:"Items per pagina:",first:"Eerste pagina",next:"Volgende pagina",previous:"Vorige pagina",last:"Laatste pagina"},menu:{text:"Kies kolommen:"},sort:{ascending:"Sorteer oplopend",descending:"Sorteer aflopend",remove:"Verwijder sortering"},column:{hide:"Verberg kolom"},aggregation:{count:"Aantal rijen: ",sum:"Som: ",avg:"Gemiddelde: ",min:"Min: ",max:"Max: "},pinning:{pinLeft:"Zet links vast",pinRight:"Zet rechts vast",unpin:"Maak los"},gridMenu:{columns:"Kolommen:",importerTitle:"Importeer bestand",exporterAllAsCsv:"Exporteer alle data als csv",exporterVisibleAsCsv:"Exporteer zichtbare data als csv",exporterSelectedAsCsv:"Exporteer geselecteerde data als csv",exporterAllAsPdf:"Exporteer alle data als pdf",exporterVisibleAsPdf:"Exporteer zichtbare data als pdf",exporterSelectedAsPdf:"Exporteer geselecteerde data als pdf"},importer:{noHeaders:"Kolomnamen kunnen niet worden afgeleid. Heeft het bestand een header?",noObjects:"Objecten kunnen niet worden afgeleid. Bevat het bestand data naast de headers?",invalidCsv:"Het bestand kan niet verwerkt worden. Is het een valide csv bestand?",invalidJson:"Het bestand kan niet verwerkt worden. Is het valide json?",jsonNotArray:"Het json bestand moet een array bevatten. De actie wordt geannuleerd."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("pt-br",{aggregate:{label:"itens"},groupPanel:{description:"Arraste e solte uma coluna aqui para agrupar por essa coluna"},search:{placeholder:"Procurar...",showingItems:"Mostrando os Itens:",selectedItems:"Items Selecionados:",totalItems:"Total de Itens:",size:"Tamanho da Página:",first:"Primeira Página",next:"Próxima Página",previous:"Página Anterior",last:"Última Página"},menu:{text:"Selecione as colunas:"},sort:{ascending:"Ordenar Ascendente",descending:"Ordenar Descendente",remove:"Remover Ordenação"},column:{hide:"Esconder coluna"},aggregation:{count:"total de linhas: ",sum:"total: ",avg:"med: ",min:"min: ",max:"max: "},pinning:{pinLeft:"Fixar Esquerda",pinRight:"Fixar Direita",unpin:"Desprender"},gridMenu:{columns:"Colunas:",exporterAllAsCsv:"Exportar todos os dados como csv",exporterVisibleAsCsv:"Exportar dados visíveis como csv",exporterSelectedAsCsv:"Exportar dados selecionados como csv",exporterAllAsPdf:"Exportar todos os dados como pdf",exporterVisibleAsPdf:"Exportar dados visíveis como pdf",exporterSelectedAsPdf:"Exportar dados selecionados como pdf"},importer:{noHeaders:"Nomes de colunas não puderam ser derivados. O arquivo tem um cabeçalho?",noObjects:"Objetos não puderam ser derivados. Havia dados no arquivo, além dos cabeçalhos?",invalidCsv:"Arquivo não pode ser processado. É um CSV válido?",invalidJson:"Arquivo não pode ser processado. É um Json válido?",jsonNotArray:"Arquivo json importado tem que conter um array. Abortando."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("ru",{aggregate:{label:"элементы"},groupPanel:{description:"Для группировки по столбцу перетащите сюда его название."},search:{placeholder:"Поиск...",showingItems:"Показать элементы:",selectedItems:"Выбранные элементы:",totalItems:"Всего элементов:",size:"Размер страницы:",first:"Первая страница",next:"Следующая страница",previous:"Предыдущая страница",last:"Последняя страница"},menu:{text:"Выбрать столбцы:"},sort:{ascending:"По возрастанию",descending:"По убыванию",remove:"Убрать сортировку"},column:{hide:"спрятать столбец"},aggregation:{count:"total rows: ",sum:"total: ",avg:"avg: ",min:"min: ",max:"max: "},gridMenu:{columns:"Columns:",importerTitle:"Import file",exporterAllAsCsv:"Export all data as csv",exporterVisibleAsCsv:"Export visible data as csv",exporterSelectedAsCsv:"Export selected data as csv",exporterAllAsPdf:"Export all data as pdf",exporterVisibleAsPdf:"Export visible data as pdf",exporterSelectedAsPdf:"Export selected data as pdf"},importer:{noHeaders:"Column names were unable to be derived, does the file have a header?",noObjects:"Objects were not able to be derived, was there data in the file other than headers?",invalidCsv:"File was unable to be processed, is it valid CSV?",invalidJson:"File was unable to be processed, is it valid Json?",jsonNotArray:"Imported json file must contain an array, aborting."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("sk",{aggregate:{label:"items"},groupPanel:{description:"Pretiahni sem názov stĺpca pre zoskupenie podľa toho stĺpca."},search:{placeholder:"Hľadaj...",showingItems:"Zobrazujem položky:",selectedItems:"Vybraté položky:",totalItems:"Počet položiek:",size:"Počet:",first:"Prvá strana",next:"Ďalšia strana",previous:"Predchádzajúca strana",last:"Posledná strana"},menu:{text:"Vyberte stĺpce:"},sort:{ascending:"Zotriediť vzostupne",descending:"Zotriediť zostupne",remove:"Vymazať triedenie"},aggregation:{count:"total rows: ",sum:"total: ",avg:"avg: ",min:"min: ",max:"max: "},gridMenu:{columns:"Columns:",importerTitle:"Import file",exporterAllAsCsv:"Export all data as csv",exporterVisibleAsCsv:"Export visible data as csv",exporterSelectedAsCsv:"Export selected data as csv",exporterAllAsPdf:"Export all data as pdf",exporterVisibleAsPdf:"Export visible data as pdf",exporterSelectedAsPdf:"Export selected data as pdf"},importer:{noHeaders:"Column names were unable to be derived, does the file have a header?",noObjects:"Objects were not able to be derived, was there data in the file other than headers?",invalidCsv:"File was unable to be processed, is it valid CSV?",invalidJson:"File was unable to be processed, is it valid Json?",jsonNotArray:"Imported json file must contain an array, aborting."}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("sv",{aggregate:{label:"Artiklar"},groupPanel:{description:"Dra en kolumnrubrik hit och släpp den för att gruppera efter den kolumnen."},search:{placeholder:"Sök...",showingItems:"Visar artiklar:",selectedItems:"Valda artiklar:",totalItems:"Antal artiklar:",size:"Sidstorlek:",first:"Första sidan",next:"Nästa sida",previous:"Föregående sida",last:"Sista sidan"},menu:{text:"Välj kolumner:"},sort:{ascending:"Sortera stigande",descending:"Sortera fallande",remove:"Inaktivera sortering"},column:{hide:"Göm kolumn"},aggregation:{count:"Antal rader: ",sum:"Summa: ",avg:"Genomsnitt: ",min:"Min: ",max:"Max: "},pinning:{pinLeft:"Fäst vänster",pinRight:"Fäst höger",unpin:"Lösgör"},gridMenu:{columns:"Kolumner:",importerTitle:"Importera fil",exporterAllAsCsv:"Exportera all data som CSV",exporterVisibleAsCsv:"Exportera synlig data som CSV",exporterSelectedAsCsv:"Exportera markerad data som CSV",exporterAllAsPdf:"Exportera all data som PDF",exporterVisibleAsPdf:"Exportera synlig data som PDF",exporterSelectedAsPdf:"Exportera markerad data som PDF"},importer:{noHeaders:"Kolumnnamn kunde inte härledas. Har filen ett sidhuvud?",noObjects:"Objekt kunde inte härledas. Har filen data undantaget sidhuvud?",invalidCsv:"Filen kunde inte behandlas, är den en giltig CSV?",invalidJson:"Filen kunde inte behandlas, är den en giltig JSON?",jsonNotArray:"Importerad JSON-fil måste innehålla ett fält. Import avbruten."},paging:{sizes:"Artiklar per sida",totalItems:"Artiklar"}}),a}])}])}(),function(){var a=["uiT","uiTranslate"],b=["t","uiTranslate"],c=angular.module("ui.grid.i18n");c.constant("i18nConstants",{MISSING:"[MISSING]",UPDATE_EVENT:"$uiI18n",LOCALE_DIRECTIVE_ALIAS:"uiI18n",DEFAULT_LANG:"en"}),c.service("i18nService",["$log","i18nConstants","$rootScope",function(a,b,c){var d={_langs:{},current:null,get:function(a){return this._langs[a.toLowerCase()]},add:function(a,b){var c=a.toLowerCase();this._langs[c]||(this._langs[c]={}),angular.extend(this._langs[c],b)},getAllLangs:function(){var a=[];if(!this._langs)return a;for(var b in this._langs)a.push(b);return a},setCurrent:function(a){this.current=a.toLowerCase()},getCurrentLang:function(){return this.current}},e={add:function(a,b){"object"==typeof a?angular.forEach(a,function(a){a&&d.add(a,b)}):d.add(a,b)},getAllLangs:function(){return d.getAllLangs()},get:function(a){var b=a?a:e.getCurrentLang();return d.get(b)},getSafeText:function(a,c){var f=c?c:e.getCurrentLang(),g=d.get(f);if(!g)return b.MISSING;for(var h=a.split("."),i=g,j=0;j<h.length;++j){if(void 0===i[h[j]]||null===i[h[j]])return b.MISSING;i=i[h[j]]}return i},setCurrentLang:function(a){a&&(d.setCurrent(a),c.$broadcast(b.UPDATE_EVENT))},getCurrentLang:function(){var a=d.getCurrentLang();return a||(a=b.DEFAULT_LANG,d.setCurrent(a)),a}};return e}]);var d=function(a,b){return{compile:function(){return{pre:function(c,d,e){var f=b.LOCALE_DIRECTIVE_ALIAS,g=c.$eval(e[f]);g?c.$watch(e[f],function(){a.setCurrentLang(g)}):e.$$observers&&e.$observe(f,function(){a.setCurrentLang(e[f]||b.DEFAULT_LANG)})}}}}};c.directive("uiI18n",["i18nService","i18nConstants",d]);var e=function(b,c,d){return{restrict:"EA",compile:function(){return{pre:function(e,f,g){var h,i=a[0],j=a[1],k=g[i]||g[j]||f.html(),l=d.MISSING+k;if(g.$$observers){var m=g[i]?i:j;h=g.$observe(m,function(a){a&&f.html(b(a)(c.getCurrentLang())||l)})}var n=b(k),o=e.$on(d.UPDATE_EVENT,function(){h?h(g[i]||g[j]):f.html(n(c.get())||l)});e.$on("$destroy",o),f.html(n(c.get())||l)}}}}};angular.forEach(a,function(a){c.directive(a,["$parse","i18nService","i18nConstants",e])});var f=function(a,b,c){return function(d){var e=a(d);return e(b.get())||c.MISSING+d}};angular.forEach(b,function(a){c.filter(a,["$parse","i18nService","i18nConstants",f])})}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("zh-cn",{aggregate:{label:"行"},groupPanel:{description:"拖曳表头到此处进行分组"},search:{placeholder:"查找",showingItems:"已显示行数：",selectedItems:"已选择行数：",totalItems:"总行数：",size:"每页显示行数：",first:"首页",next:"下一页",previous:"上一页",last:"末页"},menu:{text:"选择列："},sort:{ascending:"升序",descending:"降序",remove:"取消排序"},column:{hide:"隐藏列"},aggregation:{count:"计数：",sum:"求和：",avg:"均值：",min:"最小值：",max:"最大值："},pinning:{pinLeft:"左侧固定",pinRight:"右侧固定",unpin:"取消固定"},gridMenu:{columns:"列：",importerTitle:"导入文件",exporterAllAsCsv:"导出全部数据到CSV",exporterVisibleAsCsv:"导出可见数据到CSV",exporterSelectedAsCsv:"导出已选数据到CSV",exporterAllAsPdf:"导出全部数据到PDF",exporterVisibleAsPdf:"导出可见数据到PDF",exporterSelectedAsPdf:"导出已选数据到PDF"},importer:{noHeaders:"无法获取列名，确定文件包含表头？",noObjects:"无法获取数据，确定文件包含数据？",invalidCsv:"无法处理文件，确定是合法的CSV文件？",invalidJson:"无法处理文件，确定是合法的JSON文件？",jsonNotArray:"导入的文件不是JSON数组！"}}),a}])}])}(),function(){angular.module("ui.grid").config(["$provide",function(a){a.decorator("i18nService",["$delegate",function(a){return a.add("zh-tw",{aggregate:{label:"行"},groupPanel:{description:"拖曳表頭到此處進行分組"},search:{placeholder:"查找",showingItems:"已顯示行數：",selectedItems:"已選擇行數：",totalItems:"總行數：",size:"每頁顯示行數：",first:"首頁",next:"下壹頁",previous:"上壹頁",last:"末頁"},menu:{text:"選擇列："},sort:{ascending:"升序",descending:"降序",remove:"取消排序"},column:{hide:"隱藏列"},aggregation:{count:"計數：",sum:"求和：",avg:"均值：",min:"最小值：",max:"最大值："},pinning:{pinLeft:"左側固定",pinRight:"右側固定",unpin:"取消固定"},gridMenu:{columns:"列：",importerTitle:"導入文件",exporterAllAsCsv:"導出全部數據到CSV",exporterVisibleAsCsv:"導出可見數據到CSV",exporterSelectedAsCsv:"導出已選數據到CSV",exporterAllAsPdf:"導出全部數據到PDF",exporterVisibleAsPdf:"導出可見數據到PDF",exporterSelectedAsPdf:"導出已選數據到PDF"},importer:{noHeaders:"無法獲取列名，確定文件包含表頭？",noObjects:"無法獲取數據，確定文件包含數據？",invalidCsv:"無法處理文件，確定是合法的CSV文件？",invalidJson:"無法處理文件，確定是合法的JSON文件？",jsonNotArray:"導入的文件不是JSON數組！"}}),a}])}])}(),function(){"use strict";var a=angular.module("ui.grid.autoResize",["ui.grid"]);a.directive("uiGridAutoResize",["$timeout","gridUtil",function(a,b){return{require:"uiGrid",scope:!1,link:function(c,d,e,f){function g(){j=b.elementHeight(d),i=b.elementWidth(d)}function h(){a.cancel(k),k=a(function(){var a=b.elementHeight(d),c=b.elementWidth(d);a!==j||c!==i?(f.grid.gridHeight=a,f.grid.gridWidth=c,f.grid.refresh().then(function(){g(),h()})):h()},250)}var i,j;g();var k;h(),c.$on("$destroy",function(){a.cancel(k)})}}}])}(),function(){"use strict";function a(a,b){this.row=a,this.col=b}var b=angular.module("ui.grid.cellNav",["ui.grid"]);b.constant("uiGridCellNavConstants",{FEATURE_NAME:"gridCellNav",CELL_NAV_EVENT:"cellNav",direction:{LEFT:0,RIGHT:1,UP:2,DOWN:3},EVENT_TYPE:{KEYDOWN:0,CLICK:1}}),b.factory("uiGridCellNavFactory",["gridUtil","uiGridConstants","uiGridCellNavConstants","$q",function(b,c,d){var e=function(a,b,c,d){this.rows=a.visibleRowCache,this.columns=b.visibleColumnCache,this.leftColumns=c?c.visibleColumnCache:[],this.rightColumns=d?d.visibleColumnCache:[]};return e.prototype.getFocusableCols=function(){var a=this.leftColumns.concat(this.columns,this.rightColumns);return a.filter(function(a){return a.colDef.allowCellFocus})},e.prototype.getNextRowCol=function(a,b,c){switch(a){case d.direction.LEFT:return this.getRowColLeft(b,c);case d.direction.RIGHT:return this.getRowColRight(b,c);case d.direction.UP:return this.getRowColUp(b,c);case d.direction.DOWN:return this.getRowColDown(b,c)}},e.prototype.getRowColLeft=function(b,c){var d=this.getFocusableCols(),e=d.indexOf(c),f=this.rows.indexOf(b);-1===e&&(e=1);var g=0===e?d.length-1:e-1;return g>e?0===f?new a(b,d[g]):new a(this.rows[f-1],d[g]):new a(b,d[g])},e.prototype.getRowColRight=function(b,c){var d=this.getFocusableCols(),e=d.indexOf(c),f=this.rows.indexOf(b);-1===e&&(e=0);var g=e===d.length-1?0:e+1;return e>g?f===this.rows.length-1?new a(b,d[g]):new a(this.rows[f+1],d[g]):new a(b,d[g])},e.prototype.getRowColDown=function(b,c){var d=this.getFocusableCols(),e=d.indexOf(c),f=this.rows.indexOf(b);return-1===e&&(e=0),f===this.rows.length-1?new a(b,d[e]):new a(this.rows[f+1],d[e])},e.prototype.getRowColUp=function(b,c){var d=this.getFocusableCols(),e=d.indexOf(c),f=this.rows.indexOf(b);return-1===e&&(e=0),0===f?new a(b,d[e]):new a(this.rows[f-1],d[e])},e}]),b.service("uiGridCellNavService",["gridUtil","uiGridConstants","uiGridCellNavConstants","$q","uiGridCellNavFactory",function(a,b,c,d,e){var f={initializeGrid:function(a){a.registerColumnBuilder(f.cellNavColumnBuilder),a.cellNav={},a.cellNav.lastRowCol=null;var b={events:{cellNav:{navigate:function(){}}},methods:{cellNav:{scrollTo:function(a,b,c,d){f.scrollTo(a,b,c,d)},getFocusedCell:function(){return a.cellNav.lastRowCol}}}};a.api.registerEventsFromObject(b.events),a.api.registerMethodsFromObject(b.methods)},decorateRenderContainers:function(a){var b=a.hasRightContainer()?a.renderContainers.right:null,c=a.hasLeftContainer()?a.renderContainers.left:null;null!==c&&(a.renderContainers.left.cellNav=new e(a.renderContainers.body,c,b,a.renderContainers.body)),null!==b&&(a.renderContainers.right.cellNav=new e(a.renderContainers.body,b,a.renderContainers.body,c)),a.renderContainers.body.cellNav=new e(a.renderContainers.body,a.renderContainers.body,c,b)},getDirection:function(a){return a.keyCode===b.keymap.LEFT||a.keyCode===b.keymap.TAB&&a.shiftKey?c.direction.LEFT:a.keyCode===b.keymap.RIGHT||a.keyCode===b.keymap.TAB?c.direction.RIGHT:a.keyCode===b.keymap.UP||a.keyCode===b.keymap.ENTER&&a.shiftKey?c.direction.UP:a.keyCode===b.keymap.DOWN||a.keyCode===b.keymap.ENTER?c.direction.DOWN:null},cellNavColumnBuilder:function(a){var b=[];return a.allowCellFocus=void 0===a.allowCellFocus?!0:a.allowCellFocus,d.all(b)},scrollTo:function(a,b,c,d){var e=null,f=null;null!==c&&(e=a.getRow(c)),null!==d&&(f=a.getColumn(d.name?d.name:d.field)),this.scrollToInternal(a,b,e,f)},scrollToInternal:function(a,c,d,e){var f={};if(null!==d){var g=a.renderContainers.body.visibleRowCache.indexOf(d),h=a.renderContainers.body.visibleRowCache.length,i=(g+g/(h-1))/h;f.y={percentage:i}}null!==e&&(f.x={percentage:this.getLeftWidth(a,e)/this.getLeftWidth(a,a.renderContainers.body.visibleColumnCache[a.renderContainers.body.visibleColumnCache.length-1])}),(f.y||f.x)&&c.$broadcast(b.events.GRID_SCROLL,f)},scrollToIfNecessary:function(a,c,d,e){var f={},g=a.renderContainers.body.visibleRowCache,h=a.renderContainers.body.visibleColumnCache,i=a.renderContainers.body.prevScrollTop+a.headerHeight;i=0>i?0:i;var j=a.renderContainers.body.prevScrollLeft,k=a.renderContainers.body.prevScrollTop+a.gridHeight-a.headerHeight;a.horizontalScrollbarHeight&&(k-=a.horizontalScrollbarHeight);var l=a.renderContainers.body.prevScrollLeft+a.gridWidth;if(a.verticalScrollbarWidth&&(l-=a.verticalScrollbarWidth),null!==d){var m=g.indexOf(d),n=a.renderContainers.body.getCanvasHeight()-a.renderContainers.body.getViewportHeight();a.horizontalScrollbarHeight&&a.horizontalScrollbarHeight>0&&(n+=a.horizontalScrollbarHeight);var o=(m+1)*a.options.rowHeight;o=0>o?0:o;var p,q;i>o?(p=a.renderContainers.body.prevScrollTop-(i-o),q=p/n,f.y={percentage:q}):o>k&&(p=o-k+a.renderContainers.body.prevScrollTop,q=p/n,f.y={percentage:q})}if(null!==e){for(var r=h.indexOf(e),s=a.renderContainers.body.getCanvasWidth()-a.renderContainers.body.getViewportWidth(),t=0,u=0;r>u;u++){var v=h[u];t+=v.drawnWidth}t=0>t?0:t;var w=t+e.drawnWidth;w=0>w?0:w;var x,y;j>t?(x=a.renderContainers.body.prevScrollLeft-(j-t),y=x/s,y=y>1?1:y,f.x={percentage:y}):w>l&&(x=w-l+a.renderContainers.body.prevScrollLeft,y=x/s,y=y>1?1:y,f.x={percentage:y})}(f.y||f.x)&&c.$broadcast(b.events.GRID_SCROLL,f)},getLeftWidth:function(a,b){var c=0;if(!b)return c;var d=a.renderContainers.body.visibleColumnCache.indexOf(b);a.renderContainers.body.visibleColumnCache.forEach(function(a,b){d>b&&(c+=a.drawnWidth)});var e=0===d?0:(d+1)/a.renderContainers.body.visibleColumnCache.length;return c+=b.drawnWidth*e}};return f}]),b.directive("uiGridCellnav",["gridUtil","uiGridCellNavService","uiGridCellNavConstants",function(b,c,d){return{replace:!0,priority:-150,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(b,e,f,g){var h=g.grid;c.initializeGrid(h),g.cellNav={},g.cellNav.focusCell=function(a,b){g.cellNav.broadcastCellNav({row:a,col:b})},g.cellNav.broadcastCellNav=function(a){b.$broadcast(d.CELL_NAV_EVENT,a),g.cellNav.broadcastFocus(a)},g.cellNav.broadcastFocus=function(b){var c=b.row,d=b.col;if(null===h.cellNav.lastRowCol||h.cellNav.lastRowCol.row!==c||h.cellNav.lastRowCol.col!==d){var e=new a(c,d);h.api.cellNav.raise.navigate(e,h.cellNav.lastRowCol),h.cellNav.lastRowCol=e}},g.cellNav.handleKeyDown=function(a){var e=c.getDirection(a);if(null===e)return!0;var f="body";a.uiGridTargetRenderContainerId&&(f=a.uiGridTargetRenderContainerId);var i=g.grid.api.cellNav.getFocusedCell();if(i){var j=g.grid.renderContainers[f].cellNav.getNextRowCol(e,i.row,i.col);return j.eventType=d.EVENT_TYPE.KEYDOWN,g.cellNav.broadcastCellNav(j),c.scrollToIfNecessary(h,b,j.row,j.col),a.stopPropagation(),a.preventDefault(),!1}}},post:function(){}}}}}]),b.directive("uiGridRenderContainer",["$timeout","$document","gridUtil","uiGridConstants","uiGridCellNavService","uiGridCellNavConstants",function(a,b,c,d,e){return{replace:!0,priority:-99999,require:["^uiGrid","uiGridRenderContainer"],scope:!1,compile:function(){return{pre:function(){},post:function(c,f,g,h){var i=h[0],j=h[1],k=j.containerId,l=i.grid;e.decorateRenderContainers(l),f.attr("tabindex",-1),f.on("keydown",function(a){return a.uiGridTargetRenderContainerId=k,i.cellNav.handleKeyDown(a)}),c.$on(d.events.GRID_SCROLL,function(){null!=i.grid.api.cellNav.getFocusedCell()&&a(function(){a(function(){var a=i.grid.api.cellNav.getFocusedCell();b.activeElement===b.body&&f[0].focus(),i.cellNav.broadcastCellNav(a)})})})}}}}}]),b.directive("uiGridCell",["$timeout","$document","uiGridCellNavService","gridUtil","uiGridCellNavConstants","uiGridConstants",function(b,c,d,e,f){return{priority:-150,restrict:"A",require:"^uiGrid",scope:!1,link:function(b,c,d,e){function g(){c.find("div").attr("tabindex",-1)}function h(){var a=c.find("div");a.addClass("ui-grid-cell-focus")}function i(){var a=c.find("div");a.removeClass("ui-grid-cell-focus")}b.col.colDef.allowCellFocus&&(g(),c.find("div").on("click",function(c){e.cellNav.broadcastCellNav(new a(b.row,b.col)),c.stopPropagation()}),b.$on(f.CELL_NAV_EVENT,function(a,d){d.row===b.row&&d.col===b.col?(h(),d.hasOwnProperty("eventType")&&d.eventType===f.EVENT_TYPE.KEYDOWN&&c.find("div")[0].focus()):i()}),b.$on("$destroy",function(){c.find("div").off("click")}))}}}])}(),function(){"use strict";var a=angular.module("ui.grid.edit",["ui.grid"]);a.constant("uiGridEditConstants",{EDITABLE_CELL_TEMPLATE:/EDITABLE_CELL_TEMPLATE/g,EDITABLE_CELL_DIRECTIVE:/editable_cell_directive/g,events:{BEGIN_CELL_EDIT:"uiGridEventBeginCellEdit",END_CELL_EDIT:"uiGridEventEndCellEdit",CANCEL_CELL_EDIT:"uiGridEventCancelCellEdit"}}),a.service("uiGridEditService",["$q","$templateCache","uiGridConstants","gridUtil",function(a,b,c,d){var e={initializeGrid:function(a){e.defaultGridOptions(a.options),a.registerColumnBuilder(e.editColumnBuilder);var b={events:{edit:{afterCellEdit:function(){},beginCellEdit:function(){},cancelCellEdit:function(){}}},methods:{edit:{}}};a.api.registerEventsFromObject(b.events)},defaultGridOptions:function(a){a.cellEditableCondition=void 0===a.cellEditableCondition?!0:a.cellEditableCondition,a.enableCellEditOnFocus=void 0===a.enableCellEditOnFocus?!1:a.enableCellEditOnFocus},editColumnBuilder:function(b,c,e){var f=[];return b.enableCellEdit=void 0===b.enableCellEdit?void 0===e.enableCellEdit?"object"!==b.type:e.enableCellEdit:b.enableCellEdit,b.cellEditableCondition=void 0===b.cellEditableCondition?e.cellEditableCondition:b.cellEditableCondition,b.enableCellEdit&&(b.editableCellTemplate=b.editableCellTemplate||e.editableCellTemplate||"ui-grid/cellEditor",f.push(d.getTemplate(b.editableCellTemplate).then(function(a){c.editableCellTemplate=a},function(){throw new Error("Couldn't fetch/use colDef.editableCellTemplate '"+b.editableCellTemplate+"'")}))),b.enableCellEditOnFocus=void 0===b.enableCellEditOnFocus?e.enableCellEditOnFocus:b.enableCellEditOnFocus,a.all(f)},isStartEditKey:function(a){return a.keyCode===c.keymap.LEFT||a.keyCode===c.keymap.TAB&&a.shiftKey||a.keyCode===c.keymap.RIGHT||a.keyCode===c.keymap.TAB||a.keyCode===c.keymap.UP||a.keyCode===c.keymap.ENTER&&a.shiftKey||a.keyCode===c.keymap.DOWN||a.keyCode===c.keymap.ENTER?!1:!0}};return e}]),a.directive("uiGridEdit",["gridUtil","uiGridEditService",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(a,c,d,e){b.initializeGrid(e.grid)},post:function(){}}}}}]),a.directive("uiGridCell",["$compile","$injector","uiGridConstants","uiGridEditConstants","gridUtil","$parse","uiGridEditService",function(a,b,c,d,e,f,g){return{priority:-100,restrict:"A",scope:!1,require:"?^uiGrid",link:function(e,h,i,j){function k(){h.on("dblclick",p),h.on("keydown",n),e.col.colDef.enableCellEditOnFocus&&h.find("div").on("focus",m)}function l(){h.off("dblclick",p),h.off("keydown",n),e.col.colDef.enableCellEditOnFocus&&h.find("div").off("focus",m)}function m(a){j&&j.cellNav&&j.cellNav.focusCell(e.row,e.col),a.stopPropagation(),p()}function n(a){g.isStartEditKey(a)&&p()}function o(a,b){return!b.isSaving&&(angular.isFunction(a.colDef.cellEditableCondition)?a.colDef.cellEditableCondition(e):a.colDef.cellEditableCondition)}function p(){if(!v&&o(e.col,e.row)){u=f(e.row.getQualifiedColField(e.col)),t=u(e),s=e.col.editableCellTemplate,s=s.replace(c.MODEL_COL_FIELD,e.row.getQualifiedColField(e.col));var b=e.col.colDef.editDropdownFilter?"|"+e.col.colDef.editDropdownFilter:"";switch(s=s.replace(c.CUSTOM_FILTERS,b),e.inputType="text",e.col.colDef.type){case"boolean":e.inputType="checkbox";break;case"number":e.inputType="number";break;case"date":e.inputType="date"}e.editDropdownOptionsArray=e.col.colDef.editDropdownOptionsArray,e.editDropdownIdLabel=e.col.colDef.editDropdownIdLabel?e.col.colDef.editDropdownIdLabel:"id",e.editDropdownValueLabel=e.col.colDef.editDropdownValueLabel?e.col.colDef.editDropdownValueLabel:"value";e.$apply(function(){v=!0,l();var b=angular.element(s);h.append(b),a(b)(e.$new());var c=angular.element(h.children()[0]);w=c.hasClass("ui-grid-cell-focus"),c.addClass("ui-grid-cell-contents-hidden")});var g=e.$on(c.events.GRID_SCROLL,function(){q(!0),e.grid.api.edit.raise.afterCellEdit(e.row.entity,e.col.colDef,u(e),t),g()}),i=e.$on(d.events.END_CELL_EDIT,function(a,b){q(b),e.grid.api.edit.raise.afterCellEdit(e.row.entity,e.col.colDef,u(e),t),i()}),j=e.$on(d.events.CANCEL_CELL_EDIT,function(){r(),j()});e.$broadcast(d.events.BEGIN_CELL_EDIT),e.grid.api.edit.raise.beginCellEdit(e.row.entity,e.col.colDef)}}function q(a){if(v){var b=angular.element(h.children()[0]);angular.element(h.children()[1]).remove(),b.removeClass("ui-grid-cell-contents-hidden"),a&&w&&b[0].focus(),w=!1,v=!1,k(),e.grid.api.core.notifyDataChange(e.grid,c.dataChange.EDIT)}}function r(){v&&(u.assign(e,t),e.$apply(),e.grid.api.edit.raise.cancelCellEdit(e.row.entity,e.col.colDef),q(!0))}if(e.col.colDef.enableCellEdit){var s,t,u,v=!1,w=!1;k();try{var x=b.get("uiGridCellNavConstants");e.col.colDef.enableCellEditOnFocus&&e.$on(x.CELL_NAV_EVENT,function(a,b){b.row===e.row&&b.col===e.col?p():q()})}catch(y){}}}}}]),a.directive("uiGridEditor",["uiGridConstants","uiGridEditConstants",function(a,b){return{scope:!0,require:["?^uiGrid","?^uiGridRenderContainer"],compile:function(){return{pre:function(){},post:function(c,d,e,f){var g,h;f[0]&&(g=f[0]),f[1]&&(h=f[1]),c.$on(b.events.BEGIN_CELL_EDIT,function(){d[0].focus(),d[0].select(),d.on("blur",function(a){c.stopEdit(a)})}),c.deepEdit=!1,c.stopEdit=function(a){c.inputForm&&!c.inputForm.$valid?(a.stopPropagation(),c.$emit(b.events.CANCEL_CELL_EDIT)):c.$emit(b.events.END_CELL_EDIT),c.deepEdit=!1},d.on("click",function(){c.deepEdit=!0}),d.on("keydown",function(d){switch(d.keyCode){case a.keymap.ESC:d.stopPropagation(),c.$emit(b.events.CANCEL_CELL_EDIT);break;case a.keymap.ENTER:c.stopEdit(d);break;case a.keymap.TAB:c.stopEdit(d)}if(c.deepEdit)switch(d.keyCode){case a.keymap.LEFT:d.stopPropagation();break;case a.keymap.RIGHT:d.stopPropagation();break;case a.keymap.UP:d.stopPropagation();break;case a.keymap.DOWN:d.stopPropagation()}else g&&g.hasOwnProperty("cellNav")&&h&&(d.uiGridTargetRenderContainerId=h.containerId,g.cellNav.handleKeyDown(d));return!0})}}}}}]),a.directive("input",["$filter",function(a){function b(a){if("undefined"==typeof a||""===a)return null;var b=a.split("-");if(3!==b.length)return null;var c=parseInt(b[0],10),d=parseInt(b[1],10),e=parseInt(b[2],10);return 1>d||1>c||1>e?null:new Date(c,d-1,e)}return{restrict:"E",require:"?ngModel",link:function(c,d,e,f){2===angular.version.minor&&e.type&&"date"===e.type&&f&&(f.$formatters.push(function(b){return f.$setValidity(null,!b||!isNaN(b.getTime())),a("date")(b,"yyyy-MM-dd")}),f.$parsers.push(function(a){if(a&&a.length>0){var c=b(a);return f.$setValidity(null,c&&!isNaN(c.getTime())),c}return f.$setValidity(null,!0),null}))}}}]),a.directive("uiGridEditDropdown",["uiGridConstants","uiGridEditConstants",function(a,b){return{scope:!0,compile:function(){return{pre:function(){},post:function(c,d){c.$on(b.events.BEGIN_CELL_EDIT,function(){d[0].focus(),d[0].style.width=d[0].parentElement.offsetWidth-1+"px",d.on("blur",function(a){c.stopEdit(a) -})}),c.stopEdit=function(){c.$emit(b.events.END_CELL_EDIT)},d.on("keydown",function(d){switch(d.keyCode){case a.keymap.ESC:d.stopPropagation(),c.$emit(b.events.CANCEL_CELL_EDIT);break;case a.keymap.ENTER:c.stopEdit(d);break;case a.keymap.LEFT:c.stopEdit(d);break;case a.keymap.RIGHT:c.stopEdit(d);break;case a.keymap.UP:d.stopPropagation();break;case a.keymap.DOWN:d.stopPropagation();break;case a.keymap.TAB:c.stopEdit(d)}return!0})}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.expandable",["ui.grid"]);a.service("uiGridExpandableService",["gridUtil","$compile",function(a){var b={initializeGrid:function(c){c.options.enableExpandable=c.options.enableExpandable!==!1,c.options.expandableRowHeight=c.options.expandableRowHeight||150,c.options.enableExpandable&&!c.options.expandableRowTemplate&&(a.logError("You have not set the expandableRowTemplate, disabling expandable module"),c.options.enableExpandable=!1);var d={events:{expandable:{rowExpandedStateChanged:function(){}}},methods:{expandable:{toggleRowExpansion:function(a){var d=c.getRow(a);null!==d&&b.toggleRowExpansion(c,d)},expandAllRows:function(){b.expandAllRows(c)},collapseAllRows:function(){b.collapseAllRows(c)}}}};c.api.registerEventsFromObject(d.events),c.api.registerMethodsFromObject(d.methods)},toggleRowExpansion:function(a,b){b.isExpanded=!b.isExpanded,b.height=b.isExpanded?b.grid.options.rowHeight+a.options.expandableRowHeight:b.grid.options.rowHeight,a.api.expandable.raise.rowExpandedStateChanged(b)},expandAllRows:function(a){angular.forEach(a.renderContainers.body.visibleRowCache,function(c){c.isExpanded||b.toggleRowExpansion(a,c)}),a.refresh()},collapseAllRows:function(a){angular.forEach(a.renderContainers.body.visibleRowCache,function(c){c.isExpanded&&b.toggleRowExpansion(a,c)}),a.refresh()}};return b}]),a.directive("uiGridExpandable",["uiGridExpandableService","$templateCache",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(c,d,e,f){if(f.grid.options.enableExpandableRowHeader!==!1){var g={name:"expandableButtons",width:40};g.cellTemplate=b.get("ui-grid/expandableRowHeader"),f.grid.addRowHeaderColumn(g)}a.initializeGrid(f.grid)},post:function(){}}}}}]),a.directive("uiGridExpandableRow",["uiGridExpandableService","$timeout","$compile","uiGridConstants","gridUtil","$interval","$log",function(a,b,c,d,e){return{replace:!1,priority:0,scope:!1,compile:function(){return{pre:function(a,b){e.getTemplate(a.grid.options.expandableRowTemplate).then(function(d){if(a.grid.options.expandableRowScope){var e=a.grid.options.expandableRowScope;for(var f in e)e.hasOwnProperty(f)&&(a[f]=e[f])}var g=c(d)(a);b.append(g),a.row.expandedRendered=!0})},post:function(a){a.$on("$destroy",function(){a.row.expandedRendered=!1})}}}}}]),a.directive("uiGridRow",["$compile","gridUtil","$templateCache",function(){return{priority:-200,scope:!1,compile:function(){return{pre:function(a){function b(){var b=a.grid,c=0;return angular.forEach(b.columns,function(a){"left"===a.renderContainer&&(c+=a.width)}),c=Math.floor(c),".grid"+b.id+" .ui-grid-pinned-container-"+a.colContainer.name+", .grid"+b.id+" .ui-grid-pinned-container-"+a.colContainer.name+" .ui-grid-render-container-"+a.colContainer.name+" .ui-grid-viewport .ui-grid-canvas .ui-grid-row { width: "+c+"px; }"}a.expandableRow={},a.expandableRow.shouldRenderExpand=function(){var b="body"===a.colContainer.name&&a.grid.options.enableExpandable!==!1&&a.row.isExpanded&&(!a.grid.isScrollingVertically||a.row.expandedRendered);return b},a.expandableRow.shouldRenderFiller=function(){var b=a.row.isExpanded&&("body"!==a.colContainer.name||a.grid.isScrollingVertically&&!a.row.expandedRendered);return b},"left"===a.colContainer.name&&a.grid.registerStyleComputation({priority:15,func:b})},post:function(){}}}}}]),a.directive("uiGridViewport",["$compile","gridUtil","$templateCache",function(a,b,c){return{priority:-200,scope:!1,compile:function(a){var b=angular.element(a.children().children()[0]),d=c.get("ui-grid/expandableScrollFiller"),e=c.get("ui-grid/expandableRow");return b.append(e),b.append(d),{pre:function(){},post:function(){}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.exporter",["ui.grid"]);a.constant("uiGridExporterConstants",{featureName:"exporter",ALL:"all",VISIBLE:"visible",SELECTED:"selected",CSV_CONTENT:"CSV_CONTENT",LINK_LABEL:"LINK_LABEL",BUTTON_LABEL:"BUTTON_LABEL"}),a.service("uiGridExporterService",["$q","uiGridExporterConstants","uiGridSelectionConstants","gridUtil","$compile","$interval","i18nService",function(a,b,c,d,e,f,g){var h={initializeGrid:function(a){a.exporter={},this.defaultGridOptions(a.options);var b={events:{exporter:{}},methods:{exporter:{csvExport:function(b,c,d){h.csvExport(a,b,c,d)},pdfExport:function(b,c){h.pdfExport(a,b,c)}}}};a.api.registerEventsFromObject(b.events),a.api.registerMethodsFromObject(b.methods),a.api.core.addToGridMenu?h.addToMenu(a):f(function(){a.api.core.addToGridMenu&&h.addToMenu(a)},100,1)},defaultGridOptions:function(a){a.exporterSuppressMenu=a.exporterSuppressMenu===!0,a.exporterLinkTemplate=a.exporterLinkTemplate?a.exporterLinkTemplate:"ui-grid/csvLink",a.exporterHeaderTemplate=a.exporterHeaderTemplate?a.exporterHeaderTemplate:"ui-grid/exporterHeader",a.exporterLinkLabel=a.exporterLinkLabel?a.exporterLinkLabel:"Download CSV",a.exporterMenuLabel=a.exporterMenuLabel?a.exporterMenuLabel:"Export",a.exporterSuppressColumns=a.exporterSuppressColumns?a.exporterSuppressColumns:[],a.exporterCsvColumnSeparator=a.exporterCsvColumnSeparator?a.exporterCsvColumnSeparator:",",a.exporterPdfDefaultStyle=a.exporterPdfDefaultStyle?a.exporterPdfDefaultStyle:{fontSize:11},a.exporterPdfTableStyle=a.exporterPdfTableStyle?a.exporterPdfTableStyle:{margin:[0,5,0,15]},a.exporterPdfTableHeaderStyle=a.exporterPdfTableHeaderStyle?a.exporterPdfTableHeaderStyle:{bold:!0,fontSize:12,color:"black"},a.exporterPdfHeader=a.exporterPdfHeader?a.exporterPdfHeader:null,a.exporterPdfFooter=a.exporterPdfFooter?a.exporterPdfFooter:null,a.exporterPdfOrientation=a.exporterPdfOrientation?a.exporterPdfOrientation:"landscape",a.exporterPdfPageSize=a.exporterPdfPageSize?a.exporterPdfPageSize:"A4",a.exporterPdfMaxGridWidth=a.exporterPdfMaxGridWidth?a.exporterPdfMaxGridWidth:720,a.exporterMenuCsv=void 0!==a.exporterMenuCsv?a.exporterMenuCsv:!0,a.exporterMenuPdf=void 0!==a.exporterMenuPdf?a.exporterMenuPdf:!0,a.exporterPdfCustomFormatter=a.exporterPdfCustomFormatter&&"function"==typeof a.exporterPdfCustomFormatter?a.exporterPdfCustomFormatter:function(a){return a},a.exporterFieldCallback=a.exporterFieldCallback?a.exporterFieldCallback:function(a,b,c,d){return d}},addToMenu:function(a){a.api.core.addToGridMenu(a,[{title:g.getSafeText("gridMenu.exporterAllAsCsv"),action:function(){this.grid.api.exporter.csvExport(b.ALL,b.ALL)},shown:function(){return this.grid.options.exporterMenuCsv}},{title:g.getSafeText("gridMenu.exporterVisibleAsCsv"),action:function(){this.grid.api.exporter.csvExport(b.VISIBLE,b.VISIBLE)},shown:function(){return this.grid.options.exporterMenuCsv}},{title:g.getSafeText("gridMenu.exporterSelectedAsCsv"),action:function(){this.grid.api.exporter.csvExport(b.SELECTED,b.VISIBLE)},shown:function(){return this.grid.options.exporterMenuCsv&&this.grid.api.selection&&this.grid.api.selection.getSelectedRows().length>0}},{title:g.getSafeText("gridMenu.exporterAllAsPdf"),action:function(){this.grid.api.exporter.pdfExport(b.ALL,b.ALL)},shown:function(){return this.grid.options.exporterMenuPdf}},{title:g.getSafeText("gridMenu.exporterVisibleAsPdf"),action:function(){this.grid.api.exporter.pdfExport(b.VISIBLE,b.VISIBLE)},shown:function(){return this.grid.options.exporterMenuPdf}},{title:g.getSafeText("gridMenu.exporterSelectedAsPdf"),action:function(){this.grid.api.exporter.pdfExport(b.SELECTED,b.VISIBLE)},shown:function(){return this.grid.options.exporterMenuPdf&&this.grid.api.selection&&this.grid.api.selection.getSelectedRows().length>0}}])},csvExport:function(a,b,c,e){var f=this.getColumnHeaders(a,c),g=this.getData(a,b,c),h=this.formatAsCsv(f,g,a.options.exporterCsvColumnSeparator);!e&&a.options.exporterCsvLinkElement&&(e=a.options.exporterCsvLinkElement),e?this.renderCsvLink(a,h,e):d.logError("Exporter asked to export as csv, but no element provided. Perhaps you should set gridOptions.exporterCsvLinkElement?")},getColumnHeaders:function(a,d){var e=[];return angular.forEach(a.columns,function(f){!f.visible&&d!==b.ALL||f.name===c.selectionRowHeaderColName||-1!==a.options.exporterSuppressColumns.indexOf(f.name)||e.push({name:f.field,displayName:a.options.exporterHeaderFilter?a.options.exporterHeaderFilter(f.displayName):f.displayName,width:f.drawnWidth?f.drawnWidth:f.width,align:"number"===f.colDef.type?"right":"left"})}),e},getData:function(a,e,f){var g,h=[];switch(e){case b.ALL:g=a.rows;break;case b.VISIBLE:g=a.getVisibleRows();break;case b.SELECTED:a.api.selection?g=a.api.selection.getSelectedGridRows():d.logError("selection feature must be enabled to allow selected rows to be exported")}return angular.forEach(g,function(d){var e=[];angular.forEach(a.columns,function(g){if((g.visible||f===b.ALL)&&g.name!==c.selectionRowHeaderColName&&-1===a.options.exporterSuppressColumns.indexOf(g.name)){var h={value:a.options.exporterFieldCallback(a,d,g,a.getCellValue(d,g))};g.colDef.exporterPdfAlign&&(h.alignment=g.colDef.exporterPdfAlign),e.push(h)}}),h.push(e)}),h},formatAsCsv:function(a,b,c){var d=this,e=a.map(function(a){return{value:a.displayName}}),f=d.formatRowAsCsv(this,c)(e)+"\n";return f+=b.map(this.formatRowAsCsv(this,c)).join("\n")},formatRowAsCsv:function(a,b){return function(c){return c.map(a.formatFieldAsCsv).join(b)}},formatFieldAsCsv:function(a){return null==a.value?"":"number"==typeof a.value?a.value:"boolean"==typeof a.value?a.value?"TRUE":"FALSE":"string"==typeof a.value?'"'+a.value.replace(/"/g,'""')+'"':JSON.stringify(a.value)},renderCsvLink:function(a,c,f){var g=f?f:angular.element(a.exporter.gridElm[0].querySelectorAll(".ui-grid-exporter-csv-link"));angular.element(g[0].querySelectorAll(".ui-grid-exporter-csv-link-span"))&&angular.element(g[0].querySelectorAll(".ui-grid-exporter-csv-link-span")).remove();d.getTemplate(a.options.exporterLinkTemplate).then(function(d){var f=angular.element(d);f.children("a").html(f.children("a").html().replace(b.LINK_LABEL,a.options.exporterLinkLabel)),f.children("a").attr("href",f.children("a").attr("href").replace(b.CSV_CONTENT,encodeURIComponent(c)));var h=e(f)(a.exporter.$scope);g.append(h)})},pdfExport:function(a,b,c){var d=this.getColumnHeaders(a,c),e=this.getData(a,b,c),f=this.prepareAsPdf(a,d,e);pdfMake.createPdf(f).open()},prepareAsPdf:function(a,b,c){var d=this.calculatePdfHeaderWidths(a,b),e=b.map(function(a){return{text:a.displayName,style:"tableHeader"}}),f=c.map(this.formatRowAsPdf(this)),g=[e].concat(f),h={pageOrientation:a.options.exporterPdfOrientation,pageSize:a.options.exporterPdfPageSize,content:[{style:"tableStyle",table:{headerRows:1,widths:d,body:g}}],styles:{tableStyle:a.options.exporterPdfTableStyle,tableHeader:a.options.exporterPdfTableHeaderStyle},defaultStyle:a.options.exporterPdfDefaultStyle};return a.options.exporterPdfLayout&&(h.layout=a.options.exporterPdfLayout),a.options.exporterPdfHeader&&h.content.unshift(a.options.exporterPdfHeader),a.options.exporterPdfFooter&&h.content.push(a.options.exporterPdfFooter),a.options.exporterPdfCustomFormatter&&(h=a.options.exporterPdfCustomFormatter(h)),h},calculatePdfHeaderWidths:function(a,b){var c=0;angular.forEach(b,function(a){"number"==typeof a.width&&(c+=a.width)});var d=0;angular.forEach(b,function(a){if("*"===a.width&&(d+=100),"string"==typeof a.width&&a.width.match(/(\d)*%/)){var b=parseInt(a.width.match(/(\d)*%/)[0]);a.width=c*b/100,d+=a.width}});var e=c+d;return b.map(function(b){return"*"===b.width?b.width:b.width*a.options.exporterPdfMaxGridWidth/e})},formatRowAsPdf:function(a){return function(b){return b.map(a.formatFieldAsPdfString)}},formatFieldAsPdfString:function(a){var b;return b=null==a.value?"":"number"==typeof a.value?a.value.toString():"boolean"==typeof a.value?a.value?"TRUE":"FALSE":"string"==typeof a.value?a.value.replace(/"/g,'""'):JSON.stringify(a.value).replace(/^"/,"").replace(/"$/,""),a.alignment&&"string"==typeof a.alignment&&(b={text:b,alignment:a.alignment}),b}};return h}]),a.directive("uiGridExporter",["uiGridExporterConstants","uiGridExporterService","gridUtil","$compile",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,link:function(a,c,d,e){b.initializeGrid(e.grid),e.grid.exporter.$scope=a}}}])}(),function(){"use strict";var a=angular.module("ui.grid.importer",["ui.grid"]);a.constant("uiGridImporterConstants",{featureName:"importer"}),a.service("uiGridImporterService",["$q","uiGridConstants","uiGridImporterConstants","gridUtil","$compile","$interval","i18nService","$window",function(a,b,c,d,e,f,g,h){var i={initializeGrid:function(a,b){b.importer={$scope:a},this.defaultGridOptions(b.options);var c={events:{importer:{}},methods:{importer:{importFile:function(a,b){i.importFile(a,b)}}}};b.api.registerEventsFromObject(c.events),b.api.registerMethodsFromObject(c.methods),b.options.enableImporter&&b.options.importerShowMenu&&(b.api.core.addToGridMenu?i.addToMenu(b):f(function(){b.api.core.addToGridMenu&&i.addToMenu(b)},100,1))},defaultGridOptions:function(a){a.enableImporter||void 0===a.enableImporter?h.hasOwnProperty("File")&&h.hasOwnProperty("FileReader")&&h.hasOwnProperty("FileList")&&h.hasOwnProperty("Blob")?a.enableImporter=!0:(d.logError("The File APIs are not fully supported in this browser, grid importer cannot be used."),a.enableImporter=!1):a.enableImporter=!1,a.importerProcessHeaders=a.importerProcessHeaders||i.processHeaders,a.importerHeaderFilter=a.importerHeaderFilter||function(a){return a},a.importerErrorCallback&&"function"==typeof a.importerErrorCallback||delete a.importerErrorCallback,a.enableImporter!==!0||a.importerDataAddCallback||(d.logError("You have not set an importerDataAddCallback, importer is disabled"),a.enableImporter=!1),a.importerShowMenu=a.importerShowMenu!==!1,a.importerObjectCallback=a.importerObjectCallback||function(a,b){return b}},addToMenu:function(a){a.api.core.addToGridMenu(a,[{title:g.getSafeText("gridMenu.importerTitle")},{templateUrl:"ui-grid/importerMenuItemContainer",action:function(){this.grid.api.importer.importAFile(a)}}])},importThisFile:function(a,b){if(!b)return void d.logError("No file object provided to importThisFile, should be impossible, aborting");var c=new FileReader;switch(b.type){case"application/json":c.onload=i.importJsonClosure(a);break;default:c.onload=i.importCsvClosure(a)}c.readAsText(b)},importJsonClosure:function(a){return function(b){var c,d=[];angular.forEach(i.parseJson(a,b),function(b){c=i.newObject(a),angular.extend(c,b),c=a.options.importerObjectCallback(a,c),d.push(c)}),i.addObjects(a,d)}},parseJson:function(a,b){var c;try{c=JSON.parse(b.target.result)}catch(d){return void i.alertError(a,"importer.invalidJson","File could not be processed, is it valid json? Content was: ",b.target.result)}return Array.isArray(c)?c:(i.alertError(a,"importer.jsonNotarray","Import failed, file is not an array, file was: ",b.target.result),[])},importCsvClosure:function(a){return function(b){var c=i.parseCsv(b);if(!c||c.length<1)return void i.alertError(a,"importer.invalidCsv","File could not be processed, is it valid csv? Content was: ",b.target.result);var d=i.createCsvObjects(a,c);return d&&0!==d.length?void i.addObjects(a,d):void i.alertError(a,"importer.noObjects","Objects were not able to be derived, content was: ",b.target.result)}},parseCsv:function(a){var b=a.target.result;return CSV.parse(b)},createCsvObjects:function(a,b){var c=a.options.importerProcessHeaders(a,b.shift());if(!c||0===c.length)return i.alertError(a,"importer.noHeaders","Column names could not be derived, content was: ",b),[];var d,e=[];return angular.forEach(b,function(b){d=i.newObject(a),angular.forEach(b,function(a,b){null!==c[b]&&(d[c[b]]=a)}),d=a.options.importerObjectCallback(a,d),e.push(d)}),e},processHeaders:function(a,b){var c=[];if(a.options.columnDefs&&0!==a.options.columnDefs.length){var d=i.flattenColumnDefs(a,a.options.columnDefs);return angular.forEach(b,function(a){c.push(d[a]?d[a]:d[a.toLowerCase()]?d[a.toLowerCase()]:null)}),c}return angular.forEach(b,function(a){c.push(a.replace(/[^0-9a-zA-Z\-_]/g,"_"))}),c},flattenColumnDefs:function(a,b){var c={};return angular.forEach(b,function(b){b.name&&(c[b.name]=b.field||b.name,c[b.name.toLowerCase()]=b.field||b.name),b.field&&(c[b.field]=b.field||b.name,c[b.field.toLowerCase()]=b.field||b.name),b.displayName&&(c[b.displayName]=b.field||b.name,c[b.displayName.toLowerCase()]=b.field||b.name),b.displayName&&a.options.importerHeaderFilter&&(c[a.options.importerHeaderFilter(b.displayName)]=b.field||b.name,c[a.options.importerHeaderFilter(b.displayName).toLowerCase()]=b.field||b.name)}),c},addObjects:function(a,c){if(a.api.rowEdit){var d=a.registerDataChangeCallback(function(){a.api.rowEdit.setRowsDirty(a,c),a.deregisterDataChangeCallback(d)},[b.dataChange.ROW]),e=function(){a.deregisterDataChangeCallback(d)};a.importer.$scope.$on("$destroy",e)}a.importer.$scope.$apply(a.options.importerDataAddCallback(a,c))},newObject:function(a){return"undefined"!=typeof a.options&&"undefined"!=typeof a.options.importerNewObject?new a.options.importerNewObject:{}},alertError:function(a,b,c,e){a.options.importerErrorCallback?a.options.importerErrorCallback(a,b,c,e):(h.alert(g.getSafeText(b)),d.logError(c+e))}};return i}]),a.directive("uiGridImporter",["uiGridImporterConstants","uiGridImporterService","gridUtil","$compile",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,link:function(a,c,d,e){b.initializeGrid(a,e.grid)}}}]),a.directive("uiGridImporterMenuItem",["uiGridImporterConstants","uiGridImporterService","gridUtil","$compile",function(a,b,c){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,templateUrl:"ui-grid/importerMenuItem",link:function(a,d,e,f){var g=function(a){if(1===a.srcElement.files.length){var c=a.srcElement.files[0];b.importThisFile(i,c),a.srcElement.form.reset()}},h=d[0].querySelectorAll(".ui-grid-importer-file-chooser"),i=f.grid;1!==h.length?c.logError("Found > 1 or < 1 file choosers within the menu item, error, cannot continue"):h[0].addEventListener("change",g,!1)}}}])}(),function(){"use strict";var a=angular.module("ui.grid.infiniteScroll",["ui.grid"]);a.service("uiGridInfiniteScrollService",["gridUtil","$compile","$timeout",function(){var a={initializeGrid:function(b){a.defaultGridOptions(b.options);var c={events:{infiniteScroll:{needLoadMoreData:function(){}}},methods:{infiniteScroll:{dataLoaded:function(){b.options.loadTimout=!1}}}};b.options.loadTimout=!1,b.api.registerEventsFromObject(c.events),b.api.registerMethodsFromObject(c.methods)},defaultGridOptions:function(a){a.enableInfiniteScroll=a.enableInfiniteScroll!==!1},loadData:function(a){a.options.loadTimout=!0,a.api.infiniteScroll.raise.needLoadMoreData()},checkScroll:function(a,b){var c=a.options.infiniteScrollPercentage?a.options.infiniteScrollPercentage:20;return!a.options.loadTimout&&c>=b?(this.loadData(a),!0):!1}};return a}]),a.directive("uiGridInfiniteScroll",["uiGridInfiniteScrollService",function(a){return{priority:-200,scope:!1,require:"^uiGrid",compile:function(){return{pre:function(b,c,d,e){a.initializeGrid(e.grid)},post:function(){}}}}}]),a.directive("uiGridViewport",["$compile","gridUtil","uiGridInfiniteScrollService","uiGridConstants",function(a,b,c,d){return{priority:-200,scope:!1,link:function(a){a.grid.options.enableInfiniteScroll&&a.$on(d.events.GRID_SCROLL,function(b,d){if(d.y){var e=100-100*d.y.percentage;c.checkScroll(a.grid,e)}})}}}])}(),function(){"use strict";var a=angular.module("ui.grid.moveColumns",["ui.grid"]);a.service("uiGridMoveColumnService",["$q","$timeout","$log",function(a,b){var c={initializeGrid:function(a){var b=this;this.registerPublicApi(a),this.defaultGridOptions(a.options),a.registerColumnBuilder(b.movableColumnBuilder)},registerPublicApi:function(a){var b=this,c={events:{colMovable:{columnPositionChanged:function(){}}},methods:{colMovable:{moveColumn:function(c,d){b.redrawColumnAtPosition(a,c,d)}}}};a.api.registerEventsFromObject(c.events),a.api.registerMethodsFromObject(c.methods)},defaultGridOptions:function(a){a.enableColumnMoving=a.enableColumnMoving!==!1},movableColumnBuilder:function(b,c,d){var e=[];return b.enableColumnMoving=void 0===b.enableColumnMoving?d.enableColumnMoving:b.enableColumnMoving,a.all(e)},redrawColumnAtPosition:function(a,c,d){var e=a.columns,f=function(a){for(var b=a,c=0;b>=c;c++)angular.isDefined(e[c].colDef.visible)&&e[c].colDef.visible===!1&&b++;return b};c=f(c),d=f(d);var g=e[c];if(g.colDef.enableColumnMoving){if(c>d)for(var h=c;h>d;h--)e[h]=e[h-1];else if(d>c)for(var i=c;d>i;i++)e[i]=e[i+1];e[d]=g,b(function(){a.refresh(),a.api.colMovable.raise.columnPositionChanged(g.colDef,c,d)})}}};return c}]),a.directive("uiGridMoveColumns",["uiGridMoveColumnService",function(a){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(b,c,d,e){a.initializeGrid(e.grid)},post:function(){}}}}}]),a.directive("uiGridHeaderCell",["$q","gridUtil","uiGridMoveColumnService","$document",function(a,b,c,d){return{priority:-10,require:"^uiGrid",compile:function(){return{post:function(e,f,g,h){if(e.col.colDef.enableColumnMoving){var i=function(i){if("ui-grid-icon-angle-down"!==i.target.className&&"I"!==i.target.tagName){var j=f.clone();f.append(j),j.addClass("movingColumn");var k={},l=e.grid.element[0].getBoundingClientRect().left,m=f[0].getBoundingClientRect().left;k.left=m-l+"px";var n,o=e.grid.element[0].getBoundingClientRect().right,p=f[0].getBoundingClientRect().right;p>o&&(n=e.col.drawnWidth+(o-p),k.width=n+"px"),j.css(k);var q=i.pageX,r=0,s=l+e.grid.getViewportWidth()-e.grid.verticalScrollbarWidth,t=function(a){h.fireEvent("hide-menu");var c,d=j[0].getBoundingClientRect().left-1,f=j[0].getBoundingClientRect().right,g=a.pageX-q;c="ie"===b.detectBrowser()?d+g:d-l+g,c=s>c?c:s,(d>=l||g>0)&&(s>=f||0>g)?j.css({visibility:"visible",left:c+"px"}):(g*=5,h.fireScrollingEvent({x:{pixels:2.5*g}})),r+=g,q=a.pageX,n<e.col.drawnWidth&&(n+=Math.abs(g),j.css({width:n+"px"}))};e.$on("$destroy",function(){d.off("mousemove",t),d.off("mouseup",u)}),d.on("mousemove",t);var u=function(b){var f,i=a.defer();g.$observe("renderIndex",function(a){f=e.$eval(a),i.resolve()}),i.promise.then(function(){j&&j.remove();for(var a=e.grid.renderContainers.body.renderedColumns,g=0,i=e.grid.columns,k=0;k<i.length&&i[k].colDef.name!==a[0].colDef.name;k++)g++;if(0>r){for(var l=0,m=f-1;m>=0;m--)if(l+=a[m].drawnWidth,l>Math.abs(r)){c.redrawColumnAtPosition(e.grid,g+f,g+m+1);break}l<Math.abs(r)&&c.redrawColumnAtPosition(e.grid,g+f,g+0)}else if(r>0){for(var n=0,o=f+1;o<a.length;o++)if(n+=a[o].drawnWidth,n>r){c.redrawColumnAtPosition(e.grid,g+f,g+o-1);break}r>n&&c.redrawColumnAtPosition(e.grid,g+f,g+a.length-1)}else if(0===r&&h.grid.options.enableSorting&&e.col.enableSorting){var p=!1;b.shiftKey&&(p=!0),h.grid.sortColumn(e.col,p).then(function(){h.columnMenuScope&&h.columnMenuScope.hideMenu(),h.grid.refresh()})}d.off("mousemove",t),d.off("mouseup",u)})};d.on("mouseup",u)}};f.on("mousedown",i)}}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.pagination",["ui.grid"]);a.service("uiGridPaginationService",function(){var a={initializeGrid:function(b){a.defaultGridOptions(b.options),b.pagination={page:1,totalPages:1};var c={methods:{pagination:{getPage:function(){return b.pagination.page},getTotalPages:function(){return b.pagination.totalPages},nextPage:function(){b.pagination.page++,b.refresh()},previousPage:function(){b.pagination.page=Math.max(1,b.pagination.page-1),b.refresh()},seek:function(a){if(!angular.isNumber(a)||1>a)throw"Invalid page number: "+a;b.pagination.page=a,b.refresh()}}}};b.api.registerMethodsFromObject(c.methods),b.registerRowsProcessor(function(a){if(!b.options.enablePagination)return a;b.pagination.totalPages=Math.max(1,Math.ceil(a.length/b.options.rowsPerPage));var c=(b.pagination.page-1)*b.options.rowsPerPage;return c>=a.length&&(b.pagination.page=b.pagination.totalPages,c=(b.pagination.page-1)*b.options.rowsPerPage),a.slice(c,c+b.options.rowsPerPage)})},defaultGridOptions:function(a){a.enablePagination=a.enablePagination!==!1,a.rowsPerPage=angular.isNumber(a.rowsPerPage)?a.rowsPerPage:10}};return a}),a.directive("uiGridPagination",["uiGridPaginationService",function(a){return{priority:-400,scope:!1,require:"^uiGrid",link:{pre:function(b,c,d,e){a.initializeGrid(e.grid)}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.paging",["ui.grid"]);a.service("uiGridPagingService",["gridUtil",function(a){var b={initializeGrid:function(a){b.defaultGridOptions(a.options);var c={events:{paging:{pagingChanged:function(){}}},methods:{paging:{}}};a.api.registerEventsFromObject(c.events),a.api.registerMethodsFromObject(c.methods),a.registerRowsProcessor(function(b){if(a.options.useExternalPaging||!a.options.enablePaging)return b;var c=parseInt(a.options.pagingPageSize,10),d=parseInt(a.options.pagingCurrentPage,10),e=(d-1)*c;return b.slice(e,e+c)})},defaultGridOptions:function(b){b.enablePaging=b.enablePaging!==!1,b.useExternalPaging=b.useExternalPaging===!0,a.isNullOrUndefined(b.totalItems)&&(b.totalItems=0),a.isNullOrUndefined(b.pagingPageSizes)&&(b.pagingPageSizes=[250,500,1e3]),a.isNullOrUndefined(b.pagingPageSize)&&(b.pagingPageSize=b.pagingPageSizes.length>0?b.pagingPageSizes[0]:0),a.isNullOrUndefined(b.pagingCurrentPage)&&(b.pagingCurrentPage=1)},onPagingChanged:function(a,b,c){a.api.paging.raise.pagingChanged(b,c),a.options.useExternalPaging||a.refresh()}};return b}]),a.directive("uiGridPaging",["gridUtil","uiGridPagingService",function(a,b){var c="ui-grid/ui-grid-paging";return{priority:-200,scope:!1,require:"uiGrid",compile:function(){return{pre:function(d,e,f,g){b.initializeGrid(g.grid);var h=g.grid.options.pagingTemplate||c;a.getTemplate(h).then(function(a){var b=angular.element(a);e.append(b),g.innerCompile(b)})},post:function(){}}}}}]),a.directive("uiGridPager",["uiGridPagingService","uiGridConstants","gridUtil","i18nService",function(a,b,c,d){return{priority:-200,scope:!0,require:"^uiGrid",link:function(e,f,g,h){e.sizesLabel=d.getSafeText("paging.sizes"),e.totalItemsLabel=d.getSafeText("paging.totalItems");var i=e.grid.options;h.grid.renderContainers.body.registerViewportAdjuster(function(a){return a.height=a.height-c.elementHeight(f),a}),h.grid.registerDataChangeCallback(function(a){a.options.useExternalPaging||(a.options.totalItems=a.rows.length)},[b.dataChange.ROW]);var j=function(){e.showingLow=(i.pagingCurrentPage-1)*i.pagingPageSize+1,e.showingHigh=Math.min(i.pagingCurrentPage*i.pagingPageSize,i.totalItems)},k=function(){return 0===i.totalItems?1:Math.ceil(i.totalItems/i.pagingPageSize)},l=e.$watch("grid.options.totalItems + grid.options.pagingPageSize",function(){e.currentMaxPages=k(),j()}),m=e.$watch("grid.options.pagingCurrentPage + grid.options.pagingPageSize",function(b,c){if(b!==c){if(!angular.isNumber(i.pagingCurrentPage)||i.pagingCurrentPage<1)return void(i.pagingCurrentPage=1);if(i.totalItems>0&&i.pagingCurrentPage>k())return void(i.pagingCurrentPage=k());j(),a.onPagingChanged(e.grid,i.pagingCurrentPage,i.pagingPageSize)}});e.$on("$destroy",function(){l(),m()}),e.pageForward=function(){i.totalItems>0?i.pagingCurrentPage=Math.min(i.pagingCurrentPage+1,e.currentMaxPages):i.pagingCurrentPage++},e.pageBackward=function(){i.pagingCurrentPage=Math.max(i.pagingCurrentPage-1,1)},e.pageToFirst=function(){i.pagingCurrentPage=1},e.pageToLast=function(){i.pagingCurrentPage=e.currentMaxPages},e.cantPageForward=function(){return i.totalItems>0?i.pagingCurrentPage>=e.currentMaxPages:i.data.length<1},e.cantPageToLast=function(){return i.totalItems>0?e.cantPageForward():!0},e.cantPageBackward=function(){return i.pagingCurrentPage<=1}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.pinning",["ui.grid"]);a.service("uiGridPinningService",["gridUtil","GridRenderContainer","i18nService",function(a,b,c){var d={initializeGrid:function(a){d.defaultGridOptions(a.options),a.registerColumnBuilder(d.pinningColumnBuilder)},defaultGridOptions:function(a){a.enablePinning=a.enablePinning!==!1},pinningColumnBuilder:function(b,d,e){if(b.enablePinning=void 0===b.enablePinning?e.enablePinning:b.enablePinning,b.pinnedLeft?"*"===d.width?d.grid.refresh().then(function(){d.renderContainer="left",d.width=d.grid.canvasWidth/d.grid.columns.length,d.grid.createLeftContainer()}):(d.renderContainer="left",d.grid.createLeftContainer()):b.pinnedRight&&("*"===d.width?d.grid.refresh().then(function(){d.renderContainer="right",d.width=d.grid.canvasWidth/d.grid.columns.length,d.grid.createRightContainer()}):(d.renderContainer="right",d.grid.createRightContainer())),b.enablePinning){var f={name:"ui.grid.pinning.pinLeft",title:c.get().pinning.pinLeft,icon:"ui-grid-icon-left-open",shown:function(){return"undefined"==typeof this.context.col.renderContainer||!this.context.col.renderContainer||"left"!==this.context.col.renderContainer},action:function(){this.context.col.renderContainer="left",this.context.col.width=this.context.col.drawnWidth,this.context.col.grid.createLeftContainer(),d.grid.refresh().then(function(){d.grid.refresh()})}},g={name:"ui.grid.pinning.pinRight",title:c.get().pinning.pinRight,icon:"ui-grid-icon-right-open",shown:function(){return"undefined"==typeof this.context.col.renderContainer||!this.context.col.renderContainer||"right"!==this.context.col.renderContainer},action:function(){this.context.col.renderContainer="right",this.context.col.width=this.context.col.drawnWidth,this.context.col.grid.createRightContainer(),d.grid.refresh().then(function(){d.grid.refresh()})}},h={name:"ui.grid.pinning.unpin",title:c.get().pinning.unpin,icon:"ui-grid-icon-cancel",shown:function(){return"undefined"!=typeof this.context.col.renderContainer&&null!==this.context.col.renderContainer&&"body"!==this.context.col.renderContainer},action:function(){this.context.col.renderContainer=null,d.grid.refresh().then(function(){d.grid.refresh()})}};a.arrayContainsObjectWithProperty(d.menuItems,"name","ui.grid.pinning.pinLeft")||d.menuItems.push(f),a.arrayContainsObjectWithProperty(d.menuItems,"name","ui.grid.pinning.pinRight")||d.menuItems.push(g),a.arrayContainsObjectWithProperty(d.menuItems,"name","ui.grid.pinning.unpin")||d.menuItems.push(h)}}};return d}]),a.directive("uiGridPinning",["gridUtil","uiGridPinningService",function(a,b){return{require:"uiGrid",scope:!1,compile:function(){return{pre:function(a,c,d,e){b.initializeGrid(e.grid)},post:function(){}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.resizeColumns",["ui.grid"]);a.constant("columnBounds",{minWidth:35}),a.service("uiGridResizeColumnsService",["gridUtil","$q","$timeout",function(a,b,c){var d={defaultGridOptions:function(a){a.enableColumnResizing=a.enableColumnResizing!==!1,a.enableColumnResize===!1&&(a.enableColumnResizing=!1)},colResizerColumnBuilder:function(a,c,d){var e=[];return a.enableColumnResizing=void 0===a.enableColumnResizing?d.enableColumnResizing:a.enableColumnResizing,a.enableColumnResize===!1&&(a.enableColumnResizing=!1),b.all(e)},registerPublicApi:function(a){var b={events:{colResizable:{columnSizeChanged:function(){}}}};a.api.registerEventsFromObject(b.events)},fireColumnSizeChanged:function(a,b,d){c(function(){a.api.colResizable.raise.columnSizeChanged(b,d)})}};return d}]),a.directive("uiGridResizeColumns",["gridUtil","uiGridResizeColumnsService",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(a,c,d,e){b.defaultGridOptions(e.grid.options),e.grid.registerColumnBuilder(b.colResizerColumnBuilder),b.registerPublicApi(e.grid)},post:function(){}}}}}]),a.directive("uiGridHeaderCell",["gridUtil","$templateCache","$compile","$q",function(a,b,c,d){return{priority:-10,require:"^uiGrid",compile:function(){return{post:function(a,e,f,g){if(g.grid.options.enableColumnResizing){var h=d.defer(); -f.$observe("renderIndex",function(b){a.renderIndex=a.$eval(b),h.resolve()}),h.promise.then(function(){var d=b.get("ui-grid/columnResizer"),f=angular.element(d).clone(),g=angular.element(d).clone();f.attr("position","left"),g.attr("position","right");var h=a.col,i=h.getRenderContainer(),j=i.renderedColumns[a.renderIndex-1];j&&0!==i.visibleColumnCache.indexOf(a.col)&&j.colDef.enableColumnResizing!==!1&&(e.prepend(f),c(f)(a)),a.col.colDef.enableColumnResizing!==!1&&(e.append(g),c(g)(a))})}}}}}}]),a.directive("uiGridColumnResizer",["$document","gridUtil","uiGridConstants","columnBounds","uiGridResizeColumnsService",function(a,b,c,d,e){var f=angular.element('<div class="ui-grid-resize-overlay"></div>'),g={priority:0,scope:{col:"=",position:"@",renderIndex:"="},require:"?^uiGrid",link:function(g,h,i,j){function k(a){var b=a.getRenderContainer();b.visibleColumnCache.forEach(function(b){if(b!==a){var c=b.colDef;(!c.width||angular.isString(c.width)&&(-1!==c.width.indexOf("*")||-1!==c.width.indexOf("%")))&&(b.width=b.drawnWidth)}})}function l(){j.grid.buildColumns().then(function(){j.grid.refreshCanvas(!0)})}function m(a){a.originalEvent&&(a=a.originalEvent),a.preventDefault(),p=a.clientX-q,0>p?p=0:p>j.grid.gridWidth&&(p=j.grid.gridWidth);var b,e=g.col,h=e.getRenderContainer();if("left"===g.position?(e=h.renderedColumns[g.renderIndex-1],b=g.col):"right"===g.position&&(b=h.renderedColumns[g.renderIndex+1]),e.colDef.enableColumnResizing!==!1){j.grid.element.hasClass("column-resizing")||j.grid.element.addClass("column-resizing");var i=p-o,k=parseInt(e.drawnWidth+i*r,10);e.colDef.minWidth&&k<e.colDef.minWidth?p+=(e.colDef.minWidth-k)*r:!e.colDef.minWidth&&d.minWidth&&k<d.minWidth?p+=e.colDef.minWidth-k:e.colDef.maxWidth&&k>e.colDef.maxWidth&&(p+=(e.colDef.maxWidth-k)*r),f.css({left:p+"px"}),j.fireEvent(c.events.ITEM_DRAGGING)}}function n(b){b.originalEvent&&(b=b.originalEvent),b.preventDefault(),j.grid.element.removeClass("column-resizing"),f.remove(),p=b.clientX-q;var c=p-o;if(0===c)return a.off("mouseup",n),void a.off("mousemove",m);var h,i=g.col,s=i.getRenderContainer();if("left"===g.position?(i=s.renderedColumns[g.renderIndex-1],h=g.col):"right"===g.position&&(h=s.renderedColumns[g.renderIndex+1]),i.colDef.enableColumnResizing!==!1){var t=parseInt(i.drawnWidth+c*r,10);i.colDef.minWidth&&t<i.colDef.minWidth?t=i.colDef.minWidth:!i.colDef.minWidth&&d.minWidth&&t<d.minWidth&&(t=d.minWidth),i.colDef.maxWidth&&t>i.colDef.maxWidth&&(t=i.colDef.maxWidth),i.width=t,k(i),l(c),e.fireColumnSizeChanged(j.grid,i.colDef,c),a.off("mouseup",n),a.off("mousemove",m)}}var o=0,p=0,q=0,r=1;j.grid.isRTL()&&(g.position="left",r=-1),"left"===g.position?h.addClass("left"):"right"===g.position&&h.addClass("right"),h.on("mousedown",function(b){b.originalEvent&&(b=b.originalEvent),b.stopPropagation(),q=j.grid.element[0].getBoundingClientRect().left,o=b.clientX-q,j.grid.element.append(f),f.css({left:o}),a.on("mouseup",n),a.on("mousemove",m)}),h.on("dblclick",function(a){a.stopPropagation();var f,i,m=g.col,n=m.getRenderContainer();"left"===g.position?(m=n.renderedColumns[g.renderIndex-1],f=g.col,i=1):"right"===g.position&&(f=n.renderedColumns[g.renderIndex+1],f=n.renderedColumns[g.renderIndex+1],i=-1);var o=0,p=0,q=b.closestElm(h,".ui-grid-render-container"),r=q.querySelectorAll("."+c.COL_CLASS_PREFIX+m.uid+" .ui-grid-cell-contents");Array.prototype.forEach.call(r,function(a){var c;angular.element(a).parent().hasClass("ui-grid-header-cell")&&(c=angular.element(a).parent()[0].querySelectorAll(".ui-grid-column-menu-button")),b.fakeElement(a,{},function(a){var d=angular.element(a);d.attr("style","float: left");var e=b.elementWidth(d);if(c){var f=b.elementWidth(c);e+=f}e>o&&(o=e,p=o-e)})}),m.colDef.minWidth&&o<m.colDef.minWidth?o=m.colDef.minWidth:!m.colDef.minWidth&&d.minWidth&&o<d.minWidth&&(o=d.minWidth),m.colDef.maxWidth&&o>m.colDef.maxWidth&&(o=m.colDef.maxWidth),m.width=parseInt(o,10),k(m),l(p),e.fireColumnSizeChanged(j.grid,m.colDef,p)}),h.on("$destroy",function(){h.off("mousedown"),h.off("dblclick"),a.off("mousemove",m),a.off("mouseup",n)})}};return g}])}(),function(){"use strict";var a=angular.module("ui.grid.rowEdit",["ui.grid","ui.grid.edit","ui.grid.cellNav"]);a.constant("uiGridRowEditConstants",{}),a.service("uiGridRowEditService",["$interval","$q","uiGridConstants","uiGridRowEditConstants","gridUtil",function(a,b,c,d,e){var f={initializeGrid:function(a,b){b.rowEdit={};var c={events:{rowEdit:{saveRow:function(){}}},methods:{rowEdit:{setSavePromise:function(a,b,c){f.setSavePromise(a,b,c)},getDirtyRows:function(a){return a.rowEdit.dirtyRows?a.rowEdit.dirtyRows:[]},getErrorRows:function(a){return a.rowEdit.errorRows?a.rowEdit.errorRows:[]},flushDirtyRows:function(a){return f.flushDirtyRows(a)},setRowsDirty:function(a,b){f.setRowsDirty(a,b)}}}};b.api.registerEventsFromObject(c.events),b.api.registerMethodsFromObject(c.methods),b.api.core.on.renderingComplete(a,function(){b.api.edit.on.afterCellEdit(a,f.endEditCell),b.api.edit.on.beginCellEdit(a,f.beginEditCell),b.api.edit.on.cancelCellEdit(a,f.cancelEditCell),b.api.cellNav&&b.api.cellNav.on.navigate(a,f.navigate)})},defaultGridOptions:function(){},saveRow:function(a,b){var c=this;return function(){b.isSaving=!0;var d=a.api.rowEdit.raise.saveRow(b.entity);return b.rowEditSavePromise?b.rowEditSavePromise.then(c.processSuccessPromise(a,b),c.processErrorPromise(a,b)):e.logError("A promise was not returned when saveRow event was raised, either nobody is listening to event, or event handler did not return a promise"),d}},setSavePromise:function(a,b,c){var d=a.getRow(b);d.rowEditSavePromise=c},processSuccessPromise:function(a,b){var c=this;return function(){delete b.isSaving,delete b.isDirty,delete b.isError,delete b.rowEditSaveTimer,c.removeRow(a.rowEdit.errorRows,b),c.removeRow(a.rowEdit.dirtyRows,b)}},processErrorPromise:function(a,b){return function(){delete b.isSaving,delete b.rowEditSaveTimer,b.isError=!0,a.rowEdit.errorRows||(a.rowEdit.errorRows=[]),f.isRowPresent(a.rowEdit.errorRows,b)||a.rowEdit.errorRows.push(b)}},removeRow:function(a,b){angular.forEach(a,function(c,d){c.uid===b.uid&&a.splice(d,1)})},isRowPresent:function(a,b){var c=!1;return angular.forEach(a,function(a){a.uid===b.uid&&(c=!0)}),c},flushDirtyRows:function(a){var c=[];return angular.forEach(a.rowEdit.dirtyRows,function(b){f.saveRow(a,b)(),c.push(b.rowEditSavePromise)}),b.all(c)},endEditCell:function(a,b,c,d){var g=this.grid,h=g.getRow(a);return h?void((c!==d||h.isDirty)&&(g.rowEdit.dirtyRows||(g.rowEdit.dirtyRows=[]),h.isDirty||(h.isDirty=!0,g.rowEdit.dirtyRows.push(h)),delete h.isError,f.considerSetTimer(g,h))):void e.logError("Unable to find rowEntity in grid data, dirty flag cannot be set")},beginEditCell:function(a){var b=this.grid,c=b.getRow(a);return c?void f.cancelTimer(b,c):void e.logError("Unable to find rowEntity in grid data, timer cannot be cancelled")},cancelEditCell:function(a){var b=this.grid,c=b.getRow(a);return c?void f.considerSetTimer(b,c):void e.logError("Unable to find rowEntity in grid data, timer cannot be set")},navigate:function(a,b){var c=this.grid;a.row.rowEditSaveTimer&&f.cancelTimer(c,a.row),b&&b.row&&b.row!==a.row&&f.considerSetTimer(c,b.row)},considerSetTimer:function(b,c){if(f.cancelTimer(b,c),c.isDirty&&!c.isSaving&&-1!==b.options.rowEditWaitInterval){var d=b.options.rowEditWaitInterval?b.options.rowEditWaitInterval:2e3;c.rowEditSaveTimer=a(f.saveRow(b,c),d,1)}},cancelTimer:function(b,c){c.rowEditSaveTimer&&!c.isSaving&&(a.cancel(c.rowEditSaveTimer),delete c.rowEditSaveTimer)},setRowsDirty:function(a,b){var c;b.forEach(function(b){c=a.getRow(b),c?(a.rowEdit.dirtyRows||(a.rowEdit.dirtyRows=[]),c.isDirty||(c.isDirty=!0,a.rowEdit.dirtyRows.push(c)),delete c.isError,f.considerSetTimer(a,c)):e.logError("requested row not found in rowEdit.setRowsDirty, row was: "+b)})}};return f}]),a.directive("uiGridRowEdit",["gridUtil","uiGridRowEditService","uiGridEditConstants",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(a,c,d,e){b.initializeGrid(a,e.grid)},post:function(){}}}}}]),a.directive("uiGridViewport",["$compile","uiGridConstants","gridUtil","$parse",function(){return{priority:-200,scope:!1,compile:function(a){var b=angular.element(a.children().children()[0]),c=b.attr("ng-class"),d="";return d=c?c.slice(0,-1)+", 'ui-grid-row-dirty': row.isDirty, 'ui-grid-row-saving': row.isSaving, 'ui-grid-row-error': row.isError}":"{'ui-grid-row-dirty': row.isDirty, 'ui-grid-row-saving': row.isSaving, 'ui-grid-row-error': row.isError}",b.attr("ng-class",d),{pre:function(){},post:function(){}}}}}])}(),function(){"use strict";var a=angular.module("ui.grid.selection",["ui.grid"]);a.constant("uiGridSelectionConstants",{featureName:"selection",selectionRowHeaderColName:"selectionRowHeaderCol"}),a.service("uiGridSelectionService",["$q","$templateCache","uiGridSelectionConstants","gridUtil",function(){var a={initializeGrid:function(b){b.selection={},b.selection.lastSelectedRow=null,b.selection.selectAll=!1,a.defaultGridOptions(b.options);var c={events:{selection:{rowSelectionChanged:function(){},rowSelectionChangedBatch:function(){}}},methods:{selection:{toggleRowSelection:function(c){var d=b.getRow(c);null!==d&&a.toggleRowSelection(b,d,b.options.multiSelect,b.options.noUnselect)},selectRow:function(c){var d=b.getRow(c);null===d||d.isSelected||a.toggleRowSelection(b,d,b.options.multiSelect,b.options.noUnselect)},selectRowByVisibleIndex:function(c){var d=b.renderContainers.body.visibleRowCache[c];null===d||d.isSelected||a.toggleRowSelection(b,d,b.options.multiSelect,b.options.noUnselect)},unSelectRow:function(c){var d=b.getRow(c);null!==d&&d.isSelected&&a.toggleRowSelection(b,d,b.options.multiSelect,b.options.noUnselect)},selectAllRows:function(){if(b.options.multiSelect!==!1){var c=[];b.rows.forEach(function(d){d.isSelected||(d.isSelected=!0,a.decideRaiseSelectionEvent(b,d,c))}),a.decideRaiseSelectionBatchEvent(b,c)}},selectAllVisibleRows:function(){if(b.options.multiSelect!==!1){var c=[];b.rows.forEach(function(d){d.visible?d.isSelected||(d.isSelected=!0,a.decideRaiseSelectionEvent(b,d,c)):d.isSelected&&(d.isSelected=!1,a.decideRaiseSelectionEvent(b,d,c))}),a.decideRaiseSelectionBatchEvent(b,c)}},clearSelectedRows:function(){a.clearSelectedRows(b)},getSelectedRows:function(){return a.getSelectedRows(b).map(function(a){return a.entity})},getSelectedGridRows:function(){return a.getSelectedRows(b)},setMultiSelect:function(a){b.options.multiSelect=a},setModifierKeysToMultiSelect:function(a){b.options.modifierKeysToMultiSelect=a},getSelectAllState:function(){return b.selection.selectAll}}}};b.api.registerEventsFromObject(c.events),b.api.registerMethodsFromObject(c.methods)},defaultGridOptions:function(a){a.enableRowSelection=a.enableRowSelection!==!1,a.multiSelect=a.multiSelect!==!1,a.noUnselect=a.noUnselect===!0,a.modifierKeysToMultiSelect=a.modifierKeysToMultiSelect===!0,a.enableRowHeaderSelection=a.enableRowHeaderSelection!==!1,a.enableSelectAll=a.enableSelectAll!==!1,a.enableSelectionBatchEvent=a.enableSelectionBatchEvent!==!1,a.selectionRowHeaderWidth=angular.isDefined(a.selectionRowHeaderWidth)?a.selectionRowHeaderWidth:30},toggleRowSelection:function(b,c,d,e){var f=c.isSelected;if(d||f){if(!d&&f){var g=a.getSelectedRows(b);g.length>1&&(f=!1,a.clearSelectedRows(b))}}else a.clearSelectedRows(b);f&&e||(c.isSelected=!f,c.isSelected===!0&&(b.selection.lastSelectedRow=c),b.api.selection.raise.rowSelectionChanged(c))},shiftSelect:function(b,c,d){if(d){var e=a.getSelectedRows(b),f=e.length>0?b.renderContainers.body.visibleRowCache.indexOf(b.selection.lastSelectedRow):0,g=b.renderContainers.body.visibleRowCache.indexOf(c);if(f>g){var h=f;f=g,g=h}for(var i=[],j=f;g>=j;j++){var k=b.renderContainers.body.visibleRowCache[j];k&&(k.isSelected||(k.isSelected=!0,b.selection.lastSelectedRow=k,a.decideRaiseSelectionEvent(b,k,i)))}a.decideRaiseSelectionBatchEvent(b,i)}},getSelectedRows:function(a){return a.rows.filter(function(a){return a.isSelected})},clearSelectedRows:function(b){var c=[];a.getSelectedRows(b).forEach(function(d){d.isSelected&&(d.isSelected=!1,a.decideRaiseSelectionEvent(b,d,c))}),a.decideRaiseSelectionBatchEvent(b,c)},decideRaiseSelectionEvent:function(a,b,c){a.options.enableSelectionBatchEvent?c.push(b):a.api.selection.raise.rowSelectionChanged(b)},decideRaiseSelectionBatchEvent:function(a,b){b.length>0&&a.api.selection.raise.rowSelectionChangedBatch(b)}};return a}]),a.directive("uiGridSelection",["uiGridSelectionConstants","uiGridSelectionService","$templateCache",function(a,b){return{replace:!0,priority:0,require:"^uiGrid",scope:!1,compile:function(){return{pre:function(c,d,e,f){if(b.initializeGrid(f.grid),f.grid.options.enableRowHeaderSelection){var g={name:a.selectionRowHeaderColName,displayName:"",width:f.grid.options.selectionRowHeaderWidth,cellTemplate:"ui-grid/selectionRowHeader",headerCellTemplate:"ui-grid/selectionHeaderCell",enableColumnResizing:!1,enableColumnMenu:!1};f.grid.addRowHeaderColumn(g)}},post:function(){}}}}}]),a.directive("uiGridSelectionRowHeaderButtons",["$templateCache","uiGridSelectionService",function(a,b){return{replace:!0,restrict:"E",template:a.get("ui-grid/selectionRowHeaderButtons"),scope:!0,require:"^uiGrid",link:function(a,c,d,e){var f=e.grid;a.selectButtonClick=function(a,c){c.shiftKey?b.shiftSelect(f,a,f.options.multiSelect):c.ctrlKey||c.metaKey?b.toggleRowSelection(f,a,f.options.multiSelect,f.options.noUnselect):b.toggleRowSelection(f,a,f.options.multiSelect&&!f.options.modifierKeysToMultiSelect,f.options.noUnselect)}}}}]),a.directive("uiGridSelectionSelectAllButtons",["$templateCache","uiGridSelectionService",function(a,b){return{replace:!0,restrict:"E",template:a.get("ui-grid/selectionSelectAllButtons"),scope:!1,link:function(a){var c=a.col.grid;a.headerButtonClick=function(){c.selection.selectAll?(b.clearSelectedRows(c),c.options.noUnselect&&c.api.selection.selectRowByVisibleIndex(0),c.selection.selectAll=!1):c.options.multiSelect&&(c.api.selection.selectAllVisibleRows(),c.selection.selectAll=!0)}}}}]),a.directive("uiGridViewport",["$compile","uiGridConstants","uiGridSelectionConstants","gridUtil","$parse","uiGridSelectionService",function(){return{priority:-200,scope:!1,compile:function(a){var b=angular.element(a.children().children()[0]),c=b.attr("ng-class"),d="";return d=c?c.slice(0,-1)+",'ui-grid-row-selected': row.isSelected}":"{'ui-grid-row-selected': row.isSelected}",b.attr("ng-class",d),{pre:function(){},post:function(){}}}}}]),a.directive("uiGridCell",["$compile","uiGridConstants","uiGridSelectionConstants","gridUtil","$parse","uiGridSelectionService",function(a,b,c,d,e,f){return{priority:-200,restrict:"A",scope:!1,link:function(a,b){function c(){var c=0,d=300,e=function(b){b.shiftKey?f.shiftSelect(a.grid,a.row,a.grid.options.multiSelect):b.ctrlKey||b.metaKey?f.toggleRowSelection(a.grid,a.row,a.grid.options.multiSelect,a.grid.options.noUnselect):f.toggleRowSelection(a.grid,a.row,a.grid.options.multiSelect&&!a.grid.options.modifierKeysToMultiSelect,a.grid.options.noUnselect),a.$apply()};b.on("touchstart",function(){c=(new Date).getTime()}),b.on("touchend",function(a){var b=(new Date).getTime(),f=b-c;d>f&&e(a)}),b.on("click",function(a){e(a)})}a.grid.options.enableRowSelection&&!a.grid.options.enableRowHeaderSelection&&(b.addClass("ui-grid-disable-selection"),c())}}}])}(),angular.module("ui.grid").run(["$templateCache",function(a){"use strict";a.put("ui-grid/ui-grid-footer",'<div class="ui-grid-footer-panel"><div ui-grid-group-panel ng-show="grid.options.showGroupPanel"></div><div class="ui-grid-footer ui-grid-footer-viewport"><div class="ui-grid-footer-canvas"><div ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" ui-grid-footer-cell col="col" render-index="$index" class="ui-grid-footer-cell clearfix" ng-style="$index === 0 && colContainer.columnStyle($index)"></div></div></div></div>'),a.put("ui-grid/ui-grid-group-panel",'<div class="ui-grid-group-panel"><div ui-t="groupPanel.description" class="description" ng-show="groupings.length == 0"></div><ul ng-show="groupings.length > 0" class="ngGroupList"><li class="ngGroupItem" ng-repeat="group in configGroups"><span class="ngGroupElement"><span class="ngGroupName">{{group.displayName}} <span ng-click="removeGroup($index)" class="ngRemoveGroup">x</span></span> <span ng-hide="$last" class="ngGroupArrow"></span></span></li></ul></div>'),a.put("ui-grid/ui-grid-header",'<div class="ui-grid-header"><div class="ui-grid-top-panel"><div ui-grid-group-panel ng-show="grid.options.showGroupPanel"></div><div class="ui-grid-header-viewport"><div class="ui-grid-header-canvas"><div class="ui-grid-header-cell clearfix" ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" ui-grid-header-cell col="col" render-index="$index" ng-style="$index === 0 && colContainer.columnStyle($index)"></div></div></div><div ui-grid-menu></div></div></div>'),a.put("ui-grid/ui-grid-menu-button",'<div class="ui-grid-menu-button" ng-click="toggleMenu()"><div class="ui-grid-icon-container"><i class="ui-grid-icon-menu"> </i></div><div ui-grid-menu menu-items="menuItems"></div></div>'),a.put("ui-grid/ui-grid-no-header",'<div class="ui-grid-top-panel"></div>'),a.put("ui-grid/ui-grid-row",'<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell" ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader }" ui-grid-cell></div>'),a.put("ui-grid/ui-grid",'<div ui-i18n="en" class="ui-grid"><!-- TODO (c0bra): add "scoped" attr here, eventually? --><style ui-grid-style>.grid{{ grid.id }} {\n /* Styles for the grid */\n }\n\n .grid{{ grid.id }} .ui-grid-row, .grid{{ grid.id }} .ui-grid-cell, .grid{{ grid.id }} .ui-grid-cell .ui-grid-vertical-bar {\n height: {{ grid.options.rowHeight }}px;\n }\n\n .grid{{ grid.id }} .ui-grid-row:last-child .ui-grid-cell {\n border-bottom-width: {{ ((grid.getTotalRowHeight() < grid.getViewportHeight()) && \'1\') || \'0\' }}px;\n }\n\n {{ grid.verticalScrollbarStyles }}\n {{ grid.horizontalScrollbarStyles }}\n\n .ui-grid[dir=rtl] .ui-grid-viewport {\n padding-left: {{ grid.verticalScrollbarWidth }}px;\n }\n\n {{ grid.customStyles }}</style><div ui-grid-menu-button ng-if="grid.options.enableGridMenu"></div><div ui-grid-render-container container-id="\'body\'" col-container-name="\'body\'" row-container-name="\'body\'" bind-scroll-horizontal="true" bind-scroll-vertical="true" enable-horizontal-scrollbar="grid.options.enableHorizontalScrollbar" enable-vertical-scrollbar="grid.options.enableVerticalScrollbar"></div><div ui-grid-column-menu ng-if="grid.options.enableColumnMenus"></div><div ng-transclude></div></div>'),a.put("ui-grid/uiGridCell",'<div class="ui-grid-cell-contents">{{COL_FIELD CUSTOM_FILTERS}}</div>'),a.put("ui-grid/uiGridColumnFilter",'<li class="ui-grid-menu-item ui-grid-clearfix ui-grid-column-filter" ng-show="itemShown()" ng-click="$event.stopPropagation();"><div class="input-container"><input class="column-filter-input" type="text" ng-model="item.model" placeholder="{{ i18n.search.placeholder }}"><div class="column-filter-cancel-icon-container"><i class="ui-grid-filter-cancel ui-grid-icon-cancel column-filter-cancel-icon"> </i></div></div><div style="button-container" ng-click="item.action($event)"><div class="ui-grid-button"><i class="ui-grid-icon-search"> </i></div></div></li>'),a.put("ui-grid/uiGridColumnMenu",'<div class="ui-grid-column-menu"><div ui-grid-menu menu-items="menuItems"><!-- <div class="ui-grid-column-menu">\n <div class="inner" ng-show="menuShown">\n <ul>\n <div ng-show="grid.options.enableSorting">\n <li ng-click="sortColumn($event, asc)" ng-class="{ \'selected\' : col.sort.direction == asc }"><i class="ui-grid-icon-sort-alt-up"></i> Sort Ascending</li>\n <li ng-click="sortColumn($event, desc)" ng-class="{ \'selected\' : col.sort.direction == desc }"><i class="ui-grid-icon-sort-alt-down"></i> Sort Descending</li>\n <li ng-show="col.sort.direction" ng-click="unsortColumn()"><i class="ui-grid-icon-cancel"></i> Remove Sort</li>\n </div>\n </ul>\n </div>\n </div> --></div></div>'),a.put("ui-grid/uiGridFooterCell",'<div class="ui-grid-cell-contents" col-index="renderIndex"><div>{{ col.getAggregationValue() }}</div></div>'),a.put("ui-grid/uiGridHeaderCell",'<div ng-class="{ \'sortable\': sortable }"><div class="ui-grid-vertical-bar"> </div><div class="ui-grid-cell-contents" col-index="renderIndex"><span>{{ col.displayName CUSTOM_FILTERS }}</span> <span ui-grid-visible="col.sort.direction" ng-class="{ \'ui-grid-icon-up-dir\': col.sort.direction == asc, \'ui-grid-icon-down-dir\': col.sort.direction == desc, \'ui-grid-icon-blank\': !col.sort.direction }"> </span></div><div class="ui-grid-column-menu-button" ng-if="grid.options.enableColumnMenus && !col.isRowHeader && col.colDef.enableColumnMenu !== false" class="ui-grid-column-menu-button" ng-click="toggleMenu($event)"><i class="ui-grid-icon-angle-down"> </i></div><div ng-if="filterable" class="ui-grid-filter-container" ng-repeat="colFilter in col.filters"><input type="text" class="ui-grid-filter-input" ng-model="colFilter.term" ng-click="$event.stopPropagation()" ng-attr-placeholder="{{colFilter.placeholder || \'\'}}"><div class="ui-grid-filter-button" ng-click="colFilter.term = null"><i class="ui-grid-icon-cancel" ng-show="!!colFilter.term"> </i><!-- use !! because angular interprets \'f\' as false --></div></div></div>'),a.put("ui-grid/uiGridMenu",'<div class="ui-grid-menu" ng-if="shown"><div class="ui-grid-menu-mid" ng-show="shownMid"><div class="ui-grid-menu-inner"><ul class="ui-grid-menu-items"><li ng-repeat="item in menuItems" ui-grid-menu-item action="item.action" title="item.title" active="item.active" icon="item.icon" shown="item.shown" context="item.context" template-url="item.templateUrl"></li></ul></div></div></div>'),a.put("ui-grid/uiGridMenuItem",'<li class="ui-grid-menu-item" ng-click="itemAction($event, title)" ng-show="itemShown()" ng-class="{ \'ui-grid-menu-item-active\' : active() }"><i ng-class="icon"></i> {{ title }}</li>'),a.put("ui-grid/uiGridRenderContainer",'<div class="ui-grid-render-container"><div ui-grid-header></div><div ui-grid-viewport></div><div ui-grid-footer ng-if="grid.options.showFooter"></div><!-- native scrolling --><div ui-grid-native-scrollbar ng-if="enableVerticalScrollbar" type="vertical"></div><div ui-grid-native-scrollbar ng-if="enableHorizontalScrollbar" type="horizontal"></div></div>'),a.put("ui-grid/uiGridViewport",'<div class="ui-grid-viewport"><div class="ui-grid-canvas"><div ng-repeat="(rowRenderIndex, row) in rowContainer.renderedRows track by $index" class="ui-grid-row" ng-style="containerCtrl.rowStyle(rowRenderIndex)"><div ui-grid-row="row" row-render-index="rowRenderIndex"></div></div></div></div>'),a.put("ui-grid/cellEditor",'<div><form name="inputForm"><input type="{{inputType}}" ng-class="\'colt\' + col.uid" ui-grid-editor ng-model="MODEL_COL_FIELD"></form></div>'),a.put("ui-grid/dropdownEditor",'<div><form name="inputForm"><select ng-class="\'colt\' + col.uid" ui-grid-edit-dropdown ng-model="MODEL_COL_FIELD" ng-options="field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray"></select></form></div>'),a.put("ui-grid/expandableRow",'<div ui-grid-expandable-row ng-if="expandableRow.shouldRenderExpand()" class="expandableRow" style="float:left; margin-top: 1px; margin-bottom: 1px" ng-style="{width: (grid.renderContainers.body.getCanvasWidth() - grid.verticalScrollbarWidth) + \'px\'\n , height: grid.options.expandableRowHeight + \'px\'}"></div>'),a.put("ui-grid/expandableRowHeader",'<div class="ui-grid-row-header-cell ui-grid-expandable-buttons-cell"><div class="ui-grid-cell-contents"><i ng-class="{ \'ui-grid-icon-plus-squared\' : !row.isExpanded, \'ui-grid-icon-minus-squared\' : row.isExpanded }" ng-click="grid.api.expandable.toggleRowExpansion(row.entity)"></i></div></div>'),a.put("ui-grid/expandableScrollFiller","<div ng-if=\"expandableRow.shouldRenderFiller()\" style=\"float:left; margin-top: 2px; margin-bottom: 2px\" ng-style=\"{ width: (grid.getViewportWidth()) + 'px',\n height: grid.options.expandableRowHeight + 'px', 'margin-left': grid.options.rowHeader.rowHeaderWidth + 'px' }\"><i class=\"ui-grid-icon-spin5 ui-grid-animate-spin\" ng-style=\"{ 'margin-top': ( grid.options.expandableRowHeight/2 - 5) + 'px',\n 'margin-left' : ((grid.getViewportWidth() - grid.options.rowHeader.rowHeaderWidth)/2 - 5) + 'px' }\"></i></div>"),a.put("ui-grid/csvLink",'<span class="ui-grid-exporter-csv-link-span"><a href="data:text/csv;charset=UTF-8,CSV_CONTENT">LINK_LABEL</a></span>'),a.put("ui-grid/importerMenuItem",'<li class="ui-grid-menu-item"><form><input class="ui-grid-importer-file-chooser" type="file" id="files" name="files[]"></form></li>'),a.put("ui-grid/importerMenuItemContainer","<div ui-grid-importer-menu-item></div>"),a.put("ui-grid/ui-grid-paging",'<div class="ui-grid-pager-panel" ui-grid-pager><div class="ui-grid-pager-container"><div class="ui-grid-pager-control"><button type="button" ng-click="pageToFirst()" ng-disabled="cantPageBackward()"><div class="first-triangle"><div class="first-bar"></div></div></button> <button type="button" ng-click="pageBackward()" ng-disabled="cantPageBackward()"><div class="first-triangle prev-triangle"></div></button> <input type="number" ng-model="grid.options.pagingCurrentPage" min="1" max="{{currentMaxPages}}" required> <span class="ui-grid-pager-max-pages-number" ng-show="currentMaxPages > 0">/ {{currentMaxPages}}</span> <button type="button" ng-click="pageForward()" ng-disabled="cantPageForward()"><div class="last-triangle next-triangle"></div></button> <button type="button" ng-click="pageToLast()" ng-disabled="cantPageToLast()"><div class="last-triangle"><div class="last-bar"></div></div></button></div><div class="ui-grid-pager-row-count-picker"><select ng-model="grid.options.pagingPageSize" ng-options="o as o for o in grid.options.pagingPageSizes"></select><span class="ui-grid-pager-row-count-label"> {{sizesLabel}}</span></div></div><div class="ui-grid-pager-count-container"><div class="ui-grid-pager-count"><span ng-show="grid.options.totalItems > 0">{{showingLow}} - {{showingHigh}} of {{grid.options.totalItems}} {{totalItemsLabel}}</span></div></div></div>'),a.put("ui-grid/columnResizer",'<div ui-grid-column-resizer ng-if="grid.options.enableColumnResizing" class="ui-grid-column-resizer" col="col" position="right" render-index="renderIndex"></div>'),a.put("ui-grid/selectionHeaderCell",'<div><div class="ui-grid-vertical-bar"> </div><div class="ui-grid-cell-contents" col-index="renderIndex"><ui-grid-selection-select-all-buttons ng-if="grid.options.enableSelectAll"></ui-grid-selection-select-all-buttons></div></div>'),a.put("ui-grid/selectionRowHeader",'<div class="ui-grid-row-header-cell ui-grid-disable-selection"><div class="ui-grid-cell-contents"><ui-grid-selection-row-header-buttons></ui-grid-selection-row-header-buttons></div></div>'),a.put("ui-grid/selectionRowHeaderButtons",'<div class="ui-grid-selection-row-header-buttons ui-grid-icon-ok" ng-class="{\'ui-grid-row-selected\': row.isSelected}" ng-click="selectButtonClick(row, $event)"> </div>'),a.put("ui-grid/selectionSelectAllButtons",'<div class="ui-grid-selection-row-header-buttons ui-grid-icon-ok" ng-class="{\'ui-grid-all-selected\': grid.selection.selectAll}" ng-click="headerButtonClick($event)"> </div>')}]);
\ No newline at end of file diff --git a/src/main/resources/META-INF/resources/designer/partials/grid.html b/src/main/resources/META-INF/resources/designer/partials/grid.html deleted file mode 100644 index a63fe7a04..000000000 --- a/src/main/resources/META-INF/resources/designer/partials/grid.html +++ /dev/null @@ -1,35 +0,0 @@ -<!-- - ============LICENSE_START======================================================= - ONAP CLAMP - ================================================================================ - Copyright (C) 2017 AT&T Intellectual Property. All rights - reserved. - ================================================================================ - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. - ============LICENSE_END============================================ - =================================================================== - - --> - - - - - - -<div attribute-test="grid" class="container-fluid"> - <div attribute-test="grid" class="row-fluid"> - <div class="col-lg-12"> - <div ui-grid="gridOptions" ui-grid-cellNav ui-grid-pinning ui-grid-selection ui-grid-paging ui-grid-resize-columns class="grid"></div> - </div> - </div> -</div> diff --git a/src/main/resources/META-INF/resources/designer/scripts/app.js b/src/main/resources/META-INF/resources/designer/scripts/app.js index 3fb0a242e..daa64806a 100644 --- a/src/main/resources/META-INF/resources/designer/scripts/app.js +++ b/src/main/resources/META-INF/resources/designer/scripts/app.js @@ -31,16 +31,9 @@ var app = angular.module('clds-app', ['ngRoute', 'angular-loading-bar', 'ngAnimate', 'dialogs.main', - 'ui.grid', - 'ui.grid.resizeColumns', - 'ui.grid.paging', - 'ui.grid.selection', - 'ui.grid.cellNav', - 'ui.grid.pinning', 'ngSanitize', 'ngCookies', - 'ui.bootstrap.modal', - 'ui.grid.exporter' + 'ui.bootstrap.modal' ]) .config(['cfpLoadingBarProvider', function(cfpLoadingBarProvider) { |
