summaryrefslogtreecommitdiff
path: root/src/components/projects
diff options
context:
space:
mode:
authorGeorgios Andreadis <g.andreadis@student.tudelft.nl>2017-08-16 22:55:16 +0300
committerGeorgios Andreadis <g.andreadis@student.tudelft.nl>2017-09-23 10:05:42 +0200
commit07195f3762b6a8a7dfb44c2231db58c5be13c43f (patch)
tree2b4640457f70b55a97aff22fbe617e4b8538464a /src/components/projects
parent91c8088e1d7def9242f60c708cd34f25dcb77d76 (diff)
Rename project to sim and enable sim-adding
Diffstat (limited to 'src/components/projects')
-rw-r--r--src/components/projects/FilterButton.js23
-rw-r--r--src/components/projects/FilterButton.sass23
-rw-r--r--src/components/projects/FilterPanel.js15
-rw-r--r--src/components/projects/FilterPanel.sass21
-rw-r--r--src/components/projects/NewProjectButton.js16
-rw-r--r--src/components/projects/NewProjectButton.sass31
-rw-r--r--src/components/projects/NoProjectsAlert.js11
-rw-r--r--src/components/projects/NoProjectsAlert.sass10
-rw-r--r--src/components/projects/ProjectActionButtons.js26
-rw-r--r--src/components/projects/ProjectAuth.js24
-rw-r--r--src/components/projects/ProjectAuthList.js33
-rw-r--r--src/components/projects/ProjectAuthList.sass104
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%)