7 |
25 |
26 | )
27 | }
28 |
29 | export default Footer
30 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/cleanui/layout/TopBar/Actions/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Dropdown } from 'antd'
3 | import List2 from 'components/kit/widgets/Lists/2'
4 | import styles from './style.module.scss'
5 |
6 | const Actions = () => {
7 | const menu = (
8 | 
20 |
10 |
14 |
11 |
13 |
19 |
20 |
21 |
7 |
16 | )
17 | }
18 |
19 | export default Error404
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/cleanui/system/Errors/500/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Link } from 'react-router-dom'
3 |
4 | const Error500 = () => {
5 | return (
6 | Page not found
8 |
9 | This page is deprecated, deleted, or does not exist at all
10 |
11 | 404 —
12 |
13 | Go Back
14 |
15 |
7 |
16 | )
17 | }
18 |
19 | export default Error500
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/core/style.scss:
--------------------------------------------------------------------------------
1 | @import 'css/core.scss';
2 | @import 'css/measurements.scss';
3 | @import 'css/colors.scss';
4 | @import 'css/utils.scss';
5 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/breadcrumb.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-breadcrumb {
8 | &-link,
9 | &-link a {
10 | color: $dark-gray-1;
11 | }
12 | &-separator {
13 | color: $dark-gray-3;
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/card.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-card {
8 | color: $dark-gray-1;
9 | &-meta {
10 | &-description {
11 | color: $dark-gray-1;
12 | }
13 | }
14 |
15 | &-actions {
16 | background: $dark-gray-6;
17 |
18 | > li {
19 | .anticon {
20 | color: $dark-gray-1;
21 | }
22 | }
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/cascader.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-cascader {
8 | &-menu-item-active {
9 | background: $primary;
10 |
11 | &:hover {
12 | background: $primary;
13 | }
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/checkbox.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-checkbox {
8 | &-inner {
9 | background-color: $gray-6;
10 | }
11 | &-checked {
12 | .ant-checkbox-inner {
13 | background: $primary;
14 | }
15 | }
16 | &-disabled {
17 | .ant-checkbox-inner {
18 | border-color: $dark-gray-4 !important;
19 | opacity: 0.3;
20 | }
21 | }
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/collapse.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-collapse {
8 | background: transparent;
9 | &-header {
10 | background: $dark-gray-6;
11 | color: $dark-gray-1 !important;
12 | }
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/dropdown.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | .ant-dropdown {
5 | color: $gray-6;
6 | }
7 |
8 | .ant-dropdown-menu-item-group-list {
9 | margin: 0;
10 | list-style: none;
11 | padding: 0;
12 | }
13 |
14 | ////////////////////////////////////////////////////////////////////////////////////////////
15 | // DARK THEME STYLES
16 | [data-kit-theme='dark'] {
17 | .ant-dropdown-menu-item-group-title {
18 | color: darken($dark-gray-3, 8%) !important;
19 | }
20 | .ant-select-dropdown {
21 | &-menu-item-selected {
22 | color: $text;
23 | background: lighten($gray-6, 7%);
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/empty.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-empty {
8 | svg * {
9 | fill: $gray-5;
10 | stroke: $gray-6;
11 | }
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/input.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | .ant-input {
5 | &:hover,
6 | &:focus,
7 | &:active {
8 | border-color: $primary;
9 | }
10 | }
11 |
12 | .ant-input-affix-wrapper {
13 | &:hover,
14 | &:focus,
15 | &:active {
16 | .ant-input:not(.ant-input-disabled) {
17 | border-color: $primary;
18 | }
19 | }
20 | }
21 |
22 | ////////////////////////////////////////////////////////////////////////////////////////////
23 | // DARK THEME STYLES
24 | [data-kit-theme='dark'] {
25 | .ant-input {
26 | &-number {
27 | &-handler {
28 | &-wrap {
29 | background: $dark-gray-3;
30 | }
31 | }
32 | }
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/layout.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | .ant-layout {
5 | min-height: 100vh !important;
6 | min-width: 0;
7 | background: transparent;
8 | }
9 |
10 | .ant-layout-header {
11 | padding: 0 !important;
12 | line-height: normal;
13 | height: auto;
14 | background: transparent;
15 | }
16 |
17 | .ant-layout-footer {
18 | padding: 0 !important;
19 | background: transparent;
20 | }
21 |
22 | .ant-layout.ant-layout-has-sider > .ant-layout,
23 | .ant-layout.ant-layout-has-sider > .ant-layout-content {
24 | overflow-x: initial !important;
25 | }
26 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/mentions.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-mentions {
8 | textarea {
9 | background: $dark-gray-4;
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/menu.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-menu {
8 | &-item {
9 | &-group-title {
10 | color: $dark-gray-2;
11 | }
12 | &-disabled {
13 | color: $dark-gray-3 !important;
14 | }
15 | }
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/notification.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | .ant-notification {
5 | max-width: calc(100vw - 48px);
6 | }
7 |
8 | ////////////////////////////////////////////////////////////////////////////////////////////
9 | // DARK THEME STYLES
10 | [data-kit-theme='dark'] {
11 | .ant-notification {
12 | &-notice-message {
13 | color: $white;
14 | }
15 | &-close-icon {
16 | svg {
17 | fill: $white;
18 | }
19 | }
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/progress.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-progress {
8 | &-inner {
9 | background: $dark-gray-4;
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/radio.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-radio-disabled {
8 | .ant-radio-inner {
9 | border-color: $dark-gray-4 !important;
10 | }
11 | }
12 |
13 | .ant-radio-group-solid {
14 | .ant-radio {
15 | &-button {
16 | &-wrapper {
17 | color: $text;
18 | &-checked {
19 | color: $white;
20 | &:hover,
21 | &:active {
22 | color: $white;
23 | }
24 | }
25 | }
26 | }
27 | }
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/skeleton.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-skeleton {
8 | opacity: 0.1;
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/slider.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-slider {
8 | &-rail {
9 | background: $dark-gray-4;
10 | }
11 | &-track {
12 | background: $primary;
13 | }
14 | &-dot {
15 | border-color: $dark-gray-3;
16 | &-active {
17 | border-color: $primary;
18 | }
19 | }
20 |
21 | &:hover {
22 | .ant-slider-rail {
23 | background: $dark-gray-3;
24 | }
25 | }
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/table.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-table-column-has-sorters {
8 | &:hover {
9 | background: $dark-gray-5 !important;
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/tag.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-tag {
8 | border-color: transparent;
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/time.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-time-picker {
8 | &-panel-input {
9 | background: transparent;
10 | }
11 | &-panel-select-option-selected {
12 | background: $primary;
13 | &:hover {
14 | background: $primary;
15 | }
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/css/upload.scss:
--------------------------------------------------------------------------------
1 | // Import mixins
2 | @import 'components/mixins.scss';
3 |
4 | ////////////////////////////////////////////////////////////////////////////////////////////
5 | // DARK THEME STYLES
6 | [data-kit-theme='dark'] {
7 | .ant-upload {
8 | background: $dark-gray-4;
9 | &.ant-upload-drag {
10 | background: $dark-gray-4;
11 | }
12 |
13 | .ant-upload-text {
14 | color: $dark-gray-1 !important;
15 | }
16 |
17 | .ant-upload-hint {
18 | color: $dark-gray-3 !important;
19 | }
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/antd/style.scss:
--------------------------------------------------------------------------------
1 | @import 'css/layout';
2 | @import 'css/tabs';
3 | @import 'css/notification';
4 | @import 'css/checkbox';
5 | @import 'css/tag';
6 | @import 'css/dropdown';
7 | @import 'css/radio';
8 | @import 'css/button';
9 | @import 'css/empty';
10 | @import 'css/select';
11 | @import 'css/modal';
12 | @import 'css/calendar';
13 | @import 'css/progress';
14 | @import 'css/upload';
15 | @import 'css/slider';
16 | @import 'css/collapse';
17 | @import 'css/card';
18 | @import 'css/cascader';
19 | @import 'css/input';
20 | @import 'css/mentions';
21 | @import 'css/time';
22 | @import 'css/skeleton';
23 | @import 'css/breadcrumb';
24 | @import 'css/menu';
25 | @import 'css/table';
26 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/bootstrap/css/breadcrumb.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | /////////////////////////////////////////////////////////////////////////////////////////
4 | /* BREADCRUMB */
5 |
6 | .breadcrumb {
7 | background: $gray-1;
8 | }
9 |
10 | // dark theme
11 | [data-kit-theme='dark'] {
12 | .breadcrumb {
13 | color: $dark-gray-1;
14 | background: $dark-gray-4;
15 | .breadcrumb-item {
16 | &:before {
17 | color: $dark-gray-3;
18 | }
19 | &.active {
20 | color: $dark-gray-1;
21 | }
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/bootstrap/css/carousel.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | /////////////////////////////////////////////////////////////////////////////////////////
4 | /* CAROUSEL */
5 |
6 | .carousel-indicators {
7 | li {
8 | opacity: 0.5;
9 | &.active {
10 | opacity: 1;
11 | }
12 | }
13 | }
14 |
15 | // dark theme
16 | [data-kit-theme='dark'] {
17 | .carousel-indicators {
18 | li {
19 | &.active {
20 | opacity: 1;
21 | background-color: $primary;
22 | }
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/bootstrap/css/jumbotron.scss:
--------------------------------------------------------------------------------
1 | // Import mixins from "core" module
2 | @import 'components/mixins.scss';
3 |
4 | /////////////////////////////////////////////////////////////////////////////////////////
5 | /* JUMBOTRON */
6 |
7 | // dark theme
8 | [data-kit-theme='dark'] {
9 | .jumbotron {
10 | background: $dark-gray-4;
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/bootstrap/css/list-group.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | /////////////////////////////////////////////////////////////////////////////////////////
4 | /* LIST GROUP */
5 |
6 | .list-group-item {
7 | border-color: $border;
8 |
9 | &.active {
10 | background: $primary;
11 | }
12 | }
13 |
14 | // dark theme
15 | [data-kit-theme='dark'] {
16 | .list-group-item {
17 | border-color: $dark-gray-4;
18 | background: $dark-gray-6;
19 | color: inherit;
20 |
21 | &.active {
22 | background: $primary !important;
23 | }
24 |
25 | &-action {
26 | color: $white !important;
27 | &:hover {
28 | background: $dark-gray-5;
29 | }
30 | &.disabled {
31 | opacity: 0.5;
32 | background: transparent;
33 | }
34 | }
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/bootstrap/css/navbar.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | /////////////////////////////////////////////////////////////////////////////////////////
4 | /* NAVBAR */
5 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/bootstrap/css/progress.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | /////////////////////////////////////////////////////////////////////////////////////////
4 | /* PROGRESS */
5 |
6 | // dark theme
7 | [data-kit-theme='dark'] {
8 | .progress {
9 | background: $dark-gray-4;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/bootstrap/css/tooltips.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | /////////////////////////////////////////////////////////////////////////////////////////
4 | /* TOOLTIPS */
5 |
6 | .tooltip {
7 | .tooltip-inner {
8 | background: $black;
9 | padding: rem(4) rem(15);
10 | color: $white;
11 | font-size: rem(14);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/bootstrap/css/typography.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | /////////////////////////////////////////////////////////////////////////////////////////
4 | /* TYPOGRAPHY */
5 |
6 | .mark,
7 | mark {
8 | background: $orange;
9 | color: $white;
10 | }
11 |
12 | .blockquote {
13 | background: $gray-1;
14 | padding: 30px;
15 | border-left: 3px solid $border;
16 | font-size: rem(15);
17 |
18 | &-reverse {
19 | text-align: right;
20 | border-left: none;
21 | border-right: 3px solid $border;
22 | }
23 | &-footer {
24 | margin-top: rem(20);
25 | color: $gray-5;
26 | }
27 | }
28 |
29 | // darl-theme
30 | [data-kit-theme='dark'] {
31 | .blockquote {
32 | background: $dark-gray-4;
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/vendors/bootstrap/style.scss:
--------------------------------------------------------------------------------
1 | /////////////////////////////////////////////////////////////////////////////////////////
2 | /* css V4 CUSTOM STYLES */
3 | @import 'css/card';
4 | @import 'css/utilities';
5 | @import 'css/buttons';
6 | @import 'css/table';
7 | @import 'css/typography';
8 | @import 'css/breadcrumb';
9 | @import 'css/forms';
10 | @import 'css/dropdowns';
11 | @import 'css/selectboxes';
12 | @import 'css/badge';
13 | @import 'css/carousel';
14 | @import 'css/collapse';
15 | @import 'css/modal';
16 | @import 'css/alerts';
17 | @import 'css/pagination';
18 | @import 'css/navs';
19 | @import 'css/popovers';
20 | @import 'css/tooltips';
21 | @import 'css/list-group';
22 | @import 'css/progress';
23 | @import 'css/jumbotron';
24 | @import 'css/navbar';
25 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/1/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "series": [
3 | {"className": "ct-series-n", "data": [10, 40, 30, 30, 55, 25]},
4 | {"className": "ct-series-a", "data": [20, 60, 50, 45, 50, 60]}
5 | ]
6 | }
7 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/1/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .item {
4 | flex-basis: 50%;
5 | }
6 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/10/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "labels": ["Boston", "Gravity Falls", "New York"],
3 | "datasets": [
4 | {
5 | "data": [45, 45, 45],
6 | "backgroundColor": ["#46be8a", "#fb434a", "#1b55e3"],
7 | "borderColor": "#fff",
8 | "borderWidth": 2,
9 | "hoverBorderWidth": 0,
10 | "borderAlign": "inner"
11 | }
12 | ]
13 | }
14 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/10/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .tooltip {
4 | opacity: 1;
5 | position: absolute;
6 | top: 50%;
7 | left: 50%;
8 | transform: translate(-50%, -50%);
9 | pointer-events: none;
10 | @include transition-middle();
11 | }
12 |
13 | :global(.tablet) {
14 | display: inline-block;
15 | vertical-align: middle;
16 | width: rem(25);
17 | height: rem(8);
18 | border-radius: 4px;
19 | background-color: $gray-5;
20 | }
21 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/11/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .chartContainer {
4 | height: 100%;
5 | width: 120px;
6 | position: absolute;
7 | bottom: 0;
8 | right: 0;
9 | }
10 |
11 | .chart {
12 | height: 100%;
13 |
14 | :global(.ct-line) {
15 | stroke-width: 1px;
16 | }
17 |
18 | :global(.ct-point) {
19 | stroke-width: 5px;
20 | }
21 |
22 | :global(.ct-series-a) {
23 | :global(.ct-area) {
24 | fill: rgba(75, 124, 243, 0.1) !important;
25 | fill-opacity: 1 !important;
26 | }
27 |
28 | :global(.ct-line) {
29 | stroke: #4b7cf3 !important;
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/11v1/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .chartContainer {
4 | height: 100%;
5 | width: 120px;
6 | position: absolute;
7 | bottom: 0;
8 | right: 0;
9 | }
10 |
11 | .chart {
12 | height: 100%;
13 |
14 | :global(.ct-line) {
15 | stroke-width: 1px;
16 | }
17 |
18 | :global(.ct-point) {
19 | stroke-width: 5px;
20 | }
21 |
22 | :global(.ct-series-a) {
23 | :global(.ct-area) {
24 | fill: rgba(75, 124, 243, 0.1) !important;
25 | fill-opacity: 1 !important;
26 | }
27 |
28 | :global(.ct-line) {
29 | stroke: #4b7cf3 !important;
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/11v2/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .chartContainer {
4 | height: 100%;
5 | width: 120px;
6 | position: absolute;
7 | bottom: 0;
8 | right: 0;
9 | }
10 |
11 | .chart {
12 | height: 100%;
13 |
14 | :global(.ct-line) {
15 | stroke-width: 1px;
16 | }
17 |
18 | :global(.ct-point) {
19 | stroke-width: 5px;
20 | }
21 |
22 | :global(.ct-series-a) {
23 | :global(.ct-area) {
24 | fill: rgba(75, 124, 243, 0.1) !important;
25 | fill-opacity: 1 !important;
26 | }
27 |
28 | :global(.ct-line) {
29 | stroke: #4b7cf3 !important;
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/13/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "series": [
3 | [232, 111, 138, 144, 118, 210, 236]
4 | ]
5 | }
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/13v1/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "series": [
3 | [],
4 | [232, 111, 138, 144, 118, 210, 236]
5 | ]
6 | }
7 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/13v2/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "series": [
3 | [],
4 | [],
5 | [],
6 | [],
7 | [],
8 | [],
9 | [],
10 | [],
11 | [51, 8, 50, 45, 95, 90, 43, 13, 37, 82]
12 | ]
13 | }
14 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/2/data.json:
--------------------------------------------------------------------------------
1 | {"series": [{"className": "ct-series-d", "data": [5, 9, 7, 8, 5, 3, 5, 4]}]}
2 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/3/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "labels": [
3 | "Jan",
4 | "Feb",
5 | "Mar",
6 | "Apr",
7 | "May",
8 | "Jun",
9 | "Jul",
10 | "Aug",
11 | "Sep",
12 | "Oct",
13 | "Nov",
14 | "Dec"
15 | ],
16 | "series": [
17 | {
18 | "className": "ct-series-a",
19 | "data": [5, 4, 3, 7, 5, 10, 3, 4, 8, 10, 6, 8]
20 | },
21 | {"className": "ct-series-b", "data": [3, 2, 9, 5, 4, 6, 4, 6, 7, 8, 7, 4]}
22 | ]
23 | }
24 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/4/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "labels": [
3 | "Jan",
4 | "Feb",
5 | "Mar",
6 | "Apr",
7 | "May",
8 | "Jun"
9 | ],
10 | "series": [
11 | {
12 | "className": "ct-series-a",
13 | "data": [
14 | 2,
15 | 5,
16 | 4,
17 | 5,
18 | 7,
19 | 5
20 | ]
21 | }
22 | ]
23 | }
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/4v1/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "labels": [
3 | "Jan",
4 | "Feb",
5 | "Mar",
6 | "Apr",
7 | "May",
8 | "Jun"
9 | ],
10 | "series": [
11 | {
12 | "className": "ct-series-b",
13 | "data": [
14 | 1,
15 | 5,
16 | 2,
17 | 5,
18 | 4,
19 | 7
20 | ]
21 | }
22 | ]
23 | }
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/4v2/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "labels": [
3 | "Jan",
4 | "Feb",
5 | "Mar",
6 | "Apr",
7 | "May",
8 | "Jun"
9 | ],
10 | "series": [
11 | {
12 | "className": "ct-series-j",
13 | "data": [
14 | 2,
15 | 3,
16 | 2,
17 | 4,
18 | 6,
19 | 5
20 | ]
21 | }
22 | ]
23 | }
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/4v3/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "labels": [
3 | "Jan",
4 | "Feb",
5 | "Mar",
6 | "Apr",
7 | "May",
8 | "Jun"
9 | ],
10 | "series": [
11 | {
12 | "className": "ct-series-d",
13 | "data": [
14 | 1,
15 | 5,
16 | 2,
17 | 5,
18 | 4,
19 | 7
20 | ]
21 | }
22 | ]
23 | }
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/5/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "series": [
3 | {
4 | "className": "ct-series-b",
5 | "data": [5, 4, 3, 7, 5, 10, 3, 4, 8, 10, 6, 8, 6, 7]
6 | },
7 | {
8 | "className": "ct-series-m",
9 | "data": [3, 2, 9, 5, 4, 6, 4, 6, 7, 8, 7, 4, 3, 9]
10 | }
11 | ]
12 | }
13 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/5/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .chart {
4 | :global(.ct-bar) {
5 | stroke-width: 15px;
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/6/data.json:
--------------------------------------------------------------------------------
1 | {"series": [{"className": "ct-series-h", "data": [4, 6, 4, 3, 5, 7, 8, 7]}]}
2 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/6/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .progressIcon {
4 | width: rem(50);
5 | height: rem(50);
6 | text-align: center;
7 | border-radius: 5px;
8 | overflow: hidden;
9 | flex-shrink: 0;
10 |
11 | i {
12 | vertical-align: middle;
13 | line-height: rem(50);
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/7/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "table": [
3 | {
4 | "key": "1",
5 | "actionName": "New Users",
6 | "location": "New York",
7 | "phone": "+1 800 364 4774",
8 | "value": "+3,125"
9 | },
10 | {
11 | "key": "2",
12 | "actionName": "New Reports",
13 | "location": "Palo Alto",
14 | "phone": "+1 800 364 4774",
15 | "value": "+643"
16 | },
17 | {
18 | "key": "3",
19 | "actionName": "Quote Submits",
20 | "location": "Las Vegas",
21 | "phone": "+1 800 364 4774",
22 | "value": "+982"
23 | }
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/7/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .table {
4 | white-space: nowrap !important;
5 | :global(.ant-table-body) {
6 | overflow-x: auto !important;
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/8/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "table": [
3 | {
4 | "key": "1",
5 | "userName": {"name": "Mary Stanform", "position": "Administrator"},
6 | "location": "New York",
7 | "value": "+3,125",
8 | "chart": {"series": [{"className": "ct-series-b", "data": [2, 4, 5, 4, 5, 6, 7, 5]}]}
9 | },
10 | {
11 | "key": "2",
12 | "userName": {"name": "Garry Morge", "position": "Support"},
13 | "location": "Palo Alto",
14 | "value": "+643",
15 | "chart": {"series": [{"className": "ct-series-i", "data": [4, 6, 4, 3, 5, 7, 8, 7]}]}
16 | },
17 | {
18 | "key": "3",
19 | "userName": {"name": "Silinda Veyron", "position": "Developer"},
20 | "location": "Las Vegas",
21 | "value": "+982",
22 | "chart": {"series": [{"className": "ct-series-d", "data": [1, 5, 2, 5, 4, 7]}]}
23 | }
24 | ]
25 | }
26 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/8/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .mapContainer {
4 | max-width: rem(400);
5 | margin: 0 auto;
6 | }
7 |
8 | .table {
9 | white-space: nowrap !important;
10 | :global(.ant-table-body) {
11 | overflow-x: auto !important;
12 | }
13 | }
14 |
15 | .textDivider {
16 | display: flex;
17 | flex-direction: row;
18 | flex-wrap: nowrap;
19 | align-items: center;
20 |
21 | &::before,
22 | &::after {
23 | content: '';
24 | height: 1px;
25 | width: 100%;
26 | background-color: $gray-2;
27 | }
28 |
29 | &Content {
30 | flex-shrink: 0;
31 | padding-left: rem(24);
32 | padding-right: rem(24);
33 | }
34 | }
35 |
36 | // dark theme
37 | [data-kit-theme='dark'] {
38 | .textDivider {
39 | &::before,
40 | &::after {
41 | background-color: $dark-gray-4;
42 | }
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/9/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "labels": ["Boston", "Gravity Falls", "New York"],
3 | "datasets": [
4 | {
5 | "data": [45, 45, 45],
6 | "backgroundColor": ["#46be8a", "#fb434a", "#1b55e3"],
7 | "borderColor": "#fff",
8 | "borderWidth": 2,
9 | "hoverBorderWidth": 0,
10 | "borderAlign": "inner"
11 | }
12 | ]
13 | }
14 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Charts/9/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .tooltip {
4 | opacity: 1;
5 | position: absolute;
6 | top: 50%;
7 | left: 50%;
8 | transform: translate(-50%, -50%);
9 | pointer-events: none;
10 | @include transition-middle();
11 | }
12 |
13 | :global(.tablet) {
14 | display: inline-block;
15 | vertical-align: middle;
16 | width: rem(25);
17 | height: rem(8);
18 | border-radius: 4px;
19 | background-color: $gray-5;
20 | }
21 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General1 = () => {
4 | return (
5 | Server Error
8 |
9 | This page is deprecated, deleted, or does not exist at all
10 |
11 | 500 —
12 |
13 | Go Back
14 |
15 |
6 |
14 | )
15 | }
16 |
17 | export default General1
18 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/10/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .btnWithAddon {
4 | overflow: hidden;
5 | position: relative;
6 | padding-left: rem(50) !important;
7 | border: none;
8 |
9 | .btnAddon {
10 | position: absolute;
11 | z-index: 1;
12 | top: -1px;
13 | left: -1px;
14 | bottom: -1px;
15 | background-color: rgba($white, 0.2);
16 | width: rem(40);
17 | }
18 |
19 | .btnAddonIcon {
20 | font-size: rem(16);
21 | position: absolute;
22 | top: 50%;
23 | left: 50%;
24 | transform: translate(-50%, -50%);
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/10v1/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .btnWithAddon {
4 | overflow: hidden;
5 | position: relative;
6 | padding-left: rem(50) !important;
7 | border: none;
8 |
9 | .btnAddon {
10 | position: absolute;
11 | z-index: 1;
12 | top: -1px;
13 | left: -1px;
14 | bottom: -1px;
15 | background-color: rgba($white, 0.2);
16 | width: rem(40);
17 | }
18 |
19 | .btnAddonIcon {
20 | font-size: rem(16);
21 | position: absolute;
22 | top: 50%;
23 | left: 50%;
24 | transform: translate(-50%, -50%);
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/13/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .head {
4 | background-size: cover;
5 | background-position: center center;
6 | border-radius: 5px 5px 0 0;
7 | }
8 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/13v1/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .head {
4 | background-size: cover;
5 | background-position: center center;
6 | border-radius: 5px 5px 0 0;
7 | }
8 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/17/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from './style.module.scss'
3 |
4 | const General17 = () => {
5 | return (
6 | $29,931
7 |Revenue today
8 |9 | Lorem ipsum dolor sit amit,consectetur eiusmdd tempory incididunt ut labore et dolore magna 10 | elit 11 |
12 | View history 13 |
7 |
18 | )
19 | }
20 |
21 | export default General17
22 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/17/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .flag {
4 | position: absolute;
5 | top: rem(10);
6 | right: rem(-10);
7 | background: $success;
8 | color: $white;
9 | border-radius: 3px;
10 | box-shadow: 0 0 10px rgba(0, 0, 100, 0.2);
11 | padding: 0 rem(13);
12 | font-weight: bold;
13 | font-size: rem(18);
14 |
15 | @media (max-width: $md-max-width) {
16 | right: auto;
17 | left: rem(10);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/17v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from './style.module.scss'
3 |
4 | const General17v1 = () => {
5 | return (
6 |
8 |
17 | $560,245.35
9 |
10 |
11 |
12 | David Beckham
13 |8748-XXXX-1678-5416
14 | MASTERCARD
15 | Expires at 03/22
16 |
7 |
18 | )
19 | }
20 |
21 | export default General17v1
22 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/17v1/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .flag {
4 | position: absolute;
5 | top: rem(10);
6 | right: rem(-10);
7 | background: $success;
8 | color: $white;
9 | border-radius: 3px;
10 | box-shadow: 0 0 10px rgba(0, 0, 100, 0.2);
11 | padding: 0 rem(13);
12 | font-weight: bold;
13 | font-size: rem(18);
14 |
15 | @media (max-width: $md-max-width) {
16 | right: auto;
17 | left: rem(10);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/17v2/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from './style.module.scss'
3 |
4 | const General17v2 = () => {
5 | return (
6 |
8 |
17 | $2,156.20
9 |
10 |
11 |
12 | Matt Daemon
13 |8748-XXXX-1678-5416
14 | Visa
15 | Expires at 03/22
16 |
7 |
18 | )
19 | }
20 |
21 | export default General17v2
22 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/17v2/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .flag {
4 | position: absolute;
5 | top: rem(10);
6 | right: rem(-10);
7 | background: $success;
8 | color: $white;
9 | border-radius: 3px;
10 | box-shadow: 0 0 10px rgba(0, 0, 100, 0.2);
11 | padding: 0 rem(13);
12 | font-weight: bold;
13 | font-size: rem(18);
14 |
15 | @media (max-width: $md-max-width) {
16 | right: auto;
17 | left: rem(10);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/18/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General18 = () => {
4 | return (
5 |
8 |
17 | $1,200.00
9 |
10 |
11 |
12 | Aangelina jolie
13 |1346-XXXX-1685-9525
14 | Visa
15 | Expires at 03/21
16 |
6 |
23 | )
24 | }
25 |
26 | export default General18
27 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/19/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .headerText {
4 | position: absolute;
5 | top: rem(40);
6 | left: rem(40);
7 | font-size: rem(32);
8 | line-height: rem(32);
9 |
10 | @media (max-width: $sm-max-width) {
11 | font-size: rem(30);
12 | }
13 |
14 | @media (max-width: $sm-max-width) {
15 | font-size: rem(26);
16 | }
17 | }
18 |
19 | .user {
20 | text-align: center;
21 | margin-top: rem(-47);
22 | position: relative;
23 | z-index: 1;
24 | }
25 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/1v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General1v1 = () => {
4 | return (
5 |
7 |
22 |
8 |
18 |
9 |
14 |
10 | US 4658-1657-1235
11 |
12 | $2,156.78
13 |
15 |
16 |
17 |
19 | Current month charged: 10,200.00
20 |
21 |
6 |
14 | )
15 | }
16 |
17 | export default General1v1
18 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/2/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General2 = () => {
4 | return (
5 | $29,931
7 |Revenue today
8 |9 | Lorem ipsum dolor sit amit,consectetur eiusmdd tempory incididunt ut labore et dolore magna 10 | elit 11 |
12 | View history 13 |
6 |
12 | )
13 | }
14 |
15 | export default General2
16 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/20/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .icon {
4 | position: absolute;
5 | font-size: rem(80);
6 | right: rem(-10);
7 | bottom: rem(-10);
8 | }
9 |
10 | .carousel {
11 | :global(.ant-carousel .slick-dots-bottom) {
12 | bottom: 24px;
13 | }
14 |
15 | :global(.ant-carousel .slick-dots li button) {
16 | height: 7px;
17 | border-radius: 3px;
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/20v1/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .icon {
4 | position: absolute;
5 | font-size: rem(80);
6 | right: rem(-10);
7 | bottom: rem(-10);
8 | }
9 |
10 | .carousel {
11 | :global(.ant-carousel .slick-dots-bottom) {
12 | bottom: 24px;
13 | }
14 |
15 | :global(.ant-carousel .slick-dots li button) {
16 | height: 7px;
17 | border-radius: 3px;
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/21/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General21 = () => {
4 | return (
5 |
7 |
10 | Your profit
8 |Average Weekly Profit
9 |+29,931
11 |
6 |
16 | )
17 | }
18 |
19 | export default General21
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/21v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General21v1 = () => {
4 | return (
5 |
7 |
15 |
8 |
9 |
14 |
10 |
13 | Databases
11 | Total: 78,155
12 |
6 |
16 | )
17 | }
18 |
19 | export default General21v1
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/21v2/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General21v2 = () => {
4 | return (
5 |
7 |
15 |
8 |
9 |
14 |
10 |
13 | Databases
11 | Total: 78,155
12 |
6 |
16 | )
17 | }
18 |
19 | export default General21v2
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/21v3/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General21v3 = () => {
4 | return (
5 |
7 |
15 |
8 |
9 |
14 |
10 |
13 | Databases
11 | Total: 78,155
12 |
6 |
16 | )
17 | }
18 |
19 | export default General21v3
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/22/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .item {
4 | position: relative;
5 | padding-left: rem(55);
6 | padding-bottom: rem(6);
7 | }
8 |
9 | .icon {
10 | position: absolute;
11 | top: 0;
12 | left: 0;
13 | font-size: rem(36);
14 | color: $gray-5;
15 | }
16 |
17 | .title {
18 | font-weight: bold;
19 | }
20 |
21 | .line {
22 | position: absolute;
23 | left: 0;
24 | bottom: 0;
25 | height: 4px;
26 | width: 100%;
27 | border-radius: 2px;
28 | background: $gray-2;
29 | }
30 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/23/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General23 = () => {
4 | return (
5 |
15 | )
16 | }
17 |
18 | export default General23
19 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/23v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General23v1 = () => {
4 | return (
5 |
15 | )
16 | }
17 |
18 | export default General23v1
19 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/24/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General24 = () => {
4 | return (
5 |
7 |
15 |
8 |
9 |
14 |
10 |
13 | Databases
11 | Total: 78,155
12 | 
8 | 
8 |
6 |
14 | )
15 | }
16 |
17 | export default General24
18 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/24v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General24v1 = () => {
4 | return (
5 | Lifetime Sales
7 |
8 |
13 |
9 |
10 |
11 | $16,942.09
12 |
6 |
14 | )
15 | }
16 |
17 | export default General24v1
18 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/27/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from './style.module.scss'
3 |
4 | const General27 = () => {
5 | return (
6 | Average order
7 |
8 |
13 |
9 |
10 |
11 | $16,942.09
12 |
7 |
16 | )
17 | }
18 |
19 | export default General27
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/27/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .container {
4 | max-width: rem(440);
5 | }
6 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/27v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from './style.module.scss'
3 |
4 | const General27v1 = () => {
5 | return (
6 | Page not found
8 |
9 | This page is deprecated, deleted, or does not exist at all
10 |
11 | 404 —
12 |
13 | Go Back
14 |
15 |
7 |
16 | )
17 | }
18 |
19 | export default General27v1
20 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/27v1/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .container {
4 | max-width: rem(440);
5 | }
6 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/2v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General2v1 = () => {
4 | return (
5 | Server Error
8 |
9 | This page is deprecated, deleted, or does not exist at all
10 |
11 | 500 —
12 |
13 | Go Back
14 |
15 |
6 |
12 | )
13 | }
14 |
15 | export default General2v1
16 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/2v2/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General2v2 = () => {
4 | return (
5 |
7 |
10 | Orders
8 |All Time Orders
9 |1,800
11 |
6 |
12 | )
13 | }
14 |
15 | export default General2v2
16 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/2v3/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General2v3 = () => {
4 | return (
5 |
7 |
10 | Refunds
8 |Averache Weekly Reunds
9 |-$8,474
11 |
6 |
12 | )
13 | }
14 |
15 | export default General2v3
16 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/2v4/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General2v4 = () => {
4 | return (
5 |
7 |
10 | Refunds
8 |All Time Orders
9 |+$8,412
11 |
6 |
12 | )
13 | }
14 |
15 | export default General2v4
16 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/3/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General3 = () => {
4 | return (
5 |
7 |
10 | Refunds
8 |Averahe Weekly Refunds
9 |-$4,325
11 |
6 |
14 | )
15 | }
16 |
17 | export default General3
18 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/3v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General3v1 = () => {
4 | return (
5 |
7 |
8 |
9 |
10 |
13 | Cloud Uptime
11 | 6 days 24 hours
12 |
6 |
14 | )
15 | }
16 |
17 | export default General3v1
18 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/4/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General4 = () => {
4 | return (
5 |
7 |
8 |
9 |
10 |
13 | Cloud Update
11 | 6 days 24 hours
12 |
6 |
21 | )
22 | }
23 |
24 | export default General4
25 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/5/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General5 = () => {
4 | return (
5 | Work in progress
7 | Lorem ipsum dolor...
8 |
9 |
19 |
20 |
6 |
19 | )
20 | }
21 |
22 | export default General5
23 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/5v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const General5v1 = () => {
4 | return (
5 |
7 |
17 |
8 |
13 |
9 | US 4658-1678-7528
10 |
11 | $122,059.52
12 |
14 |
15 |
16 | This month loss: $3,647.04
18 |
6 |
17 | )
18 | }
19 |
20 | export default General5v1
21 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/6/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from './style.module.scss'
3 |
4 | const General6 = () => {
5 | return (
6 |
7 |
15 |
8 |
9 |
10 |
11 |
14 | David Beckham
12 | 8748-XXXX-1678-5416
13 | Expires at 03/22
16 |
7 |
8 |
19 | )
20 | }
21 |
22 | export default General6
23 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/6/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .container {
4 | position: relative;
5 | overflow: hidden;
6 | border-radius: 5px;
7 | }
8 |
9 | .status {
10 | position: absolute;
11 | top: -1px;
12 | bottom: -1px;
13 | left: -1px;
14 | width: 6px;
15 | z-index: 1;
16 | }
17 |
18 | .footer {
19 | background: $gray-1;
20 | }
21 |
22 | // dark theme
23 | [data-kit-theme='dark'] {
24 | .footer {
25 | background: $dark-gray-4;
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/6v1/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import style from './style.module.scss'
3 |
4 | const General6v1 = () => {
5 | return (
6 |
9 |
17 |
10 |
13 | -$1,125
11 | 4512-XXXX-1678-7528
12 |
14 |
15 |
16 | To DigitalOcean Cloud Hosting, Winnetka, LA
18 |
7 |
8 |
19 | )
20 | }
21 |
22 | export default General6v1
23 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/6v1/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .container {
4 | position: relative;
5 | overflow: hidden;
6 | border-radius: 5px;
7 | }
8 |
9 | .status {
10 | position: absolute;
11 | top: -1px;
12 | bottom: -1px;
13 | left: -1px;
14 | width: 6px;
15 | z-index: 1;
16 | }
17 |
18 | .footer {
19 | background: $gray-1;
20 | }
21 |
22 | // dark theme
23 | [data-kit-theme='dark'] {
24 | .footer {
25 | background: $dark-gray-4;
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/General/8/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .items {
4 | margin-left: rem(-5);
5 | margin-right: rem(-5);
6 | margin-bottom: rem(-10);
7 | }
8 |
9 | .item {
10 | flex-basis: calc(100% / 3);
11 | padding-left: rem(5);
12 | padding-right: rem(5);
13 | margin-bottom: rem(10);
14 | border-radius: 5px;
15 | overflow: hidden;
16 |
17 | img {
18 | width: 100%;
19 | height: auto;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Lists/10/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .item {
4 | margin-bottom: rem(30);
5 |
6 | &:last-child {
7 | margin-bottom: 0;
8 | }
9 | }
10 |
11 | .itemHead {
12 | display: flex;
13 | flex-direction: row;
14 | align-items: center;
15 | flex-wrap: nowrap;
16 | }
17 |
18 | .itemPic {
19 | width: rem(40);
20 | height: rem(40);
21 | border-radius: 5px;
22 | overflow: hidden;
23 | background-color: $gray-1;
24 | text-align: center;
25 | vertical-align: middle;
26 | margin-right: rem(20);
27 | flex-shrink: 0;
28 | align-self: flex-start;
29 |
30 | img {
31 | width: 100%;
32 | height: auto;
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Lists/13/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .item {
4 | display: flex;
5 | flex-direction: row;
6 | align-items: center;
7 | flex-wrap: nowrap;
8 | margin-bottom: rem(20);
9 |
10 | &:last-child {
11 | margin-bottom: 0;
12 | }
13 | }
14 |
15 | .itemPic {
16 | width: rem(40);
17 | height: rem(40);
18 | border-radius: 5px;
19 | overflow: hidden;
20 | background-color: $gray-1;
21 | text-align: center;
22 | vertical-align: middle;
23 | margin-right: rem(20);
24 | flex-shrink: 0;
25 | align-self: flex-start;
26 |
27 | img {
28 | width: 100%;
29 | height: auto;
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Lists/16/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .item {
4 | display: flex;
5 | flex-direction: row;
6 | flex-wrap: nowrap;
7 | align-items: center;
8 | margin-bottom: rem(20);
9 |
10 | &:last-child {
11 | margin-bottom: 0;
12 | }
13 | }
14 |
15 | .separator {
16 | height: rem(32);
17 | width: rem(4);
18 | border-radius: 3px;
19 | flex-shrink: 0;
20 | background-color: $gray-2;
21 | }
22 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Lists/20/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .item {
4 | display: flex;
5 | flex-direction: row;
6 | align-items: center;
7 | flex-wrap: nowrap;
8 | margin-bottom: rem(20);
9 |
10 | &:last-child {
11 | margin-bottom: 0;
12 | }
13 | }
14 |
15 | .itemPic {
16 | width: rem(40);
17 | height: rem(40);
18 | border-radius: 5px;
19 | overflow: hidden;
20 | background-color: $gray-1;
21 | text-align: center;
22 | vertical-align: middle;
23 | margin-right: rem(20);
24 | flex-shrink: 0;
25 | align-self: flex-start;
26 |
27 | img {
28 | width: 100%;
29 | height: auto;
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/1/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "actionName": "New Users",
5 | "progress": {"value": 60, "color": "bg-success"},
6 | "value": "+3,125"
7 | },
8 | {
9 | "key": "2",
10 | "actionName": "New Reports",
11 | "progress": {"value": 15, "color": "bg-orange"},
12 | "value": "+643"
13 | },
14 | {
15 | "key": "3",
16 | "actionName": "Quote Submits",
17 | "progress": {"value": 25, "color": "bg-primary"},
18 | "value": "+982"
19 | }
20 | ]
21 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/1/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .table {
4 | white-space: nowrap !important;
5 | :global(.ant-table-body) {
6 | overflow-x: auto !important;
7 | }
8 | }
9 |
10 | .avatar {
11 | width: rem(40);
12 | height: rem(40);
13 | border-radius: 5px;
14 | overflow: hidden;
15 | background-color: $gray-1;
16 | text-align: center;
17 | vertical-align: middle;
18 |
19 | img {
20 | width: 100%;
21 | height: auto;
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/2/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "description": {
5 | "title": "New Users",
6 | "content": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
7 | },
8 | "location": "New York",
9 | "value": "+3,125"
10 | },
11 | {
12 | "key": "2",
13 | "description": {
14 | "title": "New Reports",
15 | "content": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
16 | },
17 | "location": "Palo Alto",
18 | "value": "+643"
19 | }
20 | ]
21 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/2/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .table {
4 | white-space: nowrap !important;
5 | :global(.ant-table-body) {
6 | overflow-x: auto !important;
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/3/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "avatar": "resources/images/avatars/5.jpg",
5 | "userName": {"name": "Mary Stanform", "position": "Administrator"},
6 | "location": "New York"
7 | },
8 | {
9 | "key": "2",
10 | "avatar": "resources/images/avatars/1.jpg",
11 | "userName": {"name": "Garry Morge", "position": "Support"},
12 | "location": "Palo Alto"
13 | },
14 | {
15 | "key": "3",
16 | "avatar": "resources/images/avatars/2.jpg",
17 | "userName": {"name": "Silinda Veyron", "position": "Developer"},
18 | "location": "Las Vegas"
19 | }
20 | ]
21 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/4/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "actionName": "New Users",
5 | "location": "New York",
6 | "phone": "+1 800 364 4774",
7 | "value": "+3,125"
8 | },
9 | {
10 | "key": "2",
11 | "actionName": "New Reports",
12 | "location": "Palo Alto",
13 | "phone": "+1 800 364 4774",
14 | "value": "+643"
15 | },
16 | {
17 | "key": "3",
18 | "actionName": "Quote Submits",
19 | "location": "Las Vegas",
20 | "phone": "+1 800 364 4774",
21 | "value": "+982"
22 | }
23 | ]
24 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/5/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "avatar": "resources/images/avatars/5.jpg",
5 | "userName": {"name": "Mary Stanform", "position": "Administrator"},
6 | "location": "New York"
7 | },
8 | {
9 | "key": "2",
10 | "avatar": "resources/images/avatars/1.jpg",
11 | "userName": {"name": "Garry Morge", "position": "Support"},
12 | "location": "Palo Alto"
13 | },
14 | {
15 | "key": "3",
16 | "avatar": "resources/images/avatars/2.jpg",
17 | "userName": {"name": "Silinda Veyron", "position": "Developer"},
18 | "location": "Las Vegas"
19 | }
20 | ]
21 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/5/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .table {
4 | white-space: nowrap !important;
5 | :global(.ant-table-body) {
6 | overflow-x: auto !important;
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/6/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "userName": {"name": "Mary Stanform", "position": "Administrator"},
5 | "location": "New York",
6 | "value": "+3,125"
7 | },
8 | {
9 | "key": "2",
10 | "userName": {"name": "Garry Morge", "position": "Support"},
11 | "location": "Palo Alto",
12 | "value": "+643"
13 |
14 | },
15 | {
16 | "key": "3",
17 | "userName": {"name": "Silinda Veyron", "position": "Developer"},
18 | "location": "Las Vegas",
19 | "value": "+982"
20 | }
21 | ]
22 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/6/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .table {
4 | white-space: nowrap !important;
5 | :global(.ant-table-body) {
6 | overflow-x: auto !important;
7 | }
8 | }
9 |
10 | .textDivider {
11 | display: flex;
12 | flex-direction: row;
13 | flex-wrap: nowrap;
14 | align-items: center;
15 |
16 | &::before,
17 | &::after {
18 | content: '';
19 | height: 1px;
20 | width: 100%;
21 | background-color: $gray-2;
22 | }
23 |
24 | &Content {
25 | flex-shrink: 0;
26 | padding-left: rem(24);
27 | padding-right: rem(24);
28 | }
29 | }
30 |
31 | // dark theme
32 | [data-kit-theme='dark'] {
33 | .textDivider {
34 | &::before,
35 | &::after {
36 | background-color: $dark-gray-4;
37 | }
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/7/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .table {
4 | white-space: nowrap !important;
5 | :global(.ant-table-body) {
6 | overflow-x: auto !important;
7 | }
8 | }
9 |
10 | .textDivider {
11 | display: flex;
12 | flex-direction: row;
13 | flex-wrap: nowrap;
14 | align-items: center;
15 |
16 | &::before,
17 | &::after {
18 | content: '';
19 | height: 1px;
20 | width: 100%;
21 | background-color: $gray-2;
22 | }
23 |
24 | &Content {
25 | flex-shrink: 0;
26 | padding-left: rem(24);
27 | padding-right: rem(24);
28 | }
29 | }
30 |
31 | // dark theme
32 | [data-kit-theme='dark'] {
33 | .textDivider {
34 | &::before,
35 | &::after {
36 | background-color: $dark-gray-4;
37 | }
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/8/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "product": "New Users",
5 | "location": "New York",
6 | "description": "Lorem Ipsum is simply dummy text of the printing...",
7 | "quantity": "3,125",
8 | "cost": "$100.99",
9 | "overall": "$315,593.75"
10 | },
11 | {
12 | "key": "2",
13 | "product": "New Users",
14 | "location": "Palo Alto",
15 | "description": "Lorem Ipsum is simply dummy text of the printing...",
16 | "quantity": "643",
17 | "cost": "$64.99",
18 | "overall": "$41,788.57"
19 |
20 | },
21 | {
22 | "key": "3",
23 | "product": "Quote Submits",
24 | "location": "Las Vegas",
25 | "description": "Lorem Ipsum is simply dummy text of the printing...",
26 | "quantity": "982",
27 | "cost": "$49.99",
28 | "overall": "$49,090.18"
29 | }
30 | ]
31 |
32 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/kit/widgets/Tables/8/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .table {
4 | white-space: nowrap !important;
5 | :global(.ant-table-body) {
6 | overflow-x: auto !important;
7 | }
8 | }
9 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/components/mixins.scss:
--------------------------------------------------------------------------------
1 | // this is shared mixins file for all components from the app,
2 | // there you can easily add your own variables / imports or redefine
3 | // existing without touching default packages for future updates
4 |
5 | @import 'src/components/kit/core/mixins.scss'; // import KIT mixins
6 | @import 'src/components/cleanui/styles/mixins.scss'; // import CLEANUI mixins
7 |
8 | // $text: #000;
9 | // $success: green;
10 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/constant/index.js:
--------------------------------------------------------------------------------
1 | export const values = {
2 | counter: 'count',
3 | gauge: 'value'
4 | }
5 | export const METRIC_TYPE = {
6 | HISTOGRAM: 'histogram',
7 | COUNTER: 'counter',
8 | GAUGE: 'gauge'
9 | }
10 |
11 | export const INTERVAL = 10000 // realtime data inteval in miliseconds
12 | export const DEFAULT_VALUE = null // default value for empty data
13 |
14 | export const TIME_RANGE = {
15 | '5m': 5 * 60,
16 | '15m': 15 * 60,
17 | '30m': 30 * 60,
18 | '1h': 60 * 60,
19 | '12h': 12 * 60 * 60,
20 | '24h': 24 * 60 * 60
21 | }
22 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/layouts/Public/index.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line no-unused-vars
2 | import React from 'react'
3 | import { withRouter } from 'react-router-dom'
4 |
5 | const PublicLayout = ({ children }) => {
6 | return children
7 | }
8 |
9 | export default withRouter(PublicLayout)
10 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/locales/en-US.js:
--------------------------------------------------------------------------------
1 | import localeAntd from 'antd/es/locale/en_US'
2 |
3 | const messages = {
4 | 'topBar.issuesHistory': 'Issues History',
5 | 'topBar.projectManagement': 'Project Management',
6 | 'topBar.typeToSearch': 'Search...',
7 | 'topBar.findPages': 'Find pages...',
8 | 'topBar.actions': 'Actions',
9 | 'topBar.status': 'Status',
10 | 'topBar.profileMenu.hello': 'Hello',
11 | 'topBar.profileMenu.billingPlan': 'Billing Plan',
12 | 'topBar.profileMenu.role': 'Role',
13 | 'topBar.profileMenu.email': 'Email',
14 | 'topBar.profileMenu.phone': 'Phone',
15 | 'topBar.profileMenu.editProfile': 'Edit Profile',
16 | 'topBar.profileMenu.logout': 'Logout',
17 | administrator: 'Administrator'
18 | }
19 |
20 | export default {
21 | locale: 'en-US',
22 | localeAntd,
23 | messages
24 | }
25 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/locales/fr-FR.js:
--------------------------------------------------------------------------------
1 | import localeAntd from 'antd/es/locale/fr_FR'
2 |
3 | const messages = {
4 | 'topBar.issuesHistory': 'Histoire des problèmes',
5 | 'topBar.projectManagement': 'Gestion de projet',
6 | 'topBar.typeToSearch': 'Chercher...',
7 | 'topBar.findPages': 'Trouver des pages...',
8 | 'topBar.actions': 'Actes',
9 | 'topBar.status': 'Statut',
10 | 'topBar.profileMenu.hello': 'Bonjour',
11 | 'topBar.profileMenu.billingPlan': 'Plan de facturation',
12 | 'topBar.profileMenu.role': 'Rôle',
13 | 'topBar.profileMenu.email': 'Email',
14 | 'topBar.profileMenu.phone': 'Téléphone',
15 | 'topBar.profileMenu.editProfile': 'Editer le profil',
16 | 'topBar.profileMenu.logout': 'Connectez - Out'
17 | }
18 |
19 | export default {
20 | locale: 'fr-FR',
21 | localeAntd,
22 | messages
23 | }
24 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/locales/ru-RU.js:
--------------------------------------------------------------------------------
1 | import localeAntd from 'antd/es/locale/ru_RU'
2 |
3 | const messages = {
4 | 'topBar.issuesHistory': 'История заданий',
5 | 'topBar.projectManagement': 'Управление проектом',
6 | 'topBar.typeToSearch': 'Поиск...',
7 | 'topBar.findPages': 'Поиск страниц...',
8 | 'topBar.actions': 'Действия',
9 | 'topBar.status': 'Статус',
10 | 'topBar.profileMenu.hello': 'Привет',
11 | 'topBar.profileMenu.billingPlan': 'Тарифный план',
12 | 'topBar.profileMenu.role': 'Роль',
13 | 'topBar.profileMenu.email': 'Емайл',
14 | 'topBar.profileMenu.phone': 'Телефон',
15 | 'topBar.profileMenu.editProfile': 'Редактировать профиль',
16 | 'topBar.profileMenu.logout': 'Выйти'
17 | }
18 |
19 | export default {
20 | locale: 'ru-RU',
21 | localeAntd,
22 | messages
23 | }
24 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/locales/zh-CN.js:
--------------------------------------------------------------------------------
1 | import localeAntd from 'antd/es/locale/zh_CN'
2 |
3 | const messages = {
4 | 'topBar.issuesHistory': '发布历史',
5 | 'topBar.projectManagement': '项目管理',
6 | 'topBar.typeToSearch': '搜索...',
7 | 'topBar.findPages': '查找页面...',
8 | 'topBar.actions': '动作',
9 | 'topBar.status': '状态',
10 | 'topBar.profileMenu.hello': '你好',
11 | 'topBar.profileMenu.billingPlan': '结算计划',
12 | 'topBar.profileMenu.role': '角色',
13 | 'topBar.profileMenu.email': '电子邮件',
14 | 'topBar.profileMenu.phone': '电话',
15 | 'topBar.profileMenu.editProfile': '编辑个人资料',
16 | 'topBar.profileMenu.logout': '登出'
17 | }
18 |
19 | export default {
20 | locale: 'zh-CN',
21 | localeAntd,
22 | messages
23 | }
24 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/application/style.scss:
--------------------------------------------------------------------------------
1 | .application-detail{
2 | .site-tag-plus {
3 | background: #fff;
4 | border-style: dashed;
5 | }
6 | .edit-tag {
7 | user-select: none;
8 | }
9 | .tag-input {
10 | width: 78px;
11 | margin-right: 8px;
12 | vertical-align: top;
13 | }
14 | .app-small-timestamp{
15 | small{
16 | display: block;
17 | margin-top: 10px;
18 | }
19 | }
20 | .application-gomodule{
21 | min-height: 25vh;
22 | }
23 | }
24 | .application{
25 | .search-bar{
26 | margin-bottom: 10px;
27 | }
28 | }
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/auth/404/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Helmet } from 'react-helmet'
3 | import Error404 from 'components/cleanui/system/Errors/404'
4 |
5 | const System404 = () => {
6 | return (
7 |
9 |
17 |
10 |
13 | +$10,264
11 | 4512-XXXX-1678-7528
12 |
14 |
15 |
16 | From Tesla Cars, Inc
18 |
8 |
11 | )
12 | }
13 |
14 | export default System404
15 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/auth/500/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Helmet } from 'react-helmet'
3 | import Error500 from 'components/cleanui/system/Errors/500'
4 |
5 | const System500 = () => {
6 | return (
7 |
8 |
11 | )
12 | }
13 |
14 | export default System500
15 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/auth/forgot-password/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Helmet } from 'react-helmet'
3 | import ForgotPassword from 'components/cleanui/system/Auth/ForgotPassword'
4 |
5 | const SystemForgotPassword = () => {
6 | return (
7 |
8 |
11 | )
12 | }
13 |
14 | export default SystemForgotPassword
15 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/auth/lockscreen/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Helmet } from 'react-helmet'
3 | import Lockscreen from 'components/cleanui/system/Auth/Lockscreen'
4 |
5 | const SystemLockscreen = () => {
6 | return (
7 |
8 |
11 | )
12 | }
13 |
14 | export default SystemLockscreen
15 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/auth/login/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Helmet } from 'react-helmet'
3 | import Login from 'components/cleanui/system/Auth/Login'
4 |
5 | const SystemLogin = () => {
6 | return (
7 |
8 |
11 | )
12 | }
13 |
14 | export default SystemLogin
15 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/auth/register/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Helmet } from 'react-helmet'
3 | import Register from 'components/cleanui/system/Auth/Register'
4 |
5 | const SystemRegister = () => {
6 | return (
7 |
8 |
11 | )
12 | }
13 |
14 | export default SystemRegister
15 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/dashboard/alpha/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "tableData": [
3 | {
4 | "key": "1",
5 | "name": "Damon",
6 | "position": "5516 Adolfo Green",
7 | "office": "Littelhaven",
8 | "age": 18,
9 | "date": "2014/06/13",
10 | "salary": 553.536
11 | },
12 | {
13 | "key": "2",
14 | "name": "Miracle",
15 | "position": "176 Hirthe Squares",
16 | "office": "Ryleetown",
17 | "age": 35,
18 | "date": "2013/09/27",
19 | "salary": 784.802
20 | },
21 | {
22 | "key": "3",
23 | "name": "Torrey",
24 | "position": "1995 Richie Neck",
25 | "office": "West Sedrickstad",
26 | "age": 15,
27 | "date": "2014/09/12",
28 | "salary": 344.302
29 | }
30 | ]
31 | }
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/dashboard/crypto/TradeChart/utils.js:
--------------------------------------------------------------------------------
1 | import { tsvParse } from 'd3-dsv'
2 | import { timeParse } from 'd3-time-format'
3 | import Axios from 'axios'
4 |
5 | function parseData (parse) {
6 | return function cb (d) {
7 | const b = {}
8 | b.date = parse(d.date)
9 | b.open = +d.open
10 | b.high = +d.high
11 | b.low = +d.low
12 | b.close = +d.close
13 | b.volume = +d.volume
14 | return b
15 | }
16 | }
17 |
18 | const parseDate = timeParse('%Y-%m-%d')
19 |
20 | export default function getData () {
21 | const promiseMSFT = Axios('//rrag.github.io/react-stockcharts/data/MSFT.tsv')
22 | .then(response => response.text())
23 | .then(data => tsvParse(data, parseData(parseDate)))
24 | return promiseMSFT
25 | }
26 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/dashboard/gamma/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .chartPieExample {
4 | :global(.ct-chart) {
5 | height: rem(200);
6 | }
7 |
8 | :global(.ct-series-a) path {
9 | stroke: $success;
10 | }
11 |
12 | :global(.ct-series-b) path {
13 | stroke: $primary;
14 | }
15 |
16 | :global(.ct-series-c) path {
17 | stroke: $danger;
18 | }
19 |
20 | :global(.ct-series) path {
21 | transition: stroke-opacity 0.2s ease-in-out;
22 | &:hover {
23 | stroke-opacity: 0.8;
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/advanced/invoice/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "product": "New Users",
5 | "location": "New York",
6 | "description": "Lorem Ipsum is simply dummy text of the printing...",
7 | "quantity": "3,125",
8 | "cost": "$100.99",
9 | "overall": "$315,593.75"
10 | },
11 | {
12 | "key": "2",
13 | "product": "New Users",
14 | "location": "Palo Alto",
15 | "description": "Lorem Ipsum is simply dummy text of the printing...",
16 | "quantity": "643",
17 | "cost": "$64.99",
18 | "overall": "$41,788.57"
19 |
20 | },
21 | {
22 | "key": "3",
23 | "product": "Quote Submits",
24 | "location": "Las Vegas",
25 | "description": "Lorem Ipsum is simply dummy text of the printing...",
26 | "quantity": "982",
27 | "cost": "$49.99",
28 | "overall": "$49,090.18"
29 | }
30 | ]
31 |
32 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/advanced/invoice/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Helmet } from 'react-helmet'
3 | import Table8 from 'components/kit/widgets/Tables/8'
4 |
5 | const SystemInvoice = () => {
6 | return (
7 |
8 |
14 | )
15 | }
16 |
17 | export default SystemInvoice
18 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/advanced/pricing-tables/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Helmet } from 'react-helmet'
3 | import List21 from 'components/kit/widgets/Lists/21'
4 | import List21v1 from 'components/kit/widgets/Lists/21v1'
5 | import List21v2 from 'components/kit/widgets/Lists/21v2'
6 |
7 | const SystemPricingTables = () => {
8 | return (
9 |
10 |
12 | Invoice
11 |
10 |
26 | )
27 | }
28 |
29 | export default SystemPricingTables
30 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/apps/calendar/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .event {
4 | margin-top: rem(5);
5 | margin-bottom: rem(5);
6 | margin-right: rem(20);
7 | white-space: nowrap;
8 |
9 | &:last-child {
10 | margin-right: 0;
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/apps/helpdesk-dashboard/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "date": "12/06/2019",
5 | "title": "I found a bug",
6 | "email": "mary.harford@gmail.com"
7 | },
8 | {
9 | "key": "2",
10 | "date": "05/06/2019",
11 | "title": "Add a form/questionnalre",
12 | "email": "stacy.fisher@hotmail.com"
13 | },
14 | {
15 | "key": "3",
16 | "date": "17/05/2019",
17 | "title": "Create a responsive template",
18 | "email": "sessil.keep@mail.ru"
19 | },
20 | {
21 | "key": "4",
22 | "date": "17/05/2019",
23 | "title": "Bug in dashboard",
24 | "email": "creed@microsoft.com"
25 | },
26 | {
27 | "key": "5",
28 | "date": "17/05/2019",
29 | "title": "Todoist is not working on mobile",
30 | "email": "avraam@gmail.com"
31 | }
32 | ]
33 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/apps/jira-agile-board/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .card {
4 | background-color: $white;
5 | border-radius: 3px;
6 | box-shadow: 0 3px 5px rgba(22, 22, 53, 0.16);
7 | margin-bottom: rem(15);
8 | padding: rem(5);
9 | min-height: rem(40);
10 | cursor: move;
11 | }
12 |
13 | .content {
14 | padding-left: rem(15);
15 | position: relative;
16 | }
17 |
18 | .flag {
19 | position: absolute;
20 | left: 0;
21 | top: 0;
22 | bottom: 0;
23 | background-color: $gray-3;
24 | width: 3px;
25 | border-radius: 2px;
26 | }
27 |
28 | // dark theme
29 | [data-kit-theme='dark'] {
30 | .card {
31 | background: $dark-gray-4;
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/apps/mail/style.module.scss:
--------------------------------------------------------------------------------
1 | @import 'components/mixins.scss';
2 |
3 | .categories {
4 | height: 100%;
5 |
6 | @media (max-width: $sm-max-width) {
7 | max-height: rem(240);
8 | min-height: rem(240);
9 | margin-bottom: rem(15);
10 | }
11 | }
12 |
13 | .category {
14 | padding-top: rem(5);
15 | padding-bottom: rem(8);
16 | padding-left: rem(10);
17 | cursor: pointer;
18 | border-radius: 5px;
19 |
20 | &:hover {
21 | background-color: lighten($gray-1, 2);
22 | }
23 | }
24 |
25 | .current {
26 | background-color: $gray-1;
27 |
28 | &:hover {
29 | background-color: $gray-1;
30 | }
31 | }
32 |
33 | // dark theme
34 | [data-kit-theme='dark'] {
35 | .category {
36 | &:hover,
37 | &.current {
38 | background-color: $dark-gray-4;
39 | }
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/ecommerce/cart/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "ordersTableData": [{
3 | "key": "1",
4 | "number": "1",
5 | "description": "Server hardware purchase",
6 | "quantity": "35",
7 | "unitcost": "$75.00",
8 | "total": "$2,152.00"
9 | }, {
10 | "key": "2",
11 | "number": "2",
12 | "description": "Office furniture purchase",
13 | "quantity": "21",
14 | "unitcost": "$169.00",
15 | "total": "$4,169.00"
16 | }, {
17 | "key": "3",
18 | "number": "3",
19 | "description": "Company Anual Dinner Catering",
20 | "quantity": "58",
21 | "unitcost": "$49.00",
22 | "total": "$1,260.00"
23 | }, {
24 | "key": "4",
25 | "number": "4",
26 | "description": "Payment for Jan 2016",
27 | "quantity": "231",
28 | "unitcost": "$12.00",
29 | "total": "$866.00"
30 | }]
31 | }
32 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/tables/antd/examples/basic/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "name": "John Brown",
5 | "age": 32,
6 | "address": "New York No. 1 Lake Park",
7 | "tags": ["nice", "developer"]
8 | },
9 | {
10 | "key": "2",
11 | "name": "Jim Green",
12 | "age": 42,
13 | "address": "London No. 1 Lake Park",
14 | "tags": ["loser"]
15 | },
16 | {
17 | "key": "3",
18 | "name": "Joe Black",
19 | "age": 32,
20 | "address": "Sidney No. 1 Lake Park",
21 | "tags": ["cool", "teacher"]
22 | }
23 | ]
24 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/tables/antd/examples/custom-filter/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": "1",
4 | "name": "John Brown",
5 | "age": 32,
6 | "address": "New York No. 1 Lake Park"
7 | },
8 | {
9 | "key": "2",
10 | "name": "Joe Black",
11 | "age": 42,
12 | "address": "London No. 1 Lake Park"
13 | },
14 | {
15 | "key": "3",
16 | "name": "Jim Green",
17 | "age": 32,
18 | "address": "Sidney No. 1 Lake Park"
19 | },
20 | {
21 | "key": "4",
22 | "name": "Jim Red",
23 | "age": 32,
24 | "address": "London No. 2 Lake Park"
25 | }
26 | ]
27 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/tables/antd/examples/expandable-row/data.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "key": 1,
4 | "name": "John Brown",
5 | "age": 32,
6 | "address": "New York No. 1 Lake Park",
7 | "description": "My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park."
8 | },
9 | {
10 | "key": 2,
11 | "name": "Jim Green",
12 | "age": 42,
13 | "address": "London No. 1 Lake Park",
14 | "description": "My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park."
15 | },
16 | {
17 | "key": 3,
18 | "name": "Joe Black",
19 | "age": 32,
20 | "address": "Sidney No. 1 Lake Park",
21 | "description": "My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park."
22 | }
23 | ]
24 |
--------------------------------------------------------------------------------
/web/ui/gobench-ui/src/pages/themes/tables/antd/examples/expandable-row/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Table } from 'antd'
3 | import data from './data.json'
4 |
5 | const columns = [
6 | { title: 'Name', dataIndex: 'name', key: 'name' },
7 | { title: 'Age', dataIndex: 'age', key: 'age' },
8 | { title: 'Address', dataIndex: 'address', key: 'address' },
9 | {
10 | title: 'Action',
11 | dataIndex: '',
12 | key: 'x',
13 | render: () => Delete,
14 | },
15 | ]
16 |
17 | class TablesAntdExpandableRow extends React.Component {
18 | render() {
19 | return (
20 |
12 |
14 | Pricing Tables
13 |
15 |
25 |
16 |
18 |
19 |
21 |
22 |
24 |
21 |