diff --git a/.gitignore b/.gitignore index aa8b207dbbb..43253f23283 100644 --- a/.gitignore +++ b/.gitignore @@ -50,3 +50,6 @@ network_closure.sh .kubeconfig .tags* + +# Web UI +www/master/node_modules/ diff --git a/hack/build-ui.sh b/hack/build-ui.sh index d38715b60b1..647bd5fff5c 100755 --- a/hack/build-ui.sh +++ b/hack/build-ui.sh @@ -33,7 +33,7 @@ fi DATAFILE=pkg/ui/datafile.go TMP_DATAFILE=/tmp/datafile.go -go-bindata -nocompress -o $DATAFILE -prefix ${PWD} -pkg ui www/... third_party/swagger-ui/... +go-bindata -nocompress -o $DATAFILE -prefix ${PWD} -pkg ui www/app/... third_party/swagger-ui/... cat hooks/boilerplate.go.txt > $TMP_DATAFILE echo "// generated by hack/build-ui.sh; DO NOT EDIT diff --git a/pkg/ui/datafile.go b/pkg/ui/datafile.go index 5c77e6c7d01..bfb4d4b9b57 100644 --- a/pkg/ui/datafile.go +++ b/pkg/ui/datafile.go @@ -59,1437 +59,17711 @@ func (fi bindata_file_info) Sys() interface{} { return nil } -var _www_box_ng = []byte(` -
-
- {{ groupName }} - -
-
-
-
-
- {{ item.id }} - {{ item.id }} - {{ item.id }} - {{item.id}} -
-
-
-
-
- - - - - -
-
- {{ item.id }} - {{ item.id }} - {{ item.id }} - {{item.id}} -
- 		-
- {{key}} : - {{value}} -
-
-
-
-
-
-
-
-box -list -reset -
-
+var _www_app_assets_css_app_css = []byte(`.nav-back { + width: 80px; + font-size: 14px; + padding-left: 14px; + line-height: 15px; +} +.nav-back { + /* :before */ + /* content: ""; */ + background: url('assets/img/icons/arrow-back.png'); + background-size: 14px 14px; + background-repeat: no-repeat; + display: block; +} +a { + text-decoration: none; +} +.main-fab { + position: absolute; + z-index: 20; + font-size: 30px; + top: 100px; + left: 24px; + transform: scale(0.88, 0.88); +} +.md-breadcrumb { + padding-left: 16px; +} +.md-table { + min-width: 100%; + border-collapse: collapse; +} +.md-table tbody tr:hover, +.md-table tbody tr:focus { + cursor: pointer; + background-color: rgba(63, 81, 181, 0.2); +} +.md-table-header { + border-bottom: 1px solid #e6e6e6; + color: #828282; + text-align: left; + font-size: 0.75em; + font-weight: 700; + padding: 16px 16px 16px 0; +} +.md-table-header a { + text-decoration: none; + color: inherit; +} +.md-table-caret { + display: inline-block; + vertical-align: middle; +} +.md-table-content { + font-size: 0.8em; + padding: 16px 16px 16px 0; + height: 72px; +} +.md-table-td-more { + max-width: 72px; + width: 72px; + padding: 16px; +} +.md-table-thumbs { + max-width: 104px; + width: 104px; + padding: 16px 32px; +} +.md-table-thumbs div { + overflow: hidden; + width: 40px; + height: 40px; + border-radius: 20px; + border: 1px solid rgba(0, 0, 0, 0.2); + background-size: cover; + box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1); +} +.md-table-footer { + height: 40px; +} +.md-table-count-info { + line-height: 40px; + font-size: .75em; +} +.md-table-footer-item { + width: 40px; + height: 40px; + vertical-align: middle; +} +.md-table-active-page { + font-weight: 700; +} +.bold { + font-weight: 700; +} +.grey, +.gray { + color: #888888; +} +md-input-container.md-default-theme .md-input { + color: white; + border-color: white; + margin-top: 24px; +} +.dashboard-subnav { + font-size: 0.9em; + min-height: 38px; + max-height: 38px; + background-color: #09c1d1 !important; +} +.dashboard-subnav md-select.md-default-theme:focus .md-select-label { + border-bottom: none; + color: white; +} +.selectSubPages p { + text-align: center; + color: #fff; +} +.selectSubPages .md-default-theme .md-select-label.md-placeholder { + color: #fff; +} +.selectSubPages .md-select-label { + padding-top: 0px; + font-size: 1em; + line-height: 1em; + border-bottom: none; + padding-bottom: 0px; +} +.selectSubPages md-select { + margin-top: 10px; + margin-right: 80px; + padding: 0px; +} +md-select-menu { + max-height: none; +} +.md-toolbar-tools { + padding-left: 8px; + padding-right: 8px; +} +.md-toolbar-small { + height: 38px; + min-height: 38px; +} +.md-toolbar-tools-small { + background-color: #09c1d1; +} +/* Begin kubernetes-ui Menu */ +.kubernetes-ui-menu, +.kubernetes-ui-menu ul { + list-style: none; + padding: 0; +} +.kubernetes-ui-menu li { + margin: 0; +} +.kubernetes-ui-menu > li { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} +.kubernetes-ui-menu .md-button { + border-radius: 0; + color: inherit; + cursor: pointer; + font-weight: 400; + line-height: 40px; + margin: 0; + max-height: 40px; + overflow: hidden; + padding: 0px 16px; + text-align: left; + text-decoration: none; + white-space: normal; + width: 100%; +} +.kubernetes-ui-menu a.md-button { + display: block; +} +.kubernetes-ui-menu button.md-button::-moz-focus-inner { + padding: 0; +} +.kubernetes-ui-menu .md-button.active { + color: #03a9f4; +} +.menu-heading { + color: #888; + display: block; + font-size: inherit; + font-weight: 500; + line-height: 40px; + margin: 0; + padding: 0px 16px; + text-align: left; + width: 100%; +} +.kubernetes-ui-menu li.parentActive, +.kubernetes-ui-menu li.parentActive .menu-toggle-list { + background-color: #f6f6f6; +} +.menu-toggle-list { + background: #fff; + max-height: 999px; + overflow: hidden; + position: relative; + z-index: 1; + -webkit-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1); + -webkit-transition-property: max-height; + -moz-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1); + -moz-transition-property: max-height; + transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1); + transition-property: max-height; +} +.menu-toggle-list.ng-hide { + max-height: 0; +} +.kubernetes-ui-menu .menu-toggle-list a.md-button { + display: block; + padding: 0 16px 0 32px; + text-transform: none; +} +.md-button-toggle .md-toggle-icon { + background: transparent url(assets/img/icons/list_control_down.png) no-repeat center center; + background-size: 100% auto; + display: inline-block; + height: 24px; + margin: auto 0 auto auto; + speak: none; + width: 24px; + transition: transform 0.3s ease-in-out; + -webkit-transition: -webkit-transform 0.3s ease-in-out; +} +.md-button-toggle .md-toggle-icon.toggled { + transform: rotate(180deg); + -webkit-transform: rotate(180deg); +} +/* End kubernetes-ui Menu */ +.menu-icon { + background: none; + border: none; + margin-right: 16px; + padding: 0; +} +.whiteframedemoBasicUsage md-whiteframe { + background: #fff; + margin: 2px; + padding: 2px; +} +.tabsDefaultTabs { + height: 100%; + width: 100%; + /* + * Animation styles + */ +} +.tabsDefaultTabs .remove-tab { + margin-bottom: 40px; +} +.tabsDefaultTabs .home-buttons .md-button { + display: block; + max-height: 30px; +} +.tabsDefaultTabs .home-buttons .md-button.add-tab { + margin-top: 20px; + max-height: 30px !important; +} +.tabsDefaultTabs .demo-tab { + display: block; + position: relative; + background: white; + border: 0px solid black; + min-height: 0px; + width: 100%; +} +.tabsDefaultTabs .tab0, +.tabsDefaultTabs .tab1, +.tabsDefaultTabs .tab2, +.tabsDefaultTabs .tab3 { + background-color: #bbdefb; +} +.tabsDefaultTabs .md-header { + background-color: #1976D2 !important; +} +.tabsDefaultTabs md-tab { + color: #90caf9 !important; +} +.tabsDefaultTabs md-tab.active, +.tabsDefaultTabs md-tab:focus { + color: white !important; +} +.tabsDefaultTabs md-tab[disabled] { + opacity: 0.5; +} +.tabsDefaultTabs .md-header .md-ripple { + border-color: #FFFF8D !important; +} +.tabsDefaultTabs md-tabs-ink-bar { + background-color: #FFFF8D !important; +} +.tabsDefaultTabs .title { + padding-top: 8px; + padding-right: 8px; + text-align: left; + text-transform: uppercase; + color: #888; + margin-top: 24px; +} +.tabsDefaultTabs [layout-align] > * { + margin-left: 8px; +} +.tabsDefaultTabs form > [layout] > * { + margin-left: 8px; +} +.tabsDefaultTabs .long > input { + width: 264px; +} +.menuBtn { + background-color: transparent; + border: none; + height: 38px; + margin: 16px; + position: absolute; + width: 36px; +} +md-toolbar h1 { + font-size: 1.250em; + font-weight: 400; + margin: auto; +} +md-list .md-button { + color: inherit; + font-weight: 500; + text-align: left; + width: 100%; +} +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +md-list .md-button { + color: inherit; + font-weight: 500; + text-align: left; + width: 100%; +} +md-list .md-button.selected { + color: #03a9f4; +} +#content { + overflow: hidden; +} +#content md-content { + padding-left: 0px; + padding-right: 0px; + padding-top: 0px; +} +#content .md-button.action { + background-color: transparent; + border: none; + height: 38px; + margin: 8px auto 16px 0; + position: absolute; + top: 10px; + right: 25px; + width: 36px; +} +#content img { + display: block; + height: auto; + max-width: 500px; +} +.content-wrapper { + position: relative; +} +.visuallyhidden { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +md-toolbar h1 { + font-size: 1.250em; + font-weight: 400; +} +.menuBtn { + background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkhlYWRlciI+CiAgICA8Zz4KICAgICAgICA8cmVjdCB4PSItNjE4IiB5PSItMjIzMiIgZmlsbD0ibm9uZSIgd2lkdGg9IjE0MDAiIGhlaWdodD0iMzYwMCIvPgogICAgPC9nPgo8L2c+CjxnIGlkPSJMYWJlbCI+CjwvZz4KPGcgaWQ9Ikljb24iPgogICAgPGc+CiAgICAgICAgPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+CiAgICAgICAgPHBhdGggZD0iTTMsMThoMTh2LTJIM1YxOHogTTMsMTNoMTh2LTJIM1YxM3ogTTMsNnYyaDE4VjZIM3oiIHN0eWxlPSJmaWxsOiNmM2YzZjM7Ii8+CiAgICA8L2c+CjwvZz4KPGcgaWQ9IkdyaWQiIGRpc3BsYXk9Im5vbmUiPgogICAgPGcgZGlzcGxheT0iaW5saW5lIj4KICAgIDwvZz4KPC9nPgo8L3N2Zz4=) no-repeat center center; +} +.actionBtn { + background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM2IDM2Ij4NCiAgICA8cGF0aCBkPSJNMCAwaDM2djM2aC0zNnoiIGZpbGw9Im5vbmUiLz4NCiAgICA8cGF0aCBkPSJNNCAyN2gyOHYtM2gtMjh2M3ptMC04aDI4di0zaC0yOHYzem0wLTExdjNoMjh2LTNoLTI4eiIvPg0KPC9zdmc+) no-repeat center center; +} +.kubernetes-ui-logo { + background-image: url("../img/kubernetes.svg"); + background-size: 40px 40px; + width: 40px; + height: 40px; +} +.kubernetes-ui-text { + line-height: 40px; + vertical-align: middle; + padding: 2px; +} +.dashboard .body-wrapper { + padding: 25px; +} +.dashboard [flex-align-self="end"] { + -webkit-align-self: flex-end; + -ms-flex-align-self: end; + align-self: flex-end; +} +.dashboard .back { + font-size: 18px; + line-height: 27px; + margin-bottom: 30px; +} +.dashboard .heading { + font-size: 18px; + line-height: 21px; + color: #222222; + margin-bottom: 25px; +} +.dashboard .heading .label { + color: #777777; +} +.dashboard .clear-bg { + background-color: transparent; +} +.dashboard .list-pods .pod-group { + margin: 25px; +} +.dashboard .list-pods .pod-group md-grid-list { + margin-top: 50px; + color: white; +} +.dashboard .list-pods .pod-group md-grid-list figcaption { + width: 100%; +} +.dashboard .list-pods .pod-group md-grid-list md-grid-tile-header { + padding-left: 10px; +} +.dashboard .list-pods .pod-group md-grid-list md-grid-tile-header .labels { + width: 100%; +} +.dashboard .list-pods .pod-group md-grid-list md-grid-tile { + transition: all 700ms ease-in 50ms; +} +.dashboard .list-pods .pod-group md-grid-list .inner-box { + padding-left: 10px; + padding-right: 10px; +} +.dashboard .list-pods .pod-group md-grid-list md-grid-tile-footer { + background: rgba(0, 0, 0, 0.5); +} +.dashboard .list-pods .pod-group md-grid-list md-grid-tile-footer .pod-title { + margin-left: 10px; +} +.dashboard .list-pods .pod-group md-grid-list md-grid-tile-footer .pod-host { + text-align: right; + padding-right: 15px; +} +.dashboard .list-pods .pod-group md-grid-list md-grid-tile-footer a { + color: white; +} +.dashboard .list-pods .pod-group md-grid-list .restarts { + width: 100%; + text-align: right; + padding-right: 10px; +} +.dashboard .list-pods .pod-group md-grid-list .restarts .restart-button, +.dashboard .list-pods .pod-group md-grid-list .restarts .restart-button:not([disabled]):hover, +.dashboard .list-pods .pod-group md-grid-list .restarts .restart-button:not([disabled]):focus, +.dashboard .list-pods .pod-group md-grid-list .restarts .restart-button:hover, +.dashboard .list-pods .pod-group md-grid-list .restarts .restart-button:focus { + background-color: #ff1744; + width: 30px; + height: 30px; +} +.dashboard .list-pods .gray { + background: #f5f5f5; +} +.dashboard .list-pods .dark-overlay { + background-color: #292935; + opacity: 0.5; +} +.dashboard .list-pods .light-overlay { + background-color: #FFFFFF; + opacity: 0.2; +} +.dashboard .list-pods .color-1 { + background-color: #2962ff; + fill: #2962ff; + stroke: #2962ff; +} +.dashboard .list-pods md-grid-list.list-color-1 md-grid-tile.colored { + background-color: #2962ff; +} +.dashboard .list-pods .color-2 { + background-color: #aa00ff; + fill: #aa00ff; + stroke: #aa00ff; +} +.dashboard .list-pods md-grid-list.list-color-2 md-grid-tile.colored { + background-color: #aa00ff; +} +.dashboard .list-pods .color-3 { + background-color: #00c853; + fill: #00c853; + stroke: #00c853; +} +.dashboard .list-pods md-grid-list.list-color-3 md-grid-tile.colored { + background-color: #00c853; +} +.dashboard .list-pods .color-4 { + background-color: #304ffe; + fill: #304ffe; + stroke: #304ffe; +} +.dashboard .list-pods md-grid-list.list-color-4 md-grid-tile.colored { + background-color: #304ffe; +} +.dashboard .list-pods .color-5 { + background-color: #0091ea; + fill: #0091ea; + stroke: #0091ea; +} +.dashboard .list-pods md-grid-list.list-color-5 md-grid-tile.colored { + background-color: #0091ea; +} +.dashboard .list-pods .color-6 { + background-color: #ff6d00; + fill: #ff6d00; + stroke: #ff6d00; +} +.dashboard .list-pods md-grid-list.list-color-6 md-grid-tile.colored { + background-color: #ff6d00; +} +.dashboard .list-pods .color-7 { + background-color: #00bfa5; + fill: #00bfa5; + stroke: #00bfa5; +} +.dashboard .list-pods md-grid-list.list-color-7 md-grid-tile.colored { + background-color: #00bfa5; +} +.dashboard .list-pods .color-8 { + background-color: #c51162; + fill: #c51162; + stroke: #c51162; +} +.dashboard .list-pods md-grid-list.list-color-8 md-grid-tile.colored { + background-color: #c51162; +} +.dashboard .list-pods .color-9 { + background-color: #64dd17; + fill: #64dd17; + stroke: #64dd17; +} +.dashboard .list-pods md-grid-list.list-color-9 md-grid-tile.colored { + background-color: #64dd17; +} +.dashboard .list-pods .color-10 { + background-color: #6200ea; + fill: #6200ea; + stroke: #6200ea; +} +.dashboard .list-pods md-grid-list.list-color-10 md-grid-tile.colored { + background-color: #6200ea; +} +.dashboard .list-pods .color-11 { + background-color: #ffd600; + fill: #ffd600; + stroke: #ffd600; +} +.dashboard .list-pods md-grid-list.list-color-11 md-grid-tile.colored { + background-color: #ffd600; +} +.dashboard .list-pods .color-12 { + background-color: #00b8d4; + fill: #00b8d4; + stroke: #00b8d4; +} +.dashboard .list-pods md-grid-list.list-color-12 md-grid-tile.colored { + background-color: #00b8d4; +} +.dashboard .list-pods .color-13 { + background-color: #ffab00; + fill: #ffab00; + stroke: #ffab00; +} +.dashboard .list-pods md-grid-list.list-color-13 md-grid-tile.colored { + background-color: #ffab00; +} +.dashboard .list-pods .color-14 { + background-color: #dd2c00; + fill: #dd2c00; + stroke: #dd2c00; +} +.dashboard .list-pods md-grid-list.list-color-14 md-grid-tile.colored { + background-color: #dd2c00; +} +.dashboard .list-pods .color-15 { + background-color: #2979ff; + fill: #2979ff; + stroke: #2979ff; +} +.dashboard .list-pods md-grid-list.list-color-15 md-grid-tile.colored { + background-color: #2979ff; +} +.dashboard .list-pods .color-16 { + background-color: #d500f9; + fill: #d500f9; + stroke: #d500f9; +} +.dashboard .list-pods md-grid-list.list-color-16 md-grid-tile.colored { + background-color: #d500f9; +} +.dashboard .list-pods .color-17 { + background-color: #00e676; + fill: #00e676; + stroke: #00e676; +} +.dashboard .list-pods md-grid-list.list-color-17 md-grid-tile.colored { + background-color: #00e676; +} +.dashboard .list-pods .color-18 { + background-color: #3d5afe; + fill: #3d5afe; + stroke: #3d5afe; +} +.dashboard .list-pods md-grid-list.list-color-18 md-grid-tile.colored { + background-color: #3d5afe; +} +.dashboard .list-pods .color-19 { + background-color: #00b0ff; + fill: #00b0ff; + stroke: #00b0ff; +} +.dashboard .list-pods md-grid-list.list-color-19 md-grid-tile.colored { + background-color: #00b0ff; +} +.dashboard .list-pods .color-20 { + background-color: #ff9100; + fill: #ff9100; + stroke: #ff9100; +} +.dashboard .list-pods md-grid-list.list-color-20 md-grid-tile.colored { + background-color: #ff9100; +} +.dashboard .list-pods .color-21 { + background-color: #1de9b6; + fill: #1de9b6; + stroke: #1de9b6; +} +.dashboard .list-pods md-grid-list.list-color-21 md-grid-tile.colored { + background-color: #1de9b6; +} +.dashboard .list-pods .color-22 { + background-color: #f50057; + fill: #f50057; + stroke: #f50057; +} +.dashboard .list-pods md-grid-list.list-color-22 md-grid-tile.colored { + background-color: #f50057; +} +.dashboard .list-pods .color-23 { + background-color: #76ff03; + fill: #76ff03; + stroke: #76ff03; +} +.dashboard .list-pods md-grid-list.list-color-23 md-grid-tile.colored { + background-color: #76ff03; +} +.dashboard .list-pods .color-24 { + background-color: #651fff; + fill: #651fff; + stroke: #651fff; +} +.dashboard .list-pods md-grid-list.list-color-24 md-grid-tile.colored { + background-color: #651fff; +} +.dashboard .list-pods .color-25 { + background-color: #ffea00; + fill: #ffea00; + stroke: #ffea00; +} +.dashboard .list-pods md-grid-list.list-color-25 md-grid-tile.colored { + background-color: #ffea00; +} +.dashboard .list-pods .color-26 { + background-color: #00e5ff; + fill: #00e5ff; + stroke: #00e5ff; +} +.dashboard .list-pods md-grid-list.list-color-26 md-grid-tile.colored { + background-color: #00e5ff; +} +.dashboard .list-pods .color-27 { + background-color: #ffc400; + fill: #ffc400; + stroke: #ffc400; +} +.dashboard .list-pods md-grid-list.list-color-27 md-grid-tile.colored { + background-color: #ffc400; +} +.dashboard .list-pods .color-28 { + background-color: #ff3d00; + fill: #ff3d00; + stroke: #ff3d00; +} +.dashboard .list-pods md-grid-list.list-color-28 md-grid-tile.colored { + background-color: #ff3d00; +} +.dashboard .list-pods .color-29 { + background-color: #448aff; + fill: #448aff; + stroke: #448aff; +} +.dashboard .list-pods md-grid-list.list-color-29 md-grid-tile.colored { + background-color: #448aff; +} +.dashboard .list-pods .color-30 { + background-color: #e040fb; + fill: #e040fb; + stroke: #e040fb; +} +.dashboard .list-pods md-grid-list.list-color-30 md-grid-tile.colored { + background-color: #e040fb; +} +.dashboard .list-pods .color-31 { + background-color: #69f0ae; + fill: #69f0ae; + stroke: #69f0ae; +} +.dashboard .list-pods md-grid-list.list-color-31 md-grid-tile.colored { + background-color: #69f0ae; +} +.dashboard .list-pods .color-32 { + background-color: #536dfe; + fill: #536dfe; + stroke: #536dfe; +} +.dashboard .list-pods md-grid-list.list-color-32 md-grid-tile.colored { + background-color: #536dfe; +} +.dashboard .list-pods .color-33 { + background-color: #40c4ff; + fill: #40c4ff; + stroke: #40c4ff; +} +.dashboard .list-pods md-grid-list.list-color-33 md-grid-tile.colored { + background-color: #40c4ff; +} +.dashboard .list-pods .color-34 { + background-color: #ffab40; + fill: #ffab40; + stroke: #ffab40; +} +.dashboard .list-pods md-grid-list.list-color-34 md-grid-tile.colored { + background-color: #ffab40; +} +.dashboard .list-pods .color-35 { + background-color: #64ffda; + fill: #64ffda; + stroke: #64ffda; +} +.dashboard .list-pods md-grid-list.list-color-35 md-grid-tile.colored { + background-color: #64ffda; +} +.dashboard .list-pods .color-36 { + background-color: #ff4081; + fill: #ff4081; + stroke: #ff4081; +} +.dashboard .list-pods md-grid-list.list-color-36 md-grid-tile.colored { + background-color: #ff4081; +} +.dashboard .list-pods .color-37 { + background-color: #b2ff59; + fill: #b2ff59; + stroke: #b2ff59; +} +.dashboard .list-pods md-grid-list.list-color-37 md-grid-tile.colored { + background-color: #b2ff59; +} +.dashboard .list-pods .color-38 { + background-color: #7c4dff; + fill: #7c4dff; + stroke: #7c4dff; +} +.dashboard .list-pods md-grid-list.list-color-38 md-grid-tile.colored { + background-color: #7c4dff; +} +.dashboard .list-pods .color-39 { + background-color: #ffff00; + fill: #ffff00; + stroke: #ffff00; +} +.dashboard .list-pods md-grid-list.list-color-39 md-grid-tile.colored { + background-color: #ffff00; +} +.dashboard .list-pods .color-40 { + background-color: #18ffff; + fill: #18ffff; + stroke: #18ffff; +} +.dashboard .list-pods md-grid-list.list-color-40 md-grid-tile.colored { + background-color: #18ffff; +} +.dashboard .list-pods .color-41 { + background-color: #ffd740; + fill: #ffd740; + stroke: #ffd740; +} +.dashboard .list-pods md-grid-list.list-color-41 md-grid-tile.colored { + background-color: #ffd740; +} +.dashboard .list-pods .color-42 { + background-color: #ff6e40; + fill: #ff6e40; + stroke: #ff6e40; +} +.dashboard .list-pods md-grid-list.list-color-42 md-grid-tile.colored { + background-color: #ff6e40; +} +.dashboard .list-pods .color-warning { + background-color: #ff9800 !important; + border-color: #ff9800 !important; + fill: #ff9800 !important; + stroke: #ff9800 !important; +} +.dashboard .list-pods .color-critical { + background-color: #f44336 !important; + border-color: #f44336 !important; + fill: #f44336 !important; + stroke: #f44336 !important; +} +.dashboard .list-pods .status-waiting { + background-color: #2e2e3b !important; + border-color: #dad462 !important; + border-width: 2px !important; + border-style: solid !important; +} +.dashboard .list-pods .status-terminated, +.dashboard .list-pods .status-unknown { + background-color: #ff1744 !important; + border-color: #e3002c !important; + border-width: 1px !important; + border-style: solid !important; +} +.dashboard .dash-table { + min-width: 100%; + border-collapse: collapse; +} +.dashboard .dash-table tbody tr:hover:not(.no-link), +.dashboard .dash-table tbody tr:focus:not(.no-link) { + cursor: pointer; + background-color: rgba(63, 81, 181, 0.2); +} +.dashboard .dash-table .dash-table-header { + border-bottom: 1px solid #e6e6e6; + color: #828282; + text-align: left; + font-size: 0.75em; + font-weight: 700; + padding: 16px 16px 16px 0; +} +.dashboard .dash-table .dash-table-header a { + text-decoration: none; + color: inherit; +} +.dashboard .dash-table .dash-table-caret { + display: inline-block; + vertical-align: middle; +} +.dashboard .dash-table .dash-table-content { + font-size: 0.8em; + padding: 16px 16px 16px 0; + height: 72px; +} +.dashboard .dash-table .dash-table-td-more { + max-width: 72px; + width: 72px; + padding: 16px; +} +.dashboard .dash-table .dash-table-thumbs { + max-width: 104px; + width: 104px; + padding: 16px 32px; +} +.dashboard .dash-table .dash-table-thumbs div { + overflow: hidden; + width: 40px; + height: 40px; + border-radius: 20px; + border: 1px solid rgba(0, 0, 0, 0.2); + background-size: cover; + box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1); +} +.dashboard .dash-table .dash-table-footer { + height: 40px; +} +.dashboard .dash-table .dash-table-count-info { + line-height: 40px; + font-size: .75em; +} +.dashboard .dash-table .dash-table-footer-item { + width: 40px; + height: 40px; + vertical-align: middle; +} +.dashboard .dash-table .dash-table-active-page { + font-weight: 700; +} +.dashboard .dash-table .bold { + font-weight: 700; +} +.dashboard .dash-table .grey { + color: grey; +} +.dashboard .dash-table md-input-container.md-default-theme .md-input { + color: white; + border-color: white; + margin-top: 24px; +} +.dashboard .server-overview .dark-overlay { + background-color: #292935; + opacity: 0.5; +} +.dashboard .server-overview .light-overlay { + background-color: #FFFFFF; + opacity: 0.2; +} +.dashboard .server-overview .color-1 { + background-color: #2962ff; + fill: #2962ff; + stroke: #2962ff; +} +.dashboard .server-overview md-grid-list.list-color-1 md-grid-tile.colored { + background-color: #2962ff; +} +.dashboard .server-overview .color-2 { + background-color: #aa00ff; + fill: #aa00ff; + stroke: #aa00ff; +} +.dashboard .server-overview md-grid-list.list-color-2 md-grid-tile.colored { + background-color: #aa00ff; +} +.dashboard .server-overview .color-3 { + background-color: #00c853; + fill: #00c853; + stroke: #00c853; +} +.dashboard .server-overview md-grid-list.list-color-3 md-grid-tile.colored { + background-color: #00c853; +} +.dashboard .server-overview .color-4 { + background-color: #304ffe; + fill: #304ffe; + stroke: #304ffe; +} +.dashboard .server-overview md-grid-list.list-color-4 md-grid-tile.colored { + background-color: #304ffe; +} +.dashboard .server-overview .color-5 { + background-color: #0091ea; + fill: #0091ea; + stroke: #0091ea; +} +.dashboard .server-overview md-grid-list.list-color-5 md-grid-tile.colored { + background-color: #0091ea; +} +.dashboard .server-overview .color-6 { + background-color: #ff6d00; + fill: #ff6d00; + stroke: #ff6d00; +} +.dashboard .server-overview md-grid-list.list-color-6 md-grid-tile.colored { + background-color: #ff6d00; +} +.dashboard .server-overview .color-7 { + background-color: #00bfa5; + fill: #00bfa5; + stroke: #00bfa5; +} +.dashboard .server-overview md-grid-list.list-color-7 md-grid-tile.colored { + background-color: #00bfa5; +} +.dashboard .server-overview .color-8 { + background-color: #c51162; + fill: #c51162; + stroke: #c51162; +} +.dashboard .server-overview md-grid-list.list-color-8 md-grid-tile.colored { + background-color: #c51162; +} +.dashboard .server-overview .color-9 { + background-color: #64dd17; + fill: #64dd17; + stroke: #64dd17; +} +.dashboard .server-overview md-grid-list.list-color-9 md-grid-tile.colored { + background-color: #64dd17; +} +.dashboard .server-overview .color-10 { + background-color: #6200ea; + fill: #6200ea; + stroke: #6200ea; +} +.dashboard .server-overview md-grid-list.list-color-10 md-grid-tile.colored { + background-color: #6200ea; +} +.dashboard .server-overview .color-11 { + background-color: #ffd600; + fill: #ffd600; + stroke: #ffd600; +} +.dashboard .server-overview md-grid-list.list-color-11 md-grid-tile.colored { + background-color: #ffd600; +} +.dashboard .server-overview .color-12 { + background-color: #00b8d4; + fill: #00b8d4; + stroke: #00b8d4; +} +.dashboard .server-overview md-grid-list.list-color-12 md-grid-tile.colored { + background-color: #00b8d4; +} +.dashboard .server-overview .color-13 { + background-color: #ffab00; + fill: #ffab00; + stroke: #ffab00; +} +.dashboard .server-overview md-grid-list.list-color-13 md-grid-tile.colored { + background-color: #ffab00; +} +.dashboard .server-overview .color-14 { + background-color: #dd2c00; + fill: #dd2c00; + stroke: #dd2c00; +} +.dashboard .server-overview md-grid-list.list-color-14 md-grid-tile.colored { + background-color: #dd2c00; +} +.dashboard .server-overview .color-15 { + background-color: #2979ff; + fill: #2979ff; + stroke: #2979ff; +} +.dashboard .server-overview md-grid-list.list-color-15 md-grid-tile.colored { + background-color: #2979ff; +} +.dashboard .server-overview .color-16 { + background-color: #d500f9; + fill: #d500f9; + stroke: #d500f9; +} +.dashboard .server-overview md-grid-list.list-color-16 md-grid-tile.colored { + background-color: #d500f9; +} +.dashboard .server-overview .color-17 { + background-color: #00e676; + fill: #00e676; + stroke: #00e676; +} +.dashboard .server-overview md-grid-list.list-color-17 md-grid-tile.colored { + background-color: #00e676; +} +.dashboard .server-overview .color-18 { + background-color: #3d5afe; + fill: #3d5afe; + stroke: #3d5afe; +} +.dashboard .server-overview md-grid-list.list-color-18 md-grid-tile.colored { + background-color: #3d5afe; +} +.dashboard .server-overview .color-19 { + background-color: #00b0ff; + fill: #00b0ff; + stroke: #00b0ff; +} +.dashboard .server-overview md-grid-list.list-color-19 md-grid-tile.colored { + background-color: #00b0ff; +} +.dashboard .server-overview .color-20 { + background-color: #ff9100; + fill: #ff9100; + stroke: #ff9100; +} +.dashboard .server-overview md-grid-list.list-color-20 md-grid-tile.colored { + background-color: #ff9100; +} +.dashboard .server-overview .color-21 { + background-color: #1de9b6; + fill: #1de9b6; + stroke: #1de9b6; +} +.dashboard .server-overview md-grid-list.list-color-21 md-grid-tile.colored { + background-color: #1de9b6; +} +.dashboard .server-overview .color-22 { + background-color: #f50057; + fill: #f50057; + stroke: #f50057; +} +.dashboard .server-overview md-grid-list.list-color-22 md-grid-tile.colored { + background-color: #f50057; +} +.dashboard .server-overview .color-23 { + background-color: #76ff03; + fill: #76ff03; + stroke: #76ff03; +} +.dashboard .server-overview md-grid-list.list-color-23 md-grid-tile.colored { + background-color: #76ff03; +} +.dashboard .server-overview .color-24 { + background-color: #651fff; + fill: #651fff; + stroke: #651fff; +} +.dashboard .server-overview md-grid-list.list-color-24 md-grid-tile.colored { + background-color: #651fff; +} +.dashboard .server-overview .color-25 { + background-color: #ffea00; + fill: #ffea00; + stroke: #ffea00; +} +.dashboard .server-overview md-grid-list.list-color-25 md-grid-tile.colored { + background-color: #ffea00; +} +.dashboard .server-overview .color-26 { + background-color: #00e5ff; + fill: #00e5ff; + stroke: #00e5ff; +} +.dashboard .server-overview md-grid-list.list-color-26 md-grid-tile.colored { + background-color: #00e5ff; +} +.dashboard .server-overview .color-27 { + background-color: #ffc400; + fill: #ffc400; + stroke: #ffc400; +} +.dashboard .server-overview md-grid-list.list-color-27 md-grid-tile.colored { + background-color: #ffc400; +} +.dashboard .server-overview .color-28 { + background-color: #ff3d00; + fill: #ff3d00; + stroke: #ff3d00; +} +.dashboard .server-overview md-grid-list.list-color-28 md-grid-tile.colored { + background-color: #ff3d00; +} +.dashboard .server-overview .color-29 { + background-color: #448aff; + fill: #448aff; + stroke: #448aff; +} +.dashboard .server-overview md-grid-list.list-color-29 md-grid-tile.colored { + background-color: #448aff; +} +.dashboard .server-overview .color-30 { + background-color: #e040fb; + fill: #e040fb; + stroke: #e040fb; +} +.dashboard .server-overview md-grid-list.list-color-30 md-grid-tile.colored { + background-color: #e040fb; +} +.dashboard .server-overview .color-31 { + background-color: #69f0ae; + fill: #69f0ae; + stroke: #69f0ae; +} +.dashboard .server-overview md-grid-list.list-color-31 md-grid-tile.colored { + background-color: #69f0ae; +} +.dashboard .server-overview .color-32 { + background-color: #536dfe; + fill: #536dfe; + stroke: #536dfe; +} +.dashboard .server-overview md-grid-list.list-color-32 md-grid-tile.colored { + background-color: #536dfe; +} +.dashboard .server-overview .color-33 { + background-color: #40c4ff; + fill: #40c4ff; + stroke: #40c4ff; +} +.dashboard .server-overview md-grid-list.list-color-33 md-grid-tile.colored { + background-color: #40c4ff; +} +.dashboard .server-overview .color-34 { + background-color: #ffab40; + fill: #ffab40; + stroke: #ffab40; +} +.dashboard .server-overview md-grid-list.list-color-34 md-grid-tile.colored { + background-color: #ffab40; +} +.dashboard .server-overview .color-35 { + background-color: #64ffda; + fill: #64ffda; + stroke: #64ffda; +} +.dashboard .server-overview md-grid-list.list-color-35 md-grid-tile.colored { + background-color: #64ffda; +} +.dashboard .server-overview .color-36 { + background-color: #ff4081; + fill: #ff4081; + stroke: #ff4081; +} +.dashboard .server-overview md-grid-list.list-color-36 md-grid-tile.colored { + background-color: #ff4081; +} +.dashboard .server-overview .color-37 { + background-color: #b2ff59; + fill: #b2ff59; + stroke: #b2ff59; +} +.dashboard .server-overview md-grid-list.list-color-37 md-grid-tile.colored { + background-color: #b2ff59; +} +.dashboard .server-overview .color-38 { + background-color: #7c4dff; + fill: #7c4dff; + stroke: #7c4dff; +} +.dashboard .server-overview md-grid-list.list-color-38 md-grid-tile.colored { + background-color: #7c4dff; +} +.dashboard .server-overview .color-39 { + background-color: #ffff00; + fill: #ffff00; + stroke: #ffff00; +} +.dashboard .server-overview md-grid-list.list-color-39 md-grid-tile.colored { + background-color: #ffff00; +} +.dashboard .server-overview .color-40 { + background-color: #18ffff; + fill: #18ffff; + stroke: #18ffff; +} +.dashboard .server-overview md-grid-list.list-color-40 md-grid-tile.colored { + background-color: #18ffff; +} +.dashboard .server-overview .color-41 { + background-color: #ffd740; + fill: #ffd740; + stroke: #ffd740; +} +.dashboard .server-overview md-grid-list.list-color-41 md-grid-tile.colored { + background-color: #ffd740; +} +.dashboard .server-overview .color-42 { + background-color: #ff6e40; + fill: #ff6e40; + stroke: #ff6e40; +} +.dashboard .server-overview md-grid-list.list-color-42 md-grid-tile.colored { + background-color: #ff6e40; +} +.dashboard .server-overview .color-warning { + background-color: #ff9800 !important; + border-color: #ff9800 !important; + fill: #ff9800 !important; + stroke: #ff9800 !important; +} +.dashboard .server-overview .color-critical { + background-color: #f44336 !important; + border-color: #f44336 !important; + fill: #f44336 !important; + stroke: #f44336 !important; +} +.dashboard .server-overview .status-waiting { + background-color: #2e2e3b !important; + border-color: #dad462 !important; + border-width: 2px !important; + border-style: solid !important; +} +.dashboard .server-overview .status-terminated, +.dashboard .server-overview .status-unknown { + background-color: #ff1744 !important; + border-color: #e3002c !important; + border-width: 1px !important; + border-style: solid !important; +} +.dashboard .server-overview .color-1 { + background-color: #512DA8; + border-color: #512DA8; + fill: #512DA8; + stroke: #512DA8; +} +.dashboard .server-overview .color-2 { + background-color: #9C27B0; + border-color: #9C27B0; + fill: #9C27B0; + stroke: #9C27B0; +} +.dashboard .server-overview .color-3 { + background-color: #00BCD4; + border-color: #00BCD4; + fill: #00BCD4; + stroke: #00BCD4; +} +.dashboard .server-overview .color-max-1 { + background-color: #c5b6eb; + border-color: #c5b6eb; + fill: #c5b6eb; +} +.dashboard .server-overview .color-max-2 { + background-color: #e6b5ee; + border-color: #e6b5ee; + fill: #e6b5ee; +} +.dashboard .server-overview .color-max-3 { + background-color: #a1f4ff; + border-color: #a1f4ff; + fill: #a1f4ff; +} +.dashboard .server-overview .color-max-warning { + background-color: #ffd699 !important; + border-color: #ffd699 !important; + fill: #ffd699 !important; +} +.dashboard .server-overview .color-max-critical { + background-color: #fccbc7 !important; + border-color: #fccbc7 !important; + fill: #fccbc7 !important; +} +.dashboard .server-overview .max_tick_arc { + stroke: #FFF !important; +} +.dashboard .server-overview .concentricchart .bg-circle { + background: #F9F9F9; + fill: #F9F9F9; + stroke: #FFFFFF; + stroke-width: 1px; +} +.dashboard .server-overview .concentricchart text { + font-size: 12px; + font-family: 'Roboto', sans-serif; +} +.dashboard .server-overview .concentricchart .value_group { + fill: white; +} +.dashboard .server-overview .concentricchart .legend_group rect { + opacity: 0.8; +} +.dashboard .server-overview svg.legend { + height: 115px; +} +.dashboard .server-overview svg.legend text { + font-size: 12px; + font-family: 'Roboto', sans-serif; +} +.dashboard .server-overview svg.legend .hostName { + font-size: 16px; +} +.dashboard .server-overview .minion-name { + text-align: center; + vertical-align: bottom; + width: 100%; +} +.dashboard .server-overview .chart_area { + width: 325px; + height: 425px; +} +.dashboard .groups { + font-size: 13px; +} +.dashboard .groups .header { + line-height: 21px; +} +.dashboard .groups .header a { + padding-left: 5px; + padding-right: 5px; +} +.dashboard .groups .header .selector-area .filter-text { + font-size: 13px; + margin-left: 10px; +} +.dashboard .groups .header .selector-area .cancel-button { + width: 18px; + height: 18px; + padding: 0; +} +.dashboard .groups .header .selector-area .cancel-button:focus, +.dashboard .groups .header .selector-area .cancel-button:hover { + background-color: none !important; +} +.dashboard .groups .header .selector-area .cancel-icon { + width: 15px; + height: 15px; + fill: #777777; +} +.dashboard .groups .select-group-by { + min-width: 110px; + margin-left: 10px; + margin-right: 40px; +} +.dashboard .groups .select-group-by .md-select-label { + padding-top: 6px; + font-size: 13px; +} +.dashboard .groups .group-item { + padding-top: 20px; +} +.dashboard .groups .group-item .filter-button { + height: 18px; + width: 18px; +} +.dashboard .groups .group-item .filter-button .filter-icon { + width: 18px; + height: 18px; +} +.dashboard .groups .icon-area { + min-width: 34px; +} +.dashboard .groups .icon-area .group-icon { + border-radius: 21px; + width: 21px; + height: 21px; +} +.dashboard .groups .group-main-area .subtype { + line-height: 21px; +} +.dashboard .groups md-divider { + margin-top: 40px; + margin-bottom: 30px; +} +.dashboard .groups .group-name { + padding-top: 10px; +} +.dashboard .groups .selectFilter { + padding-top: 10px; + margin-right: 30px; +} +.dashboard .groups .selectFilter .md-select-label { + border-bottom: none !important; + width: 17px; + min-width: 17px; + padding-right: 0; +} +.dashboard .groups md-select-menu { + min-height: 40px; + max-height: 40px; +} +.dashboard .groups .group-link-area { + padding-left: 15px; + padding-bottom: 15px; +} +.dashboard .groups .group-link-area button { + line-height: 12px; +} +.dashboard .groups .group-type-circle { + width: 21px; + height: 21px; +} +.dashboard .groups md-select { + margin-top: 0px; +} +.dashboard .detail { + color: #222222; +} +.dashboard .detail .back { + font-size: 18px; + line-height: 27px; + margin-bottom: 30px; +} +.dashboard .detail .heading { + font-size: 18px; + line-height: 21px; + color: #222222; + margin-bottom: 25px; +} +.dashboard .detail .heading .label { + color: #777777; +} +.dashboard .detail td.name { + font-size: 14px; + color: #222222; + line-height: 24px; +} +.dashboard .detail td.value { + margin-left: 50px; + font-size: 14px; + color: #888888; + line-height: 24px; +} +.dashboard .detail .containerTable td { + padding-right: 20px; +} `) -func www_box_ng_bytes() ([]byte, error) { - return _www_box_ng, nil +func www_app_assets_css_app_css_bytes() ([]byte, error) { + return _www_app_assets_css_app_css, nil } -func www_box_ng() (*asset, error) { - bytes, err := www_box_ng_bytes() +func www_app_assets_css_app_css() (*asset, error) { + bytes, err := www_app_assets_css_app_css_bytes() if err != nil { return nil, err } - info := bindata_file_info{name: "www/box.ng", size: 2526, mode: os.FileMode(416), modTime: time.Unix(1422479417, 0)} + info := bindata_file_info{name: "www/app/assets/css/app.css", size: 37053, mode: os.FileMode(436), modTime: time.Unix(1429574520, 0)} a := &asset{bytes: bytes, info: info} return a, nil } -var _www_index_html = []byte(` - - - Kubernetes - - - - - - - - - -
-