Ideone.com

fork download

copy

import React from 'react';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';
 
class WorkFromHome extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      startDate: moment()
    };
    this.handleChange = this.handleChange.bind(this);
  }
 
  handleChange(date) {
    this.setState({
      startDate: date
    });
  }
 
  render() {
    return (
      <div>
          <h3 class="title text-center">Work From Home </h3>
          <form class="container form-horizontal w-80" method="POST" action="backend url">
            <div class="form-group">
              <label class="control-label col-sm-2" for="employee-id">Employee ID</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" id="employee-id" />
              </div>
              <span class="help-block text-right">*required</span>
            </div>
            <div class="form-group">
              <label class="control-label col-sm-2" for="date-of-request">Date Of Request</label>
                <DatePicker selected={this.state.startDate}  onChange={this.handleChange}  />;
              <span class="help-block text-right">*required</span>
            </div>
            <div class="form-group">
              <label class="control-label col-sm-2" for="request-type">Request Type</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" id="request-type" value="Work From Home" disabled />
              </div>
            </div>
            <div class="form-group">
              <label class="control-label col-sm-2" for="request-status">Request Status</label>
              <div class="col-sm-10">
                <input type="text" class="form-control" id="request-status" value="pending" disabled />
              </div>
            </div>
            <div class="form-group">
              <label class="control-label col-sm-2" for="remarks">Remarks</label>
              <div class="col-sm-10">
                <textarea rows="2" class="form-control" id="remarks" />
              </div>
              <span class="help-block text-right">*required</span>
            </div>
            <div class="form-group text-center">
              <button type="submit" class="btn btn-primary btn-lg">Submit</button>
            </div>
          </form>
      </div>
    )
  }
}
 
export default WorkFromHome

aW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JzsKaW1wb3J0IERhdGVQaWNrZXIgZnJvbSAncmVhY3QtZGF0ZXBpY2tlcic7CmltcG9ydCAncmVhY3QtZGF0ZXBpY2tlci9kaXN0L3JlYWN0LWRhdGVwaWNrZXIuY3NzJzsKCmNsYXNzIFdvcmtGcm9tSG9tZSBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7CiAgY29uc3RydWN0b3IgKHByb3BzKSB7CiAgICBzdXBlcihwcm9wcykKICAgIHRoaXMuc3RhdGUgPSB7CiAgICAgIHN0YXJ0RGF0ZTogbW9tZW50KCkKICAgIH07CiAgICB0aGlzLmhhbmRsZUNoYW5nZSA9IHRoaXMuaGFuZGxlQ2hhbmdlLmJpbmQodGhpcyk7CiAgfQoKICBoYW5kbGVDaGFuZ2UoZGF0ZSkgewogICAgdGhpcy5zZXRTdGF0ZSh7CiAgICAgIHN0YXJ0RGF0ZTogZGF0ZQogICAgfSk7CiAgfQoKICByZW5kZXIoKSB7CiAgICByZXR1cm4gKAogICAgICA8ZGl2PgogICAgICAgICAgPGgzIGNsYXNzPSJ0aXRsZSB0ZXh0LWNlbnRlciI+V29yayBGcm9tIEhvbWUgPC9oMz4KICAgICAgICAgIDxmb3JtIGNsYXNzPSJjb250YWluZXIgZm9ybS1ob3Jpem9udGFsIHctODAiIG1ldGhvZD0iUE9TVCIgYWN0aW9uPSJiYWNrZW5kIHVybCI+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tZ3JvdXAiPgogICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0iY29udHJvbC1sYWJlbCBjb2wtc20tMiIgZm9yPSJlbXBsb3llZS1pZCI+RW1wbG95ZWUgSUQ8L2xhYmVsPgogICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNvbC1zbS0xMCI+CiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgY2xhc3M9ImZvcm0tY29udHJvbCIgaWQ9ImVtcGxveWVlLWlkIiAvPgogICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJoZWxwLWJsb2NrIHRleHQtcmlnaHQiPipyZXF1aXJlZDwvc3Bhbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tZ3JvdXAiPgogICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0iY29udHJvbC1sYWJlbCBjb2wtc20tMiIgZm9yPSJkYXRlLW9mLXJlcXVlc3QiPkRhdGUgT2YgUmVxdWVzdDwvbGFiZWw+CiAgICAgICAgICAgICAgICA8RGF0ZVBpY2tlciBzZWxlY3RlZD17dGhpcy5zdGF0ZS5zdGFydERhdGV9ICBvbkNoYW5nZT17dGhpcy5oYW5kbGVDaGFuZ2V9ICAvPjsKICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0iaGVscC1ibG9jayB0ZXh0LXJpZ2h0Ij4qcmVxdWlyZWQ8L3NwYW4+CiAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb3JtLWdyb3VwIj4KICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImNvbnRyb2wtbGFiZWwgY29sLXNtLTIiIGZvcj0icmVxdWVzdC10eXBlIj5SZXF1ZXN0IFR5cGU8L2xhYmVsPgogICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNvbC1zbS0xMCI+CiAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgY2xhc3M9ImZvcm0tY29udHJvbCIgaWQ9InJlcXVlc3QtdHlwZSIgdmFsdWU9IldvcmsgRnJvbSBIb21lIiBkaXNhYmxlZCAvPgogICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1ncm91cCI+CiAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJjb250cm9sLWxhYmVsIGNvbC1zbS0yIiBmb3I9InJlcXVlc3Qtc3RhdHVzIj5SZXF1ZXN0IFN0YXR1czwvbGFiZWw+CiAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iY29sLXNtLTEwIj4KICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBjbGFzcz0iZm9ybS1jb250cm9sIiBpZD0icmVxdWVzdC1zdGF0dXMiIHZhbHVlPSJwZW5kaW5nIiBkaXNhYmxlZCAvPgogICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1ncm91cCI+CiAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJjb250cm9sLWxhYmVsIGNvbC1zbS0yIiBmb3I9InJlbWFya3MiPlJlbWFya3M8L2xhYmVsPgogICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNvbC1zbS0xMCI+CiAgICAgICAgICAgICAgICA8dGV4dGFyZWEgcm93cz0iMiIgY2xhc3M9ImZvcm0tY29udHJvbCIgaWQ9InJlbWFya3MiIC8+CiAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9ImhlbHAtYmxvY2sgdGV4dC1yaWdodCI+KnJlcXVpcmVkPC9zcGFuPgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1ncm91cCB0ZXh0LWNlbnRlciI+CiAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiIGNsYXNzPSJidG4gYnRuLXByaW1hcnkgYnRuLWxnIj5TdWJtaXQ8L2J1dHRvbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICA8L2Zvcm0+CiAgICAgIDwvZGl2PgogICAgKQogIH0KfQoKZXhwb3J0IGRlZmF1bHQgV29ya0Zyb21Ib21lCg==

Compilation error #stdin compilation error #stdout 0s 0KB

stdin

copy

Standard input is empty

compilation info

Main.java:1: error: '.' expected
import React from 'react';
            ^
Main.java:1: error: unclosed character literal
import React from 'react';
                  ^
Main.java:1: error: unclosed character literal
import React from 'react';
                        ^
Main.java:2: error: '.' expected
import DatePicker from 'react-datepicker';
                 ^
Main.java:2: error: unclosed character literal
import DatePicker from 'react-datepicker';
                       ^
Main.java:2: error: unclosed character literal
import DatePicker from 'react-datepicker';
                                        ^
Main.java:3: error: unclosed character literal
import 'react-datepicker/dist/react-datepicker.css';
       ^
Main.java:3: error: ';' expected
import 'react-datepicker/dist/react-datepicker.css';
             ^
Main.java:3: error: unclosed character literal
import 'react-datepicker/dist/react-datepicker.css';
                                                  ^
Main.java:6: error: invalid method declaration; return type required
  constructor (props) {
  ^
Main.java:6: error: <identifier> expected
  constructor (props) {
                    ^
Main.java:7: error: ';' expected
    super(props)
                ^
Main.java:8: error: illegal start of expression
    this.state = {
                 ^
Main.java:9: error: ';' expected
      startDate: moment()
                         ^
Main.java:11: error: illegal start of type
    this.handleChange = this.handleChange.bind(this);
    ^
Main.java:11: error: ';' expected
    this.handleChange = this.handleChange.bind(this);
        ^
Main.java:11: error: <identifier> expected
    this.handleChange = this.handleChange.bind(this);
                     ^
Main.java:14: error: class, interface, or enum expected
  handleChange(date) {
  ^
Main.java:18: error: class, interface, or enum expected
  }
  ^
Main.java:23: error: <identifier> expected
          <h3 class="title text-center">Work From Home </h3>
                   ^
Main.java:23: error: illegal start of type
          <h3 class="title text-center">Work From Home </h3>
                    ^
Main.java:23: error: <identifier> expected
          <h3 class="title text-center">Work From Home </h3>
                                       ^
Main.java:23: error: ';' expected
          <h3 class="title text-center">Work From Home </h3>
                                        ^
Main.java:23: error: ';' expected
          <h3 class="title text-center">Work From Home </h3>
                                                      ^
Main.java:23: error: <identifier> expected
          <h3 class="title text-center">Work From Home </h3>
                                                        ^
Main.java:23: error: <identifier> expected
          <h3 class="title text-center">Work From Home </h3>
                                                           ^
Main.java:24: error: > expected
          <form class="container form-horizontal w-80" method="POST" action="backend url">
               ^
Main.java:24: error: illegal start of type
          <form class="container form-horizontal w-80" method="POST" action="backend url">
                ^
Main.java:24: error: <identifier> expected
          <form class="container form-horizontal w-80" method="POST" action="backend url">
                     ^
Main.java:24: error: '(' expected
          <form class="container form-horizontal w-80" method="POST" action="backend url">
                      ^
Main.java:24: error: <identifier> expected
          <form class="container form-horizontal w-80" method="POST" action="backend url">
                                                             ^
Main.java:24: error: ';' expected
          <form class="container form-horizontal w-80" method="POST" action="backend url">
                                                                    ^
Main.java:24: error: <identifier> expected
          <form class="container form-horizontal w-80" method="POST" action="backend url">
                                                                           ^
Main.java:25: error: > expected
            <div class="form-group">
                 ^
Main.java:26: error: > expected
              <label class="control-label col-sm-2" for="employee-id">Employee ID</label>
                     ^
Main.java:26: error: ';' expected
              <label class="control-label col-sm-2" for="employee-id">Employee ID</label>
                                                   ^
Main.java:26: error: ';' expected
              <label class="control-label col-sm-2" for="employee-id">Employee ID</label>
                                                                                 ^
Main.java:26: error: <identifier> expected
              <label class="control-label col-sm-2" for="employee-id">Employee ID</label>
                                                                                  ^
Main.java:26: error: <identifier> expected
              <label class="control-label col-sm-2" for="employee-id">Employee ID</label>
                                                                                        ^
Main.java:27: error: > expected
              <div class="col-sm-10">
                  ^
Main.java:27: error: illegal start of type
              <div class="col-sm-10">
                   ^
Main.java:27: error: <identifier> expected
              <div class="col-sm-10">
                        ^
Main.java:27: error: '(' expected
              <div class="col-sm-10">
                         ^
Main.java:27: error: illegal start of type
              <div class="col-sm-10">
                                    ^
Main.java:27: error: <identifier> expected
              <div class="col-sm-10">
                                     ^
Main.java:28: error: ';' expected
                <input type="text" class="form-control" id="employee-id" />
                 ^
Main.java:28: error: <identifier> expected
                <input type="text" class="form-control" id="employee-id" />
                           ^
Main.java:28: error: ';' expected
                <input type="text" class="form-control" id="employee-id" />
                                  ^
Main.java:28: error: <identifier> expected
                <input type="text" class="form-control" id="employee-id" />
                                        ^
Main.java:28: error: illegal start of type
                <input type="text" class="form-control" id="employee-id" />
                                         ^
Main.java:28: error: illegal start of expression
                <input type="text" class="form-control" id="employee-id" />
                                                                          ^
Main.java:29: error: illegal start of type
              </div>
               ^
Main.java:29: error: illegal start of expression
              </div>
                ^
Main.java:30: error: > expected
              <span class="help-block text-right">*required</span>
                    ^
Main.java:30: error: illegal start of expression
              <span class="help-block text-right">*required</span>
                                                  ^
Main.java:30: error: illegal start of expression
              <span class="help-block text-right">*required</span>
                                                            ^
Main.java:31: error: illegal start of type
            </div>
             ^
Main.java:31: error: illegal start of expression
            </div>
              ^
Main.java:32: error: > expected
            <div class="form-group">
                 ^
Main.java:33: error: > expected
              <label class="control-label col-sm-2" for="date-of-request">Date Of Request</label>
                     ^
Main.java:33: error: ';' expected
              <label class="control-label col-sm-2" for="date-of-request">Date Of Request</label>
                                                   ^
Main.java:33: error: ';' expected
              <label class="control-label col-sm-2" for="date-of-request">Date Of Request</label>
                                                                                 ^
Main.java:33: error: illegal start of type
              <label class="control-label col-sm-2" for="date-of-request">Date Of Request</label>
                                                                                          ^
Main.java:33: error: ';' expected
              <label class="control-label col-sm-2" for="date-of-request">Date Of Request</label>
                                                                                                ^
Main.java:34: error: > expected
                <DatePicker selected={this.state.startDate}  onChange={this.handleChange}  />;
                           ^
Main.java:34: error: <identifier> expected
                <DatePicker selected={this.state.startDate}  onChange={this.handleChange}  />;
                                    ^
Main.java:34: error: not a statement
                <DatePicker selected={this.state.startDate}  onChange={this.handleChange}  />;
                                                ^
Main.java:34: error: ';' expected
                <DatePicker selected={this.state.startDate}  onChange={this.handleChange}  />;
                                                          ^
Main.java:34: error: <identifier> expected
                <DatePicker selected={this.state.startDate}  onChange={this.handleChange}  />;
                                                                     ^
Main.java:34: error: ';' expected
                <DatePicker selected={this.state.startDate}  onChange={this.handleChange}  />;
                                                                                         ^
Main.java:35: error: > expected
              <span class="help-block text-right">*required</span>
                   ^
Main.java:35: error: illegal start of type
              <span class="help-block text-right">*required</span>
                    ^
Main.java:35: error: <identifier> expected
              <span class="help-block text-right">*required</span>
                         ^
Main.java:35: error: '(' expected
              <span class="help-block text-right">*required</span>
                          ^
Main.java:35: error: illegal start of type
              <span class="help-block text-right">*required</span>
                                                 ^
Main.java:35: error: <identifier> expected
              <span class="help-block text-right">*required</span>
                                                  ^
Main.java:35: error: ';' expected
              <span class="help-block text-right">*required</span>
                                                   ^
Main.java:35: error: <identifier> expected
              <span class="help-block text-right">*required</span>
                                                            ^
Main.java:35: error: <identifier> expected
              <span class="help-block text-right">*required</span>
                                                                 ^
Main.java:36: error: <identifier> expected
            </div>
             ^
Main.java:36: error: <identifier> expected
            </div>
                 ^
Main.java:37: error: > expected
            <div class="form-group">
                ^
Main.java:37: error: illegal start of type
            <div class="form-group">
                 ^
Main.java:37: error: <identifier> expected
            <div class="form-group">
                      ^
Main.java:37: error: '(' expected
            <div class="form-group">
                       ^
Main.java:37: error: illegal start of type
            <div class="form-group">
                                   ^
Main.java:37: error: <identifier> expected
            <div class="form-group">
                                    ^
Main.java:38: error: ';' expected
              <label class="control-label col-sm-2" for="request-type">Request Type</label>
               ^
Main.java:38: error: <identifier> expected
              <label class="control-label col-sm-2" for="request-type">Request Type</label>
                          ^
Main.java:38: error: illegal start of type
              <label class="control-label col-sm-2" for="request-type">Request Type</label>
                           ^
Main.java:38: error: <identifier> expected
              <label class="control-label col-sm-2" for="request-type">Request Type</label>
                                                   ^
Main.java:38: error: ';' expected
              <label class="control-label col-sm-2" for="request-type">Request Type</label>
                                                                              ^
Main.java:38: error: illegal start of type
              <label class="control-label col-sm-2" for="request-type">Request Type</label>
                                                                                    ^
Main.java:38: error: ';' expected
              <label class="control-label col-sm-2" for="request-type">Request Type</label>
                                                                                          ^
Main.java:39: error: > expected
              <div class="col-sm-10">
                  ^
Main.java:39: error: illegal start of type
              <div class="col-sm-10">
                   ^
Main.java:39: error: <identifier> expected
              <div class="col-sm-10">
                        ^
Main.java:39: error: '(' expected
              <div class="col-sm-10">
                         ^
Main.java:39: error: illegal start of type
              <div class="col-sm-10">
                                    ^
Main.java:39: error: <identifier> expected
              <div class="col-sm-10">
                                     ^
100 errors

stdout

copy

Standard output is empty

https://ideone.com/WZb0NB

language:

Java (HotSpot 12)

created:

visibility:

public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!

Discover > Sphere Engine API

Discover > IDE Widget

Choose your language