diff options
Diffstat (limited to 'src/components/projects')
| -rw-r--r-- | src/components/projects/FilterButton.js | 23 | ||||
| -rw-r--r-- | src/components/projects/FilterButton.sass | 23 | ||||
| -rw-r--r-- | src/components/projects/FilterPanel.js | 15 | ||||
| -rw-r--r-- | src/components/projects/FilterPanel.sass | 21 | ||||
| -rw-r--r-- | src/components/projects/NewProjectButton.js | 16 | ||||
| -rw-r--r-- | src/components/projects/NewProjectButton.sass | 31 | ||||
| -rw-r--r-- | src/components/projects/NoProjectsAlert.js | 11 | ||||
| -rw-r--r-- | src/components/projects/NoProjectsAlert.sass | 10 | ||||
| -rw-r--r-- | src/components/projects/ProjectActionButtons.js | 26 | ||||
| -rw-r--r-- | src/components/projects/ProjectAuth.js | 24 | ||||
| -rw-r--r-- | src/components/projects/ProjectAuthList.js | 33 | ||||
| -rw-r--r-- | src/components/projects/ProjectAuthList.sass | 104 |
12 files changed, 0 insertions, 337 deletions
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}) => ( - <div className={classNames("project-filter-button", {"active": active})} - onClick={() => { - if (!active) { - onClick(); - } - }}> - {children} - </div> -); - -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 = () => ( - <div className="filter-menu"> - <div className="project-filters"> - <FilterLink filter="SHOW_ALL">All Projects</FilterLink> - <FilterLink filter="SHOW_OWN">My Projects</FilterLink> - <FilterLink filter="SHOW_SHARED">Projects shared with me</FilterLink> - </div> - </div> -); - -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}) => ( - <div className="new-project-btn" onClick={onClick}> - <span className="fa fa-plus"/> - New Project - </div> -); - -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 = () => ( - <div className="no-projects-alert alert alert-info"> - <span className="info-icon fa fa-2x fa-question-circle"/> - <strong>No projects here yet...</strong> Add some with the 'New Project' button! - </div> -); - -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}) => ( - <div className="project-icons"> - <div className="open" title="Open this project" onClick={() => onOpen(projectId)}> - <span className="fa fa-play"/> - </div> - <div className="users" title="View and edit collaborators on this project" - onClick={() => onViewUsers(projectId)}> - <span className="fa fa-users"/> - </div> - <div className="delete" title="Delete this project" onClick={() => onDelete(projectId)}> - <span className="fa fa-trash"/> - </div> - </div> -); - -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}) => ( - <div className="project-row"> - <div>{projectAuth.simulation.name}</div> - <div>{parseAndFormatDateTime(projectAuth.simulation.datetimeLastEdited)}</div> - <div> - <span className={classNames("fa", "fa-" + AUTH_ICON_MAP[projectAuth.authorizationLevel])}/> - {AUTH_DESCRIPTION_MAP[projectAuth.authorizationLevel]} - </div> - <ProjectActions projectId={projectAuth.simulation.id}/> - </div> -); - -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 <NoProjectsAlert/>; - } - - return ( - <div className="project-list"> - <div className="list-head"> - <div>Project name</div> - <div>Last edited</div> - <div>Access rights</div> - </div> - <div className="list-body"> - {authorizations.map(authorization => ( - <ProjectAuth projectAuth={authorization} key={authorization.simulation.id}/> - ))} - </div> - </div> - ); -}; - -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%) |
