All files / client/components/Common Modal.tsx

0% Statements 0/6
0% Branches 0/2
0% Functions 0/3
0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75                                                                                                                                                     
import React from 'react'
 
interface State {
  modalShown: boolean
}
 
export default class Modal extends React.Component<{}, State> {
  constructor(props: {}) {
    super(props)
 
    this.state = {
      modalShown: false,
    }
  }
 
  render() {
    if (!this.state.modalShown) {
      return ''
    }
 
    return (
      <div className="modal in" id="renamePage" style={{ display: 'block' }}>
        <div className="modal-dialog">
          <div className="modal-content">
            <form role="form" id="renamePageForm" onSubmit={() => false}>
              <div className="modal-header">
                <button type="button" className="close" data-dismiss="modal" aria-hidden="true">
                  ×
                </button>
                <h4 className="modal-title">Rename page</h4>
              </div>
              <div className="modal-body">
                <div className="form-group">
                  <label htmlFor="">Current page name</label>
                  <br />
                  <code>/user/sotarok/memo/2017/04/24</code>
                </div>
                <div className="form-group">
                  <label htmlFor="newPageName">New page name</label>
                  <br />
                  <div className="input-group">
                    <span className="input-group-prepend">
                      <span className="input-group-text">{'http://localhost:3000'}</span>
                    </span>
                    <input type="text" className="form-control" name="new_path" id="newPageName" value="/user/sotarok/memo/2017/04/24" />
                  </div>
                </div>
                <div className="checkbox">
                  <label>
                    <input name="create_redirect" value="1" type="checkbox" /> Redirect
                  </label>
                  <p className="help-block">
                    {' '}
                    Redirect to new page if someone accesses <code>/user/sotarok/memo/2017/04/24</code>
                  </p>
                </div>
              </div>
              <div className="modal-footer">
                <p className="mr-auto">
                  <small id="newPageNameCheck" />
                </p>
                <input type="hidden" name="_csrf" value="RCs7uFdR-4nacCnqKfREe8VIlcYLP2J8xzpU" />
                <input type="hidden" name="path" value="/user/sotarok/memo/2017/04/24" />
                <input type="hidden" name="page_id" value="58fd0bd74c844b8f94c2e5b3" />
                <input type="hidden" name="revision_id" value="58fd126385edfb9d8a0c073a" />
                <input type="submit" className="btn btn-primary" value="Rename!" />
              </div>
            </form>
          </div>
        </div>
      </div>
    )
  }
}