From 07195f3762b6a8a7dfb44c2231db58c5be13c43f Mon Sep 17 00:00:00 2001 From: Georgios Andreadis Date: Wed, 16 Aug 2017 22:55:16 +0300 Subject: Rename project to sim and enable sim-adding --- src/components/projects/FilterButton.js | 23 ------ src/components/projects/FilterButton.sass | 23 ------ src/components/projects/FilterPanel.js | 15 ---- src/components/projects/FilterPanel.sass | 21 ----- src/components/projects/NewProjectButton.js | 16 ---- src/components/projects/NewProjectButton.sass | 31 ------- src/components/projects/NoProjectsAlert.js | 11 --- src/components/projects/NoProjectsAlert.sass | 10 --- src/components/projects/ProjectActionButtons.js | 26 ------ src/components/projects/ProjectAuth.js | 24 ------ src/components/projects/ProjectAuthList.js | 33 -------- src/components/projects/ProjectAuthList.sass | 104 ------------------------ 12 files changed, 337 deletions(-) delete mode 100644 src/components/projects/FilterButton.js delete mode 100644 src/components/projects/FilterButton.sass delete mode 100644 src/components/projects/FilterPanel.js delete mode 100644 src/components/projects/FilterPanel.sass delete mode 100644 src/components/projects/NewProjectButton.js delete mode 100644 src/components/projects/NewProjectButton.sass delete mode 100644 src/components/projects/NoProjectsAlert.js delete mode 100644 src/components/projects/NoProjectsAlert.sass delete mode 100644 src/components/projects/ProjectActionButtons.js delete mode 100644 src/components/projects/ProjectAuth.js delete mode 100644 src/components/projects/ProjectAuthList.js delete mode 100644 src/components/projects/ProjectAuthList.sass (limited to 'src/components/projects') diff --git a/src/components/projects/FilterButton.js b/src/components/projects/FilterButton.js deleted file mode 100644 index 8d6b7146..00000000 --- a/src/components/projects/FilterButton.js +++ /dev/null @@ -1,23 +0,0 @@ -import classNames from 'classnames'; -import PropTypes from 'prop-types'; -import React from 'react'; -import "./FilterButton.css"; - -const FilterButton = ({active, children, onClick}) => ( -
{ - if (!active) { - onClick(); - } - }}> - {children} -
-); - -FilterButton.propTypes = { - active: PropTypes.bool.isRequired, - children: PropTypes.node.isRequired, - onClick: PropTypes.func.isRequired -}; - -export default FilterButton; diff --git a/src/components/projects/FilterButton.sass b/src/components/projects/FilterButton.sass deleted file mode 100644 index 0cad68e3..00000000 --- a/src/components/projects/FilterButton.sass +++ /dev/null @@ -1,23 +0,0 @@ -@import ../../style-globals/_mixins.sass -@import ../../style-globals/_variables.sass - -.project-filter-button - display: inline-block - width: 33.3% - //margin-right: -4px - padding: 10px $global-padding - - font-size: 12pt - border-right: 1px solid #06326b - - +clickable - +transition(background, $transition-length) - -.project-filter-button:last-of-type - border: 0 - -.project-filter-button:hover - background: #0c60bf - -.project-filter-button:active, .project-filter-button.active - background: #073d7d diff --git a/src/components/projects/FilterPanel.js b/src/components/projects/FilterPanel.js deleted file mode 100644 index 050bf0aa..00000000 --- a/src/components/projects/FilterPanel.js +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import FilterLink from "../../containers/projects/FilterLink"; -import "./FilterPanel.css"; - -const ProjectFilterPanel = () => ( -
-
- All Projects - My Projects - Projects shared with me -
-
-); - -export default ProjectFilterPanel; diff --git a/src/components/projects/FilterPanel.sass b/src/components/projects/FilterPanel.sass deleted file mode 100644 index a70c7a90..00000000 --- a/src/components/projects/FilterPanel.sass +++ /dev/null @@ -1,21 +0,0 @@ -@import ../../style-globals/_mixins.sass -@import ../../style-globals/_variables.sass - -.filter-menu - display: block - - background: #0761b1 - border: 1px solid #06326b - color: #eee - - text-align: center - - +border-radius($standard-border-radius) - overflow: hidden - - margin-bottom: 20px - - .project-filters - display: block - overflow: hidden - margin: 0 -1px diff --git a/src/components/projects/NewProjectButton.js b/src/components/projects/NewProjectButton.js deleted file mode 100644 index 9eaf6df4..00000000 --- a/src/components/projects/NewProjectButton.js +++ /dev/null @@ -1,16 +0,0 @@ -import PropTypes from 'prop-types'; -import React from 'react'; -import './NewProjectButton.css'; - -const NewProjectButton = ({onClick}) => ( -
- - New Project -
-); - -NewProjectButton.propTypes = { - onClick: PropTypes.func.isRequired, -}; - -export default NewProjectButton; diff --git a/src/components/projects/NewProjectButton.sass b/src/components/projects/NewProjectButton.sass deleted file mode 100644 index 89435902..00000000 --- a/src/components/projects/NewProjectButton.sass +++ /dev/null @@ -1,31 +0,0 @@ -@import ../../style-globals/_mixins.sass -@import ../../style-globals/_variables.sass - -.new-project-btn - $button-height: 35px - - display: inline-block - position: absolute - bottom: $navbar-height + 40px - right: 40px - padding: 0 10px - height: $button-height - line-height: $button-height - font-size: 14pt - - background: #679436 - color: #eee - border: 1px solid #507830 - - +border-radius($standard-border-radius) - +clickable - +transition(all, $transition-length) - - span - margin-right: 10px - -.new-project-btn:hover - background: #73ac45 - -.new-project-btn:active - background: #5c8835 diff --git a/src/components/projects/NoProjectsAlert.js b/src/components/projects/NoProjectsAlert.js deleted file mode 100644 index 957435c7..00000000 --- a/src/components/projects/NoProjectsAlert.js +++ /dev/null @@ -1,11 +0,0 @@ -import React from 'react'; -import "./NoProjectsAlert.css"; - -const NoProjectsAlert = () => ( -
- - No projects here yet... Add some with the 'New Project' button! -
-); - -export default NoProjectsAlert; diff --git a/src/components/projects/NoProjectsAlert.sass b/src/components/projects/NoProjectsAlert.sass deleted file mode 100644 index a526f9ad..00000000 --- a/src/components/projects/NoProjectsAlert.sass +++ /dev/null @@ -1,10 +0,0 @@ -.no-projects-alert - position: relative - padding-left: 50px - - .info-icon - position: absolute - top: 11px - left: 15px - bottom: 10px - font-size: 20pt diff --git a/src/components/projects/ProjectActionButtons.js b/src/components/projects/ProjectActionButtons.js deleted file mode 100644 index 66eb8bfa..00000000 --- a/src/components/projects/ProjectActionButtons.js +++ /dev/null @@ -1,26 +0,0 @@ -import PropTypes from "prop-types"; -import React from 'react'; - -const ProjectActionButtons = ({projectId, onOpen, onViewUsers, onDelete}) => ( -
-
onOpen(projectId)}> - -
-
onViewUsers(projectId)}> - -
-
onDelete(projectId)}> - -
-
-); - -ProjectActionButtons.propTypes = { - projectId: PropTypes.number.isRequired, - onOpen: PropTypes.func, - onViewUsers: PropTypes.func, - onDelete: PropTypes.func, -}; - -export default ProjectActionButtons; diff --git a/src/components/projects/ProjectAuth.js b/src/components/projects/ProjectAuth.js deleted file mode 100644 index 10cfd252..00000000 --- a/src/components/projects/ProjectAuth.js +++ /dev/null @@ -1,24 +0,0 @@ -import classNames from 'classnames'; -import React from 'react'; -import ProjectActions from "../../containers/projects/ProjectActions"; -import Shapes from "../../shapes/index"; -import {AUTH_DESCRIPTION_MAP, AUTH_ICON_MAP} from "../../util/authorizations"; -import {parseAndFormatDateTime} from "../../util/date-time"; - -const ProjectAuth = ({projectAuth}) => ( -
-
{projectAuth.simulation.name}
-
{parseAndFormatDateTime(projectAuth.simulation.datetimeLastEdited)}
-
- - {AUTH_DESCRIPTION_MAP[projectAuth.authorizationLevel]} -
- -
-); - -ProjectAuth.propTypes = { - projectAuth: Shapes.Authorization.isRequired, -}; - -export default ProjectAuth; diff --git a/src/components/projects/ProjectAuthList.js b/src/components/projects/ProjectAuthList.js deleted file mode 100644 index 94e7abad..00000000 --- a/src/components/projects/ProjectAuthList.js +++ /dev/null @@ -1,33 +0,0 @@ -import PropTypes from 'prop-types'; -import React from 'react'; -import Shapes from "../../shapes/index"; -import NoProjectsAlert from "./NoProjectsAlert"; -import ProjectAuth from "./ProjectAuth"; -import "./ProjectAuthList.css"; - -const ProjectAuthList = ({authorizations}) => { - if (authorizations.length === 0) { - return ; - } - - return ( -
-
-
Project name
-
Last edited
-
Access rights
-
-
- {authorizations.map(authorization => ( - - ))} -
-
- ); -}; - -ProjectAuthList.propTypes = { - authorizations: PropTypes.arrayOf(Shapes.Authorization).isRequired, -}; - -export default ProjectAuthList; diff --git a/src/components/projects/ProjectAuthList.sass b/src/components/projects/ProjectAuthList.sass deleted file mode 100644 index 5cdfacaa..00000000 --- a/src/components/projects/ProjectAuthList.sass +++ /dev/null @@ -1,104 +0,0 @@ -@import ../../style-globals/_mixins.sass -@import ../../style-globals/_variables.sass - -.project-list - display: block - font-size: 12pt - border: 0 - - .list-head, .list-body .project-row - display: block - position: relative - - .list-head div, .list-body .project-row div - padding: 0 10px - display: inline-block - - .list-head - font-weight: bold - - // Address default margin between inline-blocks - div - margin-right: -4px - -.project-row - background: #f8f8f8 - border: 1px solid #b6b6b6 - height: 40px - line-height: 40px - clear: both - -.project-row:not(:first-of-type) - margin-top: -1px - -// Sizing of table columns -.project-row, .project-list .list-head - div:first-of-type - width: 40% - - div:nth-of-type(2) - width: 20% - - div:nth-of-type(3) - width: 20% - - div:last-of-type - width: 20% - - span - margin-right: 10px - -.project-row .project-icons - text-align: right - -.project-row .project-icons div - display: inline - position: relative - top: 4px - width: 30px - height: 30px - margin-right: 5px - font-size: 12pt - color: white - +border-radius(100%) - +clickable - +transition(background, $transition-length) - - span - position: relative - top: -4px - left: -1px - - &.open - $icon-color: #0c60bf - background: $icon-color - - &:hover - background: lighten($icon-color, 10%) - - &:active - background: darken($icon-color, 10%) - - &.users - font-size: 10pt - $icon-color: #17bf55 - background: $icon-color - - span - left: -2px - - &:hover - background: lighten($icon-color, 10%) - - &:active - background: darken($icon-color, 10%) - - &.delete - $icon-color: #e3474d - background: $icon-color - - &:hover - background: lighten($icon-color, 10%) - - &:active - background: darken($icon-color, 10%) -- cgit v1.2.3