var SelectYears = React.createClass({
    render() {
        return (
            <select {...this.props}>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            </select>
        )
    }
});

var LaunchPhase = React.createClass({
    render() {
        return (
            <select {...this.props}>
            <option value="sunrise">sunrise</option>
            <option value="landrush">landrush</option>
            <option value="claims">claims</option>
            <option value="open">open</option>
            <option value="custom">custom</option>
            </select>
        )
    }
});

var SelectType = React.createClass({
    render() {
        return (
            <select {...this.props}>
            <option value="A">A</option>
            <option value="AAAA">AAAA</option>
            <option value="CNAME">CNAME</option>
            <option value="DNAME">DNAME</option>
            <option value="MX">MX</option>
            <option value="NS">NS</option>
            <option value="SPF">SPF</option>
            <option value="TXT">TXT</option>
            <option value="PTR">PTR</option>
            <option value="URL">URL</option>
            </select>
        )
    }
});

var SelectStatus = React.createClass({
    render() {
        return (
            <select {...this.props}>
            <option value="-1"></option>
            <option value="0">未通过</option>
            <option value="1">通过</option>
            </select>
        )
    }
});

var SelectOrgIdType = React.createClass({
    render() {
        return (
            <select {...this.props}>
            <option value="1">工商营业执照</option>
            <option value="2">组织机构代码证</option>
            <option value="4">统一社会信用代码证书</option>
            <option value="8">部队代号</option>
            <option value="9">军队单位对外有偿服务系可证</option>
            <option value="10">事业单位法人证书</option>
            <option value="11">外国企业常驻代表机构登记证</option>
            <option value="14">社会团体法人登记证书</option>
            <option value="15">宗教活动场所登记证</option>
            <option value="16">民办非企业单位登记证书</option>
            <option value="17">基金会法人登记证书</option>
            <option value="18">律师事务所执业许可证</option>
            <option value="19">外国在华文化中心登记证</option>
            <option value="20">外国政府旅游部门常驻代表机构批准登记证</option>
            <option value="21">司法鉴定许可证</option>
            <option value="22">境外机构证件</option>
            <option value="23">社会服务机构登记证书</option>
            <option value="24">民办学校办学许可证</option>
            <option value="25">医疗机构执业许可证</option>
            <option value="26">公证机构执业证</option>
            <option value="27">北京市外国驻华使馆人员子女学校办学许可证</option>
            <option value="30">其他(只允许填统一社会信用代码)</option>
            </select>
        )
    }
});
var DsData = React.createClass({
    render() {
        return (
            <div>
              keyTag:
              <input {...this.props.linkState({
                  type: 'text',
                  name: this.props.name+'.keyTag',
                  size: '5',
                  maxLength: '5'
              })}/>
              alg:
              <input {...this.props.linkState({
                  type: 'text',
                  name: this.props.name+'.alg',
                  size: '3',
                  maxLength: '3'
              })}/>
              digestType:
              <input {...this.props.linkState({
                  type: 'text',
                  name: this.props.name+'.digestType',
                  size: '3',
                  maxLength: '3'
              })}/>
              <br/>
              digest:
              <input {...this.props.linkState({
                  type: 'text',
                  name: this.props.name+'.digest',
                  size: '45',
                  maxLength: '256'
              })}/>
            </div>
        )
    }
});

var PostalInfo = React.createClass({
    render() {
        return (
            <table border="0">
            <tbody>
              <tr>
                <td>联系人姓名：</td>
                <td>
                  <input {...this.props.linkState({
                      type: 'text',
                      name: this.props.name+'.name',
                      size: '40',
                      maxLength: '64',
                      readOnly: this.props.readOnly
                  })}/>
                  <label>中英文均可，如中文填写不少于<strong className="red">2</strong>个汉字</label>
                </td>
              </tr>
              <tr>
                <td>所在组织：</td>
                <td>
                  <input {...this.props.linkState({
                      type: 'text',
                      name: this.props.name+'.org',
                      size: '40',
                      maxLength: '64',
                      readOnly: this.props.readOnly
                  })}/>
                  <label>中英文均可，如中文填写不少于<strong className="red">2</strong>个汉字</label>
                </td>
              </tr>
              <tr>
                <td>所在街道：</td>
                <td>
                  <input {...this.props.linkState({
                      type: 'text',
                      name: this.props.name+'.street1',
                      size: '40',
                      maxLength: '64'
                  })}/>
                  <label>中英文均可，需填写完整地址，不能只写某市、区之类，如中文填写，不得少于<strong className="red">8</strong>个汉字</label>
                </td>
              </tr>
              <tr>
                <td></td>
                <td>
                  <input {...this.props.linkState({
                      type: 'text',
                      name: this.props.name+'.street2',
                      size: '40',
                      maxLength: '64'
                  })}/>
                </td>
              </tr>
              <tr>
                <td></td>
                <td>
                  <input {...this.props.linkState({
                      type: 'text',
                      name: this.props.name+'.street3',
                      size: '40',
                      maxLength: '64'
                  })}/>
                </td>
              </tr>
              <tr>
                <td>所在城市：</td>
                <td>
                  <input {...this.props.linkState({
                      type: 'text',
                      name: this.props.name+'.city',
                      size: '40',
                      maxLength: '64'
                  })}/>
                  <label>中英文均可，如中文填写不少于<strong className="red">2</strong>个汉字</label>
                </td>
              </tr>
              <tr>
                <td>所在省份：</td>
                <td>
                  <input {...this.props.linkState({
                      type: 'text',
                      name: this.props.name+'.sp',
                      size: '40',
                      maxLength: '64'
                  })}/>
                  <label>中英文均可，如中文填写不少于<strong className="red">2</strong>个汉字</label>
                </td>
              </tr>
              <tr>
                <td>邮政编码：</td>
                <td>
                  <input {...this.props.linkState({
                      type: 'text',
                      name: this.props.name+'.pc',
                      size: '10',
                      maxLength: '10'
                  })}/>
                  <label>国内邮编均为<strong className="red">6</strong>位数字</label>
                </td>
              </tr>
              <tr>
                <td>国家代码：</td>
                <td>
                  <input {...this.props.linkState({
                      type: 'text',
                      name: this.props.name+'.cc',
                      readOnly: true,
                      size: '2',
                      maxLength: '2'
                  })}/>
                  <label>两个英文字符，中国为CN</label>
                </td>
              </tr>
            </tbody>
            </table>
        )
    }
});

var OpResult = React.createClass({
    render() {
        switch(typeof(this.props.content)) {
        case 'object':
            return (
                <table>
                <tbody>
                  {forJSON(this.props.content, (key, value) => (
                    <tr key={key}>
                      <td>{key}</td>
                      <td>{JSON.stringify(value)}</td>
                    </tr>
                  ))}
                </tbody>
                </table>
            )
        default:
            return (
                <pre style={{display: this.props.content ? "block" : "none"}}>{this.props.content}</pre>
            )
        }
    }
});