API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 17th, 2019
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 225.11 KB | None | 0 0
raw download clone embed print report
  1. import React, { Component } from "react";
  2. import {
  3. Platform,
  4. StyleSheet,
  5. View,
  6. Image,
  7. Text,
  8. StatusBar,
  9. ScrollView,
  10. TextInput,
  11. AsyncStorage,
  12. FlatList,
  13. Alert,
  14. TouchableOpacity,
  15. ActivityIndicator
  16. } from "react-native";
  17. import {
  18. Container,
  19. Header,
  20. Title,
  21. Content,
  22. Footer,
  23. FooterTab,
  24. Button,
  25. Left,
  26. Right,
  27. Card,
  28. CardItem,
  29. ListItem,
  30. Body,
  31. Fab,
  32. Textarea,
  33. Switch,
  34. Icon,
  35. Picker,
  36. Form,
  37. Input,
  38. Label,
  39. Item
  40. } from "native-base";
  41. import Dialog, {
  42. DialogTitle,
  43. SlideAnimation,
  44. DialogContent,
  45. DialogButton
  46. } from "react-native-popup-dialog";
  47. import SubMenuSafety from "../../components/SubMenuSafety";
  48. import GlobalConfig from "../../components/GlobalConfig";
  49. import styles from "../styles/FireMenu";
  50. import colors from "../../../styles/colors";
  51. import CustomFooter from "../../components/CustomFooter";
  52. import DateTimePicker from "react-native-datepicker";
  53. import DatePicker from "react-native-datepicker";
  54. import ImagePicker from "react-native-image-picker";
  55. import Ripple from "react-native-material-ripple";
  56. import CheckBox from "react-native-check-box";
  57. import Moment from "moment";
  58. import ListView from "../../components/ListView";
  59.  
  60. export default class UnitCheckPickupCreate extends Component {
  61. constructor(props) {
  62. super(props);
  63. this.state = {
  64. active: "true",
  65. dataSource: [],
  66. visibleDialogShift: true,
  67. isLoading: true,
  68. tabNumber: "tab1",
  69. shiftChecking: 1,
  70. isNegatifPemanasan: 0,
  71. visiblePemanasan: false,
  72. isNegatifSpeedometer: 0,
  73. visibleSpeedometer: false,
  74. isNegatifBbm: 0,
  75. visibleBbm: false,
  76. bbmChecking: "R",
  77. oliMesinChecking: "L",
  78. isNegatifOliMesin: 0,
  79. visibleOliMesin: false,
  80. oliRemChecking: "L",
  81. isNegatifOliRem: 0,
  82. visibleOliRem: false,
  83. oliPowerSteeringChecking: "L",
  84. isNegatifOliPowerSteering: 0,
  85. visibleOliPowerSteering: false,
  86. airRadiatorChecking: "R",
  87. isNegatifAirRadiator: 0,
  88. visibleAirRadiator: false,
  89. airCadanganRadiatorChecking: "R",
  90. isNegatifAirCadanganRadiator: 0,
  91. visibleAirCadanganRadiator: false,
  92. airWiperChecking: "R",
  93. isNegatifAirWiper: 0,
  94. visibleAirWiper: false,
  95. isNegatifBanDepanKiri: 0,
  96. visibleBanDepanKiri: false,
  97. isNegatifBanDepanKanan: 0,
  98. visibleBanDepanKanan: false,
  99. isNegatifBanBelakangKananLuar: 0,
  100. visibleBanBelakangKananLuar: false,
  101. isNegatifBanBelakangKiriLuar: 0,
  102. visibleBanBelakangKiriLuar: false,
  103. isNegatifBanBelakangKananDalam: 0,
  104. visibleBanBelakangKananDalam: false,
  105. isNegatifBanBelakangKiriDalam: 0,
  106. visibleBanBelakangKiriDalam: false,
  107. isNegatifKacaSpionKiri: 0,
  108. isNegatifKacaSpionKanan: 0,
  109. isNegatifLampuCabin: 0,
  110. isNegatifLampuKota: 0,
  111. isNegatifLampuJauh: 0,
  112. isNegatifLampuSeinKiri: 0,
  113. isNegatifLampuSeinKanan: 0,
  114. isNegatifLampuRem: 0,
  115. isNegatifLampuAtret: 0,
  116. isNegatifLampuSorot: 0,
  117. isNegatifDashboard: 0,
  118. listTools: [],
  119. headerUnitCheck: [],
  120. isCheckedOther: false,
  121. visibleDialogSubmit: false,
  122. lampuCabinChecking: true,
  123. lampuKotaChecking: true,
  124. lampuJauhChecking: true,
  125. lampuSeinKiriChecking: true,
  126. lampuSeinKananChecking: true,
  127. lampuRemChecking: true,
  128. lampuAtretChecking: true,
  129. lampuSorotChecking: true,
  130. dashboardChecking: true,
  131. spionKiriChecking: true,
  132. spionKananChecking: true,
  133. pickedImage: "",
  134. uri: "",
  135. fileName: ""
  136. };
  137. }
  138.  
  139. static navigationOptions = {
  140. header: null
  141. };
  142.  
  143. pickImageHandler = () => {
  144. ImagePicker.showImagePicker(
  145. { title: "Pick an Image", maxWidth: 800, maxHeight: 600 },
  146. res => {
  147. if (res.didCancel) {
  148. console.log("User cancelled!");
  149. } else if (res.error) {
  150. console.log("Error", res.error);
  151. } else {
  152. this.setState({
  153. pickedImage: res.uri,
  154. uri: res.uri,
  155. fileName: res.fileName,
  156. fileType: res.type
  157. });
  158. console.log(res.type);
  159. }
  160. }
  161. );
  162. };
  163.  
  164. componentDidMount() {
  165. this._onFocusListener = this.props.navigation.addListener(
  166. "didFocus",
  167. payload => {
  168. this.loadData();
  169. this.setState({
  170. visibleDialogSubmit: false
  171. });
  172. }
  173. );
  174. AsyncStorage.getItem("list").then(listUnitcheck => {
  175. this.setState({
  176. headerUnitCheck: JSON.parse(listUnitcheck),
  177. ID: JSON.parse(listUnitcheck).ID_VEHICLE,
  178. pemanasanChecking: JSON.parse(listUnitcheck)
  179. });
  180. // this.setState({ isLoading: false });
  181. // this.loadData();
  182. });
  183. }
  184.  
  185. loadData() {
  186. this.setState({
  187. visibleLoadingUnitKerja: true
  188. });
  189. AsyncStorage.getItem("token").then(value => {
  190. const url =
  191. GlobalConfig.SERVERHOST +
  192. "api/v_mobile/firesystem/unit_check/get_vehicle_checklist";
  193. var array = "Engine & Acsecoris";
  194. var formData = new FormData();
  195. formData.append("token", value);
  196. formData.append("VEHICLE_CHECK", "Pick Up");
  197. formData.append("REPORT_DATE", this.state.dateChecking);
  198. formData.append("ID_VEHICLE", this.state.headerUnitCheck.ID_VEHICLE);
  199. formData.append("REPORT_SHIFT", this.state.shiftChecking);
  200.  
  201. fetch(url, {
  202. headers: {
  203. "Content-Type": "multipart/form-data"
  204. },
  205. method: "POST",
  206. body: formData
  207. })
  208. .then(response => response.json())
  209. .then(responseJson => {
  210. console.log(responseJson);
  211. // alert(JSON.stringify(responseJson.Data["Engine & Acsecoris"]))
  212. this.setState(
  213. {
  214. dataVehicleChecklist: responseJson.Data["Engine & Acsecoris"],
  215. isLoading: false,
  216. visibleLoadingUnitKerja: false
  217. },
  218. function() {
  219. console.log(this.state.dataVehicleChecklist);
  220. this.setState(
  221. {
  222. pemanasanChecking:
  223. this.state.dataVehicleChecklist[0].DATA_CHECKED != null ?
  224. this.state.dataVehicleChecklist[0].DATA_CHECKED.CHECK_VAL: 0,
  225. pemanasanCheckingNote:
  226. this.state.dataVehicleChecklist[0].DATA_CHECKED != null ?
  227. this.state.dataVehicleChecklist[0].DATA_CHECKED.CHECK_NOTE : null,
  228. isNegatifPemanasan:
  229. this.state.dataVehicleChecklist[0].DATA_CHECKED != null ?
  230. this.state.dataVehicleChecklist[0].DATA_CHECKED.IS_NEGATIF : 0,
  231. speedometerChecking:
  232. this.state.dataVehicleChecklist[1].DATA_CHECKED != null ?
  233. this.state.dataVehicleChecklist[1].DATA_CHECKED.CHECK_VAL : 0,
  234. speedometerCheckingNote:
  235. this.state.dataVehicleChecklist[1].DATA_CHECKED != null ?
  236. this.state.dataVehicleChecklist[1].DATA_CHECKED.CHECK_NOTE : null,
  237. isNegatifSpeedometer:
  238. this.state.dataVehicleChecklist[1].DATA_CHECKED != null ?
  239. this.state.dataVehicleChecklist[1].DATA_CHECKED.IS_NEGATIF : 0,
  240. bbmChecking:
  241. this.state.dataVehicleChecklist[2].DATA_CHECKED != null ?
  242. this.state.dataVehicleChecklist[2].DATA_CHECKED.CHECK_VAL : "R",
  243. bbmCheckingNote:
  244. this.state.dataVehicleChecklist[2].DATA_CHECKED != null ?
  245. this.state.dataVehicleChecklist[2].DATA_CHECKED.CHECK_NOTE : null,
  246. isNegatifBbm:
  247. this.state.dataVehicleChecklist[2].DATA_CHECKED != null ?
  248. this.state.dataVehicleChecklist[2].DATA_CHECKED.IS_NEGATIF : 0,
  249. oliMesinChecking:
  250. this.state.dataVehicleChecklist[3].SUB_ITEM[0]
  251. .DATA_CHECKED != null ?
  252. this.state.dataVehicleChecklist[3].SUB_ITEM[0].DATA_CHECKED
  253. .CHECK_VAL : "L",
  254. oliMesinCheckingNote:
  255. this.state.dataVehicleChecklist[3].SUB_ITEM[0]
  256. .DATA_CHECKED != null ?
  257. this.state.dataVehicleChecklist[3].SUB_ITEM[0].DATA_CHECKED
  258. .CHECK_NOTE : null,
  259. isNegatifOliMesin:
  260. this.state.dataVehicleChecklist[3].SUB_ITEM[0]
  261. .DATA_CHECKED != null ?
  262. this.state.dataVehicleChecklist[3].SUB_ITEM[0].DATA_CHECKED
  263. .IS_NEGATIF : 0,
  264. oliRemChecking:
  265. this.state.dataVehicleChecklist[3].SUB_ITEM[1]
  266. .DATA_CHECKED != null ?
  267. this.state.dataVehicleChecklist[3].SUB_ITEM[1].DATA_CHECKED
  268. .CHECK_VAL : "L",
  269. oliRemCheckingNote:
  270. this.state.dataVehicleChecklist[3].SUB_ITEM[1]
  271. .DATA_CHECKED != null ?
  272. this.state.dataVehicleChecklist[3].SUB_ITEM[1].DATA_CHECKED
  273. .CHECK_NOTE : null,
  274. isNegatifOliRem:
  275. this.state.dataVehicleChecklist[3].SUB_ITEM[1]
  276. .DATA_CHECKED != null ?
  277. this.state.dataVehicleChecklist[3].SUB_ITEM[1].DATA_CHECKED
  278. .IS_NEGATIF : 0,
  279. oliPowerSteeringChecking:
  280. this.state.dataVehicleChecklist[3].SUB_ITEM[2]
  281. .DATA_CHECKED != null ?
  282. this.state.dataVehicleChecklist[3].SUB_ITEM[2].DATA_CHECKED
  283. .CHECK_VAL : "L",
  284. oliPowerSteeringCheckingNote:
  285. this.state.dataVehicleChecklist[3].SUB_ITEM[2]
  286. .DATA_CHECKED != null ?
  287. this.state.dataVehicleChecklist[3].SUB_ITEM[2].DATA_CHECKED
  288. .CHECK_NOTE : null,
  289. isNegatifOliPowerSteering:
  290. this.state.dataVehicleChecklist[3].SUB_ITEM[2]
  291. .DATA_CHECKED != null ?
  292. this.state.dataVehicleChecklist[3].SUB_ITEM[2].DATA_CHECKED
  293. .IS_NEGATIF : 0,
  294. airRadiatorChecking:
  295. this.state.dataVehicleChecklist[4].SUB_ITEM[0]
  296. .DATA_CHECKED != null ?
  297. this.state.dataVehicleChecklist[4].SUB_ITEM[0].DATA_CHECKED
  298. .CHECK_VAL : "R",
  299. airRadiatorCheckingNote:
  300. this.state.dataVehicleChecklist[4].SUB_ITEM[0]
  301. .DATA_CHECKED != null ?
  302. this.state.dataVehicleChecklist[4].SUB_ITEM[0].DATA_CHECKED
  303. .CHECK_NOTE : null,
  304. isNegatifAirRadiator:
  305. this.state.dataVehicleChecklist[4].SUB_ITEM[0]
  306. .DATA_CHECKED != null ?
  307. this.state.dataVehicleChecklist[4].SUB_ITEM[0].DATA_CHECKED
  308. .IS_NEGATIF : 0,
  309. airCadanganRadiatorChecking:
  310. this.state.dataVehicleChecklist[4].SUB_ITEM[1]
  311. .DATA_CHECKED != null ?
  312. this.state.dataVehicleChecklist[4].SUB_ITEM[1].DATA_CHECKED
  313. .CHECK_VAL : "R",
  314. airCadanganRadiatorCheckingNote:
  315. this.state.dataVehicleChecklist[4].SUB_ITEM[1]
  316. .DATA_CHECKED != null ?
  317. this.state.dataVehicleChecklist[4].SUB_ITEM[1].DATA_CHECKED
  318. .CHECK_NOTE : null,
  319. isNegatifAirCadanganRadiator:
  320. this.state.dataVehicleChecklist[4].SUB_ITEM[1]
  321. .DATA_CHECKED != null ?
  322. this.state.dataVehicleChecklist[4].SUB_ITEM[1].DATA_CHECKED
  323. .IS_NEGATIF : 0,
  324. airWiperChecking:
  325. this.state.dataVehicleChecklist[4].SUB_ITEM[2]
  326. .DATA_CHECKED != null ?
  327. this.state.dataVehicleChecklist[4].SUB_ITEM[2].DATA_CHECKED
  328. .CHECK_VAL : "R",
  329. airWiperCheckingNote:
  330. this.state.dataVehicleChecklist[4].SUB_ITEM[2]
  331. .DATA_CHECKED != null ?
  332. this.state.dataVehicleChecklist[4].SUB_ITEM[2].DATA_CHECKED
  333. .CHECK_NOTE : null,
  334. isNegatifAirWiper:
  335. this.state.dataVehicleChecklist[4].SUB_ITEM[2]
  336. .DATA_CHECKED != null ?
  337. this.state.dataVehicleChecklist[4].SUB_ITEM[2].DATA_CHECKED
  338. .IS_NEGATIF : 0,
  339.  
  340. // lampuCabinChecking:
  341. // this.state.dataVehicleChecklist[5].SUB_ITEM[0]
  342. // .DATA_CHECKED != null ?
  343. // this.state.dataVehicleChecklist[5].SUB_ITEM[0].DATA_CHECKED
  344. // .CHECK_VAL :,
  345. // lampuKotaChecking:
  346. // this.state.dataVehicleChecklist[5].SUB_ITEM[1]
  347. // .DATA_CHECKED != null &&
  348. // this.state.dataVehicleChecklist[5].SUB_ITEM[1].DATA_CHECKED
  349. // .CHECK_VAL,
  350. // lampuJauhChecking:
  351. // this.state.dataVehicleChecklist[5].SUB_ITEM[2]
  352. // .DATA_CHECKED != null &&
  353. // this.state.dataVehicleChecklist[5].SUB_ITEM[2].DATA_CHECKED
  354. // .CHECK_VAL,
  355. // lampuSeinKiriChecking:
  356. // this.state.dataVehicleChecklist[5].SUB_ITEM[3]
  357. // .DATA_CHECKED != null &&
  358. // this.state.dataVehicleChecklist[5].SUB_ITEM[3].DATA_CHECKED
  359. // .CHECK_VAL,
  360. // lampuSeinKananChecking:
  361. // this.state.dataVehicleChecklist[5].SUB_ITEM[4]
  362. // .DATA_CHECKED != null &&
  363. // this.state.dataVehicleChecklist[5].SUB_ITEM[4].DATA_CHECKED
  364. // .CHECK_VAL,
  365. // lampuRemChecking:
  366. // this.state.dataVehicleChecklist[5].SUB_ITEM[5]
  367. // .DATA_CHECKED != null &&
  368. // this.state.dataVehicleChecklist[5].SUB_ITEM[5].DATA_CHECKED
  369. // .CHECK_VAL,
  370. // lampuAtretChecking:
  371. // this.state.dataVehicleChecklist[5].SUB_ITEM[6]
  372. // .DATA_CHECKED != null &&
  373. // this.state.dataVehicleChecklist[5].SUB_ITEM[6].DATA_CHECKED
  374. // .CHECK_VAL,
  375. // lampuSorotChecking:
  376. // this.state.dataVehicleChecklist[5].SUB_ITEM[7]
  377. // .DATA_CHECKED != null &&
  378. // this.state.dataVehicleChecklist[5].SUB_ITEM[7].DATA_CHECKED
  379. // .CHECK_VAL,
  380. // dashboardChecking:
  381. // this.state.dataVehicleChecklist[5].SUB_ITEM[8]
  382. // .DATA_CHECKED != null &&
  383. // this.state.dataVehicleChecklist[5].SUB_ITEM[8].DATA_CHECKED
  384. // .CHECK_VAL,
  385.  
  386. banDepanKiriChecking:
  387. this.state.dataVehicleChecklist[6].SUB_ITEM[0]
  388. .DATA_CHECKED != null ?
  389. this.state.dataVehicleChecklist[6].SUB_ITEM[0].DATA_CHECKED
  390. .CHECK_VAL : 0,
  391. banDepanKiriCheckingNote:
  392. this.state.dataVehicleChecklist[6].SUB_ITEM[0]
  393. .DATA_CHECKED != null ?
  394. this.state.dataVehicleChecklist[6].SUB_ITEM[0].DATA_CHECKED
  395. .CHECK_NOTE : null,
  396. isNegatifBanDepanKiri:
  397. this.state.dataVehicleChecklist[6].SUB_ITEM[0]
  398. .DATA_CHECKED != null ?
  399. this.state.dataVehicleChecklist[6].SUB_ITEM[0].DATA_CHECKED
  400. .IS_NEGATIF : 0,
  401. banDepanKananChecking:
  402. this.state.dataVehicleChecklist[6].SUB_ITEM[1]
  403. .DATA_CHECKED != null ?
  404. this.state.dataVehicleChecklist[6].SUB_ITEM[1].DATA_CHECKED
  405. .CHECK_VAL : 0,
  406. banDepanKananCheckingNote:
  407. this.state.dataVehicleChecklist[6].SUB_ITEM[1]
  408. .DATA_CHECKED != null ?
  409. this.state.dataVehicleChecklist[6].SUB_ITEM[1].DATA_CHECKED
  410. .CHECK_NOTE : null,
  411. isNegatifBanDepanKanan:
  412. this.state.dataVehicleChecklist[6].SUB_ITEM[1]
  413. .DATA_CHECKED != null ?
  414. this.state.dataVehicleChecklist[6].SUB_ITEM[1].DATA_CHECKED
  415. .IS_NEGATIF : 0,
  416. banBelakangKiriDalamChecking:
  417. this.state.dataVehicleChecklist[6].SUB_ITEM[2]
  418. .DATA_CHECKED != null ?
  419. this.state.dataVehicleChecklist[6].SUB_ITEM[2].DATA_CHECKED
  420. .CHECK_VAL : 0,
  421. banBelakangKiriDalamCheckingNote:
  422. this.state.dataVehicleChecklist[6].SUB_ITEM[2]
  423. .DATA_CHECKED != null ?
  424. this.state.dataVehicleChecklist[6].SUB_ITEM[2].DATA_CHECKED
  425. .CHECK_NOTE : null,
  426. isNegatifBanBelakangKiriDalam:
  427. this.state.dataVehicleChecklist[6].SUB_ITEM[2]
  428. .DATA_CHECKED != null ?
  429. this.state.dataVehicleChecklist[6].SUB_ITEM[2].DATA_CHECKED
  430. .IS_NEGATIF : 0,
  431. banBelakangKiriLuarChecking:
  432. this.state.dataVehicleChecklist[6].SUB_ITEM[3]
  433. .DATA_CHECKED != null ?
  434. this.state.dataVehicleChecklist[6].SUB_ITEM[3].DATA_CHECKED
  435. .CHECK_VAL : 0,
  436. banBelakangKiriLuarCheckingNote:
  437. this.state.dataVehicleChecklist[6].SUB_ITEM[3]
  438. .DATA_CHECKED != null ?
  439. this.state.dataVehicleChecklist[6].SUB_ITEM[3].DATA_CHECKED
  440. .CHECK_NOTE : null,
  441. isNegatifBanBelakangKiriLuar:
  442. this.state.dataVehicleChecklist[6].SUB_ITEM[3]
  443. .DATA_CHECKED != null ?
  444. this.state.dataVehicleChecklist[6].SUB_ITEM[3].DATA_CHECKED
  445. .IS_NEGATIF : 0,
  446. banBelakangKananDalamChecking:
  447. this.state.dataVehicleChecklist[6].SUB_ITEM[4]
  448. .DATA_CHECKED != null ?
  449. this.state.dataVehicleChecklist[6].SUB_ITEM[4].DATA_CHECKED
  450. .CHECK_VAL : 0,
  451. banBelakangKananDalamCheckingNote:
  452. this.state.dataVehicleChecklist[6].SUB_ITEM[4]
  453. .DATA_CHECKED != null ?
  454. this.state.dataVehicleChecklist[6].SUB_ITEM[4].DATA_CHECKED
  455. .CHECK_NOTE : null,
  456. isNegatifBanBelakangKananDalam:
  457. this.state.dataVehicleChecklist[6].SUB_ITEM[4]
  458. .DATA_CHECKED != null ?
  459. this.state.dataVehicleChecklist[6].SUB_ITEM[4].DATA_CHECKED
  460. .IS_NEGATIF : 0,
  461. banBelakangKananLuarChecking:
  462. this.state.dataVehicleChecklist[6].SUB_ITEM[5]
  463. .DATA_CHECKED != null ?
  464. this.state.dataVehicleChecklist[6].SUB_ITEM[5].DATA_CHECKED
  465. .CHECK_VAL : 0,
  466. banBelakangKananLuarCheckingNote:
  467. this.state.dataVehicleChecklist[6].SUB_ITEM[5]
  468. .DATA_CHECKED != null ?
  469. this.state.dataVehicleChecklist[6].SUB_ITEM[5].DATA_CHECKED
  470. .CHECK_NOTE : null,
  471. isNegatifBanBelakangKananLuar:
  472. this.state.dataVehicleChecklist[6].SUB_ITEM[5]
  473. .DATA_CHECKED != null ?
  474. this.state.dataVehicleChecklist[6].SUB_ITEM[5].DATA_CHECKED
  475. .IS_NEGATIF : 0,
  476.  
  477. // spionKiriChecking:
  478. // this.state.dataVehicleChecklist[7].SUB_ITEM[0]
  479. // .DATA_CHECKED != null &&
  480. // this.state.dataVehicleChecklist[7].SUB_ITEM[0].DATA_CHECKED
  481. // .CHECK_VAL,
  482. // spionKananChecking:
  483. // this.state.dataVehicleChecklist[7].SUB_ITEM[1]
  484. // .DATA_CHECKED != null &&
  485. // this.state.dataVehicleChecklist[7].SUB_ITEM[1].DATA_CHECKED
  486. // .CHECK_VAL
  487. },
  488. function() {
  489. console.log(
  490. this.state.pemanasanChecking +
  491. "," +
  492. this.state.speedometerChecking +
  493. "," +
  494. this.state.bbmChecking
  495. );
  496. }
  497. );
  498. if (
  499. this.state.dataVehicleChecklist[5].SUB_ITEM[0].DATA_CHECKED ==
  500. null
  501. ) {
  502. this.setState({ lampuCabinChecking: true });
  503. this.setState({lampuCabinCheckingNote: null});
  504. } else if (
  505. this.state.dataVehicleChecklist[5].SUB_ITEM[0].DATA_CHECKED
  506. .CHECK_VAL == "BAIK"
  507. ) {
  508. this.setState({ lampuCabinChecking: true });
  509. this.setState({
  510. lampuCabinCheckingNote: this.state.dataVehicleChecklist[5]
  511. .SUB_ITEM[0].DATA_CHECKED.CHECK_NOTE
  512. });
  513. } else {
  514. this.setState({ lampuCabinChecking: false });
  515. this.setState({
  516. lampuCabinCheckingNote: this.state.dataVehicleChecklist[5]
  517. .SUB_ITEM[0].DATA_CHECKED.CHECK_NOTE
  518. });
  519. }
  520. if (
  521. this.state.dataVehicleChecklist[5].SUB_ITEM[1].DATA_CHECKED ==
  522. null
  523. ) {
  524. this.setState({ lampuKotaChecking: true });
  525. this.setState({lampuKotaCheckingNote: null});
  526. } else if (
  527. this.state.dataVehicleChecklist[5].SUB_ITEM[1].DATA_CHECKED
  528. .CHECK_VAL == "BAIK"
  529. ) {
  530. this.setState({ lampuKotaChecking: true });
  531. this.setState({
  532. lampuKotaCheckingNote: this.state.dataVehicleChecklist[5]
  533. .SUB_ITEM[1].DATA_CHECKED.CHECK_NOTE
  534. });
  535. } else {
  536. this.setState({ lampuKotaChecking: false });
  537. this.setState({
  538. lampuKotaCheckingNote: this.state.dataVehicleChecklist[5]
  539. .SUB_ITEM[1].DATA_CHECKED.CHECK_NOTE
  540. });
  541. }
  542. if (
  543. this.state.dataVehicleChecklist[5].SUB_ITEM[2].DATA_CHECKED ==
  544. null
  545. ) {
  546. this.setState({ lampuJauhChecking: true });
  547. this.setState({
  548. lampuJauhCheckingNote: null
  549. });
  550. } else if (
  551. this.state.dataVehicleChecklist[5].SUB_ITEM[2].DATA_CHECKED
  552. .CHECK_VAL == "BAIK"
  553. ) {
  554. this.setState({ lampuJauhChecking: true });
  555. this.setState({
  556. lampuJauhCheckingNote: this.state.dataVehicleChecklist[5]
  557. .SUB_ITEM[2].DATA_CHECKED.CHECK_NOTE
  558. });
  559. } else {
  560. this.setState({ lampuJauhChecking: false });
  561. this.setState({
  562. lampuJauhCheckingNote: this.state.dataVehicleChecklist[5]
  563. .SUB_ITEM[2].DATA_CHECKED.CHECK_NOTE
  564. });
  565. }
  566. if (
  567. this.state.dataVehicleChecklist[5].SUB_ITEM[3].DATA_CHECKED ==
  568. null
  569. ) {
  570. this.setState({ lampuSeinKiriChecking: true });
  571. this.setState({
  572. lampuSeinKiriCheckingNote: null
  573. });
  574. } else if (
  575. this.state.dataVehicleChecklist[5].SUB_ITEM[3].DATA_CHECKED
  576. .CHECK_VAL == "BAIK"
  577. ) {
  578. this.setState({ lampuSeinKiriChecking: true });
  579. this.setState({
  580. lampuSeinKiriCheckingNote: this.state.dataVehicleChecklist[5]
  581. .SUB_ITEM[3].DATA_CHECKED.CHECK_NOTE
  582. });
  583. } else {
  584. this.setState({ lampuSeinKiriChecking: false });
  585. this.setState({
  586. lampuSeinKiriCheckingNote: this.state.dataVehicleChecklist[5]
  587. .SUB_ITEM[3].DATA_CHECKED.CHECK_NOTE
  588. });
  589. }
  590. if (
  591. this.state.dataVehicleChecklist[5].SUB_ITEM[4].DATA_CHECKED ==
  592. null
  593. ) {
  594. this.setState({ lampuSeinKananChecking: true });
  595. this.setState({
  596. lampuSeinKananCheckingNote: null
  597. });
  598. } else if (
  599. this.state.dataVehicleChecklist[5].SUB_ITEM[4].DATA_CHECKED
  600. .CHECK_VAL == "BAIK"
  601. ) {
  602. this.setState({ lampuSeinKananChecking: true });
  603. this.setState({
  604. lampuSeinKananCheckingNote: this.state.dataVehicleChecklist[5]
  605. .SUB_ITEM[4].DATA_CHECKED.CHECK_NOTE
  606. });
  607. } else {
  608. this.setState({ lampuSeinKananChecking: false });
  609. this.setState({
  610. lampuSeinKananCheckingNote: this.state.dataVehicleChecklist[5]
  611. .SUB_ITEM[4].DATA_CHECKED.CHECK_NOTE
  612. });
  613. }
  614. if (
  615. this.state.dataVehicleChecklist[5].SUB_ITEM[5].DATA_CHECKED ==
  616. null
  617. ) {
  618. this.setState({ lampuRemChecking: true });
  619. this.setState({
  620. lampuRemCheckingNote: null
  621. });
  622. } else if (
  623. this.state.dataVehicleChecklist[5].SUB_ITEM[5].DATA_CHECKED
  624. .CHECK_VAL == "BAIK"
  625. ) {
  626. this.setState({ lampuRemChecking: true });
  627. this.setState({
  628. lampuRemCheckingNote: this.state.dataVehicleChecklist[5]
  629. .SUB_ITEM[5].DATA_CHECKED.CHECK_NOTE
  630. });
  631. } else {
  632. this.setState({ lampuRemChecking: false });
  633. this.setState({
  634. lampuRemCheckingNote: this.state.dataVehicleChecklist[5]
  635. .SUB_ITEM[5].DATA_CHECKED.CHECK_NOTE
  636. });
  637. }
  638. if (
  639. this.state.dataVehicleChecklist[5].SUB_ITEM[6].DATA_CHECKED ==
  640. null
  641. ) {
  642. this.setState({ lampuAtretChecking: true });
  643. this.setState({
  644. lampuAtretCheckingNote: null
  645. });
  646. } else if (
  647. this.state.dataVehicleChecklist[5].SUB_ITEM[6].DATA_CHECKED
  648. .CHECK_VAL == "BAIK"
  649. ) {
  650. this.setState({ lampuAtretChecking: true });
  651. this.setState({
  652. lampuAtretCheckingNote: this.state.dataVehicleChecklist[5]
  653. .SUB_ITEM[6].DATA_CHECKED.CHECK_NOTE
  654. });
  655. } else {
  656. this.setState({ lampuAtretChecking: false });
  657. this.setState({
  658. lampuAtretCheckingNote: this.state.dataVehicleChecklist[5]
  659. .SUB_ITEM[6].DATA_CHECKED.CHECK_NOTE
  660. });
  661. }
  662. if (
  663. this.state.dataVehicleChecklist[5].SUB_ITEM[7].DATA_CHECKED ==
  664. null
  665. ) {
  666. this.setState({ lampuSorotChecking: true });
  667. this.setState({
  668. lampuSorotCheckingNote: null
  669. });
  670. } else if (
  671. this.state.dataVehicleChecklist[5].SUB_ITEM[7].DATA_CHECKED
  672. .CHECK_VAL == "BAIK"
  673. ) {
  674. this.setState({ lampuSorotChecking: true });
  675. this.setState({
  676. lampuSorotCheckingNote: this.state.dataVehicleChecklist[5]
  677. .SUB_ITEM[7].DATA_CHECKED.CHECK_NOTE
  678. });
  679. } else {
  680. this.setState({ lampuSorotChecking: false });
  681. this.setState({
  682. lampuSorotCheckingNote: this.state.dataVehicleChecklist[5]
  683. .SUB_ITEM[7].DATA_CHECKED.CHECK_NOTE
  684. });
  685. }
  686. if (
  687. this.state.dataVehicleChecklist[5].SUB_ITEM[8].DATA_CHECKED ==
  688. null
  689. ) {
  690. this.setState({ dashboardChecking: true });
  691. this.setState({
  692. lampuDashboardCheckingNote: null
  693. });
  694. } else if (
  695. this.state.dataVehicleChecklist[5].SUB_ITEM[8].DATA_CHECKED
  696. .CHECK_VAL == "BAIK"
  697. ) {
  698. this.setState({ dashboardChecking: true });
  699. this.setState({
  700. lampuDashboardCheckingNote: this.state.dataVehicleChecklist[5]
  701. .SUB_ITEM[8].DATA_CHECKED.CHECK_NOTE
  702. });
  703. } else {
  704. this.setState({ dashboardChecking: false });
  705. this.setState({
  706. lampuDashboardCheckingNote: this.state.dataVehicleChecklist[5]
  707. .SUB_ITEM[8].DATA_CHECKED.CHECK_NOTE
  708. });
  709. }
  710.  
  711. if (
  712. this.state.dataVehicleChecklist[7].SUB_ITEM[0].DATA_CHECKED ==
  713. null
  714. ) {
  715. this.setState({ spionKiriChecking: true });
  716. this.setState({
  717. kacaSpionKiriCheckingNote: null
  718. });
  719. } else if (
  720. this.state.dataVehicleChecklist[7].SUB_ITEM[0].DATA_CHECKED
  721. .CHECK_VAL == "BAIK"
  722. ) {
  723. this.setState({ spionKiriChecking: true });
  724. this.setState({
  725. kacaSpionKiriCheckingNote: this.state.dataVehicleChecklist[7]
  726. .SUB_ITEM[0].DATA_CHECKED.CHECK_NOTE
  727. });
  728. } else {
  729. this.setState({ spionKiriChecking: false });
  730. this.setState({
  731. kacaSpionKiriCheckingNote: this.state.dataVehicleChecklist[7]
  732. .SUB_ITEM[0].DATA_CHECKED.CHECK_NOTE
  733. });
  734. }
  735. if (
  736. this.state.dataVehicleChecklist[7].SUB_ITEM[1].DATA_CHECKED ==
  737. null
  738. ) {
  739. this.setState({ spionKananChecking: true });
  740. this.setState({
  741. kacaSpionKananCheckingNote: null
  742. });
  743. } else if (
  744. this.state.dataVehicleChecklist[7].SUB_ITEM[1].DATA_CHECKED
  745. .CHECK_VAL == "BAIK"
  746. ) {
  747. this.setState({ spionKananChecking: true });
  748. this.setState({
  749. kacaSpionKananCheckingNote: this.state.dataVehicleChecklist[7]
  750. .SUB_ITEM[1].DATA_CHECKED.CHECK_NOTE
  751. });
  752. } else {
  753. this.setState({ spionKananChecking: false });
  754. this.setState({
  755. kacaSpionKananCheckingNote: this.state.dataVehicleChecklist[7]
  756. .SUB_ITEM[1].DATA_CHECKED.CHECK_NOTE
  757. });
  758. }
  759. }
  760. );
  761. })
  762. .catch(error => {
  763. console.log(error);
  764. this.setState({
  765. isLoading: false,
  766. visibleLoadingUnitKerja: false
  767. });
  768. });
  769. });
  770. // alert(this.state.spionKananChecking);
  771. }
  772.  
  773. validasiFieldTab1() {
  774. console.log(this.state.dateChecking + " " + this.state.dateChecking);
  775. if (this.state.dateChecking == undefined) {
  776. alert("Field Tanggal Pemeriksaan Wajib Diisi");
  777. } else if (this.state.timeChecking == undefined) {
  778. alert("Field Jam Pemeriksaan Wajib Diisi");
  779. } else {
  780. this.setState({
  781. tabNumber: "tab2"
  782. });
  783. }
  784. }
  785.  
  786. validasiFieldTab2() {
  787. this.setState({
  788. tabNumber: "tab3"
  789. });
  790. }
  791.  
  792. submitPemanasanNote() {
  793. this.setState({
  794. visiblePemanasan: false,
  795. pemanasanCheckingNote: this.state.pemanasanCheckingNote
  796. });
  797. }
  798.  
  799. submitSpeedometerNote() {
  800. this.setState({
  801. visibleSpeedometer: false,
  802. speedometerCheckingNote: this.state.speedometerCheckingNote
  803. });
  804. }
  805.  
  806. submitBbmNote() {
  807. this.setState({
  808. visibleBbm: false,
  809. bbmCheckingNote: this.state.bbmCheckingNote
  810. });
  811. }
  812.  
  813. submitOliMesinNote() {
  814. this.setState({
  815. visibleOliMesin: false,
  816. oliMesinCheckingNote: this.state.oliMesinCheckingNote
  817. });
  818. }
  819.  
  820. submitOliRemNote() {
  821. this.setState({
  822. visibleOliRem: false,
  823. oliRemCheckingNote: this.state.oliRemCheckingNote
  824. });
  825. }
  826.  
  827. submitOliPowerSteeringNote() {
  828. this.setState({
  829. visibleOliPowerSteering: false,
  830. oliPowerSteeringCheckingNote: this.state.oliPowerSteeringCheckingNote
  831. });
  832. }
  833.  
  834. submitAirRadiatorNote() {
  835. this.setState({
  836. visibleAirRadiator: false,
  837. airRadiatorCheckingNote: this.state.airRadiatorCheckingNote
  838. });
  839. }
  840.  
  841. submitAirCadanganRadiatorNote() {
  842. this.setState({
  843. visibleAirCadanganRadiator: false,
  844. airCadanganRadiatorCheckingNote: this.state
  845. .airCadanganRadiatorCheckingNote
  846. });
  847. }
  848.  
  849. submitAirWiperNote() {
  850. this.setState({
  851. visibleAirWiper: false,
  852. airWiperCheckingNote: this.state.airWiperCheckingNote
  853. });
  854. }
  855.  
  856. submitBanDepanKiriNote() {
  857. this.setState({
  858. visibleBanDepanKiri: false,
  859. banDepanKiriCheckingNote: this.state.banDepanKiriCheckingNote
  860. });
  861. }
  862.  
  863. submitBanDepanKananNote() {
  864. this.setState({
  865. visibleBanDepanKanan: false,
  866. banDepanKananCheckingNote: this.state.banDepanKananCheckingNote
  867. });
  868. }
  869.  
  870. submitBanBelakangKiriDalamNote() {
  871. this.setState({
  872. visibleBanBelakangKiriDalam: false,
  873. banBelakangKiriDalamCheckingNote: this.state
  874. .banBelakangKiriDalamCheckingNote
  875. });
  876. }
  877.  
  878. submitBanBelakangKananDalamNote() {
  879. this.setState({
  880. visibleBanBelakangKananDalam: false,
  881. banBelakangKananDalamCheckingNote: this.state
  882. .banBelakangKananDalamCheckingNote
  883. });
  884. }
  885.  
  886. submitBanBelakangKiriLuarNote() {
  887. this.setState({
  888. visibleBanBelakangKiriLuar: false,
  889. banBelakangKiriLuarCheckingNote: this.state
  890. .banBelakangKiriLuarCheckingNote
  891. });
  892. }
  893.  
  894. submitBanBelakangKananLuarNote() {
  895. this.setState({
  896. visibleBanBelakangKananLuar: false,
  897. banBelakangKananLuarCheckingNote: this.state
  898. .banBelakangKananLuarCheckingNote
  899. });
  900. }
  901.  
  902. submitLampuCabinNote() {
  903. this.setState({
  904. visibleLampuCabin: false,
  905. lampuCabinCheckingNote: this.state.lampuCabinCheckingNote
  906. });
  907. }
  908.  
  909. submitLampuKotaNote() {
  910. this.setState({
  911. visibleLampuKota: false,
  912. lampuKotaCheckingNote: this.state.lampuKotaCheckingNote
  913. });
  914. }
  915.  
  916. submitLampuJauhNote() {
  917. this.setState({
  918. visibleLampuJauh: false,
  919. lampuJauhCheckingNote: this.state.lampuJauhCheckingNote
  920. });
  921. }
  922.  
  923. submitLampuSeinKiriNote() {
  924. this.setState({
  925. visibleLampuSeinKiri: false,
  926. lampuSeinKiriCheckingNote: this.state.lampuSeinKiriCheckingNote
  927. });
  928. }
  929.  
  930. submitLampuSeinKananNote() {
  931. this.setState({
  932. visibleLampuSeinKanan: false,
  933. lampuSeinKananCheckingNote: this.state.lampuSeinKananCheckingNote
  934. });
  935. }
  936.  
  937. submitLampuRemNote() {
  938. this.setState({
  939. visibleLampuRem: false,
  940. lampuRemCheckingNote: this.state.lampuRemCheckingNote
  941. });
  942. }
  943.  
  944. submitLampuAtretNote() {
  945. this.setState({
  946. visibleLampuAtret: false,
  947. lampuAtretCheckingNote: this.state.lampuAtretCheckingNote
  948. });
  949. }
  950.  
  951. submitLampuSorotNote() {
  952. this.setState({
  953. visibleLampuSorot: false,
  954. lampuSorotCheckingNote: this.state.lampuSorotCheckingNote
  955. });
  956. }
  957.  
  958. submitDashboardNote() {
  959. this.setState({
  960. visibleLampuDashboard: false,
  961. lampuDashboardCheckingNote: this.state.lampuDashboardCheckingNote
  962. });
  963. }
  964.  
  965. submitKacaSpionKiriNote() {
  966. this.setState({
  967. visibleKacaSpionKiri: false,
  968. kacaSpionKiriCheckingNote: this.state.kacaSpionKiriCheckingNote
  969. });
  970. }
  971.  
  972. submitKacaSpionKananNote() {
  973. this.setState({
  974. visibleKacaSpionKanan: false,
  975. kacaSpionKananCheckingNote: this.state.kacaSpionKananCheckingNote
  976. });
  977. }
  978.  
  979. NormaliseText(value){
  980. if (value==null){
  981. return ""
  982. }else{
  983. return value
  984. }
  985.  
  986. }
  987.  
  988. unitCheckPickupCreate() {
  989. this.setState({
  990. visibleDialogSubmit: true
  991. });
  992. AsyncStorage.getItem("token").then(value => {
  993. var url =
  994. GlobalConfig.SERVERHOST +
  995. "api/v_mobile/firesystem/unit_check/checking_unit/save";
  996. var formData = new FormData();
  997. formData.append("token", value);
  998. formData.append("ID_VEHICLE", this.state.headerUnitCheck.ID_VEHICLE);
  999. formData.append("REPORT_DATE", this.state.dateChecking);
  1000. formData.append("REPORT_SHIFT", this.state.shiftChecking);
  1001. formData.append("REPORT_CLOCK", this.state.timeChecking);
  1002. // alert(this.state.pemanasanCheckingNote)
  1003. formData.append("ID_STANDARD[0]", 33);
  1004. formData.append("CHECK_VALUE[0]", this.state.pemanasanChecking);
  1005. formData.append("CHECK_NOTE[0]", this.NormaliseText(this.state.pemanasanCheckingNote));
  1006. formData.append("IS_NEGATIF[0]", this.state.isNegatifPemanasan);
  1007. formData.append("OPT_FILE[0]", null);
  1008.  
  1009. formData.append("ID_STANDARD[1]", 34);
  1010. formData.append("CHECK_VALUE[1]", this.state.speedometerChecking);
  1011. formData.append("CHECK_NOTE[1]", this.NormaliseText(this.state.speedometerCheckingNote));
  1012. formData.append("IS_NEGATIF[1]", this.state.isNegatifSpeedometer);
  1013. formData.append("OPT_FILE[1]", null);
  1014.  
  1015. formData.append("ID_STANDARD[2]", 35);
  1016. formData.append("CHECK_VALUE[2]", this.state.bbmChecking);
  1017. formData.append("CHECK_NOTE[2]", this.NormaliseText(this.state.bbmCheckingNote));
  1018. formData.append("IS_NEGATIF[2]", this.state.isNegatifBbm);
  1019. formData.append("OPT_FILE[2]", null);
  1020.  
  1021. formData.append("ID_STANDARD[3]", 40);
  1022. formData.append("CHECK_VALUE[3]", this.state.oliMesinChecking);
  1023. formData.append("CHECK_NOTE[3]", this.NormaliseText(this.state.oliMesinCheckingNote));
  1024. formData.append("IS_NEGATIF[3]", this.state.isNegatifOliMesin);
  1025. formData.append("OPT_FILE[3]", null);
  1026.  
  1027. formData.append("ID_STANDARD[4]", 41);
  1028. formData.append("CHECK_VALUE[4]", this.state.oliRemChecking);
  1029. formData.append("CHECK_NOTE[4]", this.NormaliseText(this.state.oliRemCheckingNote));
  1030. formData.append("IS_NEGATIF[4]", this.state.isNegatifOliRem);
  1031. formData.append("OPT_FILE[4]", null);
  1032.  
  1033. formData.append("ID_STANDARD[5]", 42);
  1034. formData.append("CHECK_VALUE[5]", this.state.oliPowerSteeringChecking);
  1035. formData.append("CHECK_NOTE[5]", this.NormaliseText(this.state.oliPowerSteeringCheckingNote));
  1036. formData.append("IS_NEGATIF[5]", this.state.isNegatifOliPowerSteering);
  1037. formData.append("OPT_FILE[5]", null);
  1038.  
  1039. formData.append("ID_STANDARD[6]", 44);
  1040. formData.append("CHECK_VALUE[6]", this.state.airRadiatorChecking);
  1041. formData.append("CHECK_NOTE[6]", this.NormaliseText(this.state.airRadiatorCheckingNote));
  1042. formData.append("IS_NEGATIF[6]", this.state.isNegatifAirRadiator);
  1043. formData.append("OPT_FILE[6]", null);
  1044.  
  1045. formData.append("ID_STANDARD[7]", 45);
  1046. formData.append("CHECK_VALUE[7]", this.state.airCadanganRadiatorChecking);
  1047. formData.append(
  1048. "CHECK_NOTE[7]",
  1049. this.NormaliseText(this.state.airCadanganRadiatorCheckingNote)
  1050. );
  1051. formData.append("IS_NEGATIF[7]", this.state.isNegatifAirCadanganRadiator);
  1052. formData.append("OPT_FILE[7]", null);
  1053.  
  1054. formData.append("ID_STANDARD[8]", 46);
  1055. formData.append("CHECK_VALUE[8]", this.state.airWiperChecking);
  1056. formData.append("CHECK_NOTE[8]", this.NormaliseText(this.state.airWiperCheckingNote));
  1057. formData.append("IS_NEGATIF[8]", this.state.isNegatifAirWiper);
  1058. formData.append("OPT_FILE[8]", null);
  1059.  
  1060. formData.append("ID_STANDARD[9]", 58);
  1061. formData.append("CHECK_VALUE[9]", this.state.banDepanKiriChecking);
  1062. formData.append("CHECK_NOTE[9]", this.NormaliseText(this.state.banDepanKiriCheckingNote));
  1063. formData.append("IS_NEGATIF[9]", this.state.isNegatifBanDepanKiri);
  1064. formData.append("OPT_FILE[9]", null);
  1065.  
  1066. formData.append("ID_STANDARD[10]", 59);
  1067. formData.append("CHECK_VALUE[10]", this.state.banDepanKananChecking);
  1068. formData.append("CHECK_NOTE[10]", this.NormaliseText(this.state.banDepanKananCheckingNote));
  1069. formData.append("IS_NEGATIF[10]", this.state.isNegatifBanDepanKanan);
  1070. formData.append("OPT_FILE[10]", null);
  1071.  
  1072. formData.append("ID_STANDARD[11]", 60);
  1073. formData.append(
  1074. "CHECK_VALUE[11]",
  1075. this.state.banBelakangKiriDalamChecking
  1076. );
  1077. formData.append(
  1078. "CHECK_NOTE[11]",
  1079. this.NormaliseText(this.state.banBelakangKiriDalamCheckingNote)
  1080. );
  1081. formData.append(
  1082. "IS_NEGATIF[11]",
  1083. this.state.isNegatifBanBelakangKiriDalam
  1084. );
  1085. formData.append("OPT_FILE[11]", null);
  1086.  
  1087. formData.append("ID_STANDARD[12]", 61);
  1088. formData.append(
  1089. "CHECK_VALUE[12]",
  1090. this.state.banBelakangKiriLuarChecking
  1091. );
  1092. formData.append(
  1093. "CHECK_NOTE[12]",
  1094. this.NormaliseText(this.state.banBelakangKiriLuarCheckingNote)
  1095. );
  1096. formData.append(
  1097. "IS_NEGATIF[12]",
  1098. this.state.isNegatifBanBelakangKiriLuar
  1099. );
  1100. formData.append("OPT_FILE[12]", null);
  1101.  
  1102. formData.append("ID_STANDARD[13]", 62);
  1103. formData.append(
  1104. "CHECK_VALUE[13]",
  1105. this.state.banBelakangKananDalamChecking
  1106. );
  1107. formData.append(
  1108. "CHECK_NOTE[13]",
  1109. this.NormaliseText(this.state.banBelakangKananDalamCheckingNote)
  1110. );
  1111. formData.append(
  1112. "IS_NEGATIF[13]",
  1113. this.state.isNegatifBanBelakangKananDalam
  1114. );
  1115. formData.append("OPT_FILE[13]", null);
  1116.  
  1117. formData.append("ID_STANDARD[14]", 63);
  1118. formData.append(
  1119. "CHECK_VALUE[14]",
  1120. this.state.banBelakangKananLuarChecking
  1121. );
  1122. formData.append(
  1123. "CHECK_NOTE[14]",
  1124. this.NormaliseText(this.state.banBelakangKananLuarCheckingNote)
  1125. );
  1126. formData.append(
  1127. "IS_NEGATIF[14]",
  1128. this.state.isNegatifBanBelakangKananLuar
  1129. );
  1130. formData.append("OPT_FILE[14]", null);
  1131.  
  1132. formData.append("ID_STANDARD[15]", 48);
  1133. if (this.state.lampuCabinChecking == true) {
  1134. formData.append("CHECK_VALUE[15]", "BAIK");
  1135. formData.append("IS_NEGATIF[15]", 0);
  1136. formData.append("CHECK_NOTE[15]", null);
  1137. formData.append("OPT_FILE[15]", null);
  1138. } else {
  1139. formData.append("CHECK_VALUE[15]", "MATI");
  1140. formData.append("IS_NEGATIF[15]", 1);
  1141. formData.append("CHECK_NOTE[15]", this.NormaliseText(this.state.lampuCabinCheckingNote));
  1142. formData.append("OPT_FILE[15]", null);
  1143. }
  1144.  
  1145. formData.append("ID_STANDARD[16]", 49);
  1146. if (this.state.lampuKotaChecking) {
  1147. formData.append("CHECK_VALUE[16]", "BAIK");
  1148. formData.append("IS_NEGATIF[16]", 0);
  1149. formData.append("CHECK_NOTE[16]", '');
  1150. formData.append("OPT_FILE[16]", null);
  1151. } else {
  1152. formData.append("CHECK_VALUE[16]", "MATI");
  1153. formData.append("IS_NEGATIF[16]", 1);
  1154. formData.append("CHECK_NOTE[16]", this.NormaliseText(this.state.lampuKotaCheckingNote));
  1155. formData.append("OPT_FILE[16]", null);
  1156. }
  1157.  
  1158. formData.append("ID_STANDARD[17]", 50);
  1159. if (this.state.lampuJauhChecking == true) {
  1160. formData.append("CHECK_VALUE[17]", "BAIK");
  1161. formData.append("IS_NEGATIF[17]", 0);
  1162. formData.append("CHECK_NOTE[17]", '');
  1163. formData.append("OPT_FILE[17]", null);
  1164. } else {
  1165. formData.append("CHECK_VALUE[17]", "MATI");
  1166. formData.append("IS_NEGATIF[17]", 1);
  1167. formData.append("CHECK_NOTE[17]", this.NormaliseText(this.state.lampuJauhCheckingNote));
  1168. formData.append("OPT_FILE[17]", null);
  1169. }
  1170.  
  1171. formData.append("ID_STANDARD[18]", 51);
  1172. if (this.state.lampuSeinKiriChecking == true) {
  1173. formData.append("CHECK_VALUE[18]", "BAIK");
  1174. formData.append("IS_NEGATIF[18]", 0);
  1175. formData.append("CHECK_NOTE[18]", '');
  1176. formData.append("OPT_FILE[18]", null);
  1177. } else {
  1178. formData.append("CHECK_VALUE[18]", "MATI");
  1179. formData.append("IS_NEGATIF[18]", 1);
  1180. formData.append("CHECK_NOTE[18]", this.NormaliseText(this.state.lampuSeinKiriCheckingNote));
  1181. formData.append("OPT_FILE[18]", null);
  1182. }
  1183.  
  1184. formData.append("ID_STANDARD[19]", 52);
  1185. if (this.state.lampuSeinKananChecking == true) {
  1186. formData.append("CHECK_VALUE[19]", "BAIK");
  1187. formData.append("IS_NEGATIF[19]", 0);
  1188. formData.append("CHECK_NOTE[19]", '');
  1189. formData.append("OPT_FILE[19]", null);
  1190. } else {
  1191. formData.append("CHECK_VALUE[19]", "MATI");
  1192. formData.append("IS_NEGATIF[19]", 1);
  1193. formData.append(
  1194. "CHECK_NOTE[19]",
  1195. this.NormaliseText(this.state.lampuSeinKananCheckingNote)
  1196. );
  1197. formData.append("OPT_FILE[19]", null);
  1198. }
  1199.  
  1200. formData.append("ID_STANDARD[20]", 53);
  1201. if (this.state.lampuRemChecking == true) {
  1202. formData.append("CHECK_VALUE[20]", "BAIK");
  1203. formData.append("IS_NEGATIF[20]", 0);
  1204. formData.append("CHECK_NOTE[20]", '');
  1205. formData.append("OPT_FILE[20]", null);
  1206. } else {
  1207. formData.append("CHECK_VALUE[20]", "MATI");
  1208. formData.append("IS_NEGATIF[20]", 1);
  1209. formData.append("CHECK_NOTE[20]", this.NormaliseText(this.state.lampuRemCheckingNote));
  1210. formData.append("OPT_FILE[20]", null);
  1211. }
  1212.  
  1213. formData.append("ID_STANDARD[21]", 54);
  1214. if (this.state.lampuAtretChecking == true) {
  1215. formData.append("CHECK_VALUE[21]", "BAIK");
  1216. formData.append("IS_NEGATIF[21]", 0);
  1217. formData.append("CHECK_NOTE[21]", '');
  1218. formData.append("OPT_FILE[21]", null);
  1219. } else {
  1220. formData.append("CHECK_VALUE[21]", "MATI");
  1221. formData.append("IS_NEGATIF[21]", 1);
  1222. formData.append("CHECK_NOTE[21]", this.NormaliseText(this.state.lampuAtretCheckingNote));
  1223. formData.append("OPT_FILE[21]", null);
  1224. }
  1225.  
  1226. formData.append("ID_STANDARD[22]", 55);
  1227. if (this.state.lampuSorotChecking == true) {
  1228. formData.append("CHECK_VALUE[22]", "BAIK");
  1229. formData.append("IS_NEGATIF[22]", 0);
  1230. formData.append("CHECK_NOTE[22]", '');
  1231. formData.append("OPT_FILE[22]", null);
  1232. } else {
  1233. formData.append("CHECK_VALUE[22]", "MATI");
  1234. formData.append("IS_NEGATIF[22]", 1);
  1235. formData.append("CHECK_NOTE[22]", this.NormaliseText(this.state.lampuSorotCheckingNote));
  1236. formData.append("OPT_FILE[22]", null);
  1237. }
  1238.  
  1239. formData.append("ID_STANDARD[23]", 56);
  1240. if (this.state.dashboardChecking == true) {
  1241. formData.append("CHECK_VALUE[23]", "BAIK");
  1242. formData.append("IS_NEGATIF[23]", 0);
  1243. formData.append("CHECK_NOTE[23]", '');
  1244. formData.append("OPT_FILE[23]", null);
  1245. } else {
  1246. formData.append("CHECK_VALUE[23]", "MATI");
  1247. formData.append("IS_NEGATIF[23]", 1);
  1248. formData.append(
  1249. "CHECK_NOTE[23]",
  1250. this.NormaliseText(this.state.lampuDashboardCheckingNote)
  1251. );
  1252. formData.append("OPT_FILE[23]", null);
  1253. }
  1254.  
  1255. formData.append("ID_STANDARD[24]", 65);
  1256. if (this.state.spionKiriChecking == true) {
  1257. formData.append("CHECK_VALUE[24]", "BAIK");
  1258. formData.append("IS_NEGATIF[24]", 0);
  1259. formData.append("CHECK_NOTE[24]", '');
  1260. formData.append("OPT_FILE[24]", null);
  1261. } else {
  1262. formData.append("CHECK_VALUE[24]", "PECAH");
  1263. formData.append("IS_NEGATIF[24]", 1);
  1264. formData.append("CHECK_NOTE[24]", this.NormaliseText(this.state.kacaSpionKiriCheckingNote));
  1265. formData.append("OPT_FILE[24]", null);
  1266. }
  1267.  
  1268. formData.append("ID_STANDARD[25]", 66);
  1269. if (this.state.spionKananChecking == true) {
  1270. formData.append("CHECK_VALUE[25]", "BAIK");
  1271. formData.append("IS_NEGATIF[25]", 0);
  1272. formData.append("CHECK_NOTE[25]", '');
  1273. formData.append("OPT_FILE[25]", null);
  1274. } else {
  1275. formData.append("CHECK_VALUE[25]", "PECAH");
  1276. formData.append("IS_NEGATIF[25]", 1);
  1277. formData.append(
  1278. "CHECK_NOTE[25]",
  1279. this.NormaliseText(this.state.kacaSpionKananCheckingNote)
  1280. );
  1281. formData.append("OPT_FILE[25]", null);
  1282. }
  1283. console.log(formData)
  1284.  
  1285. fetch(url, {
  1286. headers: {
  1287. "Content-Type": "multipart/form-data"
  1288. },
  1289. method: "POST",
  1290. body: formData
  1291. })
  1292. .then(response => response.json())
  1293. .then(responseJson => {
  1294. // console.log(responseJson)
  1295. if (responseJson.Status == 200) {
  1296. this.setState({
  1297. visibleDialogSubmit: false
  1298. });
  1299. Alert.alert("Success", "Update Unit Check Pick Up Success", [
  1300. {
  1301. text: "Okay"
  1302. }
  1303. ]);
  1304. this.props.navigation.navigate("UnitCheckPickup");
  1305. } else {
  1306. this.setState({
  1307. visibleDialogSubmit: false
  1308. });
  1309. Alert.alert("Error", "Update Unit Check Pick Up Failed", [
  1310. {
  1311. text: "Okay"
  1312. }
  1313. ]);
  1314. }
  1315. // alert(responseJson);
  1316. })
  1317. .catch(error => {
  1318. this.setState({
  1319. visibleDialogSubmit: false
  1320. });
  1321. Alert.alert("Error", "Update Unit Check Pick Up Failed", [
  1322. {
  1323. text: "Okay"
  1324. }
  1325. ]);
  1326. this.props.navigation.navigate("UnitCheckPickup");
  1327. console.log(error);
  1328. });
  1329. });
  1330. }
  1331.  
  1332. onChangeDate(date) {
  1333. this.setState({
  1334. dateChecking: date
  1335. });
  1336. this.loadData();
  1337. }
  1338.  
  1339. onChangeShift(shift) {
  1340. this.setState({
  1341. shiftChecking: shift
  1342. });
  1343. this.loadData();
  1344. }
  1345.  
  1346. render() {
  1347. that = this;
  1348. return (
  1349. <Container style={styles.wrapper}>
  1350. <Header style={styles.header}>
  1351. <Left>
  1352. {this.state.tabNumber == "tab1" ? (
  1353. <Button
  1354. transparent
  1355. onPress={() => this.props.navigation.goBack()}
  1356. >
  1357. <Icon
  1358. name="ios-arrow-back"
  1359. size={20}
  1360. style={styles.facebookButtonIconOrder2}
  1361. />
  1362. </Button>
  1363. ) : this.state.tabNumber == "tab2" ? (
  1364. <Button
  1365. transparent
  1366. onPress={() =>
  1367. this.setState({
  1368. tabNumber: "tab1"
  1369. })
  1370. }
  1371. >
  1372. <Icon
  1373. name="ios-arrow-back"
  1374. size={20}
  1375. style={styles.facebookButtonIconOrder2}
  1376. />
  1377. </Button>
  1378. ) : (
  1379. <Button
  1380. transparent
  1381. onPress={() =>
  1382. this.setState({
  1383. tabNumber: "tab2"
  1384. })
  1385. }
  1386. >
  1387. <Icon
  1388. name="ios-arrow-back"
  1389. size={20}
  1390. style={styles.facebookButtonIconOrder2}
  1391. />
  1392. </Button>
  1393. )}
  1394. </Left>
  1395. <Body>
  1396. <Title style={styles.textbody}>Unit Check Mobil Siaga</Title>
  1397. </Body>
  1398. {/* <Right/> */}
  1399. </Header>
  1400. <StatusBar backgroundColor={colors.green03} barStyle="light-content" />
  1401. <View style={{ flex: 1 }}>
  1402. <Content style={{ marginTop: 0, backgroundColor: colors.gray }}>
  1403. <View style={{ backgroundColor: colors.gray }}>
  1404. {this.state.tabNumber == "tab1" ? (
  1405. <View>
  1406. <CardItem
  1407. style={{
  1408. borderRadius: 0,
  1409. marginTop: 0,
  1410. backgroundColor: colors.gray
  1411. }}
  1412. >
  1413. <View style={{ flex: 1, flexDirection: "row" }}>
  1414. <View style={{ width: "33%", alignItems: "center" }}>
  1415. <Icon
  1416. name="ios-radio-button-on"
  1417. size={20}
  1418. style={{
  1419. color: colors.green01,
  1420. fontSize: 20,
  1421. paddingLeft: 8
  1422. }}
  1423. />
  1424. <Text style={{ fontSize: 10, fontWeight: "bold" }}>
  1425. Pemeriksaan
  1426. </Text>
  1427. </View>
  1428. <View style={{ width: "33%", alignItems: "center" }}>
  1429. <Icon
  1430. name="ios-radio-button-on"
  1431. size={20}
  1432. style={{
  1433. color: colors.graydar,
  1434. fontSize: 20,
  1435. paddingLeft: 8
  1436. }}
  1437. />
  1438. <Text
  1439. style={{
  1440. fontSize: 10,
  1441. fontWeight: "bold",
  1442. color: colors.graydar
  1443. }}
  1444. >
  1445. Kondisi Pickup
  1446. </Text>
  1447. </View>
  1448. <View style={{ width: "33%", alignItems: "center" }}>
  1449. <Icon
  1450. name="ios-radio-button-on"
  1451. size={20}
  1452. style={{
  1453. color: colors.graydar,
  1454. fontSize: 20,
  1455. paddingLeft: 8
  1456. }}
  1457. />
  1458. <Text
  1459. style={{
  1460. fontSize: 10,
  1461. fontWeight: "bold",
  1462. color: colors.graydar
  1463. }}
  1464. >
  1465. Kondisi Sparepart
  1466. </Text>
  1467. </View>
  1468. </View>
  1469. </CardItem>
  1470. <CardItem
  1471. style={{
  1472. borderRadius: 0,
  1473. marginTop: 0,
  1474. backgroundColor: colors.gray
  1475. }}
  1476. >
  1477. <View style={{ flex: 1 }}>
  1478. <View>
  1479. <Text style={styles.titleInput}>Vehicle Code *</Text>
  1480. </View>
  1481. <TextInput
  1482. style={{
  1483. height: 40,
  1484. marginLeft: 5,
  1485. marginRight: 5,
  1486. marginBottom: 5,
  1487. fontSize: 11,
  1488. borderWidth: 1,
  1489. borderColor: colors.lightGray
  1490. }}
  1491. onChangeText={text =>
  1492. this.setState({ vehicleCode: text })
  1493. }
  1494. value={this.state.headerUnitCheck.VEHICLE_CODE}
  1495. bordered
  1496. editable={false}
  1497. placeholder="Vehicle Code"
  1498. />
  1499. </View>
  1500. </CardItem>
  1501. {/* <View style={{ width: 270, position: "absolute" }}>
  1502. <Dialog
  1503. visible={this.state.visibleDialogShift}
  1504. dialogAnimation={
  1505. new SlideAnimation({
  1506. slideFrom: "bottom"
  1507. })
  1508. }
  1509. dialogStyle={{
  1510. position: "absolute",
  1511. top: this.state.posDialog
  1512. }}
  1513. onTouchOutside={() => {
  1514. this.setState({ visibleDialogShift: false });
  1515. // this.props.navigation.goBack()};
  1516. }}
  1517. dialogTitle={
  1518. <DialogTitle title="Select date and shift here" />
  1519. }
  1520. actions={[
  1521. <DialogButton
  1522. style={{
  1523. fontSize: 11,
  1524. backgroundColor: colors.white,
  1525. borderColor: colors.blue01
  1526. }}
  1527. text="SUBMIT"
  1528. onPress={() => this.loadData()}
  1529. // onPress={() => this.setState({ visibleFilter: false })}
  1530. />
  1531. ]}
  1532. >
  1533. <DialogContent>
  1534. {
  1535. <View>
  1536. <Form
  1537. style={{
  1538. borderWidth: 1,
  1539. borderRadius: 5,
  1540. marginRight: 5,
  1541. marginLeft: 5,
  1542. marginTop: 15,
  1543. marginBottom: 10,
  1544. borderColor: "#E6E6E6",
  1545. // height: 50,
  1546. width: 250
  1547. }}
  1548. >
  1549. <Text style={styles.titleInput}>
  1550. Shift Pemeriksaan *
  1551. </Text>
  1552. <Picker
  1553. mode="dropdown"
  1554. iosIcon={
  1555. <Icon
  1556. name={
  1557. Platform.OS
  1558. ? "ios-arrow-down"
  1559. : "ios-arrow-down-outline"
  1560. }
  1561. />
  1562. }
  1563. style={{ width: "100%", height: 35 }}
  1564. placeholder="Select Shift ..."
  1565. placeholderStyle={{ color: "#bfc6ea" }}
  1566. placeholderIconColor="#007aff"
  1567. selectedValue={this.state.shiftChecking}
  1568. onValueChange={itemValue =>
  1569. this.setState({ shiftChecking: itemValue })
  1570. }
  1571. >
  1572. <Picker.Item label="Shift I (Satu)" value="1" />
  1573. <Picker.Item label="Shift II (Dua)" value="2" />
  1574. <Picker.Item
  1575. label="Shift III (Tiga)"
  1576. value="3"
  1577. />
  1578. </Picker>
  1579. </Form>
  1580. <Text style={styles.titleInput}>
  1581. Tanggal Pemeriksaan *
  1582. </Text>
  1583. <DatePicker
  1584. style={{
  1585. width: "100%",
  1586. fontSize: 10,
  1587. borderRadius: 20
  1588. }}
  1589. date={this.state.dateChecking}
  1590. mode="date"
  1591. placeholder="Choose Date ..."
  1592. format="YYYY-MM-DD"
  1593. minDate="2018-01-01"
  1594. maxDate="2050-12-31"
  1595. confirmBtnText="Confirm"
  1596. cancelBtnText="Cancel"
  1597. // iconSource='{this.timeIcon}'
  1598. customStyles={{
  1599. dateInput: {
  1600. marginLeft: 5,
  1601. marginRight: 5,
  1602. height: 35,
  1603. borderRadius: 5,
  1604. fontSize: 10,
  1605. borderWidth: 1,
  1606. borderColor: "#E6E6E6"
  1607. },
  1608. dateIcon: {
  1609. position: "absolute",
  1610. left: 0,
  1611. top: 5
  1612. }
  1613. }}
  1614. onDateChange={date => {
  1615. this.setState({ dateChecking: date });
  1616. }}
  1617. />
  1618. <Text style={styles.titleInput}>
  1619. Jam Pemeriksaan *
  1620. </Text>
  1621. <DatePicker
  1622. style={{
  1623. width: "100%",
  1624. fontSize: 10,
  1625. borderRadius: 20
  1626. }}
  1627. date={this.state.timeChecking}
  1628. mode="time"
  1629. placeholder="Choose Time ..."
  1630. format="hh:mm"
  1631. minDate="00:00"
  1632. maxDate="23:59"
  1633. confirmBtnText="Confirm"
  1634. cancelBtnText="Cancel"
  1635. // iconSource='{this.timeIcon}'
  1636. customStyles={{
  1637. dateInput: {
  1638. marginLeft: 5,
  1639. marginRight: 5,
  1640. height: 35,
  1641. borderRadius: 5,
  1642. fontSize: 10,
  1643. borderWidth: 1,
  1644. borderColor: "#E6E6E6"
  1645. },
  1646. dateIcon: {
  1647. position: "absolute",
  1648. left: 0,
  1649. top: 5
  1650. }
  1651. }}
  1652. onDateChange={time => {
  1653. this.setState({ timeChecking: time });
  1654. }}
  1655. />
  1656. </View>
  1657. }
  1658. </DialogContent>
  1659. </Dialog>
  1660. </View> */}
  1661.  
  1662. <CardItem
  1663. style={{
  1664. borderRadius: 0,
  1665. marginTop: 0,
  1666. backgroundColor: colors.gray
  1667. }}
  1668. >
  1669. <View style={{ flex: 1, flexDirection: "row" }}>
  1670. <View style={{ width: "50%" }}>
  1671. <Text style={styles.titleInput}>
  1672. Tanggal Pemeriksaan *
  1673. </Text>
  1674. <DatePicker
  1675. style={{
  1676. width: "100%",
  1677. fontSize: 10,
  1678. borderRadius: 20
  1679. }}
  1680. date={this.state.dateChecking}
  1681. mode="date"
  1682. placeholder="Choose Date ..."
  1683. format="YYYY-MM-DD"
  1684. minDate="2018-01-01"
  1685. maxDate="2050-12-31"
  1686. confirmBtnText="Confirm"
  1687. cancelBtnText="Cancel"
  1688. // iconSource='{this.timeIcon}'
  1689. customStyles={{
  1690. dateInput: {
  1691. marginLeft: 5,
  1692. marginRight: 5,
  1693. height: 35,
  1694. borderRadius: 5,
  1695. fontSize: 10,
  1696. borderWidth: 1,
  1697. borderColor: "#E6E6E6"
  1698. },
  1699. dateIcon: {
  1700. position: "absolute",
  1701. left: 0,
  1702. top: 5
  1703. }
  1704. }}
  1705. onDateChange={date => {
  1706. this.onChangeDate(date);
  1707. }}
  1708. />
  1709. </View>
  1710. <View style={{ width: "50%" }}>
  1711. <Text style={styles.titleInput}>Jam Pemeriksaan *</Text>
  1712. <DatePicker
  1713. style={{
  1714. width: "100%",
  1715. fontSize: 10,
  1716. borderRadius: 20
  1717. }}
  1718. date={this.state.timeChecking}
  1719. mode="time"
  1720. placeholder="Choose Time ..."
  1721. format="hh:mm"
  1722. minTime="00:00"
  1723. maxTime="23:59"
  1724. confirmBtnText="Confirm"
  1725. cancelBtnText="Cancel"
  1726. // iconSource='{this.timeIcon}'
  1727. customStyles={{
  1728. dateInput: {
  1729. marginLeft: 5,
  1730. marginRight: 5,
  1731. height: 35,
  1732. borderRadius: 5,
  1733. fontSize: 10,
  1734. borderWidth: 1,
  1735. borderColor: "#E6E6E6"
  1736. },
  1737. dateIcon: {
  1738. position: "absolute",
  1739. left: 0,
  1740. top: 5
  1741. }
  1742. }}
  1743. onDateChange={time => {
  1744. this.setState({ timeChecking: time });
  1745. }}
  1746. />
  1747. </View>
  1748. </View>
  1749. </CardItem>
  1750. <CardItem
  1751. style={{
  1752. borderRadius: 0,
  1753. marginTop: 0,
  1754. backgroundColor: colors.gray
  1755. }}
  1756. >
  1757. <View style={{ flex: 1 }}>
  1758. <View>
  1759. <Text style={styles.titleInput}>Shift *</Text>
  1760. <Form
  1761. style={{
  1762. borderWidth: 1,
  1763. borderRadius: 5,
  1764. marginRight: 5,
  1765. marginLeft: 5,
  1766. borderColor: "#E6E6E6",
  1767. height: 35
  1768. }}
  1769. >
  1770. <Picker
  1771. mode="dropdown"
  1772. iosIcon={
  1773. <Icon
  1774. name={
  1775. Platform.OS
  1776. ? "ios-arrow-down"
  1777. : "ios-arrow-down-outline"
  1778. }
  1779. />
  1780. }
  1781. style={{ width: "100%", height: 35 }}
  1782. placeholder="Select Shift ..."
  1783. placeholderStyle={{ color: "#bfc6ea" }}
  1784. placeholderIconColor="#007aff"
  1785. selectedValue={this.state.shiftChecking}
  1786. onValueChange={itemValue =>
  1787. this.onChangeShift(itemValue)
  1788. }
  1789. >
  1790. <Picker.Item label="Shift I (Satu)" value="1" />
  1791. <Picker.Item label="Shift II (Dua)" value="2" />
  1792. <Picker.Item label="Shift III (Tiga)" value="3" />
  1793. </Picker>
  1794. </Form>
  1795. </View>
  1796. </View>
  1797. </CardItem>
  1798. <CardItem
  1799. style={{
  1800. borderRadius: 0,
  1801. marginTop: 0,
  1802. backgroundColor: colors.gray
  1803. }}
  1804. >
  1805. <View style={{ flex: 1, flexDirection: "row" }}>
  1806. <View style={{ flex: 1, flexDirection: "row" }}>
  1807. <View>
  1808. <Text style={styles.titleInput}>
  1809. Pemanasan (Menit)
  1810. </Text>
  1811. <Textarea
  1812. style={{
  1813. marginLeft: 5,
  1814. marginRight: 55,
  1815. marginBottom: 5,
  1816. borderRadius: 5,
  1817. fontSize: 11,
  1818. width: 70
  1819. }}
  1820. value={this.state.pemanasanChecking}
  1821. keyboardType="numeric"
  1822. rowSpan={1.5}
  1823. bordered
  1824. placeholder="Ex : 0"
  1825. onChangeText={text =>
  1826. this.setState({ pemanasanChecking: text })
  1827. }
  1828. />
  1829. </View>
  1830. <View>
  1831. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  1832. <Form
  1833. style={{
  1834. borderWidth: 1,
  1835. borderRadius: 5,
  1836. marginTop: 5,
  1837. marginRight: 5,
  1838. marginLeft: 5,
  1839. borderColor: "#E6E6E6",
  1840. height: 40
  1841. }}
  1842. >
  1843. <Picker
  1844. mode="dropdown"
  1845. iosIcon={
  1846. <Icon
  1847. name={
  1848. Platform.OS
  1849. ? "ios-arrow-down"
  1850. : "ios-arrow-down-outline"
  1851. }
  1852. />
  1853. }
  1854. style={{ height: 35, width: 200 }}
  1855. placeholder="Select ..."
  1856. placeholderStyle={{ color: "#bfc6ea" }}
  1857. placeholderIconColor="#007aff"
  1858. selectedValue={this.state.isNegatifPemanasan}
  1859. onValueChange={itemValue =>
  1860. this.setState({
  1861. isNegatifPemanasan: itemValue,
  1862. visiblePemanasan: true
  1863. })
  1864. }
  1865. >
  1866. <Picker.Item
  1867. label="Tidak Masuk Negatif List"
  1868. value="0"
  1869. />
  1870. <Picker.Item
  1871. label="Masuk Negatif List"
  1872. value="1"
  1873. />
  1874. </Picker>
  1875. </Form>
  1876. </View>
  1877. </View>
  1878. </View>
  1879. </CardItem>
  1880. <View style={{ width: 270, position: "absolute" }}>
  1881. <Dialog
  1882. visible={this.state.visiblePemanasan}
  1883. dialogAnimation={
  1884. new SlideAnimation({
  1885. slideFrom: "bottom"
  1886. })
  1887. }
  1888. dialogStyle={{
  1889. position: "absolute",
  1890. top: this.state.posDialog
  1891. }}
  1892. onTouchOutside={() => {
  1893. this.setState({ visiblePemanasan: false });
  1894. }}
  1895. dialogTitle={
  1896. <DialogTitle title="Place negatif note here" />
  1897. }
  1898. actions={[
  1899. <DialogButton
  1900. style={{
  1901. fontSize: 11,
  1902. backgroundColor: colors.white,
  1903. borderColor: colors.blue01
  1904. }}
  1905. text="SUBMIT"
  1906. // onPress={() => that.rejectPersonal()}
  1907. onPress={() => that.submitPemanasanNote()}
  1908. />
  1909. ]}
  1910. >
  1911. <DialogContent>
  1912. {
  1913. <Form>
  1914. <View>
  1915. <Textarea
  1916. style={{
  1917. marginLeft: 25,
  1918. marginRight: 5,
  1919. marginTop: 5,
  1920. marginBottom: 5,
  1921. borderRadius: 5,
  1922. fontSize: 11,
  1923. width: 270
  1924. }}
  1925. rowSpan={2}
  1926. bordered
  1927. value={this.state.pemanasanCheckingNote}
  1928. placeholder="Catatan pemanasan (Optional)"
  1929. onChangeText={text =>
  1930. this.setState({ pemanasanCheckingNote: text })
  1931. }
  1932. />
  1933. </View>
  1934. </Form>
  1935. }
  1936. </DialogContent>
  1937. </Dialog>
  1938. </View>
  1939. <CardItem
  1940. style={{
  1941. borderRadius: 0,
  1942. marginTop: 0,
  1943. backgroundColor: colors.gray
  1944. }}
  1945. >
  1946. <View style={{ flex: 1, flexDirection: "row" }}>
  1947. <View style={{ flex: 1, flexDirection: "row" }}>
  1948. <View>
  1949. <Text style={styles.titleInput}>
  1950. Speedometer (Km)
  1951. </Text>
  1952. <Textarea
  1953. style={{
  1954. marginLeft: 5,
  1955. marginRight: 55,
  1956. marginBottom: 5,
  1957. borderRadius: 5,
  1958. fontSize: 11,
  1959. width: 70
  1960. }}
  1961. value={this.state.speedometerChecking}
  1962. keyboardType="numeric"
  1963. rowSpan={1.5}
  1964. bordered
  1965. placeholder="Ex : 0"
  1966. onChangeText={text =>
  1967. this.setState({ speedometerChecking: text })
  1968. }
  1969. />
  1970. </View>
  1971. <View>
  1972. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  1973. <Form
  1974. style={{
  1975. borderWidth: 1,
  1976. borderRadius: 5,
  1977. marginTop: 5,
  1978. marginRight: 5,
  1979. marginLeft: 5,
  1980. borderColor: "#E6E6E6",
  1981. height: 40
  1982. }}
  1983. >
  1984. <Picker
  1985. mode="dropdown"
  1986. iosIcon={
  1987. <Icon
  1988. name={
  1989. Platform.OS
  1990. ? "ios-arrow-down"
  1991. : "ios-arrow-down-outline"
  1992. }
  1993. />
  1994. }
  1995. style={{ height: 35, width: 200 }}
  1996. placeholder="Select ..."
  1997. placeholderStyle={{ color: "#bfc6ea" }}
  1998. placeholderIconColor="#007aff"
  1999. selectedValue={this.state.isNegatifSpeedometer}
  2000. onValueChange={itemValue =>
  2001. this.setState({
  2002. isNegatifSpeedometer: itemValue,
  2003. visibleSpeedometer: true
  2004. })
  2005. }
  2006. >
  2007. <Picker.Item
  2008. label="Tidak Masuk Negatif List"
  2009. value="0"
  2010. />
  2011. <Picker.Item
  2012. label="Masuk Negatif List"
  2013. value="1"
  2014. />
  2015. </Picker>
  2016. </Form>
  2017. </View>
  2018. </View>
  2019. </View>
  2020. </CardItem>
  2021. <View style={{ width: 270, position: "absolute" }}>
  2022. <Dialog
  2023. visible={this.state.visibleSpeedometer}
  2024. dialogAnimation={
  2025. new SlideAnimation({
  2026. slideFrom: "bottom"
  2027. })
  2028. }
  2029. dialogStyle={{
  2030. position: "absolute",
  2031. top: this.state.posDialog
  2032. }}
  2033. onTouchOutside={() => {
  2034. this.setState({ visibleSpeedometer: false });
  2035. }}
  2036. dialogTitle={
  2037. <DialogTitle title="Place negatif note here" />
  2038. }
  2039. actions={[
  2040. <DialogButton
  2041. style={{
  2042. fontSize: 11,
  2043. backgroundColor: colors.white,
  2044. borderColor: colors.blue01
  2045. }}
  2046. text="SUBMIT"
  2047. // onPress={() => that.rejectPersonal()}
  2048. onPress={() => that.submitSpeedometerNote()}
  2049. />
  2050. ]}
  2051. >
  2052. <DialogContent>
  2053. {
  2054. <Form>
  2055. <View>
  2056. <Textarea
  2057. style={{
  2058. marginLeft: 25,
  2059. marginRight: 5,
  2060. marginTop: 5,
  2061. marginBottom: 5,
  2062. borderRadius: 5,
  2063. fontSize: 11,
  2064. width: 270
  2065. }}
  2066. rowSpan={2}
  2067. bordered
  2068. value={this.state.speedometerCheckingNote}
  2069. placeholder="Catatan speedometer (Optional)"
  2070. onChangeText={text =>
  2071. this.setState({
  2072. speedometerCheckingNote: text
  2073. })
  2074. }
  2075. />
  2076. </View>
  2077. </Form>
  2078. }
  2079. </DialogContent>
  2080. </Dialog>
  2081. </View>
  2082. <CardItem
  2083. style={{
  2084. borderRadius: 0,
  2085. marginTop: 0,
  2086. backgroundColor: colors.gray
  2087. }}
  2088. >
  2089. <View style={{ flex: 1, flexDirection: "row" }}>
  2090. <View>
  2091. <Text style={styles.titleInput}>Level BBM</Text>
  2092. <Form
  2093. style={{
  2094. borderWidth: 1,
  2095. borderRadius: 5,
  2096. marginTop: 5,
  2097. marginRight: 25,
  2098. marginLeft: 5,
  2099. borderColor: "#E6E6E6",
  2100. height: 35
  2101. }}
  2102. >
  2103. <Picker
  2104. mode="dropdown"
  2105. iosIcon={
  2106. <Icon
  2107. name={
  2108. Platform.OS
  2109. ? "ios-arrow-down"
  2110. : "ios-arrow-down-outline"
  2111. }
  2112. />
  2113. }
  2114. style={{ width: 100, height: 35 }}
  2115. placeholder="Select Shift ..."
  2116. placeholderStyle={{ color: "#bfc6ea" }}
  2117. placeholderIconColor="#007aff"
  2118. selectedValue={this.state.bbmChecking}
  2119. onValueChange={itemValue =>
  2120. this.setState({ bbmChecking: itemValue })
  2121. }
  2122. >
  2123. <Picker.Item label="R" value="R" />
  2124. <Picker.Item label="1/4" value="1/4" />
  2125. <Picker.Item label="1/2" value="1/2" />
  2126. <Picker.Item label="3/4" value="3/4" />
  2127. <Picker.Item label="F" value="F" />
  2128. </Picker>
  2129. </Form>
  2130. </View>
  2131. <View>
  2132. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  2133. <Form
  2134. style={{
  2135. borderWidth: 1,
  2136. borderRadius: 5,
  2137. marginTop: 5,
  2138. marginRight: 5,
  2139. marginLeft: 5,
  2140. borderColor: "#E6E6E6",
  2141. height: 35
  2142. }}
  2143. >
  2144. <Picker
  2145. mode="dropdown"
  2146. iosIcon={
  2147. <Icon
  2148. name={
  2149. Platform.OS
  2150. ? "ios-arrow-down"
  2151. : "ios-arrow-down-outline"
  2152. }
  2153. />
  2154. }
  2155. style={{ height: 35, width: 200 }}
  2156. placeholder="Select ..."
  2157. placeholderStyle={{ color: "#bfc6ea" }}
  2158. placeholderIconColor="#007aff"
  2159. selectedValue={this.state.isNegatifBbm}
  2160. onValueChange={itemValue =>
  2161. this.setState({
  2162. isNegatifBbm: itemValue,
  2163. visibleBbm: true
  2164. })
  2165. }
  2166. >
  2167.  
  2168. <Picker.Item
  2169. label="Tidak Masuk Negatif List"
  2170. value="0"
  2171. disable={true}
  2172. />
  2173. <Picker.Item label="Masuk Negatif List" value="1" />
  2174. </Picker>
  2175. </Form>
  2176. </View>
  2177. </View>
  2178. </CardItem>
  2179. <View style={{ width: 270, position: "absolute" }}>
  2180. <Dialog
  2181. visible={this.state.visibleBbm}
  2182. dialogAnimation={
  2183. new SlideAnimation({
  2184. slideFrom: "bottom"
  2185. })
  2186. }
  2187. dialogStyle={{
  2188. position: "absolute",
  2189. top: this.state.posDialog
  2190. }}
  2191. onTouchOutside={() => {
  2192. this.setState({ visibleBbm: false });
  2193. }}
  2194. dialogTitle={
  2195. <DialogTitle title="Place negatif note here" />
  2196. }
  2197. actions={[
  2198. <DialogButton
  2199. style={{
  2200. fontSize: 11,
  2201. backgroundColor: colors.white,
  2202. borderColor: colors.blue01
  2203. }}
  2204. text="SUBMIT"
  2205. // onPress={() => that.rejectPersonal()}
  2206. onPress={() => that.submitBbmNote()}
  2207. />
  2208. ]}
  2209. >
  2210. <DialogContent>
  2211. {
  2212. <Form>
  2213. <View>
  2214. <Textarea
  2215. style={{
  2216. marginLeft: 25,
  2217. marginRight: 5,
  2218. marginTop: 5,
  2219. marginBottom: 5,
  2220. borderRadius: 5,
  2221. fontSize: 11,
  2222. width: 270
  2223. }}
  2224. rowSpan={2}
  2225. bordered
  2226. value={this.state.bbmCheckingNote}
  2227. placeholder="Catatan bbm (Optional)"
  2228. onChangeText={text =>
  2229. this.setState({ bbmCheckingNote: text })
  2230. }
  2231. />
  2232. </View>
  2233. </Form>
  2234. }
  2235. </DialogContent>
  2236. </Dialog>
  2237. </View>
  2238. {/* <CardItem style={{ borderRadius: 0, marginTop: 0, backgroundColor: colors.gray }}>
  2239. <View style={{ flex: 1 }}>
  2240. <View style={{ paddingBottom: 5 }}>
  2241. <Text style={styles.viewMerkFoto}>Upload Foto (jpg, png) max : 500 kb</Text>
  2242. </View>
  2243. <View>
  2244. <Ripple
  2245. style={{
  2246. flex: 2,
  2247. justifyContent: "center",
  2248. alignItems: "center"
  2249. }}
  2250. rippleSize={176}
  2251. rippleDuration={600}
  2252. rippleContainerBorderRadius={15}
  2253. onPress={this.pickImageHandler}
  2254. rippleColor={colors.accent}
  2255. >
  2256. <View style={styles.placeholder}>
  2257. <Image source={{ uri: this.state.pickedImage }} style={styles.previewImage} />
  2258. </View>
  2259. </Ripple>
  2260. </View>
  2261. </View>
  2262. </CardItem> */}
  2263. <CardItem
  2264. style={{
  2265. borderRadius: 0,
  2266. marginTop: 0,
  2267. backgroundColor: colors.gray
  2268. }}
  2269. >
  2270. <View style={{ flex: 1 }}>
  2271. <View style={styles.Contentsave}>
  2272. <Button
  2273. block
  2274. style={{
  2275. width: "100%",
  2276. height: 45,
  2277. marginBottom: 20,
  2278. marginTop: 15,
  2279. borderWidth: 1,
  2280. backgroundColor: "#00b300",
  2281. borderColor: "#00b300",
  2282. borderRadius: 4
  2283. }}
  2284. onPress={() => this.validasiFieldTab1()}
  2285. >
  2286. <Text
  2287. style={{ fontWeight: "bold", color: colors.white }}
  2288. >
  2289. Lanjutkan
  2290. </Text>
  2291. </Button>
  2292. </View>
  2293. </View>
  2294. </CardItem>
  2295. </View>
  2296. ) : this.state.tabNumber == "tab2" ? (
  2297. <View>
  2298. <CardItem
  2299. style={{
  2300. borderRadius: 0,
  2301. marginTop: 0,
  2302. backgroundColor: colors.gray
  2303. }}
  2304. >
  2305. <View style={{ flex: 1, flexDirection: "row" }}>
  2306. <View style={{ width: "33%", alignItems: "center" }}>
  2307. <Icon
  2308. name="ios-radio-button-on"
  2309. size={20}
  2310. style={{
  2311. color: colors.green01,
  2312. fontSize: 20,
  2313. paddingLeft: 8
  2314. }}
  2315. />
  2316. <Text style={{ fontSize: 10, fontWeight: "bold" }}>
  2317. Pemeriksaan
  2318. </Text>
  2319. </View>
  2320. <View style={{ width: "33%", alignItems: "center" }}>
  2321. <Icon
  2322. name="ios-radio-button-on"
  2323. size={20}
  2324. style={{
  2325. color: colors.green01,
  2326. fontSize: 20,
  2327. paddingLeft: 8
  2328. }}
  2329. />
  2330. <Text style={{ fontSize: 10, fontWeight: "bold" }}>
  2331. Kondisi Pickup
  2332. </Text>
  2333. </View>
  2334. <View style={{ width: "33%", alignItems: "center" }}>
  2335. <Icon
  2336. name="ios-radio-button-on"
  2337. size={20}
  2338. style={{
  2339. color: colors.graydar,
  2340. fontSize: 20,
  2341. paddingLeft: 8
  2342. }}
  2343. />
  2344. <Text
  2345. style={{
  2346. fontSize: 10,
  2347. fontWeight: "bold",
  2348. color: colors.graydar
  2349. }}
  2350. >
  2351. Kondisi Sparepart
  2352. </Text>
  2353. </View>
  2354. </View>
  2355. </CardItem>
  2356. <CardItem
  2357. style={{ borderRadius: 0, backgroundColor: colors.gray }}
  2358. >
  2359. <View style={{ marginLeft: 0, flex: 1 }}>
  2360. <Text
  2361. style={{
  2362. fontSize: 12,
  2363. paddingTop: 10,
  2364. fontWeight: "bold"
  2365. }}
  2366. >
  2367. Kondisi Oli :{" "}
  2368. </Text>
  2369. </View>
  2370. </CardItem>
  2371. <CardItem
  2372. style={{
  2373. borderRadius: 0,
  2374. marginTop: 0,
  2375. backgroundColor: colors.gray
  2376. }}
  2377. >
  2378. <View style={{ flex: 1, flexDirection: "row" }}>
  2379. <View>
  2380. <Text style={styles.titleInput}>Oli Mesin</Text>
  2381. <Form
  2382. style={{
  2383. borderWidth: 1,
  2384. borderRadius: 5,
  2385. marginTop: 5,
  2386. marginRight: 25,
  2387. marginLeft: 5,
  2388. borderColor: "#E6E6E6",
  2389. height: 35
  2390. }}
  2391. >
  2392. <Picker
  2393. mode="dropdown"
  2394. iosIcon={
  2395. <Icon
  2396. name={
  2397. Platform.OS
  2398. ? "ios-arrow-down"
  2399. : "ios-arrow-down-outline"
  2400. }
  2401. />
  2402. }
  2403. style={{ width: 100, height: 35 }}
  2404. placeholder="Select Shift ..."
  2405. placeholderStyle={{ color: "#bfc6ea" }}
  2406. placeholderIconColor="#007aff"
  2407. selectedValue={this.state.oliMesinChecking}
  2408. onValueChange={itemValue =>
  2409. this.setState({ oliMesinChecking: itemValue })
  2410. }
  2411. >
  2412. <Picker.Item label="L" value="L" />
  2413. <Picker.Item label="M" value="M" />
  2414. <Picker.Item label="H" value="H" />
  2415. </Picker>
  2416. </Form>
  2417. </View>
  2418. <View>
  2419. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  2420. <Form
  2421. style={{
  2422. borderWidth: 1,
  2423. borderRadius: 5,
  2424. marginTop: 5,
  2425. marginRight: 5,
  2426. marginLeft: 5,
  2427. borderColor: "#E6E6E6",
  2428. height: 35
  2429. }}
  2430. >
  2431. <Picker
  2432. mode="dropdown"
  2433. iosIcon={
  2434. <Icon
  2435. name={
  2436. Platform.OS
  2437. ? "ios-arrow-down"
  2438. : "ios-arrow-down-outline"
  2439. }
  2440. />
  2441. }
  2442. style={{ height: 35, width: 200 }}
  2443. placeholder="Select ..."
  2444. placeholderStyle={{ color: "#bfc6ea" }}
  2445. placeholderIconColor="#007aff"
  2446. selectedValue={this.state.isNegatifOliMesin}
  2447. onValueChange={itemValue =>
  2448. this.setState({
  2449. isNegatifOliMesin: itemValue,
  2450. visibleOliMesin: true
  2451. })
  2452. }
  2453. >
  2454. <Picker.Item
  2455. label="Tidak Masuk Negatif List"
  2456. value="0"
  2457. />
  2458. <Picker.Item label="Masuk Negatif List" value="1" />
  2459. </Picker>
  2460. </Form>
  2461. </View>
  2462. </View>
  2463. </CardItem>
  2464. <View style={{ width: 270, position: "absolute" }}>
  2465. <Dialog
  2466. visible={this.state.visibleOliMesin}
  2467. dialogAnimation={
  2468. new SlideAnimation({
  2469. slideFrom: "bottom"
  2470. })
  2471. }
  2472. dialogStyle={{
  2473. position: "absolute",
  2474. top: this.state.posDialog
  2475. }}
  2476. onTouchOutside={() => {
  2477. this.setState({ visibleOliMesin: false });
  2478. }}
  2479. dialogTitle={
  2480. <DialogTitle title="Place negatif note here" />
  2481. }
  2482. actions={[
  2483. <DialogButton
  2484. style={{
  2485. fontSize: 11,
  2486. backgroundColor: colors.white,
  2487. borderColor: colors.blue01
  2488. }}
  2489. text="SUBMIT"
  2490. // onPress={() => that.rejectPersonal()}
  2491. onPress={() => that.submitOliMesinNote()}
  2492. />
  2493. ]}
  2494. >
  2495. <DialogContent>
  2496. {
  2497. <Form>
  2498. <View>
  2499. <Textarea
  2500. style={{
  2501. marginLeft: 25,
  2502. marginRight: 5,
  2503. marginTop: 5,
  2504. marginBottom: 5,
  2505. borderRadius: 5,
  2506. fontSize: 11,
  2507. width: 270
  2508. }}
  2509. rowSpan={2}
  2510. bordered
  2511. value={this.state.oliMesinCheckingNote}
  2512. placeholder="Catatan oli mesin (Optional)"
  2513. onChangeText={text =>
  2514. this.setState({ oliMesinCheckingNote: text })
  2515. }
  2516. />
  2517. </View>
  2518. </Form>
  2519. }
  2520. </DialogContent>
  2521. </Dialog>
  2522. </View>
  2523. <CardItem
  2524. style={{
  2525. borderRadius: 0,
  2526. marginTop: 0,
  2527. backgroundColor: colors.gray
  2528. }}
  2529. >
  2530. <View style={{ flex: 1, flexDirection: "row" }}>
  2531. <View>
  2532. <Text style={styles.titleInput}>Oli Rem</Text>
  2533. <Form
  2534. style={{
  2535. borderWidth: 1,
  2536. borderRadius: 5,
  2537. marginTop: 5,
  2538. marginRight: 25,
  2539. marginLeft: 5,
  2540. borderColor: "#E6E6E6",
  2541. height: 35
  2542. }}
  2543. >
  2544. <Picker
  2545. mode="dropdown"
  2546. iosIcon={
  2547. <Icon
  2548. name={
  2549. Platform.OS
  2550. ? "ios-arrow-down"
  2551. : "ios-arrow-down-outline"
  2552. }
  2553. />
  2554. }
  2555. style={{ width: 100, height: 35 }}
  2556. placeholder="Select Shift ..."
  2557. placeholderStyle={{ color: "#bfc6ea" }}
  2558. placeholderIconColor="#007aff"
  2559. selectedValue={this.state.oliRemChecking}
  2560. onValueChange={itemValue =>
  2561. this.setState({ oliRemChecking: itemValue })
  2562. }
  2563. >
  2564. <Picker.Item label="L" value="L" />
  2565. <Picker.Item label="M" value="M" />
  2566. <Picker.Item label="H" value="H" />
  2567. </Picker>
  2568. </Form>
  2569. </View>
  2570. <View>
  2571. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  2572. <Form
  2573. style={{
  2574. borderWidth: 1,
  2575. borderRadius: 5,
  2576. marginTop: 5,
  2577. marginRight: 5,
  2578. marginLeft: 5,
  2579. borderColor: "#E6E6E6",
  2580. height: 35
  2581. }}
  2582. >
  2583. <Picker
  2584. mode="dropdown"
  2585. iosIcon={
  2586. <Icon
  2587. name={
  2588. Platform.OS
  2589. ? "ios-arrow-down"
  2590. : "ios-arrow-down-outline"
  2591. }
  2592. />
  2593. }
  2594. style={{ height: 35, width: 200 }}
  2595. placeholder="Select ..."
  2596. placeholderStyle={{ color: "#bfc6ea" }}
  2597. placeholderIconColor="#007aff"
  2598. selectedValue={this.state.isNegatifOliRem}
  2599. onValueChange={itemValue =>
  2600. this.setState({
  2601. isNegatifOliRem: itemValue,
  2602. visibleOliRem: true
  2603. })
  2604. }
  2605. >
  2606. <Picker.Item
  2607. label="Tidak Masuk Negatif List"
  2608. value="0"
  2609. />
  2610. <Picker.Item label="Masuk Negatif List" value="1" />
  2611. </Picker>
  2612. </Form>
  2613. </View>
  2614. </View>
  2615. </CardItem>
  2616. <View style={{ width: 270, position: "absolute" }}>
  2617. <Dialog
  2618. visible={this.state.visibleOliRem}
  2619. dialogAnimation={
  2620. new SlideAnimation({
  2621. slideFrom: "bottom"
  2622. })
  2623. }
  2624. dialogStyle={{
  2625. position: "absolute",
  2626. top: this.state.posDialog
  2627. }}
  2628. onTouchOutside={() => {
  2629. this.setState({ visibleOliRem: false });
  2630. }}
  2631. dialogTitle={
  2632. <DialogTitle title="Place negatif note here" />
  2633. }
  2634. actions={[
  2635. <DialogButton
  2636. style={{
  2637. fontSize: 11,
  2638. backgroundColor: colors.white,
  2639. borderColor: colors.blue01
  2640. }}
  2641. text="SUBMIT"
  2642. // onPress={() => that.rejectPersonal()}
  2643. onPress={() => that.submitOliRemNote()}
  2644. />
  2645. ]}
  2646. >
  2647. <DialogContent>
  2648. {
  2649. <Form>
  2650. <View>
  2651. <Textarea
  2652. style={{
  2653. marginLeft: 25,
  2654. marginRight: 5,
  2655. marginTop: 5,
  2656. marginBottom: 5,
  2657. borderRadius: 5,
  2658. fontSize: 11,
  2659. width: 270
  2660. }}
  2661. rowSpan={2}
  2662. bordered
  2663. value={this.state.oliRemCheckingNote}
  2664. placeholder="Catatan oli rem (Optional)"
  2665. onChangeText={text =>
  2666. this.setState({ oliRemCheckingNote: text })
  2667. }
  2668. />
  2669. </View>
  2670. </Form>
  2671. }
  2672. </DialogContent>
  2673. </Dialog>
  2674. </View>
  2675. <CardItem
  2676. style={{
  2677. borderRadius: 0,
  2678. marginTop: 0,
  2679. backgroundColor: colors.gray
  2680. }}
  2681. >
  2682. <View style={{ flex: 1, flexDirection: "row" }}>
  2683. <View>
  2684. <Text style={styles.titleInput}>
  2685. Oli Power Steering
  2686. </Text>
  2687. <Form
  2688. style={{
  2689. borderWidth: 1,
  2690. borderRadius: 5,
  2691. marginTop: 5,
  2692. marginRight: 25,
  2693. marginLeft: 5,
  2694. borderColor: "#E6E6E6",
  2695. height: 35
  2696. }}
  2697. >
  2698. <Picker
  2699. mode="dropdown"
  2700. iosIcon={
  2701. <Icon
  2702. name={
  2703. Platform.OS
  2704. ? "ios-arrow-down"
  2705. : "ios-arrow-down-outline"
  2706. }
  2707. />
  2708. }
  2709. style={{ width: 100, height: 35 }}
  2710. placeholder="Select Shift ..."
  2711. placeholderStyle={{ color: "#bfc6ea" }}
  2712. placeholderIconColor="#007aff"
  2713. selectedValue={this.state.oliPowerSteeringChecking}
  2714. onValueChange={itemValue =>
  2715. this.setState({
  2716. oliPowerSteeringChecking: itemValue
  2717. })
  2718. }
  2719. >
  2720. <Picker.Item label="L" value="L" />
  2721. <Picker.Item label="M" value="M" />
  2722. <Picker.Item label="H" value="H" />
  2723. </Picker>
  2724. </Form>
  2725. </View>
  2726. <View>
  2727. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  2728. <Form
  2729. style={{
  2730. borderWidth: 1,
  2731. borderRadius: 5,
  2732. marginTop: 5,
  2733. marginRight: 5,
  2734. marginLeft: 5,
  2735. borderColor: "#E6E6E6",
  2736. height: 35
  2737. }}
  2738. >
  2739. <Picker
  2740. mode="dropdown"
  2741. iosIcon={
  2742. <Icon
  2743. name={
  2744. Platform.OS
  2745. ? "ios-arrow-down"
  2746. : "ios-arrow-down-outline"
  2747. }
  2748. />
  2749. }
  2750. style={{ height: 35, width: 200 }}
  2751. placeholder="Select ..."
  2752. placeholderStyle={{ color: "#bfc6ea" }}
  2753. placeholderIconColor="#007aff"
  2754. selectedValue={this.state.isNegatifOliPowerSteering}
  2755. onValueChange={itemValue =>
  2756. this.setState({
  2757. isNegatifOliPowerSteering: itemValue,
  2758. visibleOliPowerSteering: true
  2759. })
  2760. }
  2761. >
  2762. <Picker.Item
  2763. label="Tidak Masuk Negatif List"
  2764. value="0"
  2765. />
  2766. <Picker.Item label="Masuk Negatif List" value="1" />
  2767. </Picker>
  2768. </Form>
  2769. </View>
  2770. </View>
  2771. </CardItem>
  2772. <View style={{ width: 270, position: "absolute" }}>
  2773. <Dialog
  2774. visible={this.state.visibleOliPowerSteering}
  2775. dialogAnimation={
  2776. new SlideAnimation({
  2777. slideFrom: "bottom"
  2778. })
  2779. }
  2780. dialogStyle={{
  2781. position: "absolute",
  2782. top: this.state.posDialog
  2783. }}
  2784. onTouchOutside={() => {
  2785. this.setState({ visibleOliPowerSteering: false });
  2786. }}
  2787. dialogTitle={
  2788. <DialogTitle title="Place negatif note here" />
  2789. }
  2790. actions={[
  2791. <DialogButton
  2792. style={{
  2793. fontSize: 11,
  2794. backgroundColor: colors.white,
  2795. borderColor: colors.blue01
  2796. }}
  2797. text="SUBMIT"
  2798. // onPress={() => that.rejectPersonal()}
  2799. onPress={() => that.submitOliPowerSteeringNote()}
  2800. />
  2801. ]}
  2802. >
  2803. <DialogContent>
  2804. {
  2805. <Form>
  2806. <View>
  2807. <Textarea
  2808. style={{
  2809. marginLeft: 25,
  2810. marginRight: 5,
  2811. marginTop: 5,
  2812. marginBottom: 5,
  2813. borderRadius: 5,
  2814. fontSize: 11,
  2815. width: 270
  2816. }}
  2817. rowSpan={2}
  2818. bordered
  2819. value={this.state.oliPowerSteeringCheckingNote}
  2820. placeholder="Catatan oli power steering (Optional)"
  2821. onChangeText={text =>
  2822. this.setState({
  2823. oliPowerSteeringCheckingNote: text
  2824. })
  2825. }
  2826. />
  2827. </View>
  2828. </Form>
  2829. }
  2830. </DialogContent>
  2831. </Dialog>
  2832. </View>
  2833. <CardItem
  2834. style={{ borderRadius: 0, backgroundColor: colors.gray }}
  2835. >
  2836. <View style={{ marginLeft: 0, flex: 1 }}>
  2837. <Text
  2838. style={{
  2839. fontSize: 12,
  2840. paddingTop: 10,
  2841. fontWeight: "bold"
  2842. }}
  2843. >
  2844. Kondisi Air :{" "}
  2845. </Text>
  2846. </View>
  2847. </CardItem>
  2848. <CardItem
  2849. style={{
  2850. borderRadius: 0,
  2851. marginTop: 0,
  2852. backgroundColor: colors.gray
  2853. }}
  2854. >
  2855. <View style={{ flex: 1, flexDirection: "row" }}>
  2856. <View>
  2857. <Text style={styles.titleInput}>Air Radiator</Text>
  2858. <Form
  2859. style={{
  2860. borderWidth: 1,
  2861. borderRadius: 5,
  2862. marginTop: 5,
  2863. marginRight: 25,
  2864. marginLeft: 5,
  2865. borderColor: "#E6E6E6",
  2866. height: 35
  2867. }}
  2868. >
  2869. <Picker
  2870. mode="dropdown"
  2871. iosIcon={
  2872. <Icon
  2873. name={
  2874. Platform.OS
  2875. ? "ios-arrow-down"
  2876. : "ios-arrow-down-outline"
  2877. }
  2878. />
  2879. }
  2880. style={{ width: 100, height: 35 }}
  2881. placeholder="Select Shift ..."
  2882. placeholderStyle={{ color: "#bfc6ea" }}
  2883. placeholderIconColor="#007aff"
  2884. selectedValue={this.state.airRadiatorChecking}
  2885. onValueChange={itemValue =>
  2886. this.setState({ airRadiatorChecking: itemValue })
  2887. }
  2888. >
  2889. <Picker.Item label="R" value="R" />
  2890. <Picker.Item label="1/4" value="1/4" />
  2891. <Picker.Item label="1/2" value="1/2" />
  2892. <Picker.Item label="3/4" value="3/4" />
  2893. <Picker.Item label="F" value="F" />
  2894. </Picker>
  2895. </Form>
  2896. </View>
  2897. <View>
  2898. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  2899. <Form
  2900. style={{
  2901. borderWidth: 1,
  2902. borderRadius: 5,
  2903. marginTop: 5,
  2904. marginRight: 5,
  2905. marginLeft: 5,
  2906. borderColor: "#E6E6E6",
  2907. height: 35
  2908. }}
  2909. >
  2910. <Picker
  2911. mode="dropdown"
  2912. iosIcon={
  2913. <Icon
  2914. name={
  2915. Platform.OS
  2916. ? "ios-arrow-down"
  2917. : "ios-arrow-down-outline"
  2918. }
  2919. />
  2920. }
  2921. style={{ height: 35, width: 200 }}
  2922. placeholder="Select ..."
  2923. placeholderStyle={{ color: "#bfc6ea" }}
  2924. placeholderIconColor="#007aff"
  2925. selectedValue={this.state.isNegatifAirRadiator}
  2926. onValueChange={itemValue =>
  2927. this.setState({
  2928. isNegatifAirRadiator: itemValue,
  2929. visibleAirRadiator: true
  2930. })
  2931. }
  2932. >
  2933. <Picker.Item
  2934. label="Tidak Masuk Negatif List"
  2935. value="0"
  2936. />
  2937. <Picker.Item label="Masuk Negatif List" value="1" />
  2938. </Picker>
  2939. </Form>
  2940. </View>
  2941. </View>
  2942. </CardItem>
  2943. <View style={{ width: 270, position: "absolute" }}>
  2944. <Dialog
  2945. visible={this.state.visibleAirRadiator}
  2946. dialogAnimation={
  2947. new SlideAnimation({
  2948. slideFrom: "bottom"
  2949. })
  2950. }
  2951. dialogStyle={{
  2952. position: "absolute",
  2953. top: this.state.posDialog
  2954. }}
  2955. onTouchOutside={() => {
  2956. this.setState({ visibleAirRadiator: false });
  2957. }}
  2958. dialogTitle={
  2959. <DialogTitle title="Place negatif note here" />
  2960. }
  2961. actions={[
  2962. <DialogButton
  2963. style={{
  2964. fontSize: 11,
  2965. backgroundColor: colors.white,
  2966. borderColor: colors.blue01
  2967. }}
  2968. text="SUBMIT"
  2969. // onPress={() => that.rejectPersonal()}
  2970. onPress={() => that.submitAirRadiatorNote()}
  2971. />
  2972. ]}
  2973. >
  2974. <DialogContent>
  2975. {
  2976. <Form>
  2977. <View>
  2978. <Textarea
  2979. style={{
  2980. marginLeft: 25,
  2981. marginRight: 5,
  2982. marginTop: 5,
  2983. marginBottom: 5,
  2984. borderRadius: 5,
  2985. fontSize: 11,
  2986. width: 270
  2987. }}
  2988. rowSpan={2}
  2989. bordered
  2990. value={this.state.airRadiatorCheckingNote}
  2991. placeholder="Catatan air radiator (Optional)"
  2992. onChangeText={text =>
  2993. this.setState({
  2994. airRadiatorCheckingNote: text
  2995. })
  2996. }
  2997. />
  2998. </View>
  2999. </Form>
  3000. }
  3001. </DialogContent>
  3002. </Dialog>
  3003. </View>
  3004. <CardItem
  3005. style={{
  3006. borderRadius: 0,
  3007. marginTop: 0,
  3008. backgroundColor: colors.gray
  3009. }}
  3010. >
  3011. <View style={{ flex: 1, flexDirection: "row" }}>
  3012. <View>
  3013. <Text style={styles.titleInput}>
  3014. Air Cadangan Radiator
  3015. </Text>
  3016. <Form
  3017. style={{
  3018. borderWidth: 1,
  3019. borderRadius: 5,
  3020. marginTop: 5,
  3021. marginRight: 25,
  3022. marginLeft: 5,
  3023. borderColor: "#E6E6E6",
  3024. height: 35
  3025. }}
  3026. >
  3027. <Picker
  3028. mode="dropdown"
  3029. iosIcon={
  3030. <Icon
  3031. name={
  3032. Platform.OS
  3033. ? "ios-arrow-down"
  3034. : "ios-arrow-down-outline"
  3035. }
  3036. />
  3037. }
  3038. style={{ width: 100, height: 35 }}
  3039. placeholder="Select Shift ..."
  3040. placeholderStyle={{ color: "#bfc6ea" }}
  3041. placeholderIconColor="#007aff"
  3042. selectedValue={
  3043. this.state.airCadanganRadiatorChecking
  3044. }
  3045. onValueChange={itemValue =>
  3046. this.setState({
  3047. airCadanganRadiatorChecking: itemValue
  3048. })
  3049. }
  3050. >
  3051. <Picker.Item label="R" value="R" />
  3052. <Picker.Item label="1/4" value="1/4" />
  3053. <Picker.Item label="1/2" value="1/2" />
  3054. <Picker.Item label="3/4" value="3/4" />
  3055. <Picker.Item label="F" value="F" />
  3056. </Picker>
  3057. </Form>
  3058. </View>
  3059. <View>
  3060. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  3061. <Form
  3062. style={{
  3063. borderWidth: 1,
  3064. borderRadius: 5,
  3065. marginTop: 5,
  3066. marginRight: 5,
  3067. marginLeft: 5,
  3068. borderColor: "#E6E6E6",
  3069. height: 35
  3070. }}
  3071. >
  3072. <Picker
  3073. mode="dropdown"
  3074. iosIcon={
  3075. <Icon
  3076. name={
  3077. Platform.OS
  3078. ? "ios-arrow-down"
  3079. : "ios-arrow-down-outline"
  3080. }
  3081. />
  3082. }
  3083. style={{ height: 35, width: 200 }}
  3084. placeholder="Select ..."
  3085. placeholderStyle={{ color: "#bfc6ea" }}
  3086. placeholderIconColor="#007aff"
  3087. selectedValue={
  3088. this.state.isNegatifAirCadanganRadiator
  3089. }
  3090. onValueChange={itemValue =>
  3091. this.setState({
  3092. isNegatifAirCadanganRadiator: itemValue,
  3093. visibleAirCadanganRadiator: true
  3094. })
  3095. }
  3096. >
  3097. <Picker.Item
  3098. label="Tidak Masuk Negatif List"
  3099. value="0"
  3100. />
  3101. <Picker.Item label="Masuk Negatif List" value="1" />
  3102. </Picker>
  3103. </Form>
  3104. </View>
  3105. </View>
  3106. </CardItem>
  3107. <View style={{ width: 270, position: "absolute" }}>
  3108. <Dialog
  3109. visible={this.state.visibleAirCadanganRadiator}
  3110. dialogAnimation={
  3111. new SlideAnimation({
  3112. slideFrom: "bottom"
  3113. })
  3114. }
  3115. dialogStyle={{
  3116. position: "absolute",
  3117. top: this.state.posDialog
  3118. }}
  3119. onTouchOutside={() => {
  3120. this.setState({ visibleAirCadanganRadiator: false });
  3121. }}
  3122. dialogTitle={
  3123. <DialogTitle title="Place negatif note here" />
  3124. }
  3125. actions={[
  3126. <DialogButton
  3127. style={{
  3128. fontSize: 11,
  3129. backgroundColor: colors.white,
  3130. borderColor: colors.blue01
  3131. }}
  3132. text="SUBMIT"
  3133. // onPress={() => that.rejectPersonal()}
  3134. onPress={() => that.submitAirCadanganRadiatorNote()}
  3135. />
  3136. ]}
  3137. >
  3138. <DialogContent>
  3139. {
  3140. <Form>
  3141. <View>
  3142. <Textarea
  3143. style={{
  3144. marginLeft: 25,
  3145. marginRight: 5,
  3146. marginTop: 5,
  3147. marginBottom: 5,
  3148. borderRadius: 5,
  3149. fontSize: 11,
  3150. width: 270
  3151. }}
  3152. rowSpan={2}
  3153. bordered
  3154. value={
  3155. this.state.airCadanganRadiatorCheckingNote
  3156. }
  3157. placeholder="Catatan air cadangan radiator (Optional)"
  3158. onChangeText={text =>
  3159. this.setState({
  3160. airCadanganRadiatorCheckingNote: text
  3161. })
  3162. }
  3163. />
  3164. </View>
  3165. </Form>
  3166. }
  3167. </DialogContent>
  3168. </Dialog>
  3169. </View>
  3170. <CardItem
  3171. style={{
  3172. borderRadius: 0,
  3173. marginTop: 0,
  3174. backgroundColor: colors.gray
  3175. }}
  3176. >
  3177. <View style={{ flex: 1, flexDirection: "row" }}>
  3178. <View>
  3179. <Text style={styles.titleInput}>Air Wiper</Text>
  3180. <Form
  3181. style={{
  3182. borderWidth: 1,
  3183. borderRadius: 5,
  3184. marginTop: 5,
  3185. marginRight: 25,
  3186. marginLeft: 5,
  3187. borderColor: "#E6E6E6",
  3188. height: 35
  3189. }}
  3190. >
  3191. <Picker
  3192. mode="dropdown"
  3193. iosIcon={
  3194. <Icon
  3195. name={
  3196. Platform.OS
  3197. ? "ios-arrow-down"
  3198. : "ios-arrow-down-outline"
  3199. }
  3200. />
  3201. }
  3202. style={{ width: 100, height: 35 }}
  3203. placeholder="Select Shift ..."
  3204. placeholderStyle={{ color: "#bfc6ea" }}
  3205. placeholderIconColor="#007aff"
  3206. selectedValue={this.state.airWiperChecking}
  3207. onValueChange={itemValue =>
  3208. this.setState({ airWiperChecking: itemValue })
  3209. }
  3210. >
  3211. <Picker.Item label="R" value="R" />
  3212. <Picker.Item label="1/4" value="1/4" />
  3213. <Picker.Item label="1/2" value="1/2" />
  3214. <Picker.Item label="3/4" value="3/4" />
  3215. <Picker.Item label="F" value="F" />
  3216. </Picker>
  3217. </Form>
  3218. </View>
  3219. <View>
  3220. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  3221. <Form
  3222. style={{
  3223. borderWidth: 1,
  3224. borderRadius: 5,
  3225. marginTop: 5,
  3226. marginRight: 5,
  3227. marginLeft: 5,
  3228. borderColor: "#E6E6E6",
  3229. height: 35
  3230. }}
  3231. >
  3232. <Picker
  3233. mode="dropdown"
  3234. iosIcon={
  3235. <Icon
  3236. name={
  3237. Platform.OS
  3238. ? "ios-arrow-down"
  3239. : "ios-arrow-down-outline"
  3240. }
  3241. />
  3242. }
  3243. style={{ height: 35, width: 200 }}
  3244. placeholder="Select ..."
  3245. placeholderStyle={{ color: "#bfc6ea" }}
  3246. placeholderIconColor="#007aff"
  3247. selectedValue={this.state.isNegatifAirWiper}
  3248. onValueChange={itemValue =>
  3249. this.setState({
  3250. isNegatifAirWiper: itemValue,
  3251. visibleAirWiper: true
  3252. })
  3253. }
  3254. >
  3255. <Picker.Item
  3256. label="Tidak Masuk Negatif List"
  3257. value="0"
  3258. />
  3259. <Picker.Item label="Masuk Negatif List" value="1" />
  3260. </Picker>
  3261. </Form>
  3262. </View>
  3263. </View>
  3264. </CardItem>
  3265. <View style={{ width: 270, position: "absolute" }}>
  3266. <Dialog
  3267. visible={this.state.visibleAirWiper}
  3268. dialogAnimation={
  3269. new SlideAnimation({
  3270. slideFrom: "bottom"
  3271. })
  3272. }
  3273. dialogStyle={{
  3274. position: "absolute",
  3275. top: this.state.posDialog
  3276. }}
  3277. onTouchOutside={() => {
  3278. this.setState({ visibleAirWiper: false });
  3279. }}
  3280. dialogTitle={
  3281. <DialogTitle title="Place negatif note here" />
  3282. }
  3283. actions={[
  3284. <DialogButton
  3285. style={{
  3286. fontSize: 11,
  3287. backgroundColor: colors.white,
  3288. borderColor: colors.blue01
  3289. }}
  3290. text="SUBMIT"
  3291. // onPress={() => that.rejectPersonal()}
  3292. onPress={() => that.submitAirWiperNote()}
  3293. />
  3294. ]}
  3295. >
  3296. <DialogContent>
  3297. {
  3298. <Form>
  3299. <View>
  3300. <Textarea
  3301. style={{
  3302. marginLeft: 25,
  3303. marginRight: 5,
  3304. marginTop: 5,
  3305. marginBottom: 5,
  3306. borderRadius: 5,
  3307. fontSize: 11,
  3308. width: 270
  3309. }}
  3310. rowSpan={2}
  3311. bordered
  3312. value={this.state.airWiperCheckingNote}
  3313. placeholder="Catatan air wiper (Optional)"
  3314. onChangeText={text =>
  3315. this.setState({ airWiperCheckingNote: text })
  3316. }
  3317. />
  3318. </View>
  3319. </Form>
  3320. }
  3321. </DialogContent>
  3322. </Dialog>
  3323. </View>
  3324. <CardItem
  3325. style={{ borderRadius: 0, backgroundColor: colors.gray }}
  3326. >
  3327. <View style={{ marginLeft: 0, flex: 1 }}>
  3328. <Text
  3329. style={{
  3330. fontSize: 12,
  3331. paddingTop: 10,
  3332. fontWeight: "bold"
  3333. }}
  3334. >
  3335. Kondisi Tekanan Ban (Bar) :{" "}
  3336. </Text>
  3337. </View>
  3338. </CardItem>
  3339. <CardItem
  3340. style={{
  3341. borderRadius: 0,
  3342. marginTop: 0,
  3343. backgroundColor: colors.gray
  3344. }}
  3345. >
  3346. <View style={{ flex: 1, flexDirection: "row" }}>
  3347. <View style={{ flex: 1, flexDirection: "row" }}>
  3348. <View>
  3349. <Text style={styles.titleInput}>Ban Depan Kiri</Text>
  3350. <Textarea
  3351. style={{
  3352. marginLeft: 5,
  3353. marginRight: 55,
  3354. marginBottom: 5,
  3355. borderRadius: 5,
  3356. fontSize: 11,
  3357. width: 70
  3358. }}
  3359. keyboardType="numeric"
  3360. rowSpan={1.5}
  3361. bordered
  3362. value={this.state.banDepanKiriChecking}
  3363. placeholder="Ex : 0"
  3364. onChangeText={text =>
  3365. this.setState({ banDepanKiriChecking: text })
  3366. }
  3367. />
  3368. </View>
  3369. <View>
  3370. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  3371. <Form
  3372. style={{
  3373. borderWidth: 1,
  3374. borderRadius: 5,
  3375. marginTop: 5,
  3376. marginRight: 5,
  3377. marginLeft: 5,
  3378. borderColor: "#E6E6E6",
  3379. height: 40
  3380. }}
  3381. >
  3382. <Picker
  3383. mode="dropdown"
  3384. iosIcon={
  3385. <Icon
  3386. name={
  3387. Platform.OS
  3388. ? "ios-arrow-down"
  3389. : "ios-arrow-down-outline"
  3390. }
  3391. />
  3392. }
  3393. style={{ height: 35, width: 200 }}
  3394. placeholder="Select ..."
  3395. placeholderStyle={{ color: "#bfc6ea" }}
  3396. placeholderIconColor="#007aff"
  3397. selectedValue={this.state.isNegatifBanDepanKiri}
  3398. onValueChange={itemValue =>
  3399. this.setState({
  3400. isNegatifBanDepanKiri: itemValue,
  3401. visibleBanDepanKiri: true
  3402. })
  3403. }
  3404. >
  3405. <Picker.Item
  3406. label="Tidak Masuk Negatif List"
  3407. value="0"
  3408. />
  3409. <Picker.Item
  3410. label="Masuk Negatif List"
  3411. value="1"
  3412. />
  3413. </Picker>
  3414. </Form>
  3415. </View>
  3416. </View>
  3417. </View>
  3418. </CardItem>
  3419. <View style={{ width: 270, position: "absolute" }}>
  3420. <Dialog
  3421. visible={this.state.visibleBanDepanKiri}
  3422. dialogAnimation={
  3423. new SlideAnimation({
  3424. slideFrom: "bottom"
  3425. })
  3426. }
  3427. dialogStyle={{
  3428. position: "absolute",
  3429. top: this.state.posDialog
  3430. }}
  3431. onTouchOutside={() => {
  3432. this.setState({ visibleBanDepanKiri: false });
  3433. }}
  3434. dialogTitle={
  3435. <DialogTitle title="Place negatif note here" />
  3436. }
  3437. actions={[
  3438. <DialogButton
  3439. style={{
  3440. fontSize: 11,
  3441. backgroundColor: colors.white,
  3442. borderColor: colors.blue01
  3443. }}
  3444. text="SUBMIT"
  3445. // onPress={() => that.rejectPersonal()}
  3446. onPress={() => that.submitBanDepanKiriNote()}
  3447. />
  3448. ]}
  3449. >
  3450. <DialogContent>
  3451. {
  3452. <Form>
  3453. <View>
  3454. <Textarea
  3455. style={{
  3456. marginLeft: 25,
  3457. marginRight: 5,
  3458. marginTop: 5,
  3459. marginBottom: 5,
  3460. borderRadius: 5,
  3461. fontSize: 11,
  3462. width: 270
  3463. }}
  3464. rowSpan={2}
  3465. bordered
  3466. value={this.state.banDepanKiriCheckingNote}
  3467. placeholder="Catatan ban depan kiri (Optional)"
  3468. onChangeText={text =>
  3469. this.setState({
  3470. banDepanKiriCheckingNote: text
  3471. })
  3472. }
  3473. />
  3474. </View>
  3475. </Form>
  3476. }
  3477. </DialogContent>
  3478. </Dialog>
  3479. </View>
  3480. <CardItem
  3481. style={{
  3482. borderRadius: 0,
  3483. marginTop: 0,
  3484. backgroundColor: colors.gray
  3485. }}
  3486. >
  3487. <View style={{ flex: 1, flexDirection: "row" }}>
  3488. <View style={{ flex: 1, flexDirection: "row" }}>
  3489. <View>
  3490. <Text style={styles.titleInput}>Ban Depan Kanan</Text>
  3491. <Textarea
  3492. style={{
  3493. marginLeft: 5,
  3494. marginRight: 55,
  3495. marginBottom: 5,
  3496. borderRadius: 5,
  3497. fontSize: 11,
  3498. width: 70
  3499. }}
  3500. keyboardType="numeric"
  3501. rowSpan={1.5}
  3502. bordered
  3503. value={this.state.banDepanKananChecking}
  3504. placeholder="Ex : 0"
  3505. onChangeText={text =>
  3506. this.setState({ banDepanKananChecking: text })
  3507. }
  3508. />
  3509. </View>
  3510. <View>
  3511. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  3512. <Form
  3513. style={{
  3514. borderWidth: 1,
  3515. borderRadius: 5,
  3516. marginTop: 5,
  3517. marginRight: 5,
  3518. marginLeft: 5,
  3519. borderColor: "#E6E6E6",
  3520. height: 40
  3521. }}
  3522. >
  3523. <Picker
  3524. mode="dropdown"
  3525. iosIcon={
  3526. <Icon
  3527. name={
  3528. Platform.OS
  3529. ? "ios-arrow-down"
  3530. : "ios-arrow-down-outline"
  3531. }
  3532. />
  3533. }
  3534. style={{ height: 35, width: 200 }}
  3535. placeholder="Select ..."
  3536. placeholderStyle={{ color: "#bfc6ea" }}
  3537. placeholderIconColor="#007aff"
  3538. selectedValue={this.state.isNegatifBanDepanKanan}
  3539. onValueChange={itemValue =>
  3540. this.setState({
  3541. isNegatifBanDepanKanan: itemValue,
  3542. visibleBanDepanKanan: true
  3543. })
  3544. }
  3545. >
  3546. <Picker.Item
  3547. label="Tidak Masuk Negatif List"
  3548. value="0"
  3549. />
  3550. <Picker.Item
  3551. label="Masuk Negatif List"
  3552. value="1"
  3553. />
  3554. </Picker>
  3555. </Form>
  3556. </View>
  3557. </View>
  3558. </View>
  3559. </CardItem>
  3560. <View style={{ width: 270, position: "absolute" }}>
  3561. <Dialog
  3562. visible={this.state.visibleBanDepanKanan}
  3563. dialogAnimation={
  3564. new SlideAnimation({
  3565. slideFrom: "bottom"
  3566. })
  3567. }
  3568. dialogStyle={{
  3569. position: "absolute",
  3570. top: this.state.posDialog
  3571. }}
  3572. onTouchOutside={() => {
  3573. this.setState({ visibleBanDepanKanan: false });
  3574. }}
  3575. dialogTitle={
  3576. <DialogTitle title="Place negatif note here" />
  3577. }
  3578. actions={[
  3579. <DialogButton
  3580. style={{
  3581. fontSize: 11,
  3582. backgroundColor: colors.white,
  3583. borderColor: colors.blue01
  3584. }}
  3585. text="SUBMIT"
  3586. // onPress={() => that.rejectPersonal()}
  3587. onPress={() => that.submitBanDepanKananNote()}
  3588. />
  3589. ]}
  3590. >
  3591. <DialogContent>
  3592. {
  3593. <Form>
  3594. <View>
  3595. <Textarea
  3596. style={{
  3597. marginLeft: 25,
  3598. marginRight: 5,
  3599. marginTop: 5,
  3600. marginBottom: 5,
  3601. borderRadius: 5,
  3602. fontSize: 11,
  3603. width: 270
  3604. }}
  3605. rowSpan={2}
  3606. bordered
  3607. value={this.state.banDepanKananCheckingNote}
  3608. placeholder="Catatan ban depan kanan (Optional)"
  3609. onChangeText={text =>
  3610. this.setState({
  3611. banDepanKananCheckingNote: text
  3612. })
  3613. }
  3614. />
  3615. </View>
  3616. </Form>
  3617. }
  3618. </DialogContent>
  3619. </Dialog>
  3620. </View>
  3621. <CardItem
  3622. style={{
  3623. borderRadius: 0,
  3624. marginTop: 0,
  3625. backgroundColor: colors.gray
  3626. }}
  3627. >
  3628. <View style={{ flex: 1, flexDirection: "row" }}>
  3629. <View style={{ flex: 1, flexDirection: "row" }}>
  3630. <View>
  3631. <Text style={styles.titleInput}>
  3632. Ban Belakang Kiri Dalam
  3633. </Text>
  3634. <Textarea
  3635. style={{
  3636. marginLeft: 5,
  3637. marginRight: 55,
  3638. marginBottom: 5,
  3639. borderRadius: 5,
  3640. fontSize: 11,
  3641. width: 70
  3642. }}
  3643. keyboardType="numeric"
  3644. rowSpan={1.5}
  3645. bordered
  3646. value={this.state.banBelakangKiriDalamChecking}
  3647. placeholder="Ex : 0"
  3648. onChangeText={text =>
  3649. this.setState({
  3650. banBelakangKiriDalamChecking: text
  3651. })
  3652. }
  3653. />
  3654. </View>
  3655. <View>
  3656. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  3657. <Form
  3658. style={{
  3659. borderWidth: 1,
  3660. borderRadius: 5,
  3661. marginTop: 5,
  3662. marginRight: 5,
  3663. marginLeft: 5,
  3664. borderColor: "#E6E6E6",
  3665. height: 40
  3666. }}
  3667. >
  3668. <Picker
  3669. mode="dropdown"
  3670. iosIcon={
  3671. <Icon
  3672. name={
  3673. Platform.OS
  3674. ? "ios-arrow-down"
  3675. : "ios-arrow-down-outline"
  3676. }
  3677. />
  3678. }
  3679. style={{ height: 35, width: 200 }}
  3680. placeholder="Select ..."
  3681. placeholderStyle={{ color: "#bfc6ea" }}
  3682. placeholderIconColor="#007aff"
  3683. selectedValue={
  3684. this.state.isNegatifBanBelakangKiriDalam
  3685. }
  3686. onValueChange={itemValue =>
  3687. this.setState({
  3688. isNegatifBanBelakangKiriDalam: itemValue,
  3689. visibleBanBelakangKiriDalam: true
  3690. })
  3691. }
  3692. >
  3693. <Picker.Item
  3694. label="Tidak Masuk Negatif List"
  3695. value="0"
  3696. />
  3697. <Picker.Item
  3698. label="Masuk Negatif List"
  3699. value="1"
  3700. />
  3701. </Picker>
  3702. </Form>
  3703. </View>
  3704. </View>
  3705. </View>
  3706. </CardItem>
  3707. <View style={{ width: 270, position: "absolute" }}>
  3708. <Dialog
  3709. visible={this.state.visibleBanBelakangKiriDalam}
  3710. dialogAnimation={
  3711. new SlideAnimation({
  3712. slideFrom: "bottom"
  3713. })
  3714. }
  3715. dialogStyle={{
  3716. position: "absolute",
  3717. top: this.state.posDialog
  3718. }}
  3719. onTouchOutside={() => {
  3720. this.setState({ visibleBanBelakangKiriDalam: false });
  3721. }}
  3722. dialogTitle={
  3723. <DialogTitle title="Place negatif note here" />
  3724. }
  3725. actions={[
  3726. <DialogButton
  3727. style={{
  3728. fontSize: 11,
  3729. backgroundColor: colors.white,
  3730. borderColor: colors.blue01
  3731. }}
  3732. text="SUBMIT"
  3733. // onPress={() => that.rejectPersonal()}
  3734. onPress={() => that.submitBanBelakangKiriDalamNote()}
  3735. />
  3736. ]}
  3737. >
  3738. <DialogContent>
  3739. {
  3740. <Form>
  3741. <View>
  3742. <Textarea
  3743. style={{
  3744. marginLeft: 25,
  3745. marginRight: 5,
  3746. marginTop: 5,
  3747. marginBottom: 5,
  3748. borderRadius: 5,
  3749. fontSize: 11,
  3750. width: 270
  3751. }}
  3752. rowSpan={2}
  3753. bordered
  3754. value={
  3755. this.state.banBelakangKiriDalamCheckingNote
  3756. }
  3757. placeholder="Catatan ban belakang kiri dalam (Optional)"
  3758. onChangeText={text =>
  3759. this.setState({
  3760. banBelakangKiriDalamCheckingNote: text
  3761. })
  3762. }
  3763. />
  3764. </View>
  3765. </Form>
  3766. }
  3767. </DialogContent>
  3768. </Dialog>
  3769. </View>
  3770. <CardItem
  3771. style={{
  3772. borderRadius: 0,
  3773. marginTop: 0,
  3774. backgroundColor: colors.gray
  3775. }}
  3776. >
  3777. <View style={{ flex: 1, flexDirection: "row" }}>
  3778. <View style={{ flex: 1, flexDirection: "row" }}>
  3779. <View>
  3780. <Text style={styles.titleInput}>
  3781. Ban Belakang Kiri Luar
  3782. </Text>
  3783. <Textarea
  3784. style={{
  3785. marginLeft: 5,
  3786. marginRight: 55,
  3787. marginBottom: 5,
  3788. borderRadius: 5,
  3789. fontSize: 11,
  3790. width: 70
  3791. }}
  3792. keyboardType="numeric"
  3793. rowSpan={1.5}
  3794. bordered
  3795. value={this.state.banBelakangKiriLuarChecking}
  3796. placeholder="Ex : 0"
  3797. onChangeText={text =>
  3798. this.setState({
  3799. banBelakangKiriLuarChecking: text
  3800. })
  3801. }
  3802. />
  3803. </View>
  3804. <View>
  3805. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  3806. <Form
  3807. style={{
  3808. borderWidth: 1,
  3809. borderRadius: 5,
  3810. marginTop: 5,
  3811. marginRight: 5,
  3812. marginLeft: 5,
  3813. borderColor: "#E6E6E6",
  3814. height: 40
  3815. }}
  3816. >
  3817. <Picker
  3818. mode="dropdown"
  3819. iosIcon={
  3820. <Icon
  3821. name={
  3822. Platform.OS
  3823. ? "ios-arrow-down"
  3824. : "ios-arrow-down-outline"
  3825. }
  3826. />
  3827. }
  3828. style={{ height: 35, width: 200 }}
  3829. placeholder="Select ..."
  3830. placeholderStyle={{ color: "#bfc6ea" }}
  3831. placeholderIconColor="#007aff"
  3832. selectedValue={
  3833. this.state.isNegatifBanBelakangKiriLuar
  3834. }
  3835. onValueChange={itemValue =>
  3836. this.setState({
  3837. isNegatifBanBelakangKiriLuar: itemValue,
  3838. visibleBanBelakangKiriLuar: true
  3839. })
  3840. }
  3841. >
  3842. <Picker.Item
  3843. label="Tidak Masuk Negatif List"
  3844. value="0"
  3845. />
  3846. <Picker.Item
  3847. label="Masuk Negatif List"
  3848. value="1"
  3849. />
  3850. </Picker>
  3851. </Form>
  3852. </View>
  3853. </View>
  3854. </View>
  3855. </CardItem>
  3856. <View style={{ width: 270, position: "absolute" }}>
  3857. <Dialog
  3858. visible={this.state.visibleBanBelakangKiriLuar}
  3859. dialogAnimation={
  3860. new SlideAnimation({
  3861. slideFrom: "bottom"
  3862. })
  3863. }
  3864. dialogStyle={{
  3865. position: "absolute",
  3866. top: this.state.posDialog
  3867. }}
  3868. onTouchOutside={() => {
  3869. this.setState({ visibleBanBelakangKiriLuar: false });
  3870. }}
  3871. dialogTitle={
  3872. <DialogTitle title="Place negatif note here" />
  3873. }
  3874. actions={[
  3875. <DialogButton
  3876. style={{
  3877. fontSize: 11,
  3878. backgroundColor: colors.white,
  3879. borderColor: colors.blue01
  3880. }}
  3881. text="SUBMIT"
  3882. // onPress={() => that.rejectPersonal()}
  3883. onPress={() => that.submitBanBelakangKiriLuarNote()}
  3884. />
  3885. ]}
  3886. >
  3887. <DialogContent>
  3888. {
  3889. <Form>
  3890. <View>
  3891. <Textarea
  3892. style={{
  3893. marginLeft: 25,
  3894. marginRight: 5,
  3895. marginTop: 5,
  3896. marginBottom: 5,
  3897. borderRadius: 5,
  3898. fontSize: 11,
  3899. width: 270
  3900. }}
  3901. rowSpan={2}
  3902. bordered
  3903. value={
  3904. this.state.banBelakangKiriLuarCheckingNote
  3905. }
  3906. placeholder="Catatan ban belakang kiri luar (Optional)"
  3907. onChangeText={text =>
  3908. this.setState({
  3909. banBelakangKiriLuarCheckingNote: text
  3910. })
  3911. }
  3912. />
  3913. </View>
  3914. </Form>
  3915. }
  3916. </DialogContent>
  3917. </Dialog>
  3918. </View>
  3919. <CardItem
  3920. style={{
  3921. borderRadius: 0,
  3922. marginTop: 0,
  3923. backgroundColor: colors.gray
  3924. }}
  3925. >
  3926. <View style={{ flex: 1, flexDirection: "row" }}>
  3927. <View style={{ flex: 1, flexDirection: "row" }}>
  3928. <View>
  3929. <Text style={styles.titleInput}>
  3930. Ban Belakang Kanan Dalam
  3931. </Text>
  3932. <Textarea
  3933. style={{
  3934. marginLeft: 5,
  3935. marginRight: 55,
  3936. marginBottom: 5,
  3937. borderRadius: 5,
  3938. fontSize: 11,
  3939. width: 70
  3940. }}
  3941. keyboardType="numeric"
  3942. rowSpan={1.5}
  3943. bordered
  3944. value={this.state.banBelakangKananDalamChecking}
  3945. placeholder="Ex : 0"
  3946. onChangeText={text =>
  3947. this.setState({
  3948. banBelakangKananDalamChecking: text
  3949. })
  3950. }
  3951. />
  3952. </View>
  3953. <View>
  3954. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  3955. <Form
  3956. style={{
  3957. borderWidth: 1,
  3958. borderRadius: 5,
  3959. marginTop: 5,
  3960. marginRight: 5,
  3961. marginLeft: 5,
  3962. borderColor: "#E6E6E6",
  3963. height: 40
  3964. }}
  3965. >
  3966. <Picker
  3967. mode="dropdown"
  3968. iosIcon={
  3969. <Icon
  3970. name={
  3971. Platform.OS
  3972. ? "ios-arrow-down"
  3973. : "ios-arrow-down-outline"
  3974. }
  3975. />
  3976. }
  3977. style={{ height: 35, width: 200 }}
  3978. placeholder="Select ..."
  3979. placeholderStyle={{ color: "#bfc6ea" }}
  3980. placeholderIconColor="#007aff"
  3981. selectedValue={
  3982. this.state.isNegatifBanBelakangKananDalam
  3983. }
  3984. onValueChange={itemValue =>
  3985. this.setState({
  3986. isNegatifBanBelakangKananDalam: itemValue,
  3987. visibleBanBelakangKananDalam: true
  3988. })
  3989. }
  3990. >
  3991. <Picker.Item
  3992. label="Tidak Masuk Negatif List"
  3993. value="0"
  3994. />
  3995. <Picker.Item
  3996. label="Masuk Negatif List"
  3997. value="1"
  3998. />
  3999. </Picker>
  4000. </Form>
  4001. </View>
  4002. </View>
  4003. </View>
  4004. </CardItem>
  4005. <View style={{ width: 270, position: "absolute" }}>
  4006. <Dialog
  4007. visible={this.state.visibleBanBelakangKananDalam}
  4008. dialogAnimation={
  4009. new SlideAnimation({
  4010. slideFrom: "bottom"
  4011. })
  4012. }
  4013. dialogStyle={{
  4014. position: "absolute",
  4015. top: this.state.posDialog
  4016. }}
  4017. onTouchOutside={() => {
  4018. this.setState({ visibleBanBelakangKananDalam: false });
  4019. }}
  4020. dialogTitle={
  4021. <DialogTitle title="Place negatif note here" />
  4022. }
  4023. actions={[
  4024. <DialogButton
  4025. style={{
  4026. fontSize: 11,
  4027. backgroundColor: colors.white,
  4028. borderColor: colors.blue01
  4029. }}
  4030. text="SUBMIT"
  4031. // onPress={() => that.rejectPersonal()}
  4032. onPress={() => that.submitBanBelakangKananDalamNote()}
  4033. />
  4034. ]}
  4035. >
  4036. <DialogContent>
  4037. {
  4038. <Form>
  4039. <View>
  4040. <Textarea
  4041. style={{
  4042. marginLeft: 25,
  4043. marginRight: 5,
  4044. marginTop: 5,
  4045. marginBottom: 5,
  4046. borderRadius: 5,
  4047. fontSize: 11,
  4048. width: 270
  4049. }}
  4050. rowSpan={2}
  4051. bordered
  4052. value={
  4053. this.state.banBelakangKananDalamCheckingNote
  4054. }
  4055. placeholder="Catatan ban belakang kanan dalam (Optional)"
  4056. onChangeText={text =>
  4057. this.setState({
  4058. banBelakangKananDalamCheckingNote: text
  4059. })
  4060. }
  4061. />
  4062. </View>
  4063. </Form>
  4064. }
  4065. </DialogContent>
  4066. </Dialog>
  4067. </View>
  4068. <CardItem
  4069. style={{
  4070. borderRadius: 0,
  4071. marginTop: 0,
  4072. backgroundColor: colors.gray
  4073. }}
  4074. >
  4075. <View style={{ flex: 1, flexDirection: "row" }}>
  4076. <View style={{ flex: 1, flexDirection: "row" }}>
  4077. <View>
  4078. <Text style={styles.titleInput}>
  4079. Ban Belakang Kanan Luar
  4080. </Text>
  4081. <Textarea
  4082. style={{
  4083. marginLeft: 5,
  4084. marginRight: 55,
  4085. marginBottom: 5,
  4086. borderRadius: 5,
  4087. fontSize: 11,
  4088. width: 70
  4089. }}
  4090. keyboardType="numeric"
  4091. rowSpan={1.5}
  4092. bordered
  4093. value={this.state.banBelakangKananLuarChecking}
  4094. placeholder="Ex : 0"
  4095. onChangeText={text =>
  4096. this.setState({
  4097. banBelakangKananLuarChecking: text
  4098. })
  4099. }
  4100. />
  4101. </View>
  4102. <View>
  4103. <Text style={styles.titleInput}>Masuk Negatif *</Text>
  4104. <Form
  4105. style={{
  4106. borderWidth: 1,
  4107. borderRadius: 5,
  4108. marginTop: 5,
  4109. marginRight: 5,
  4110. marginLeft: 5,
  4111. borderColor: "#E6E6E6",
  4112. height: 40
  4113. }}
  4114. >
  4115. <Picker
  4116. mode="dropdown"
  4117. iosIcon={
  4118. <Icon
  4119. name={
  4120. Platform.OS
  4121. ? "ios-arrow-down"
  4122. : "ios-arrow-down-outline"
  4123. }
  4124. />
  4125. }
  4126. style={{ height: 35, width: 200 }}
  4127. placeholder="Select ..."
  4128. placeholderStyle={{ color: "#bfc6ea" }}
  4129. placeholderIconColor="#007aff"
  4130. selectedValue={
  4131. this.state.isNegatifBanBelakangKananLuar
  4132. }
  4133. onValueChange={itemValue =>
  4134. this.setState({
  4135. isNegatifBanBelakangKananLuar: itemValue,
  4136. visibleBanBelakangKananLuar: true
  4137. })
  4138. }
  4139. >
  4140. <Picker.Item
  4141. label="Tidak Masuk Negatif List"
  4142. value="0"
  4143. />
  4144. <Picker.Item
  4145. label="Masuk Negatif List"
  4146. value="1"
  4147. />
  4148. </Picker>
  4149. </Form>
  4150. </View>
  4151. </View>
  4152. </View>
  4153. </CardItem>
  4154. <View style={{ width: 270, position: "absolute" }}>
  4155. <Dialog
  4156. visible={this.state.visibleBanBelakangKananLuar}
  4157. dialogAnimation={
  4158. new SlideAnimation({
  4159. slideFrom: "bottom"
  4160. })
  4161. }
  4162. dialogStyle={{
  4163. position: "absolute",
  4164. top: this.state.posDialog
  4165. }}
  4166. onTouchOutside={() => {
  4167. this.setState({ visibleBanBelakangKananLuar: false });
  4168. }}
  4169. dialogTitle={
  4170. <DialogTitle title="Place negatif note here" />
  4171. }
  4172. actions={[
  4173. <DialogButton
  4174. style={{
  4175. fontSize: 11,
  4176. backgroundColor: colors.white,
  4177. borderColor: colors.blue01
  4178. }}
  4179. text="SUBMIT"
  4180. // onPress={() => that.rejectPersonal()}
  4181. onPress={() => that.submitBanBelakangKananLuarNote()}
  4182. />
  4183. ]}
  4184. >
  4185. <DialogContent>
  4186. {
  4187. <Form>
  4188. <View>
  4189. <Textarea
  4190. style={{
  4191. marginLeft: 25,
  4192. marginRight: 5,
  4193. marginTop: 5,
  4194. marginBottom: 5,
  4195. borderRadius: 5,
  4196. fontSize: 11,
  4197. width: 270
  4198. }}
  4199. rowSpan={2}
  4200. bordered
  4201. value={
  4202. this.state.banBelakangKananLuarCheckingNote
  4203. }
  4204. placeholder="Catatan ban belakang kanan luar (Optional)"
  4205. onChangeText={text =>
  4206. this.setState({
  4207. banBelakangKananLuarCheckingNote: text
  4208. })
  4209. }
  4210. />
  4211. </View>
  4212. </Form>
  4213. }
  4214. </DialogContent>
  4215. </Dialog>
  4216. </View>
  4217. <CardItem
  4218. style={{
  4219. borderRadius: 0,
  4220. marginTop: 0,
  4221. backgroundColor: colors.gray
  4222. }}
  4223. >
  4224. <View style={{ flex: 1 }}>
  4225. <View style={styles.Contentsave}>
  4226. <Button
  4227. block
  4228. style={{
  4229. width: "100%",
  4230. height: 45,
  4231. marginBottom: 20,
  4232. marginTop: 15,
  4233. borderWidth: 1,
  4234. backgroundColor: "#00b300",
  4235. borderColor: "#00b300",
  4236. borderRadius: 4
  4237. }}
  4238. onPress={() => this.validasiFieldTab2()}
  4239. >
  4240. <Text
  4241. style={{ fontWeight: "bold", color: colors.white }}
  4242. >
  4243. Lanjutkan
  4244. </Text>
  4245. </Button>
  4246. </View>
  4247. </View>
  4248. </CardItem>
  4249. </View>
  4250. ) : (
  4251. <View>
  4252. <CardItem
  4253. style={{
  4254. borderRadius: 0,
  4255. marginTop: 0,
  4256. backgroundColor: colors.gray
  4257. }}
  4258. >
  4259. <View style={{ flex: 1, flexDirection: "row" }}>
  4260. <View style={{ width: "33%", alignItems: "center" }}>
  4261. <Icon
  4262. name="ios-radio-button-on"
  4263. size={20}
  4264. style={{
  4265. color: colors.green01,
  4266. fontSize: 20,
  4267. paddingLeft: 8
  4268. }}
  4269. />
  4270. <Text style={{ fontSize: 10, fontWeight: "bold" }}>
  4271. Pemeriksaan
  4272. </Text>
  4273. </View>
  4274. <View style={{ width: "33%", alignItems: "center" }}>
  4275. <Icon
  4276. name="ios-radio-button-on"
  4277. size={20}
  4278. style={{
  4279. color: colors.green01,
  4280. fontSize: 20,
  4281. paddingLeft: 8
  4282. }}
  4283. />
  4284. <Text style={{ fontSize: 10, fontWeight: "bold" }}>
  4285. Kondisi Pickup
  4286. </Text>
  4287. </View>
  4288. <View style={{ width: "33%", alignItems: "center" }}>
  4289. <Icon
  4290. name="ios-radio-button-on"
  4291. size={20}
  4292. style={{
  4293. color: colors.green01,
  4294. fontSize: 20,
  4295. paddingLeft: 8
  4296. }}
  4297. />
  4298. <Text style={{ fontSize: 10, fontWeight: "bold" }}>
  4299. Kondisi Sparepart
  4300. </Text>
  4301. </View>
  4302. </View>
  4303. </CardItem>
  4304. <CardItem
  4305. style={{ borderRadius: 0, backgroundColor: colors.gray }}
  4306. >
  4307. <View style={{ flex: 1, flexDirection: "row" }}>
  4308. <View style={{ marginLeft: 10, flex: 2, width: "33%" }}>
  4309. <Text
  4310. style={{
  4311. fontSize: 10,
  4312. paddingTop: 10,
  4313. fontWeight: "bold"
  4314. }}
  4315. >
  4316. Kondisi Lampu Lampu :{" "}
  4317. </Text>
  4318. </View>
  4319. </View>
  4320. </CardItem>
  4321. <CardItem
  4322. style={{ borderRadius: 0, backgroundColor: colors.gray }}
  4323. >
  4324. <View style={{ flex: 1, flexDirection: "column" }}>
  4325. <ListItem icon>
  4326. <Left>
  4327. <Button style={{ backgroundColor: "#FF9501" }}>
  4328. <Icon active name="ios-settings" />
  4329. </Button>
  4330. </Left>
  4331. <Body>
  4332. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  4333. Lampu Cabin
  4334. </Text>
  4335. </Body>
  4336. <Right>
  4337. <Switch
  4338. value={this.state.lampuCabinChecking}
  4339. onValueChange={itemValue => {
  4340. this.setState({ lampuCabinChecking: itemValue });
  4341. if (!itemValue) {
  4342. this.setState({ visibleLampuCabin: true });
  4343. }
  4344. }}
  4345. />
  4346. </Right>
  4347. </ListItem>
  4348. <ListItem icon>
  4349. <Left>
  4350. <Button style={{ backgroundColor: "#FF9501" }}>
  4351. <Icon active name="ios-settings" />
  4352. </Button>
  4353. </Left>
  4354. <Body>
  4355. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  4356. Lampu Kota
  4357. </Text>
  4358. </Body>
  4359. <Right>
  4360. <Switch
  4361. value={this.state.lampuKotaChecking}
  4362. onValueChange={itemValue => {
  4363. this.setState({ lampuKotaChecking: itemValue });
  4364. if (!itemValue) {
  4365. this.setState({ visibleLampuKota: true });
  4366. }
  4367. }}
  4368. />
  4369. </Right>
  4370. </ListItem>
  4371. <ListItem icon>
  4372. <Left>
  4373. <Button style={{ backgroundColor: "#FF9501" }}>
  4374. <Icon active name="ios-settings" />
  4375. </Button>
  4376. </Left>
  4377. <Body>
  4378. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  4379. Lampu Jauh
  4380. </Text>
  4381. </Body>
  4382. <Right>
  4383. <Switch
  4384. value={this.state.lampuJauhChecking}
  4385. onValueChange={itemValue => {
  4386. this.setState({ lampuJauhChecking: itemValue });
  4387. if (!itemValue) {
  4388. this.setState({ visibleLampuJauh: true });
  4389. }
  4390. }}
  4391. />
  4392. </Right>
  4393. </ListItem>
  4394. <ListItem icon>
  4395. <Left>
  4396. <Button style={{ backgroundColor: "#FF9501" }}>
  4397. <Icon active name="ios-settings" />
  4398. </Button>
  4399. </Left>
  4400. <Body>
  4401. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  4402. Lampu Sein Kiri
  4403. </Text>
  4404. </Body>
  4405. <Right>
  4406. <Switch
  4407. value={this.state.lampuSeinKiriChecking}
  4408. onValueChange={itemValue => {
  4409. this.setState({
  4410. lampuSeinKiriChecking: itemValue
  4411. });
  4412. if (!itemValue) {
  4413. this.setState({ visibleLampuSeinKiri: true });
  4414. }
  4415. }}
  4416. />
  4417. </Right>
  4418. </ListItem>
  4419. <ListItem icon>
  4420. <Left>
  4421. <Button style={{ backgroundColor: "#FF9501" }}>
  4422. <Icon active name="ios-settings" />
  4423. </Button>
  4424. </Left>
  4425. <Body>
  4426. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  4427. Lampu Sein Kanan
  4428. </Text>
  4429. </Body>
  4430. <Right>
  4431. <Switch
  4432. value={this.state.lampuSeinKananChecking}
  4433. onValueChange={itemValue => {
  4434. this.setState({
  4435. lampuSeinKananChecking: itemValue
  4436. });
  4437. if (!itemValue) {
  4438. this.setState({ visibleLampuSeinKanan: true });
  4439. }
  4440. }}
  4441. />
  4442. </Right>
  4443. </ListItem>
  4444. <ListItem icon>
  4445. <Left>
  4446. <Button style={{ backgroundColor: "#FF9501" }}>
  4447. <Icon active name="ios-settings" />
  4448. </Button>
  4449. </Left>
  4450. <Body>
  4451. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  4452. Lampu Rem
  4453. </Text>
  4454. </Body>
  4455. <Right>
  4456. <Switch
  4457. value={this.state.lampuRemChecking}
  4458. onValueChange={itemValue => {
  4459. this.setState({ lampuRemChecking: itemValue });
  4460. if (!itemValue) {
  4461. this.setState({ visibleLampuRem: true });
  4462. }
  4463. }}
  4464. />
  4465. </Right>
  4466. </ListItem>
  4467. <ListItem icon>
  4468. <Left>
  4469. <Button style={{ backgroundColor: "#FF9501" }}>
  4470. <Icon active name="ios-settings" />
  4471. </Button>
  4472. </Left>
  4473. <Body>
  4474. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  4475. Lampu Atret
  4476. </Text>
  4477. </Body>
  4478. <Right>
  4479. <Switch
  4480. value={this.state.lampuAtretChecking}
  4481. onValueChange={itemValue => {
  4482. this.setState({ lampuAtretChecking: itemValue });
  4483. if (!itemValue) {
  4484. this.setState({ visibleLampuAtret: true });
  4485. }
  4486. }}
  4487. />
  4488. </Right>
  4489. </ListItem>
  4490. <ListItem icon>
  4491. <Left>
  4492. <Button style={{ backgroundColor: "#FF9501" }}>
  4493. <Icon active name="ios-settings" />
  4494. </Button>
  4495. </Left>
  4496. <Body>
  4497. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  4498. Lampu Sorot
  4499. </Text>
  4500. </Body>
  4501. <Right>
  4502. <Switch
  4503. value={this.state.lampuSorotChecking}
  4504. onValueChange={itemValue => {
  4505. this.setState({ lampuSorotChecking: itemValue });
  4506. if (!itemValue) {
  4507. this.setState({ visibleLampuSorot: true });
  4508. }
  4509. }}
  4510. />
  4511. </Right>
  4512. </ListItem>
  4513. <ListItem icon>
  4514. <Left>
  4515. <Button style={{ backgroundColor: "#FF9501" }}>
  4516. <Icon active name="ios-settings" />
  4517. </Button>
  4518. </Left>
  4519. <Body>
  4520. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  4521. Panel Dashboard
  4522. </Text>
  4523. </Body>
  4524. <Right>
  4525. <Switch
  4526. value={this.state.dashboardChecking}
  4527. onValueChange={itemValue => {
  4528. this.setState({ dashboardChecking: itemValue });
  4529. if (!itemValue) {
  4530. this.setState({ visibleLampuDashboard: true });
  4531. }
  4532. }}
  4533. />
  4534. </Right>
  4535. </ListItem>
  4536. </View>
  4537. </CardItem>
  4538. <View style={{ width: 270, position: "absolute" }}>
  4539. <Dialog
  4540. visible={this.state.visibleLampuCabin}
  4541. dialogAnimation={
  4542. new SlideAnimation({
  4543. slideFrom: "bottom"
  4544. })
  4545. }
  4546. dialogStyle={{
  4547. position: "absolute",
  4548. top: this.state.posDialog
  4549. }}
  4550. onTouchOutside={() => {
  4551. this.setState({ visibleLampuCabin: false });
  4552. }}
  4553. dialogTitle={
  4554. <DialogTitle title="Place negatif note here" />
  4555. }
  4556. actions={[
  4557. <DialogButton
  4558. style={{
  4559. fontSize: 11,
  4560. backgroundColor: colors.white,
  4561. borderColor: colors.blue01
  4562. }}
  4563. text="SUBMIT"
  4564. // onPress={() => that.rejectPersonal()}
  4565. onPress={() => this.submitLampuCabinNote()}
  4566. />
  4567. ]}
  4568. >
  4569. <DialogContent>
  4570. {
  4571. <Form>
  4572. <View>
  4573. <Textarea
  4574. style={{
  4575. marginLeft: 25,
  4576. marginRight: 5,
  4577. marginTop: 5,
  4578. marginBottom: 5,
  4579. borderRadius: 5,
  4580. fontSize: 11,
  4581. width: 270
  4582. }}
  4583. rowSpan={2}
  4584. bordered
  4585. value={this.state.lampuCabinCheckingNote}
  4586. placeholder="Catatan lampu cabin (Optional)"
  4587. onChangeText={text =>
  4588. this.setState({
  4589. lampuCabinCheckingNote: text
  4590. })
  4591. }
  4592. />
  4593. </View>
  4594. </Form>
  4595. }
  4596. </DialogContent>
  4597. </Dialog>
  4598. </View>
  4599. <View style={{ width: 270, position: "absolute" }}>
  4600. <Dialog
  4601. visible={this.state.visibleLampuKota}
  4602. dialogAnimation={
  4603. new SlideAnimation({
  4604. slideFrom: "bottom"
  4605. })
  4606. }
  4607. dialogStyle={{
  4608. position: "absolute",
  4609. top: this.state.posDialog
  4610. }}
  4611. onTouchOutside={() => {
  4612. this.setState({ visibleLampuKota: false });
  4613. }}
  4614. dialogTitle={
  4615. <DialogTitle title="Place negatif note here" />
  4616. }
  4617. actions={[
  4618. <DialogButton
  4619. style={{
  4620. fontSize: 11,
  4621. backgroundColor: colors.white,
  4622. borderColor: colors.blue01
  4623. }}
  4624. text="SUBMIT"
  4625. // onPress={() => that.rejectPersonal()}
  4626. onPress={() => this.submitLampuKotaNote()}
  4627. />
  4628. ]}
  4629. >
  4630. <DialogContent>
  4631. {
  4632. <Form>
  4633. <View>
  4634. <Textarea
  4635. style={{
  4636. marginLeft: 25,
  4637. marginRight: 5,
  4638. marginTop: 5,
  4639. marginBottom: 5,
  4640. borderRadius: 5,
  4641. fontSize: 11,
  4642. width: 270
  4643. }}
  4644. rowSpan={2}
  4645. bordered
  4646. value={this.state.lampuKotaCheckingNote}
  4647. placeholder="Catatan lampu kota (Optional)"
  4648. onChangeText={text =>
  4649. this.setState({
  4650. lampuKotaCheckingNote: text
  4651. })
  4652. }
  4653. />
  4654. </View>
  4655. </Form>
  4656. }
  4657. </DialogContent>
  4658. </Dialog>
  4659. </View>
  4660. <View style={{ width: 270, position: "absolute" }}>
  4661. <Dialog
  4662. visible={this.state.visibleLampuJauh}
  4663. dialogAnimation={
  4664. new SlideAnimation({
  4665. slideFrom: "bottom"
  4666. })
  4667. }
  4668. dialogStyle={{
  4669. position: "absolute",
  4670. top: this.state.posDialog
  4671. }}
  4672. onTouchOutside={() => {
  4673. this.setState({ visibleLampuJauh: false });
  4674. }}
  4675. dialogTitle={
  4676. <DialogTitle title="Place negatif note here" />
  4677. }
  4678. actions={[
  4679. <DialogButton
  4680. style={{
  4681. fontSize: 11,
  4682. backgroundColor: colors.white,
  4683. borderColor: colors.blue01
  4684. }}
  4685. text="SUBMIT"
  4686. // onPress={() => that.rejectPersonal()}
  4687. onPress={() => this.submitLampuJauhNote()}
  4688. />
  4689. ]}
  4690. >
  4691. <DialogContent>
  4692. {
  4693. <Form>
  4694. <View>
  4695. <Textarea
  4696. style={{
  4697. marginLeft: 25,
  4698. marginRight: 5,
  4699. marginTop: 5,
  4700. marginBottom: 5,
  4701. borderRadius: 5,
  4702. fontSize: 11,
  4703. width: 270
  4704. }}
  4705. rowSpan={2}
  4706. bordered
  4707. value={this.state.lampuJauhCheckingNote}
  4708. placeholder="Catatan lampu jauh (Optional)"
  4709. onChangeText={text =>
  4710. this.setState({
  4711. lampuJauhCheckingNote: text
  4712. })
  4713. }
  4714. />
  4715. </View>
  4716. </Form>
  4717. }
  4718. </DialogContent>
  4719. </Dialog>
  4720. </View>
  4721. <View style={{ width: 270, position: "absolute" }}>
  4722. <Dialog
  4723. visible={this.state.visibleLampuSeinKiri}
  4724. dialogAnimation={
  4725. new SlideAnimation({
  4726. slideFrom: "bottom"
  4727. })
  4728. }
  4729. dialogStyle={{
  4730. position: "absolute",
  4731. top: this.state.posDialog
  4732. }}
  4733. onTouchOutside={() => {
  4734. this.setState({ visibleLampuSeinKiri: false });
  4735. }}
  4736. dialogTitle={
  4737. <DialogTitle title="Place negatif note here" />
  4738. }
  4739. actions={[
  4740. <DialogButton
  4741. style={{
  4742. fontSize: 11,
  4743. backgroundColor: colors.white,
  4744. borderColor: colors.blue01
  4745. }}
  4746. text="SUBMIT"
  4747. // onPress={() => that.rejectPersonal()}
  4748. onPress={() => this.submitLampuSeinKiriNote()}
  4749. />
  4750. ]}
  4751. >
  4752. <DialogContent>
  4753. {
  4754. <Form>
  4755. <View>
  4756. <Textarea
  4757. style={{
  4758. marginLeft: 25,
  4759. marginRight: 5,
  4760. marginTop: 5,
  4761. marginBottom: 5,
  4762. borderRadius: 5,
  4763. fontSize: 11,
  4764. width: 270
  4765. }}
  4766. rowSpan={2}
  4767. bordered
  4768. value={this.state.lampuSeinKiriCheckingNote}
  4769. placeholder="Catatan lampu sein kiri (Optional)"
  4770. onChangeText={text =>
  4771. this.setState({
  4772. lampuSeinKiriCheckingNote: text
  4773. })
  4774. }
  4775. />
  4776. </View>
  4777. </Form>
  4778. }
  4779. </DialogContent>
  4780. </Dialog>
  4781. </View>
  4782. <View style={{ width: 270, position: "absolute" }}>
  4783. <Dialog
  4784. visible={this.state.visibleLampuSeinKanan}
  4785. dialogAnimation={
  4786. new SlideAnimation({
  4787. slideFrom: "bottom"
  4788. })
  4789. }
  4790. dialogStyle={{
  4791. position: "absolute",
  4792. top: this.state.posDialog
  4793. }}
  4794. onTouchOutside={() => {
  4795. this.setState({ visibleLampuSeinKanan: false });
  4796. }}
  4797. dialogTitle={
  4798. <DialogTitle title="Place negatif note here" />
  4799. }
  4800. actions={[
  4801. <DialogButton
  4802. style={{
  4803. fontSize: 11,
  4804. backgroundColor: colors.white,
  4805. borderColor: colors.blue01
  4806. }}
  4807. text="SUBMIT"
  4808. // onPress={() => that.rejectPersonal()}
  4809. onPress={() => this.submitLampuSeinKananNote()}
  4810. />
  4811. ]}
  4812. >
  4813. <DialogContent>
  4814. {
  4815. <Form>
  4816. <View>
  4817. <Textarea
  4818. style={{
  4819. marginLeft: 25,
  4820. marginRight: 5,
  4821. marginTop: 5,
  4822. marginBottom: 5,
  4823. borderRadius: 5,
  4824. fontSize: 11,
  4825. width: 270
  4826. }}
  4827. rowSpan={2}
  4828. bordered
  4829. value={this.state.lampuSeinKananCheckingNote}
  4830. placeholder="Catatan lampu sein kanan (Optional)"
  4831. onChangeText={text =>
  4832. this.setState({
  4833. lampuSeinKananCheckingNote: text
  4834. })
  4835. }
  4836. />
  4837. </View>
  4838. </Form>
  4839. }
  4840. </DialogContent>
  4841. </Dialog>
  4842. </View>
  4843. <View style={{ width: 270, position: "absolute" }}>
  4844. <Dialog
  4845. visible={this.state.visibleLampuRem}
  4846. dialogAnimation={
  4847. new SlideAnimation({
  4848. slideFrom: "bottom"
  4849. })
  4850. }
  4851. dialogStyle={{
  4852. position: "absolute",
  4853. top: this.state.posDialog
  4854. }}
  4855. onTouchOutside={() => {
  4856. this.setState({ visibleLampuRem: false });
  4857. }}
  4858. dialogTitle={
  4859. <DialogTitle title="Place negatif note here" />
  4860. }
  4861. actions={[
  4862. <DialogButton
  4863. style={{
  4864. fontSize: 11,
  4865. backgroundColor: colors.white,
  4866. borderColor: colors.blue01
  4867. }}
  4868. text="SUBMIT"
  4869. // onPress={() => that.rejectPersonal()}
  4870. onPress={() => this.submitLampuRemNote()}
  4871. />
  4872. ]}
  4873. >
  4874. <DialogContent>
  4875. {
  4876. <Form>
  4877. <View>
  4878. <Textarea
  4879. style={{
  4880. marginLeft: 25,
  4881. marginRight: 5,
  4882. marginTop: 5,
  4883. marginBottom: 5,
  4884. borderRadius: 5,
  4885. fontSize: 11,
  4886. width: 270
  4887. }}
  4888. rowSpan={2}
  4889. bordered
  4890. value={this.state.lampuRemCheckingNote}
  4891. placeholder="Catatan lampu rem (Optional)"
  4892. onChangeText={text =>
  4893. this.setState({
  4894. lampuRemCheckingNote: text
  4895. })
  4896. }
  4897. />
  4898. </View>
  4899. </Form>
  4900. }
  4901. </DialogContent>
  4902. </Dialog>
  4903. </View>
  4904. <View style={{ width: 270, position: "absolute" }}>
  4905. <Dialog
  4906. visible={this.state.visibleLampuAtret}
  4907. dialogAnimation={
  4908. new SlideAnimation({
  4909. slideFrom: "bottom"
  4910. })
  4911. }
  4912. dialogStyle={{
  4913. position: "absolute",
  4914. top: this.state.posDialog
  4915. }}
  4916. onTouchOutside={() => {
  4917. this.setState({ visibleLampuAtret: false });
  4918. }}
  4919. dialogTitle={
  4920. <DialogTitle title="Place negatif note here" />
  4921. }
  4922. actions={[
  4923. <DialogButton
  4924. style={{
  4925. fontSize: 11,
  4926. backgroundColor: colors.white,
  4927. borderColor: colors.blue01
  4928. }}
  4929. text="SUBMIT"
  4930. // onPress={() => that.rejectPersonal()}
  4931. onPress={() => this.submitLampuAtretNote()}
  4932. />
  4933. ]}
  4934. >
  4935. <DialogContent>
  4936. {
  4937. <Form>
  4938. <View>
  4939. <Textarea
  4940. style={{
  4941. marginLeft: 25,
  4942. marginRight: 5,
  4943. marginTop: 5,
  4944. marginBottom: 5,
  4945. borderRadius: 5,
  4946. fontSize: 11,
  4947. width: 270
  4948. }}
  4949. rowSpan={2}
  4950. bordered
  4951. value={this.state.lampuAtretCheckingNote}
  4952. placeholder="Catatan lampu atret (Optional)"
  4953. onChangeText={text =>
  4954. this.setState({
  4955. lampuAtretCheckingNote: text
  4956. })
  4957. }
  4958. />
  4959. </View>
  4960. </Form>
  4961. }
  4962. </DialogContent>
  4963. </Dialog>
  4964. </View>
  4965. <View style={{ width: 270, position: "absolute" }}>
  4966. <Dialog
  4967. visible={this.state.visibleLampuSorot}
  4968. dialogAnimation={
  4969. new SlideAnimation({
  4970. slideFrom: "bottom"
  4971. })
  4972. }
  4973. dialogStyle={{
  4974. position: "absolute",
  4975. top: this.state.posDialog
  4976. }}
  4977. onTouchOutside={() => {
  4978. this.setState({ visibleLampuSorot: false });
  4979. }}
  4980. dialogTitle={
  4981. <DialogTitle title="Place negatif note here" />
  4982. }
  4983. actions={[
  4984. <DialogButton
  4985. style={{
  4986. fontSize: 11,
  4987. backgroundColor: colors.white,
  4988. borderColor: colors.blue01
  4989. }}
  4990. text="SUBMIT"
  4991. // onPress={() => that.rejectPersonal()}
  4992. onPress={() => this.submitLampuSorotNote()}
  4993. />
  4994. ]}
  4995. >
  4996. <DialogContent>
  4997. {
  4998. <Form>
  4999. <View>
  5000. <Textarea
  5001. style={{
  5002. marginLeft: 25,
  5003. marginRight: 5,
  5004. marginTop: 5,
  5005. marginBottom: 5,
  5006. borderRadius: 5,
  5007. fontSize: 11,
  5008. width: 270
  5009. }}
  5010. rowSpan={2}
  5011. bordered
  5012. value={this.state.lampuSorotCheckingNote}
  5013. placeholder="Catatan lampu sorot (Optional)"
  5014. onChangeText={text =>
  5015. this.setState({
  5016. lampuSorotCheckingNote: text
  5017. })
  5018. }
  5019. />
  5020. </View>
  5021. </Form>
  5022. }
  5023. </DialogContent>
  5024. </Dialog>
  5025. </View>
  5026. <View style={{ width: 270, position: "absolute" }}>
  5027. <Dialog
  5028. visible={this.state.visibleLampuDashboard}
  5029. dialogAnimation={
  5030. new SlideAnimation({
  5031. slideFrom: "bottom"
  5032. })
  5033. }
  5034. dialogStyle={{
  5035. position: "absolute",
  5036. top: this.state.posDialog
  5037. }}
  5038. onTouchOutside={() => {
  5039. this.setState({ visibleLampuDashboard: false });
  5040. }}
  5041. dialogTitle={
  5042. <DialogTitle title="Place negatif note here" />
  5043. }
  5044. actions={[
  5045. <DialogButton
  5046. style={{
  5047. fontSize: 11,
  5048. backgroundColor: colors.white,
  5049. borderColor: colors.blue01
  5050. }}
  5051. text="SUBMIT"
  5052. // onPress={() => that.rejectPersonal()}
  5053. onPress={() => this.submitDashboardNote()}
  5054. />
  5055. ]}
  5056. >
  5057. <DialogContent>
  5058. {
  5059. <Form>
  5060. <View>
  5061. <Textarea
  5062. style={{
  5063. marginLeft: 25,
  5064. marginRight: 5,
  5065. marginTop: 5,
  5066. marginBottom: 5,
  5067. borderRadius: 5,
  5068. fontSize: 11,
  5069. width: 270
  5070. }}
  5071. rowSpan={2}
  5072. bordered
  5073. value={this.state.lampuDashboardCheckingNote}
  5074. placeholder="Catatan lampu dashboard (Optional)"
  5075. onChangeText={text =>
  5076. this.setState({
  5077. lampuDashboardCheckingNote: text
  5078. })
  5079. }
  5080. />
  5081. </View>
  5082. </Form>
  5083. }
  5084. </DialogContent>
  5085. </Dialog>
  5086. </View>
  5087. <CardItem
  5088. style={{ borderRadius: 0, backgroundColor: colors.gray }}
  5089. >
  5090. <View style={{ flex: 1, flexDirection: "row" }}>
  5091. <View style={{ marginLeft: 10, flex: 2, width: "33%" }}>
  5092. <Text
  5093. style={{
  5094. fontSize: 10,
  5095. paddingTop: 10,
  5096. fontWeight: "bold"
  5097. }}
  5098. >
  5099. Kondisi Kaca Spion :{" "}
  5100. </Text>
  5101. </View>
  5102. </View>
  5103. </CardItem>
  5104. <CardItem
  5105. style={{ borderRadius: 0, backgroundColor: colors.gray }}
  5106. >
  5107. <View style={{ flex: 1, flexDirection: "column" }}>
  5108. <ListItem icon>
  5109. <Left>
  5110. <Button style={{ backgroundColor: "#FF9501" }}>
  5111. <Icon active name="ios-settings" />
  5112. </Button>
  5113. </Left>
  5114. <Body>
  5115. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  5116. Kaca Spion Kiri
  5117. </Text>
  5118. </Body>
  5119. <Right>
  5120. <Switch
  5121. value={this.state.spionKiriChecking}
  5122. onValueChange={itemValue => {
  5123. this.setState({ spionKiriChecking: itemValue });
  5124. if (!itemValue) {
  5125. console.log("masuk 2");
  5126. this.setState({ visibleKacaSpionKiri: true });
  5127. console.log(this.state.visibleKacaSpionKiri);
  5128. }
  5129. }}
  5130. />
  5131. </Right>
  5132. </ListItem>
  5133. <ListItem icon>
  5134. <Left>
  5135. <Button style={{ backgroundColor: "#FF9501" }}>
  5136. <Icon active name="ios-settings" />
  5137. </Button>
  5138. </Left>
  5139. <Body>
  5140. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  5141. Kaca Spion Kanan
  5142. </Text>
  5143. </Body>
  5144. <Right>
  5145. <Switch
  5146. value={this.state.spionKananChecking}
  5147. onValueChange={itemValue => {
  5148. this.setState({ spionKananChecking: itemValue });
  5149. if (!itemValue) {
  5150. this.setState({ visibleKacaSpionKanan: true });
  5151. }
  5152. }}
  5153. />
  5154. </Right>
  5155. </ListItem>
  5156. </View>
  5157. </CardItem>
  5158. <View style={{ width: 270, position: "absolute" }}>
  5159. <Dialog
  5160. visible={this.state.visibleKacaSpionKiri}
  5161. dialogAnimation={
  5162. new SlideAnimation({
  5163. slideFrom: "bottom"
  5164. })
  5165. }
  5166. dialogStyle={{
  5167. position: "absolute",
  5168. top: this.state.posDialog
  5169. }}
  5170. onTouchOutside={() => {
  5171. this.setState({ visibleKacaSpionKiri: false });
  5172. }}
  5173. dialogTitle={
  5174. <DialogTitle title="Place negatif note here" />
  5175. }
  5176. actions={[
  5177. <DialogButton
  5178. style={{
  5179. fontSize: 11,
  5180. backgroundColor: colors.white,
  5181. borderColor: colors.blue01
  5182. }}
  5183. text="SUBMIT"
  5184. // onPress={() => that.rejectPersonal()}
  5185. onPress={() => this.submitKacaSpionKiriNote()}
  5186. />
  5187. ]}
  5188. >
  5189. <DialogContent>
  5190. {
  5191. <Form>
  5192. <View>
  5193. <Textarea
  5194. style={{
  5195. marginLeft: 25,
  5196. marginRight: 5,
  5197. marginTop: 5,
  5198. marginBottom: 5,
  5199. borderRadius: 5,
  5200. fontSize: 11,
  5201. width: 270
  5202. }}
  5203. rowSpan={2}
  5204. bordered
  5205. value={this.state.kacaSpionKiriCheckingNote}
  5206. placeholder="Catatan kaca spion kiri (Optional)"
  5207. onChangeText={text =>
  5208. this.setState({
  5209. kacaSpionKiriCheckingNote: text
  5210. })
  5211. }
  5212. />
  5213. </View>
  5214. </Form>
  5215. }
  5216. </DialogContent>
  5217. </Dialog>
  5218. </View>
  5219. <View style={{ width: 270, position: "absolute" }}>
  5220. <Dialog
  5221. visible={this.state.visibleKacaSpionKanan}
  5222. dialogAnimation={
  5223. new SlideAnimation({
  5224. slideFrom: "bottom"
  5225. })
  5226. }
  5227. dialogStyle={{
  5228. position: "absolute",
  5229. top: this.state.posDialog
  5230. }}
  5231. onTouchOutside={() => {
  5232. this.setState({ visibleKacaSpionKanan: false });
  5233. }}
  5234. dialogTitle={
  5235. <DialogTitle title="Place negatif note here" />
  5236. }
  5237. actions={[
  5238. <DialogButton
  5239. style={{
  5240. fontSize: 11,
  5241. backgroundColor: colors.white,
  5242. borderColor: colors.blue01
  5243. }}
  5244. text="SUBMIT"
  5245. // onPress={() => that.rejectPersonal()}
  5246. onPress={() => this.submitKacaSpionKananNote()}
  5247. />
  5248. ]}
  5249. >
  5250. <DialogContent>
  5251. {
  5252. <Form>
  5253. <View>
  5254. <Textarea
  5255. style={{
  5256. marginLeft: 25,
  5257. marginRight: 5,
  5258. marginTop: 5,
  5259. marginBottom: 5,
  5260. borderRadius: 5,
  5261. fontSize: 11,
  5262. width: 270
  5263. }}
  5264. rowSpan={2}
  5265. bordered
  5266. value={this.state.kacaSpionKananCheckingNote}
  5267. placeholder="Catatan kaca spion kanan (Optional)"
  5268. onChangeText={text =>
  5269. this.setState({
  5270. kacaSpionKananCheckingNote: text
  5271. })
  5272. }
  5273. />
  5274. </View>
  5275. </Form>
  5276. }
  5277. </DialogContent>
  5278. </Dialog>
  5279. </View>
  5280. <CardItem
  5281. style={{ borderRadius: 0, backgroundColor: colors.gray }}
  5282. >
  5283. <View style={{ flex: 1, flexDirection: "column" }}>
  5284. <View style={{ marginLeft: 10, flex: 2 }}>
  5285. <Text note style={{ fontSize: 10, paddingTop: 10 }}>
  5286. Catatan
  5287. </Text>
  5288. </View>
  5289. <View>
  5290. <Textarea
  5291. style={{
  5292. marginLeft: 5,
  5293. marginRight: 5,
  5294. marginBottom: 5,
  5295. borderRadius: 5,
  5296. fontSize: 11
  5297. }}
  5298. rowSpan={2}
  5299. bordered
  5300. value={this.state.catatanChecking}
  5301. placeholder="Type something .. "
  5302. onChangeText={text =>
  5303. this.setState({ catatanChecking: text })
  5304. }
  5305. />
  5306. </View>
  5307. </View>
  5308. </CardItem>
  5309. <CardItem
  5310. style={{
  5311. borderRadius: 0,
  5312. marginTop: 0,
  5313. backgroundColor: colors.gray
  5314. }}
  5315. >
  5316. <View style={{ flex: 1 }}>
  5317. <View style={styles.Contentsave}>
  5318. <Button
  5319. block
  5320. style={{
  5321. width: "100%",
  5322. height: 45,
  5323. marginBottom: 20,
  5324. marginTop: 15,
  5325. borderWidth: 1,
  5326. backgroundColor: "#00b300",
  5327. borderColor: "#00b300",
  5328. borderRadius: 4
  5329. }}
  5330. onPress={() => this.unitCheckPickupCreate()}
  5331. >
  5332. <Text
  5333. style={{ color: colors.white, fontWeight: "bold" }}
  5334. >
  5335. SUBMIT
  5336. </Text>
  5337. </Button>
  5338. </View>
  5339. </View>
  5340. </CardItem>
  5341. </View>
  5342. )}
  5343. </View>
  5344. </Content>
  5345. </View>
  5346. <View style={{ width: 270, position: "absolute" }}>
  5347. <Dialog visible={this.state.visibleLoadingUnitKerja}>
  5348. <DialogContent>
  5349. {<ActivityIndicator size="large" color="#330066" animating />}
  5350. </DialogContent>
  5351. </Dialog>
  5352. </View>
  5353. <View style={{ width: 270, position: "absolute" }}>
  5354. <Dialog
  5355. visible={this.state.visibleDialogSubmit}
  5356. dialogTitle={<DialogTitle title="Creating Report.." />}
  5357. >
  5358. <DialogContent>
  5359. {<ActivityIndicator size="large" color="#330066" animating />}
  5360. </DialogContent>
  5361. </Dialog>
  5362. </View>
  5363. <CustomFooter navigation={this.props.navigation} menu="FireSystem" />
  5364. </Container>
  5365. );
  5366. }
  5367. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!