<div class="modal" id="modal-setting" tabindex="-1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header bg-success">
        <h5 class="modal-title text-white"><span class="oi oi-wrench"></span><strong>各種設定</strong></h5>
        <button type="button" class="close" data-dismiss="modal">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <span class="badge badge-primary">通知設定</span><br>
        <table>
          <tr>
            <td>マッチするデータ項目:</td>
            <td>
              <select style="font-size:12px" id="reg_range">
                <option value="0" selected="selected">名前と本文</option>
                <option value="1">名前</option>
                <option value="2">本文</option>
              </select>
            </td>
          </tr>
          <tr id="stream_setting_reg_server">
            <td>マッチするサーバ:</td>
            <td>
              <select style="font-size:12px" id="reg_server">
                <option value="" selected="selected">ALL</option>
                <option value="s">S鯖</option>
                <option value="b">B鯖</option>
                <option value="v">V鯖</option>
                <option value="g">G鯖</option>
              </select>
            </td>
          </tr>
        </table>
        <br>
        <span class="badge badge-primary">表示設定</span><br>
        <table>
          <tr>
            <td>表示時のテーブルマージン:</td>
            <td>
              <input type="checkbox" id="table_size" class="btn btn-primary" value="0">
              <label id="table_size_label" class="control-label" for="table_size"><small>Tableマージン[大]</small></label>
            </td>
          </tr>
          <tr>
            <td>表示時のフォントサイズ:</td>
            <td>
              <input type="checkbox" id="font_size" class="btn btn-primary" value="0">
              <label id="font_size_label" class="control-label" for="font_size"><small>フォントサイズ[大]</small></label>
            </td>
          </tr>
          <tr>
            <td>最大表示行数:</td>
            <td>
              <select style="font-size:12px" id="max_line">
                <option value="200">200件</option>
                <option value="300" selected="selected">300件</option>
                <option value="400">400件</option>
                <option value="500">500件</option>
                <option value="1000">1000件</option>
              </select>
            </td>
          </tr>
        </table>
        <br>
        <span class="badge badge-primary">マウス操作設定</span><br>
        <table>
          <tr>
            <td>ストリームテーブル選択時の動作:</td>
            <td>
              <input type="checkbox" id="free_mode" class="btn btn-primary" value="1">
              <label id="free_mode_label" class="control-label" for="free_mode"><small>フリーモード</small></label>
            </td>
          </tr>
        </table>
        <br>
        <span class="badge badge-primary">通知時の音声設定</span><br>
        <table>
          <tr>
            <td>ユーザ指定の音源:</td>
            <td>
              <label class="control-label small" for="file_voice" data-toggle="tooltip">
              <input type="file" id="file_voice" class="small" accept=".mp3,.ogg,.wav"/></label>
            </td>
          </tr>
          <tr>
            <td>
              <input type="button" id="file_voice_reset" class="small btn btn-info" value="元に戻す">
            </td>
          </tr>
        </table>
        <br>
        <br>
        <button type="button" class="btn btn-primary" style="width:100%;" data-dismiss="modal"><span class="oi oi-x"></span>閉じる</button>
      </div>
    </div>
  </div>
</div>
