diff --git a/assets/js/ProfilePage.jsx b/assets/js/ProfilePage.jsx index 3ff64541fb2131ec0200495ad982979d9e42b415..2ae098b19ea5277db37994ba69c757acd1d9f0fc 100755 --- a/assets/js/ProfilePage.jsx +++ b/assets/js/ProfilePage.jsx @@ -10,6 +10,7 @@ import { Form, Grid, Message, + Tab } from 'semantic-ui-react'; import Server from './lib/Server'; import Storage from './lib/Storage'; @@ -289,286 +290,514 @@ export default class ProfilePage extends ProfileHandler { gotoStudentTranscript = () => gotoLink(`transkrip/${this.state.id}`); render() { - const sertifikat_exists = this.state.sertifikat; - let sertifikat_state; - if (sertifikat_exists == '') { - sertifikat_state =
Sertifikat belum ada
; - } else { - sertifikat_state =Sertifikat sudah ada
; - } - const defaultPicture = 'https://semantic-ui.com/images/wireframe/square-image.png'; - return ( -
- {' '}
- {this.state.major || 'N/A'}
- ,
- {' '}
- {this.state.batch || 'N/A'}
+ const detailTab = [
+ {
+ menuItem: 'Experience', render: () =>
+
+ Latest working experience as:
{' '}
-
+
+
+ {' '}
+ {this.state.latest_work || 'N/A'}
+ {' '}
+
+
+
+ Description:
{' '}
- {this.state.email || 'N/A'}
+
{' '}
-
+ {this.state.latest_work_desc || 'N/A'}
{' '}
- {this.state.phone_number || 'Nomor Telepon belum ditambahkan'}
-
- {' '} - {this.state.gender || 'Gender belum ditambahkan'} -
-+ {' '} + {this.state.awards || 'Awards belum ditambahkan'} + {' '} +
++ {' '} + {this.state.projects + || 'Projects belum ditambahkan'} + {' '} +
++ {' '} + {this.state.volunteer || 'N/A'} + {' '} +
+- {' '} - {this.state.cityOfBirth || 'N/A'} - , - {' '} - {this.state.dateOfBirth || 'N/A'} - {' '} -
-+ {' '} + {this.state.seminar + || 'Seminar dan Training kosong'} + {' '} +
++ {' '} + {this.state.skills || 'Skills belum ditambahkan'} + {' '} +
++ {' '} + {this.state.languages || 'N/A'} + {' '} +
++ {' '} + {this.state.certification || 'N/A'} + {' '} +
++ {' '} + {this.state.student_toefl || 'N/A'} + {' '} +
++ {' '} + {this.state.ielts || 'N/A'} + {' '} +
+- {' '} - {this.state.self_description || 'N/A'} -
-- {' '} - {this.state.student_gpa || 'null'} - {' '} -
-N/A
+ )} +- {' '} - {this.state.alamat || 'N/A'} - {' '} -
+ { + this.state.gitlab_url + ? ( + + {' '} + {this.state.gitlab_url} + {' '} + + ) + :N/A
+ }- {' '} - {this.state.region || 'N/A'} - {' '} -
-- {' '} - {this.state.expected_salary || 'N/A'} +
+ {' '} + {this.state.gender || 'Gender belum ditambahkan'} +
++ {' '} + {this.state.cityOfBirth || 'N/A'} + , {' '} -
-+ {' '} + {this.state.alamat || 'Alamat belum dimasukkan'} + {' '} +
+- {' '} - {this.state.volunteer || 'N/A'} - {' '} -
-- {' '} - {this.state.awards || 'Awards belum ditambahkan'} - {' '} -
-+ {' '} + {this.state.region || 'Provinsi belum dimasukkan'} + {' '} +
++ {' '} + {this.state.expected_salary || 'Belum ada Expected Salary'} + {' '} +
++ {' '} + {this.state.region || 'N/A'} + {' '} +
++ {' '} + {`${this.state.age} years` || 'N/A'} + {' '} +
++ {' '} + {this.state.interests + || 'Interests belum ditambahkan'} + {' '} +
++ {' '} + {this.state.related_course || 'Related Course belum ditambahkan'} + {' '} +
++ {' '} + {this.state.lastLoggedIn} + {' '} +
+Sertifikat belum ada
; + } else { + sertifikat_state =Sertifikat sudah ada
; + } + const defaultPicture = 'https://semantic-ui.com/images/wireframe/square-image.png'; + return ( +- {' '} - {this.state.projects - || 'Projects belum ditambahkan'} - {' '} -
-{' '} - {this.state.certification || 'N/A'} - {' '} -
-+ {this.state.major || 'N/A'} + , {' '} - {this.state.languages || 'N/A'} + {this.state.batch || 'N/A'} {' '}
{' '} - {this.state.seminar - || 'Seminar dan Training kosong'} + {this.state.email || 'N/A'} {' '}
- {' '} - {this.state.interests - || 'Interests belum ditambahkan'} - {' '} -
-{' '} - {this.state.related_course || 'Related Course belum ditambahkan'} - {' '} + {this.state.phone_number || 'Nomor Telepon belum ditambahkan'}
{' '} - {this.state.lastLoggedIn} - {' '} + {this.state.self_description || 'Belum ada deskripsi diri'}
+
{' '} - {`${this.state.age} years` || 'N/A'} + {("GPA :" + this.state.student_gpa) || 'Nilai GPA belum dimasukkan'} {' '}
- {' '} - {this.state.region || 'N/A'} - {' '} -
-- Latest working experience as: - {' '} - - - {' '} - {this.state.latest_work || 'N/A'} - {' '} - - -
-- Description: - {' '} - - {' '} - {this.state.latest_work_desc || 'N/A'} - {' '} - -
-- {' '} - {this.state.awards || 'Awards belum ditambahkan'} - {' '} -
-- {' '} - {this.state.projects - || 'Projects belum ditambahkan'} - {' '} -
-- {' '} - {this.state.volunteer || 'N/A'} - {' '} -
-- {' '} - {this.state.seminar - || 'Seminar dan Training kosong'} - {' '} -
-- {' '} - {this.state.skills || 'Skills belum ditambahkan'} - {' '} -
-- {' '} - {this.state.languages || 'N/A'} - {' '} -
-- {' '} - {this.state.certification || 'N/A'} - {' '} -
-- {' '} - {this.state.student_toefl || 'N/A'} - {' '} -
-- {' '} - {this.state.ielts || 'N/A'} - {' '} -
-N/A
- )} -N/A
- } -