Interviewer

src/App.js

@@ -3,14 +3,17 @@ import React, {Component} from 'react';
 /* User Roles */
 import User from './Roles';
 
-class App extends Component {
-    render() {
-        return (
-            <div>
-                <User userRole="hr"/>{/*Put the department in which you develop: head, hr, pm, interviewer*/}
-            </div>
-        );
-    }
+class App extends Component {  
+  render() {
+    return (
+      <div>
+
+            <User userRole="hr" />{/*Put the department in which you develop: head, hr, pm, interviewer*/}
+
+      </div>
+    );
+  }
+
 };
 
 export default App;

src/components/ui/EvaluateRange.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+const EvaluateRange = () => {
+	const instyle = {
+		padding: '3px 10px',
+		fontSize: '18px'
+	}
+	return (
+		<span>
+			<input type="number" max="10" min="1" style={instyle}/>
+		</span>
+	);
+}
+
+export default EvaluateRange;

src/scenes/head/HeadScene.js

@@ -16,7 +16,9 @@ export default class HeadScene extends Component {
             <BrowserRouter>
                 <div className="container">
 
-                    <Navigation menuItems={HeadNav}/>
+
+
+                 <Navigation menuItems={HeadNav}/>
 
                     <div className="content">
                         <Switch>
@@ -25,6 +27,7 @@ export default class HeadScene extends Component {
                             <Route component={Error}/>
                         </Switch>
                     </div>
+
                 </div>
             </BrowserRouter>
         );

src/scenes/interviewer/CandidateGrade.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import Header from '../general/Header';
+import EvaluateRange from '../../components/ui/EvaluateRange';
+import ButtonSubmit from '../../components/ui/ButtonSubmit';
+
+const CandidateGrade = () => {
+	const evaluate = <EvaluateRange />
+	const skills = [
+		'Passion for Coding', 'Technical Communication', 'Time Management', 'Teamwork', 'Communication skills', 'Developer Personality', 'Punctuality', 'competency development ', 'TASK MANAGEMENT', 'QUICK LEARNING ABILITY' 
+	];
+	const instyle = {
+		margin: 10
+	}
+
+	function myFunc(arr) {
+		return arr.map((item, i) => {
+			return (
+				<div style={instyle} key={i}>
+					<span>{item.toUpperCase()}: </span>
+					<span>{evaluate}</span>
+				</div>
+			)}					
+		);
+	}
+
+	return (
+		<div>
+			<Header title="Оценка Кандидата" />
+			<div>						
+				{myFunc(skills)}
+				<ButtonSubmit>SUBMIT</ButtonSubmit>
+			</div>
+		</div>
+	);
+}
+
+export default CandidateGrade;

src/scenes/interviewer/Interviewer.js

@@ -1,11 +1,30 @@
 import React, { Component } from 'react';
+import Navigation from '../general/Navigation';
+import { BrowserRouter, Route, Switch } from 'react-router-dom';
+import ListInterview from './ListInterview';
+import CandidateGrade from './CandidateGrade';
 
 export default class AdminScene extends Component {
     render() {
-        return(
-            <div>
-                <h1>Interviewer Page</h1>
-            </div>
-        );
+			const interviewerNav = [
+				{
+					name: 'Список Интервью',
+        	path: '/list_interview'
+				}
+			];
+         return(
+          <BrowserRouter>
+						<div className="container">
+							<Navigation menuItems={interviewerNav}/>
+							<div className="content">
+								<Switch>
+									<Route path="/list_interview" component={ListInterview} exact/>
+									<Route path="/candidate_grade" component={CandidateGrade} />
+								</Switch>
+							</div>
+						</div>
+					</BrowserRouter>
+
+			  );
     }
 }

src/scenes/interviewer/ListInterview.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import Header from '../general/Header';
+import { Link } from 'react-router-dom';
+import TableList from '../../components/ui/Table';
+
+const ListInterview = () => {
+	const linkEvaluate = <Link to="/candidate_grade">открыть</Link>;
+
+	const data = [
+		[
+			'Jason Born', '12.12.2012', 'first', 'Прошло', linkEvaluate
+		],
+		[
+			'James Bond', '10.02.2015', 'first', 'Отклонен', linkEvaluate
+		],
+		[
+			'Johnny Cage', '02.11.2016', 'first', 'Утвержден', linkEvaluate
+		]
+	],
+	header = [
+		'#', 'ФИО', 'Дата', 'Место', 'Статус', 'Оценка'
+	];	
+	return (
+		<div>
+			<Header title="Список Интервью" />
+
+			<TableList header={header} data={data}/>
+		</div>
+	);
+}
+
+export default ListInterview;

src/scenes/pm/EditRequest.js

@@ -31,13 +31,17 @@ const EditRequest = () => {
 		'katanta'
 	]
 
-	let instyle = {
+	const instyle = {
 		display: 'inline-block',
 		marginRight: 20
 	};
-	let divstyle = {
+	const divstyle = {
 		margin: 20
 	}
+	const btnstyle = {
+		padding: '10px 15px',
+		margin: '0px 20px'
+	}
 
 	return(
 		<div>
@@ -88,6 +92,11 @@ const EditRequest = () => {
 					<TextArea />
 				</label>
 			</div>
+
+			<div style={divstyle}>
+				<button style={btnstyle}>Утвердить</button>
+				<button style={btnstyle}>Отклонить</button>
+			</div>
 
 		</div>
 	);

src/scenes/pm/PM.js

@@ -5,20 +5,25 @@ import Statistics from '../general/Statistics';
 import Error from '../general/Error';
 import { BrowserRouter, Route, Switch } from 'react-router-dom';
 import EditRequest from './EditRequest';
+import SpecifyTheRoute from '../../utils/Route';
+
 
 export default class AdminScene extends Component {
     render() {
 			const pmNav = [
 				{
 					name: 'Список Запросов',
-					path: '/request_list'
+					path: '/request_list',
+					component: RequesList
 				},
 				{
 					name: 'Статистика',
-					path: '/statistics'
+					path: '/statistics',
+					component: Statistics
 				},
-				{					
-					path: '/edit_request'
+				{		
+					path: '/edit_request',
+					component: EditRequest
 				}
 			];
         return(
@@ -27,11 +32,8 @@ export default class AdminScene extends Component {
 							<Navigation menuItems={pmNav} />
 
 							<div className="content">
-								<Switch>								
-
-									<Route path="/request_list" component={RequesList} exact/>
-									<Route path="/statistics" component={Statistics}/>
-									<Route path="/edit_request" component={EditRequest}/>
+								<Switch>
+									<SpecifyTheRoute route={pmNav} />
 									<Route component={Error} />
 								</Switch>
 							</div>