{% extends "index/baseTemp.html" %}

{% block title %}
<title>TLE实时展示</title>
{% endblock %}

{% block blink %}
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/satelliteWorld/area.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/satelliteWorld/style.css">
{% endblock %}

{% block bscript %}
<script type="text/javascript" src="../../../plugins/lib/include-lib.js" libpath="../../../plugins/lib/"
  include="jquery,jquery.range,font-awesome,bootstrap,bootstrap-checkbox,layer,haoutil,turf,mars3d,mars3d-space"></script>
<script src="{{ pathPrefix }}/js/appCenter/satelliteWorld/tle.js"></script>
{% endblock %}

{% block contentbody %}
<!--加载前进行操作提示，优化用户体验-->
<div id="mask" class="signmask" onclick="removeMask()"></div>

<div id="cesiumContainer" class="mars3d-container"></div>


<!-- 面板 -->
<div class="infoview">
  <input id="btnCenter" type="button" class="btn btn-primary" value="定位至卫星" />
  <table class="mars-table">
    <tr>
      <td class="nametd">类型</td>
      <td>
        <div class="radio radio-info radio-inline">
          <input type="radio" id="shadingMaterials1" name="shadingMaterials" value="1">
          <label for="shadingMaterials1">圆锥体</label>
        </div>
        <div class="radio radio-info radio-inline">
          <input type="radio" id="shadingMaterials2" name="shadingMaterials" value="2" checked="checked">
          <label for="shadingMaterials2">四棱锥体</label>
        </div>
      </td>
    </tr>


    <tr>
      <td class="nametd">前后侧摆（pitch）</td>
      <td>
        <input id="model_pitch" type="range" min="-180" max="180" step="1.0" value="0" title="前后侧摆pitch">
      </td>
    </tr>
    <tr>
      <td class="nametd">左右侧摆（roll）</td>
      <td>
        <input id="model_roll" type="range" min="-180" max="180" step="1.0" value="0" title="左右侧摆roll">
      </td>
    </tr>

    <tr>
      <td class="nametd">夹角1</td>
      <td>
        <input id="model_angle1" type="range" min="1" max="89" step="1.0" value="30">
      </td>
    </tr>
    <tr id="tr_angle2">
      <td class="nametd">夹角2</td>
      <td>
        <input id="model_angle2" type="range" min="1" max="89" step="1.0" value="20">
      </td>
    </tr>
    <tr>
      <td class="nametd">参考系轴</td>
      <td>
        <div class="checkbox checkbox-primary checkbox-inline">
          <input id="chkShowModelMatrix" class="styled" type="checkbox">
          <label for="chkShowModelMatrix">
            显示/隐藏
          </label>
        </div>
      </td>
    </tr>

  </table>
</div>

<div class="infoview rightbottom">
  <table class="mars-table tb-border">
    <tr>
      <td class="nametd">名称</td>
      <td id="td_name"> </td>
    </tr>
    <tr>
      <td class="nametd">TLE1</td>
      <td id="td_tle1"> </td>
    </tr>
    <tr>
      <td class="nametd">TLE2</td>
      <td id="td_tle2"> </td>
    </tr>
    <tr>
      <td class="nametd">时间</td>
      <td id="td_time"> </td>
    </tr>

    <tr>
      <td class="nametd">经度</td>
      <td id="td_jd"> </td>
    </tr>
    <tr>
      <td class="nametd">经度</td>
      <td id="td_wd"> </td>
    </tr>
    <tr>
      <td class="nametd">高程</td>
      <td id="td_gd"> </td>
    </tr>
  </table>
</div>

{% endblock %}