diff --git a/bower.json b/bower.json index 374dc6cf..a012792c 100755 --- a/bower.json +++ b/bower.json @@ -44,14 +44,8 @@ "angular-translate": "~2.14.0", "angular-translate-interpolation-messageformat": "~2.14.0", "angular-sanitize": "~1.6.0", - "highcharts": "^5.0.11", "color": "^3.0.4" }, - "overrides": { - "highcharts": { - "main": "highstock.js" - } - }, "devDependencies": { "angular-mocks": "~1.6.0", "angular-scenario": "~1.6.0", diff --git a/dist/impac-angular.css b/dist/impac-angular.css index edfca180..a6ffbbc8 100644 --- a/dist/impac-angular.css +++ b/dist/impac-angular.css @@ -1054,7 +1054,6 @@ img { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; - -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; @@ -2475,7 +2474,6 @@ output { border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { @@ -3370,7 +3368,6 @@ input[type="button"].btn-block { } .fade { opacity: 0; - -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { @@ -3392,11 +3389,8 @@ tbody.collapse.in { position: relative; height: 0; overflow: hidden; - -webkit-transition-property: height, visibility; transition-property: height, visibility; - -webkit-transition-duration: 0.35s; transition-duration: 0.35s; - -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { @@ -4897,7 +4891,6 @@ a.badge:focus { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; - -webkit-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, @@ -5023,12 +5016,10 @@ a.thumbnail.active { text-align: center; background-color: #00e5f0; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } @@ -5041,28 +5032,24 @@ a.thumbnail.active { background-color: #00e5f0; } .progress-striped .progress-bar-success { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #00e5f0; } .progress-striped .progress-bar-info { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #977bf0; } .progress-striped .progress-bar-warning { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #e01f74; } .progress-striped .progress-bar-danger { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { @@ -5751,7 +5738,6 @@ button.close { .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); transform: translate(0, -25%); - -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; @@ -6105,7 +6091,6 @@ button.close { .carousel-inner > .item { display: none; position: relative; - -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, @@ -6114,7 +6099,6 @@ button.close { } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { - -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; @@ -6188,7 +6172,6 @@ button.close { background-color: rgba(0, 0, 0, 0); } .carousel-control.left { - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); @@ -6196,7 +6179,6 @@ button.close { .carousel-control.right { left: auto; right: 0; - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); @@ -7001,7 +6983,6 @@ body { height: 80% !important; } * { - -webkit-transition: none !important; transition: none !important; } } @@ -7058,6 +7039,161 @@ body { .kpi-alerts-settings .modal-body ul.available { margin-top: 0px; } +#module__dashboard-selector a { + font-weight: normal; +} +#module__dashboard-selector > div:first-child { + border-bottom: 1px solid #abc4c6; +} +#module__dashboard-selector .buttons-bar-row { + margin-top: 54px; +} +#module__dashboard-selector .buttons-bar-row.pdf-mode { + margin-top: 0px; +} +#module__dashboard-selector .buttons-bar { + padding: 0; + position: relative; +} +#module__dashboard-selector .buttons-bar .btn { + float: right; + margin: 3px; + border-radius: 4px; +} +#module__dashboard-selector .buttons-bar .title-container h1 { + margin: 0px; + color: black; + cursor: auto; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-title { + color: #977bf0; + display: inline; + cursor: pointer; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-title:hover { + color: #734deb; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-title i.fa.fa-pencil { + margin-left: 20px; + font-size: 14px; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-title i.fa.fa-pencil:hover { + color: #dae173; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select { + margin: 5px 0px 10px 30px; + height: auto; + border-left: 1px solid #977bf0; + border-bottom: 1px solid #977bf0; + width: 300px; + background-color: #e6edee; + cursor: pointer; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option { + color: #17262d; + white-space: nowrap; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option:hover { + background-color: white; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option.create { + background-color: #977bf0; + color: white; + height: 30px; + padding: 5px 10px 5px 10px; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option.create:hover { + background-color: #734deb; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option i.fa.fa-pencil { + float: right; + padding-top: 7px; + text-align: center; + width: 15%; + height: 30px; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option i.fa.fa-pencil:hover { + color: #734deb; +} +#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option span.name { + width: 85%; + height: 30px; + display: inline-block; + padding: 5px 10px 5px 10px; +} +#module__dashboard-selector .buttons-bar .dropdown-container .change-name { + position: absolute; + top: 30px; + left: 20px; + width: 60%; + background-color: #17262d; + color: white; + padding: 10px; + border-radius: 4px; + text-align: center; + box-shadow: 0px 0px 25px 4px black; + z-index: 50; + border: solid 1px white; +} +#module__dashboard-selector .buttons-bar .dropdown-container .change-name .form-control { + height: 25px; + margin-bottom: 10px; +} +#module__dashboard-selector .buttons-bar .dropdown-container .data-source-label { + color: #17262d; + padding-left: 3px; + margin: 0px; +} +#module__dashboard-selector .buttons-bar .loader-container { + padding-left: 10px; +} +#module__dashboard-selector .buttons-bar .loader-container .loading-spinner { + color: #67BBE9; + font-size: 40px; +} +#module__dashboard-selector .nav-tabs { + border-bottom: 0; +} +#module__dashboard-selector .nav.nav-tabs li:last-child > a, +#module__dashboard-selector .nav.nav-pills li:last-child > a { + padding-right: 15px; +} +#module__dashboard-selector .nav.nav-tabs li:last-child > a tab-heading a, +#module__dashboard-selector .nav.nav-pills li:last-child > a tab-heading a { + position: static; +} +#module__dashboard-selector .nav.nav-tabs li > a { + padding: 10px 8px 10px 15px; + margin: 0 2px 0 0; + background-color: transparent; + border: 1px solid #abc4c6; + color: black; +} +#module__dashboard-selector .nav.nav-tabs li.active > a { + background-color: #ffffff; + color: #977bf0; +} +#module__dashboard-selector .nav.nav-tabs li:last-child.active > a { + background-color: transparent; +} +#module__dashboard-selector .nav.nav-pills li > a { + min-width: 0px; + padding-right: 8px; +} +#module__dashboard-selector .nav.nav-pills li:last-child tab-heading a { + margin-left: 2px; +} +#module__dashboard-selector .nav.nav-pills li:last-child.active > a { + background-color: #f4f4f4; +} +#module__dashboard-selector tab-heading a.close-link { + border-bottom: 0px solid; + margin-left: 12px; + position: relative; + top: -9px; + right: 1px; + color: black; +} .analytics { padding-top: 50px; margin-left: 100px; @@ -7071,7 +7207,6 @@ body { padding-top: 20px; } .analytics.show-dhb { - -webkit-transition: opacity 1s; transition: opacity 1s; opacity: 1; } @@ -7372,187 +7507,32 @@ body { border: 2px dashed #abc4c6; background: none; } -.analytics.load-failed p { - font-size: 22px; -} -.analytics.load-failed .second-msg p { - color: #e01f74; - font-size: 14px; -} -.tooltip.impac-widget-selector-tooltip .tooltip-inner.ng-binding { - font-size: 14px; -} -.dhb-create-modal .dashboard-form .col-sm-2.control-label { - text-align: left; -} -.impac-widget-suggestion .modal-body input, -.impac-widget-suggestion .modal-body textarea { - width: 100%; - color: black; -} -.impac-widget-suggestion .modal-body textarea { - height: 150px; -} -.impac-widget-suggestion .modal-body .thanks-message { - color: #dae173; -} -.modal-footer .loader { - color: white; -} -#module__dashboard-selector a { - font-weight: normal; -} -#module__dashboard-selector > div:first-child { - border-bottom: 1px solid #abc4c6; -} -#module__dashboard-selector .buttons-bar-row { - margin-top: 54px; -} -#module__dashboard-selector .buttons-bar-row.pdf-mode { - margin-top: 0px; -} -#module__dashboard-selector .buttons-bar { - padding: 0; - position: relative; -} -#module__dashboard-selector .buttons-bar .btn { - float: right; - margin: 3px; - border-radius: 4px; -} -#module__dashboard-selector .buttons-bar .title-container h1 { - margin: 0px; - color: black; - cursor: auto; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-title { - color: #977bf0; - display: inline; - cursor: pointer; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-title:hover { - color: #734deb; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-title i.fa.fa-pencil { - margin-left: 20px; - font-size: 14px; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-title i.fa.fa-pencil:hover { - color: #dae173; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select { - margin: 5px 0px 10px 30px; - height: auto; - border-left: 1px solid #977bf0; - border-bottom: 1px solid #977bf0; - width: 300px; - background-color: #e6edee; - cursor: pointer; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option { - color: #17262d; - white-space: nowrap; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option:hover { - background-color: white; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option.create { - background-color: #977bf0; - color: white; - height: 30px; - padding: 5px 10px 5px 10px; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option.create:hover { - background-color: #734deb; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option i.fa.fa-pencil { - float: right; - padding-top: 7px; - text-align: center; - width: 15%; - height: 30px; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option i.fa.fa-pencil:hover { - color: #734deb; -} -#module__dashboard-selector .buttons-bar .dropdown-container .dashboard-select .option span.name { - width: 85%; - height: 30px; - display: inline-block; - padding: 5px 10px 5px 10px; -} -#module__dashboard-selector .buttons-bar .dropdown-container .change-name { - position: absolute; - top: 30px; - left: 20px; - width: 60%; - background-color: #17262d; - color: white; - padding: 10px; - border-radius: 4px; - text-align: center; - box-shadow: 0px 0px 25px 4px black; - z-index: 50; - border: solid 1px white; -} -#module__dashboard-selector .buttons-bar .dropdown-container .change-name .form-control { - height: 25px; - margin-bottom: 10px; -} -#module__dashboard-selector .buttons-bar .dropdown-container .data-source-label { - color: #17262d; - padding-left: 3px; - margin: 0px; -} -#module__dashboard-selector .buttons-bar .loader-container { - padding-left: 10px; -} -#module__dashboard-selector .buttons-bar .loader-container .loading-spinner { - color: #67BBE9; - font-size: 40px; -} -#module__dashboard-selector .nav-tabs { - border-bottom: 0; -} -#module__dashboard-selector .nav.nav-tabs li:last-child > a, -#module__dashboard-selector .nav.nav-pills li:last-child > a { - padding-right: 15px; -} -#module__dashboard-selector .nav.nav-tabs li:last-child > a tab-heading a, -#module__dashboard-selector .nav.nav-pills li:last-child > a tab-heading a { - position: static; +.analytics.load-failed p { + font-size: 22px; } -#module__dashboard-selector .nav.nav-tabs li > a { - padding: 10px 8px 10px 15px; - margin: 0 2px 0 0; - background-color: transparent; - border: 1px solid #abc4c6; - color: black; +.analytics.load-failed .second-msg p { + color: #e01f74; + font-size: 14px; } -#module__dashboard-selector .nav.nav-tabs li.active > a { - background-color: #ffffff; - color: #977bf0; +.tooltip.impac-widget-selector-tooltip .tooltip-inner.ng-binding { + font-size: 14px; } -#module__dashboard-selector .nav.nav-tabs li:last-child.active > a { - background-color: transparent; +.dhb-create-modal .dashboard-form .col-sm-2.control-label { + text-align: left; } -#module__dashboard-selector .nav.nav-pills li > a { - min-width: 0px; - padding-right: 8px; +.impac-widget-suggestion .modal-body input, +.impac-widget-suggestion .modal-body textarea { + width: 100%; + color: black; } -#module__dashboard-selector .nav.nav-pills li:last-child tab-heading a { - margin-left: 2px; +.impac-widget-suggestion .modal-body textarea { + height: 150px; } -#module__dashboard-selector .nav.nav-pills li:last-child.active > a { - background-color: #f4f4f4; +.impac-widget-suggestion .modal-body .thanks-message { + color: #dae173; } -#module__dashboard-selector tab-heading a.close-link { - border-bottom: 0px solid; - margin-left: 12px; - position: relative; - top: -9px; - right: 1px; - color: black; +.modal-footer .loader { + color: white; } dashboard-templates-selector .templates-header { display: -webkit-box; @@ -7604,7 +7584,6 @@ dashboard-templates-selector .templates .template.selected { background-color: white; margin: 10px 0 10px 0; border-bottom: 1px solid white; - -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media screen and (max-width: 768px) { @@ -7666,7 +7645,6 @@ dashboard-templates-selector .templates .template.selected { flex-direction: row; margin-bottom: 5px; background-color: grey; - -webkit-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .analytics .impac-kpi .kpi .top-line.triggered { @@ -7705,7 +7683,6 @@ dashboard-templates-selector .templates .template.selected { .analytics .impac-kpi .kpi .kpi-show .kpi-text { padding: 7px 0; color: grey; - -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .analytics .impac-kpi .kpi .kpi-show .kpi-text > span { @@ -7730,7 +7707,6 @@ dashboard-templates-selector .templates .template.selected { font-size: 16px; padding: 10px 0; color: grey; - -webkit-transition: color 0.2s ease-in; transition: color 0.2s ease-in; } .analytics .impac-kpi .kpi .kpi-show .kpi-icon.triggered { @@ -7948,7 +7924,6 @@ dashboard-templates-selector .templates .template.selected { color: #b3b3b3; font-size: 1.25rem; font-weight: normal; - -webkit-transition: all 0.28s ease; transition: all 0.28s ease; } .analytics .impac-kpi .kpi .kpi-edit .im-form-group .im-bar, @@ -7966,7 +7941,6 @@ dashboard-templates-selector .templates .template.selected { bottom: -0.078125rem; position: absolute; background: #358fdc; - -webkit-transition: left 0.28s ease, width 0.28s ease; transition: left 0.28s ease, width 0.28s ease; z-index: 2; } @@ -7983,7 +7957,6 @@ dashboard-templates-selector .templates .template.selected { line-height: 1.9; width: 100%; color: transparent; - -webkit-transition: all 0.28s ease; transition: all 0.28s ease; box-shadow: none; } @@ -8112,7 +8085,6 @@ dashboard-templates-selector .templates .template.selected { margin: 0.3125rem; width: 1.25rem; height: 1.25rem; - -webkit-transition: -webkit-transform 0.28s ease; transition: -webkit-transform 0.28s ease; transition: transform 0.28s ease; transition: transform 0.28s ease, -webkit-transform 0.28s ease; @@ -8155,7 +8127,6 @@ dashboard-templates-selector .templates .template.selected { z-index: 0; border: 0.15625rem solid currentColor; border-radius: 0.078125rem; - -webkit-transition: border-color 0.28s ease; transition: border-color 0.28s ease; } .analytics .impac-kpi .kpi .kpi-edit .im-checkbox .im-helper::before, @@ -8171,7 +8142,6 @@ dashboard-templates-selector .templates .template.selected { transform-origin: left top; border-radius: 0.3125rem; content: ''; - -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s; transition: opacity 0.28s ease, height 0s linear 0.28s; opacity: 0; } @@ -8203,7 +8173,6 @@ dashboard-templates-selector .templates .template.selected { .analytics .impac-kpi .kpi .kpi-edit .im-checkbox input:checked ~ .im-helper::before, .analytics .impac-kpi .kpi .kpi-no-data .im-checkbox input:checked ~ .im-helper::before { opacity: 1; - -webkit-transition: height 0.28s ease; transition: height 0.28s ease; } .analytics .impac-kpi .kpi .kpi-edit .im-checkbox input:checked ~ .im-helper::after, @@ -8213,8 +8182,7 @@ dashboard-templates-selector .templates .template.selected { .analytics .impac-kpi .kpi .kpi-edit .im-checkbox input:checked ~ .im-helper::before, .analytics .impac-kpi .kpi .kpi-no-data .im-checkbox input:checked ~ .im-helper::before { height: 1.5rem; - -webkit-transition-delay: 0.28s; - transition-delay: 0.28s; + transition-delay: 0.28s; } .analytics .impac-kpi .kpi .kpi-edit .im-radio + .im-radio, .analytics .impac-kpi .kpi .kpi-no-data .im-radio + .im-radio, @@ -8227,7 +8195,6 @@ dashboard-templates-selector .templates .template.selected { font-size: 1.04166667rem; color: #e01f74; overflow: hidden; - -webkit-transition: all 0.28s cubic-bezier(0.55, 0, 0.55, 0.2); transition: all 0.28s cubic-bezier(0.55, 0, 0.55, 0.2); opacity: 0; margin-top: 0; @@ -8286,7 +8253,6 @@ dashboard-templates-selector .templates .template.selected { } .analytics .impac-kpi .kpi .kpi-edit .im-button:hover, .analytics .impac-kpi .kpi .kpi-no-data .im-button:hover { - -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; background: #2583d3; } @@ -8333,7 +8299,6 @@ dashboard-templates-selector .templates .template.selected { } .analytics .impac-kpi .kpi .kpi-edit button.im-fab.im-primary:hover, .analytics .impac-kpi .kpi .kpi-no-data button.im-fab.im-primary:hover { - -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; background: #2583d3; } @@ -8343,7 +8308,6 @@ dashboard-templates-selector .templates .template.selected { } .analytics .impac-kpi .kpi .kpi-edit button.im-fab.im-warn:hover, .analytics .impac-kpi .kpi .kpi-no-data button.im-fab.im-warn:hover { - -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; background: #ca1c68; } @@ -8499,7 +8463,6 @@ dashboard-templates-selector .templates .template.selected { color: #b3b3b3; font-size: 1.25rem; font-weight: normal; - -webkit-transition: all 0.28s ease; transition: all 0.28s ease; } .analytics kpis-bar > .kpis .actions .im-form-group .im-bar { @@ -8515,7 +8478,6 @@ dashboard-templates-selector .templates .template.selected { bottom: -0.078125rem; position: absolute; background: #358fdc; - -webkit-transition: left 0.28s ease, width 0.28s ease; transition: left 0.28s ease, width 0.28s ease; z-index: 2; } @@ -8530,7 +8492,6 @@ dashboard-templates-selector .templates .template.selected { line-height: 1.9; width: 100%; color: transparent; - -webkit-transition: all 0.28s ease; transition: all 0.28s ease; box-shadow: none; } @@ -8622,7 +8583,6 @@ dashboard-templates-selector .templates .template.selected { margin: 0.3125rem; width: 1.25rem; height: 1.25rem; - -webkit-transition: -webkit-transform 0.28s ease; transition: -webkit-transform 0.28s ease; transition: transform 0.28s ease; transition: transform 0.28s ease, -webkit-transform 0.28s ease; @@ -8659,7 +8619,6 @@ dashboard-templates-selector .templates .template.selected { z-index: 0; border: 0.15625rem solid currentColor; border-radius: 0.078125rem; - -webkit-transition: border-color 0.28s ease; transition: border-color 0.28s ease; } .analytics kpis-bar > .kpis .actions .im-checkbox .im-helper::before, @@ -8673,7 +8632,6 @@ dashboard-templates-selector .templates .template.selected { transform-origin: left top; border-radius: 0.3125rem; content: ''; - -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s; transition: opacity 0.28s ease, height 0s linear 0.28s; opacity: 0; } @@ -8699,7 +8657,6 @@ dashboard-templates-selector .templates .template.selected { .analytics kpis-bar > .kpis .actions .im-checkbox input:checked ~ .im-helper::after, .analytics kpis-bar > .kpis .actions .im-checkbox input:checked ~ .im-helper::before { opacity: 1; - -webkit-transition: height 0.28s ease; transition: height 0.28s ease; } .analytics kpis-bar > .kpis .actions .im-checkbox input:checked ~ .im-helper::after { @@ -8707,8 +8664,7 @@ dashboard-templates-selector .templates .template.selected { } .analytics kpis-bar > .kpis .actions .im-checkbox input:checked ~ .im-helper::before { height: 1.5rem; - -webkit-transition-delay: 0.28s; - transition-delay: 0.28s; + transition-delay: 0.28s; } .analytics kpis-bar > .kpis .actions .im-radio + .im-radio, .analytics kpis-bar > .kpis .actions .im-checkbox + .im-checkbox { @@ -8718,7 +8674,6 @@ dashboard-templates-selector .templates .template.selected { font-size: 1.04166667rem; color: #e01f74; overflow: hidden; - -webkit-transition: all 0.28s cubic-bezier(0.55, 0, 0.55, 0.2); transition: all 0.28s cubic-bezier(0.55, 0, 0.55, 0.2); opacity: 0; margin-top: 0; @@ -8763,7 +8718,6 @@ dashboard-templates-selector .templates .template.selected { z-index: 1; } .analytics kpis-bar > .kpis .actions .im-button:hover { - -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; background: #2583d3; } @@ -8802,7 +8756,6 @@ dashboard-templates-selector .templates .template.selected { background: #358fdc; } .analytics kpis-bar > .kpis .actions button.im-fab.im-primary:hover { - -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; background: #2583d3; } @@ -8810,7 +8763,6 @@ dashboard-templates-selector .templates .template.selected { background: #e01f74; } .analytics kpis-bar > .kpis .actions button.im-fab.im-warn:hover { - -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; background: #ca1c68; } @@ -8824,7 +8776,6 @@ dashboard-templates-selector .templates .template.selected { width: 40px; height: 40px; font-size: 18px; - -webkit-transition: all 0.28s ease-in; transition: all 0.28s ease-in; } .analytics kpis-bar > .kpis .actions button.im-fab.add-kpis.im-primary, @@ -8975,7 +8926,6 @@ dashboard-templates-selector .templates .template.selected { display: none; } .widget-item { - -webkit-transition: width 0.3s; transition: width 0.3s; padding: 12px; } @@ -9146,7 +9096,6 @@ dashboard-templates-selector .templates .template.selected { padding: 9px; top: 0; right: 0; - -webkit-transition: all ease .5s; transition: all ease .5s; z-index: 1; } @@ -9572,6 +9521,218 @@ dashboard-templates-selector .templates .template.selected { #sync-apps-modal .fa.success { color: #47ff00; } +chart-threshold .attach-panel { + padding: 5px 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(20, 132, 228, 0.16); +} +chart-threshold .attach-panel > .attach-panel-text { + display: inline-block; +} +chart-threshold .attach-panel > .attach-panel-text > * { + display: inline-block; +} +chart-threshold .attach-panel .panel-text-label { + text-transform: uppercase; + font-weight: bold; + color: #5B6667; + font-size: 13px; +} +chart-threshold .attach-panel .panel-text-input { + border-radius: 3px; + border: 1px white; + padding: 3px; +} +chart-threshold .attach-panel .panel-text-currency { + font-weight: bold; + color: #000; +} +chart-threshold .action-buttons { + display: inline-block; + padding: 0 10px; +} +chart-threshold .action-buttons button { + padding: 3px 6px; + display: inline-block; +} +chart-threshold .action-buttons button.loading { + padding: 3px 20px; +} +.currency-conversions img { + width: 15px; + cursor: pointer; +} +.currency-conversions.popover .popover-title { + background-color: black; + color: white; +} +.analytics .widget-item .editable-title { + width: 100%; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + height: 22px; +} +.analytics .widget-item .editable-title .title { + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + color: #4f5959; + cursor: text; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 1.9; +} +.analytics .widget-item .editable-title .editable-wrap { + position: relative; + height: 20px; + min-width: 100%; + white-space: nowrap; +} +.analytics .widget-item .editable-title .editable-wrap .editable-controls { + min-width: 100%; +} +.analytics .widget-item .editable-title .editable-wrap .editable-controls .editable-input { + height: 20px; + font-size: 12px; + text-transform: uppercase; + width: calc(100% - 65px); + padding: 0px 3px; +} +.analytics .widget-item .editable-title .editable-wrap .editable-controls .editable-buttons { + background-color: white; +} +.analytics .widget-item .editable-title .editable-wrap .editable-controls .editable-buttons button { + margin: 0px 0px 0px 5px; + height: 20px; + padding: 0px 5px; +} +.analytics .widget-item .info-panel { + position: absolute; + top: 15px; + left: 15px; + width: calc(100% - 30px); + max-height: calc(100% - 30px); + height: 100%; + z-index: 100; + background-color: white; + border: dotted 1px #B7CDCE; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + font-family: "Lato Semibold", "Lato"; + z-index: 4; +} +.analytics .widget-item .info-panel:hover { + opacity: 1; +} +.analytics .widget-item .info-panel .i-header { + background-color: #FFC928; + color: #1E303B; + padding: 8px; + text-transform: uppercase; + font-family: "Lato Medium", "Lato"; + font-size: 12px; +} +.analytics .widget-item .info-panel .i-header .fa { + font-size: 18px; +} +.analytics .widget-item .info-panel .i-header .fa-info-circle { + float: left; +} +.analytics .widget-item .info-panel .i-header .fa-times-circle { + cursor: pointer; + float: right; +} +.analytics .widget-item .info-panel .i-content { + overflow-y: auto; + overflow-x: hidden; + padding: 5px; + text-align: justify; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.analytics .widget-item .info-panel .i-content .row { + margin-bottom: 6px; + padding-bottom: 6px; + border-bottom: solid 1px #abc4c6; +} +.analytics .widget-item .info-panel .i-content .row:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; +} +.analytics .widget-item .info-panel .i-content .row .key { + text-align: right; + font-variant: small-caps; +} +@media (max-width: 991px) { + .analytics .widget-item .info-panel .i-content .row .key { + text-align: center; + } +} +.analytics .widget-item .info-panel .i-content .row .value { + text-align: justify; +} +.analytics .time-period-info { + font-size: 11px; + color: #ABC4C6; + text-transform: uppercase; +} +.analytics .widget-item .top-line .top-buttons { + text-align: right; + margin-top: -1px; + white-space: nowrap; + padding-left: 10px; +} +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button { + background: transparent; + border: none; + color: #c4caca; + padding: 0; + outline: none; + width: 17px; +} +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button:active, +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button:focus { + box-shadow: none; +} +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button.btn-info { + font-size: 17px; + margin-top: 1px; +} +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button.btn-info:hover { + color: #FFC928; +} +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button.btn-refresh { + font-size: 17px; + margin-top: 1px; +} +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button.btn-refresh:hover { + color: #358fdc; +} +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button.btn-edit { + font-size: 13px; +} +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button.btn-edit:hover, +.analytics .widget-item .top-line .top-buttons .top-buttons-wrapper .top-button.btn-edit.edit-mode { + color: #cfd849; +} .currency-conversions img { width: 15px; cursor: pointer; diff --git a/dist/impac-angular.js b/dist/impac-angular.js index 31a8f143..7fe77cb8 100644 --- a/dist/impac-angular.js +++ b/dist/impac-angular.js @@ -101,7 +101,10 @@ angular.module('impac.components.widgets', 'impac.components.widgets.sales-summary', 'impac.components.widgets.sales-top-opportunities', 'impac.components.widgets.sales-top-customers', - 'impac.components.widgets.sales-new-vs-existing-customers' + 'impac.components.widgets.sales-new-vs-existing-customers', + 'impac.components.widgets.sales-average-purchase-size', + 'impac.components.widgets.sales-average-visit', + 'impac.components.widgets.sales-customers-engagement' ] ); angular.module('impac.components.widgets-settings', @@ -164,6 +167,7 @@ angular.module('impac.services', 'impac.services.assets', 'impac.services.chart-formatter', 'impac.services.highcharts-factory', + 'impac.services.highcharts-theme', 'impac.services.message-bus', 'impac.services.utilities', 'impac.services.main', @@ -194,12 +198,12 @@ angular.module('impac.filters', angular.module("impac.components.templates", []).run(["$templateCache", function($templateCache) {$templateCache.put("alerts-config/alerts-config.modal.html","
\n\n
\n impac.kpi.alerts.title\n
\n\n
\n \n {{translateTarget(kpi)}} :\n\n \n\n
\n\n \n\n
\n"); $templateCache.put("alerts-config/alerts-config.tmpl.html","
0)\" ng-click=\"showAlertsSettings()\">\n \n
\n"); -$templateCache.put("dashboard/create.modal.html","
\n
×
\n

impac.dashboard.create.create_new_dashboard

\n
\n\n
\n
\n
\n
\n \n
    \n
  • {{error}}
  • \n
\n
\n
\n
\n\n \n
\n
\n
\n
\n \n
\n \n
\n
\n\n
\n \n
\n
\n \n \n
\n
\n
\n\n \n
\n
\n
\n

\n {{\'impac.dashboard.create.now_access_text\' | translate}} {{currentOrganization.name}}.\n impac.dashboard.create.select_multi_company\n

\n
\n
\n\n \n
\n \n
\n
    \n
  • \n \n {{organization.name}}\n (customer)\n \n \n  \n  \n \n \n \n
  • \n
\n
\n
\n
\n\n \n \n\n \n
\n\n \n
\n\n\n\n
\n\n
\n
\n
\n \n \n
\n
\n
\n"); -$templateCache.put("dashboard/dashboard.tmpl.html","\n
\n
\n\n \n
\n
\n \n
\n \n \n
\n\n
\n
{{dhbHeadingText}}
\n
\n
\n\n \n \n\n \n \n\n
\n \n\n \n
\n

impac.dashboard.it_looks_like

\n

\n

{{\'impac.dashboard.myob_message.part_1\' | translate}} {{\'impac.dashboard.myob_message.part_2\' | translate}} {{\'impac.dashboard.myob_message.part_3\' | translate}}

\n

{{myobMessageConfig.appLink.text}}

\n
\n
\n\n \n
\n
\n

impac.dashboard.select_the_widgets

\n impac.dashboard.widget_added\n \n
\n\n
\n
\n
\n impac.dashboard.all_categories\n
\n
\n
\n

impac.dashboard.accounting

\n

impac.dashboard.invoicing

\n

impac.dashboard.hr_or_payroll

\n

impac.dashboard.sales

\n
\n
\n
\n
\n \n
\n
\n\n
\n
\n {{getSelectedCategoryName() | titleize}}\n
\n
\n
\n
\n \n

\n \n
\n
\n
\n
\n
\n\n
\n \n {{\'impac.dashboard.can_not_find\' | translate}} {{\'impac.dashboard.give_us\' | translate}}\n \n
\n
\n\n \n
\n\n \n
\n
\n
\n
\n
\n
\n\n \n
\n \n
    \n
  • {{error}}
  • \n
\n
\n\n
\n\n \n\n
\n \n
\n
\n
\n
\n
\n

{{dhbErrorsConfig.firstTimeCreated.first}}

\n

{{dhbErrorsConfig.firstTimeCreated.second}}

\n
\n
\n
\n
\n
\n \n
\n
\n\n \n
\n
\n
\n
\n
\n

{{dhbErrorsConfig.empty.first}}

\n

{{dhbErrorsConfig.empty.second}}

\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n\n \n
\n \n
\n
\n

{{dhbErrorsConfig.firstTimeCreated.note}}

\n
\n
\n\n \n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n \n
\n
\n
impac.dashboard.plus_chart
\n
\n
\n
\n
\n
\n
\n\n
\n
\n
\n \n
\n
\n
\n\n
\n
\n
\n

{{dhbErrorsConfig.failed.first}}

\n
\n

{{dhbErrorsConfig.failed.second}}

\n
\n \n \n \n
\n
\n
\n"); -$templateCache.put("dashboard/widget-suggestion.modal.html","
\n
×
\n

impac.dashboard.widget_suggestion.suggest_a_widget

\n
\n\n
\n\n
\n
\n
\n \n
\n
\n
\n \n
\n
\n\n
\n\n
\n
\n
\n