You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

157 lines
5.4 KiB

  1. import React from "react";
  2. import classNames from "classnames";
  3. import { makeStyles } from "@material-ui/core/styles";
  4. import Dashboard from "@material-ui/icons/Dashboard";
  5. import GridContainer from "components/Grid/GridContainer.js";
  6. import GridItem from "components/Grid/GridItem.js";
  7. import NavPills from "components/NavPills/NavPills.js";
  8. import Card from "components/Card/Card.js";
  9. import CardBody from "components/Card/CardBody.js";
  10. import CardHeader from "components/Card/CardHeader.js";
  11. import Quote from "components/Typography/Quote.js"
  12. import Grid from '@material-ui/core/Grid';
  13. import Button from "components/CustomButtons/Button.js";
  14. import styles from "assets/jss/nextjs-material-kit/pages/profilePage.js";
  15. import Icon from "@material-ui/core/Icon";
  16. const useStyles = makeStyles(styles);
  17. const DataCarrers = function ({ backend, s1, d3, sma, ...props }) {
  18. const classes = useStyles();
  19. const { ...rest } = props;
  20. const imageClasses = classNames(
  21. classes.imgRaised,
  22. classes.imgRoundedCircle,
  23. classes.imgFluid
  24. );
  25. const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);
  26. const CarrerS1 = s1.map((data) => {
  27. return (
  28. <Grid style={{width:"600px", padding:"30px"}}>
  29. <Card>
  30. <CardHeader color="danger"><div align="center">{data.name}</div></CardHeader>
  31. <CardBody>
  32. <Quote
  33. text={data.name_description}
  34. author="Post By Thamrin Group"
  35. />
  36. Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
  37. <Button color="danger" style={{marginLeft:"20px"}} round href={"/yamaha/carrer_details?s="+data.id}>
  38. <Icon className={classes.icons}>open_in_new</Icon>Detail Carrer
  39. </Button>
  40. </CardBody>
  41. </Card>
  42. </Grid>
  43. );
  44. })
  45. const CarrerD3 = d3.map((data) => {
  46. return (
  47. <Grid style={{width:"600px", padding:"30px"}}>
  48. <Card>
  49. <CardHeader color="danger">{data.name}</CardHeader>
  50. <CardBody>
  51. <Quote
  52. text={data.name_description}
  53. author="Post By Thamrin Group"
  54. />
  55. Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
  56. <Button color="danger" style={{marginLeft:"20px"}} round href={"/yamaha/carrer_details?s="+data.id}>
  57. <Icon className={classes.icons}>open_in_new</Icon>Detail Carrer
  58. </Button>
  59. </CardBody>
  60. </Card>
  61. </Grid>
  62. );
  63. })
  64. const CarrerSMA = sma.map((data) => {
  65. return (
  66. <Grid style={{width:"600px", padding:"30px"}}>
  67. <Card>
  68. <CardHeader justify="center" color="danger">{data.name}</CardHeader>
  69. <CardBody>
  70. <Quote
  71. text={data.name_description}
  72. author="Post By Thamrin Group"
  73. />
  74. Masa Pendaftaran : {data.start_regis} s/d {data.until_regis}
  75. <Button color="danger" style={{marginLeft:"20px"}} round href={"/yamaha/carrer_details?s="+data.id}>
  76. <Icon className={classes.icons}>open_in_new</Icon>Detail Carrer
  77. </Button>
  78. </CardBody>
  79. </Card>
  80. </Grid>
  81. );
  82. })
  83. return (
  84. <Card className={classes.textCenter}>
  85. <div align="center">
  86. <CardHeader color="info">Product</CardHeader>
  87. </div>
  88. <CardBody>
  89. <div align="center">
  90. <h2>Carrer & Job Vacancies</h2>
  91. </div>
  92. <GridContainer justify="center">
  93. <GridItem>
  94. <NavPills
  95. alignCenter
  96. color="primary"
  97. tabs={[
  98. {
  99. tabButton: "S1",
  100. tabIcon: Dashboard,
  101. tabContent: (
  102. <GridContainer justify="center">
  103. {CarrerS1}{CarrerS1}{CarrerS1}
  104. </GridContainer>
  105. ),
  106. },
  107. {
  108. tabButton: "D3",
  109. tabIcon: Dashboard,
  110. tabContent: (
  111. <GridContainer justify="center">
  112. {CarrerD3}
  113. {CarrerD3}
  114. </GridContainer>
  115. ),
  116. },
  117. {
  118. tabButton: "SMA / SMK ",
  119. tabIcon: Dashboard,
  120. tabContent: (
  121. <GridContainer justify="center">
  122. {CarrerSMA}
  123. </GridContainer>
  124. ),
  125. },
  126. {
  127. tabButton: "Recruitment Process",
  128. tabIcon: Dashboard,
  129. tabContent: (
  130. <GridContainer justify="center">
  131. <GridItem>
  132. <div align="center">
  133. <img
  134. alt="..."
  135. style={{ width: "1000px", height: "800px", display: "block" }}
  136. src=" https://www.yamaha-motor.co.id/uploads/career/big_img/5d305eca19dfb8171.jpg"
  137. className={navImageClasses}
  138. />
  139. </div>
  140. </GridItem>
  141. </GridContainer>
  142. ),
  143. },
  144. ]}
  145. />
  146. </GridItem>
  147. </GridContainer>
  148. </CardBody>
  149. </Card>
  150. );
  151. }
  152. export default DataCarrers;