feat: project visibility label added to project page

SwissDataScienceCenter · Jun 26, 2019 · e8b24e8 · e8b24e8
1 parent 90d4b52
commit e8b24e8
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 2 deletions.
diff --git a/src/project/Project.css b/src/project/Project.css
@@ -3,3 +3,11 @@ Button.alert-link {
   border: 0;
   vertical-align: bottom;
 }
+
+.visibilityLabel {
+  display: inline;
+  color: rgba(0, 0, 0, 0.5);
+  /* color: black; */
+  margin-left: 0.1em;
+  font-size: 0.55em;
+}
diff --git a/src/project/Project.present.js b/src/project/Project.present.js
@@ -41,7 +41,7 @@ import { Card, CardBody, CardHeader } from 'reactstrap';
 import FontAwesomeIcon from '@fortawesome/react-fontawesome'
 import faStarRegular from '@fortawesome/fontawesome-free-regular/faStar'
 import { faStar as faStarSolid, faInfoCircle, faExternalLinkAlt } from '@fortawesome/fontawesome-free-solid'
-import { faExclamationTriangle } from '@fortawesome/fontawesome-free-solid'
+import { faExclamationTriangle, faLock , faUserFriends, faGlobe } from '@fortawesome/fontawesome-free-solid'
 
 import { ExternalLink, Loader, RenkuNavLink, TimeCaption} from '../utils/UIComponents'
 import { InfoAlert, SuccessAlert, WarnAlert, ErrorAlert } from '../utils/UIComponents'
@@ -96,6 +96,21 @@ class ImageBuildInfoBadge extends Component {
   }
 }
 
+class ProjectVisibilityLabel extends Component {
+  render(){
+    switch(this.props.visibilityLevel) {
+    case "private":
+      return  <span className="visibilityLabel"><FontAwesomeIcon icon={faLock}/> Private</span>
+    case "internal":
+      return  <span className="visibilityLabel"><FontAwesomeIcon icon={faUserFriends}/> Internal</span>
+    case "public":
+      return  <span className="visibilityLabel"><FontAwesomeIcon icon={faGlobe}/> Public</span>
+    default:
+      return null;
+    }
+  }
+}
+
 class MergeRequestSuggestions extends Component {
   handleCreateMergeRequest(e, onCreateMergeRequest, branch) {
     e.preventDefault();
@@ -233,7 +248,7 @@ class ProjectViewHeaderOverview extends Component {
       <Container fluid>
         <Row>
           <Col xs={12} md={9}>
-            <h3>{core.title}</h3>
+            <h3>{core.title} <ProjectVisibilityLabel visibilityLevel={this.props.visibility.level}/></h3>
             <p>
               <span>{this.props.core.path_with_namespace}{forkedFrom}</span> <br />
             </p>