diff --git a/__old/.eslintrc b/__old/.eslintrc deleted file mode 100644 index 11b3647..0000000 --- a/__old/.eslintrc +++ /dev/null @@ -1,6 +0,0 @@ -{ - "plugins": ["prettier"], - "rules": { - "prettier/prettier": "error" - } -} diff --git a/__old/AppHeaderDropdownMssg.js b/__old/AppHeaderDropdownMssg.js deleted file mode 100644 index bfc902d..0000000 --- a/__old/AppHeaderDropdownMssg.js +++ /dev/null @@ -1,103 +0,0 @@ -import React from 'react' -import { - CAvatar, - CBadge, - CDropdown, - CDropdownItem, - CDropdownMenu, - CDropdownToggle, -} from '@coreui/react' -import CIcon from '@coreui/icons-react' - -const AppHeaderDropdownMssg = () => { - const itemsCount = 4 - return ( - - - - - {itemsCount} - - - - - You have {itemsCount} messages - - -
-
- -
-
- John Doe - Just now -
-
- Important message -
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor - incididunt... -
-
- - - -
-
- -
-
- Jane Dovve - 5 minutes ago -
-
Lorem ipsum dolor sit amet
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor - incididunt... -
-
- - - -
-
- -
-
- Janet Doe - 1:52 PM -
-
Lorem ipsum dolor sit amet
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor - incididunt... -
-
- - - -
-
- -
-
- Joe Doe - 4:03 AM -
-
Lorem ipsum dolor sit amet
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor - incididunt... -
-
- - - View all messages - - - - ) -} - -export default AppHeaderDropdownMssg diff --git a/__old/AppHeaderDropdownNotif.js b/__old/AppHeaderDropdownNotif.js deleted file mode 100644 index 881e445..0000000 --- a/__old/AppHeaderDropdownNotif.js +++ /dev/null @@ -1,76 +0,0 @@ -import React from 'react' -import { - CBadge, - CDropdown, - CDropdownItem, - CDropdownMenu, - CDropdownToggle, - CProgress, -} from '@coreui/react' -import CIcon from '@coreui/icons-react' - -const AppHeaderDropdownNotif = () => { - const itemsCount = 5 - return ( - - - - - {itemsCount} - - - - - You have {itemsCount} notifications - - - New user registered - - - User deleted - - - Sales report is ready - - - New client - - - Server overloaded - - - Server - - -
- - CPU Usage - -
- - 348 Processes. 1/4 Cores. - - -
- - Memory Usage - -
- - 11444GB/16384MB - - -
- - SSD 1 Usage - -
- - 243GB/256GB - - - - ) -} - -export default AppHeaderDropdownNotif diff --git a/__old/AppHeaderDropdownTasks.js b/__old/AppHeaderDropdownTasks.js deleted file mode 100644 index 273951a..0000000 --- a/__old/AppHeaderDropdownTasks.js +++ /dev/null @@ -1,79 +0,0 @@ -import React from 'react' -import { - CBadge, - CDropdown, - CDropdownItem, - CDropdownMenu, - CDropdownToggle, - CProgress, -} from '@coreui/react' -import CIcon from '@coreui/icons-react' - -const AppHeaderDropdownTasks = () => { - const itemsCount = 5 - return ( - - - - - {itemsCount} - - - - - You have {itemsCount} pending tasks - - -
- Upgrade NPM & Bower{' '} - - 0% - -
- - - -
- ReactJS Version{' '} - - 25% - -
- - - -
- VueJS Version{' '} - - 50% - -
- - - -
- Add new layouts{' '} - - 75% - -
- - - -
- Angular 2 Cli Version{' '} - - 100% - -
- - - - View all tasks - - - - ) -} - -export default AppHeaderDropdownTasks diff --git a/__old/ChartBarSimple.js b/__old/ChartBarSimple.js deleted file mode 100644 index 54b76e4..0000000 --- a/__old/ChartBarSimple.js +++ /dev/null @@ -1,83 +0,0 @@ -import React from 'react' -import PropTypes from 'prop-types' -import { getColor } from '@coreui/utils' -import { CChartBar } from '@coreui/react-chartjs' - -const ChartBarSimple = (props) => { - const { - backgroundColor, - pointHoverBackgroundColor, - dataPoints, - label, - pointed, - ...attributes - } = props - - const defaultDatasets = { - data: dataPoints, - backgroundColor: getColor(backgroundColor), - pointHoverBackgroundColor: getColor(pointHoverBackgroundColor), - label: label, - barPercentage: 0.5, - categoryPercentage: 1, - } - - const defaultOptions = { - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - scales: { - x: { - grid: { - display: false, - drawTicks: false, - }, - ticks: { - display: false, - }, - }, - y: { - grid: { - display: false, - drawBorder: false, - drawTicks: false, - }, - ticks: { - display: false, - }, - }, - }, - } - - // render - return ( - - ) -} - -ChartBarSimple.propTypes = { - tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]), - className: PropTypes.string, - // - backgroundColor: PropTypes.string, - pointHoverBackgroundColor: PropTypes.string, - dataPoints: PropTypes.array, - label: PropTypes.string, - pointed: PropTypes.bool, -} - -ChartBarSimple.defaultProps = { - backgroundColor: 'rgba(0,0,0,.2)', - dataPoints: [10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12], - label: 'Sales', -} - -export default ChartBarSimple diff --git a/__old/ChartLineSimple.js b/__old/ChartLineSimple.js deleted file mode 100644 index 778ea33..0000000 --- a/__old/ChartLineSimple.js +++ /dev/null @@ -1,165 +0,0 @@ -import React from 'react' -import PropTypes from 'prop-types' -import { getColor, getStyle, hexToRgba, deepObjectsMerge } from '@coreui/utils' - -import { CChartLine } from '@coreui/react-chartjs' - -const brandSuccess = getStyle('success') || '#4dbd74' -const brandInfo = getStyle('info') || '#20a8d8' -const brandDanger = getStyle('danger') || '#f86c6b' - -const ChartLineSimple = (props) => { - const { - borderColor, - backgroundColor, - pointHoverBackgroundColor, - dataPoints, - label, - pointed, - ...attributes - } = props - - const pointHoverColor = (() => { - if (pointHoverBackgroundColor) { - return pointHoverBackgroundColor - } else if (backgroundColor !== 'transparent') { - return backgroundColor - } - return borderColor - })() - - const defaultDatasets = (() => { - return [ - { - data: dataPoints, - borderColor: getColor(borderColor), - backgroundColor: getColor(backgroundColor), - pointBackgroundColor: getColor(pointHoverColor), - pointHoverBackgroundColor: getColor(pointHoverColor), - label, - }, - ] - })() - - const pointedOptions = (() => { - return { - plugins: { - legend: { - display: false, - }, - }, - maintainAspectRatio: false, - scales: { - x: { - grid: { - display: false, - drawBorder: false, - }, - ticks: { - display: false, - }, - }, - y: { - display: false, - grid: { - display: false, - }, - ticks: { - display: false, - }, - }, - }, - elements: { - line: { - borderWidth: 1, - tension: 0.4, - }, - point: { - radius: 4, - hitRadius: 10, - hoverRadius: 4, - }, - }, - } - })() - - const straightOptions = (() => { - return { - plugins: { - legend: { - display: false, - }, - }, - maintainAspectRatio: false, - scales: { - x: { - display: false, - }, - y: { - display: false, - }, - }, - elements: { - line: { - borderWidth: 2, - tension: 0.4, - }, - point: { - radius: 0, - hitRadius: 10, - hoverRadius: 4, - }, - }, - } - })() - - const defaultOptions = (() => { - const options = pointed ? pointedOptions : straightOptions - return Object.assign({}, options, { - maintainAspectRatio: false, - legend: { - display: false, - }, - }) - })() - - const computedDatasets = (() => { - return deepObjectsMerge(defaultDatasets, attributes.datasets || {}) - })() - - const computedOptions = (() => { - return deepObjectsMerge(defaultOptions, attributes.options || {}) - })() - - // render - - return ( - - ) -} - -ChartLineSimple.propTypes = { - tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]), - className: PropTypes.string, - // - borderColor: PropTypes.string, - backgroundColor: PropTypes.string, - pointHoverBackgroundColor: PropTypes.string, - dataPoints: PropTypes.array, - label: PropTypes.string, - pointed: PropTypes.bool, -} - -ChartLineSimple.defaultProps = { - borderColor: 'rgba(255,255,255,.55)', - backgroundColor: 'transparent', - dataPoints: [10, 22, 34, 46, 58, 70, 46, 23, 45, 78, 34, 12], - label: 'Sales', -} - -export default ChartLineSimple diff --git a/__old/MainChartExample.js b/__old/MainChartExample.js deleted file mode 100644 index 537d763..0000000 --- a/__old/MainChartExample.js +++ /dev/null @@ -1,95 +0,0 @@ -import React from 'react' -import { CChartLine } from '@coreui/react-chartjs' -import { getStyle, hexToRgba } from '@coreui/utils' - -const brandSuccess = getStyle('success') || '#4dbd74' -const brandInfo = getStyle('info') || '#20a8d8' -const brandDanger = getStyle('danger') || '#f86c6b' - -const MainChartExample = (attributes) => { - const random = (min, max) => { - return Math.floor(Math.random() * (max - min + 1) + min) - } - - let elements = 27 - const data1 = [] - const data2 = [] - const data3 = [] - - for (let i = 0; i <= elements; i++) { - data1.push(random(50, 200)) - data2.push(random(80, 100)) - data3.push(65) - } - - const data = { - labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'], - datasets: [ - { - label: 'My First dataset', - backgroundColor: hexToRgba(brandInfo, 10), - borderColor: brandInfo, - pointHoverBackgroundColor: brandInfo, - borderWidth: 2, - data: data1, - fill: true, - }, - { - label: 'My Second dataset', - backgroundColor: 'transparent', - borderColor: brandSuccess, - pointHoverBackgroundColor: brandSuccess, - borderWidth: 2, - data: data2, - }, - { - label: 'My Third dataset', - backgroundColor: 'transparent', - borderColor: brandDanger, - pointHoverBackgroundColor: brandDanger, - borderWidth: 1, - borderDash: [8, 5], - data: data3, - }, - ], - } - - const options = { - maintainAspectRatio: false, - plugins: { - legend: { - display: false, - }, - }, - scales: { - x: { - grid: { - drawOnChartArea: false, - }, - }, - y: { - ticks: { - beginAtZero: true, - maxTicksLimit: 5, - stepSize: Math.ceil(250 / 5), - max: 250, - }, - }, - }, - elements: { - line: { - tension: 0.4, - }, - point: { - radius: 0, - hitRadius: 10, - hoverRadius: 4, - hoverBorderWidth: 3, - }, - }, - } - - return -} - -export default MainChartExample diff --git a/__old/polyfill.js b/__old/polyfill.js deleted file mode 100644 index ee36d18..0000000 --- a/__old/polyfill.js +++ /dev/null @@ -1,61 +0,0 @@ -/* - * required polyfills - */ - -/** IE9, IE10 and IE11 requires all of the following polyfills. **/ -// import "core-js"; -// import 'core-js/features/symbol' -// import 'core-js/features/object' -// import 'core-js/features/function' -// import 'core-js/features/parse-int' -// import 'core-js/features/parse-float' -// import 'core-js/features/number' -// import 'core-js/features/math' -// import 'core-js/features/string' -// import 'core-js/features/date' -// import 'core-js/features/array' -// import 'core-js/features/regexp' -// import 'core-js/features/map' -// import 'core-js/features/weak-map' -// import 'core-js/features/set' -// import 'core-js/features/set/map'; - -/** IE10 and IE11 requires the following for the Reflect API. */ -// import 'core-js/features/reflect'; - -/** Evergreen browsers require these. **/ -// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. -// import 'core-js/features/reflect' - -// CustomEvent() constructor functionality in IE9, IE10, IE11 -;(function () { - if (typeof window.CustomEvent === 'function') return false - - function CustomEvent(event, params) { - params = params || { bubbles: false, cancelable: false, detail: undefined } - var evt = document.createEvent('CustomEvent') - evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail) - return evt - } - - CustomEvent.prototype = window.Event.prototype - - window.CustomEvent = CustomEvent -})() - -if (!Element.prototype.matches) { - Element.prototype.matches = - Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector -} - -if (!Element.prototype.closest) { - Element.prototype.closest = function (s) { - var el = this - - do { - if (Element.prototype.matches.call(el, s)) return el - el = el.parentElement || el.parentNode - } while (el !== null && el.nodeType === 1) - return null - } -}