Name:
Description:
  </div>
  <div class="div_center unselectable">
    <button id="common_desc_dialog_btn_cancel">❌ ESC - Cancel</button>
  </div>
</dialog>

<dialog id="partnums_dialog">
  <div id="partnums_dialog_caption" class="div_center">Part name</div>
  <table cellspacing="1" _height="40%" _bgcolor="#cccccc">
    <thead>
      <tr>
        <th><button disabled="true" class="unselectable">📑</button></th>
        <th id="tblPN_Dialog_Header_PartNumber">Part Number</th>
        <th id="tblPN_Dialog_Header_Description">Description</th>
        <th> <button id="tblPN_Dialog_Header_Btn_AllImages" _disabled="true" class="unselectable">📷</button></th>
      </tr>
    </thead>
    <tbody id="tblPN_Dialog_tbody">
    </tbody>
  </table>
  <div class="div_center unselectable">
    <button id="partnums_dialog_btn_cancel">❌ ESC - Cancel</button>
  </div>
</dialog>

<dialog id="links_dialog">
  <div id="links_dialog_caption" class="div_center">Part name</div>
  <table cellspacing="1" _height="40%" _bgcolor="#cccccc">
    <thead>
      <tr>
        <th><button disabled="true" class="unselectable">📑</button></th>
        <th id="tblLinks_Dialog_Header_Title">Link title</th>
        <th id="tblLinks_Dialog_Header_Href">Link</th>
        <th> <button disabled="true" class="unselectable">🔗</button></th>
      </tr>
    </thead>
    <tbody id="tblLinks_Dialog_tbody">
    </tbody>
  </table>
  <div class="div_center unselectable">
    <button id="links_dialog_btn_cancel">❌ ESC - Cancel</button>
  </div>
</dialog>

<dialog id="image_dialog" class="unselectable">
  <div id="image_dialog_image_number" class="div_center">0/0</div>
  <div id="image_dialog_container"></div>
  <div class="div_center">
    <div>
      <button id="image_dialog_btn_save">💾 Save</button>
      <button id="image_dialog_btn_prev">⏴ Prev</button>
      <button id="image_dialog_btn_next">Next ⏵</button>
      <button id="image_dialog_btn_viewer">🔍 Expand</button>
      <button id="image_dialog_btn_cancel">❌ ESC - Cancel</button>
    </div>
  </div>
</dialog>

<body>  
  <!-- <div id="proxy">
  </div> -->

  <div id="help" class="unselectable widget" style="display:block">
    <div class="widget_hotkey">[ F1 ]</div>
    <ul>
      <li>
        <span class="keyboard_hotkey">F1 , Ctrl + 1</span>
        <span id="this_Help">this Help Window</span>
      </li>

      <li>
        <span class="keyboard_hotkey">Shift + F1</span>
        <button id="btn_widget_hotkeys">Widget HotKeys</button>
      </li>

      <li>
        <span class="keyboard_hotkey">F2 , Ctrl + 2</span>
        <button id="btn_legend_widget">Legend</button>
      </li>
      <li>
        <span class="keyboard_hotkey">F3 , Ctrl + 3</span>
        <button id="btn_find_widget">Find</button>
      </li>
      <li>
        <span class="keyboard_hotkey">F4 , Ctrl + 4</span>
        <button id="btn_obj_props_widget">Object properies</button>
      </li>
      <li>
        <span class="keyboard_hotkey">F5 , Ctrl + 5</span>
        <button id="btn_minimap_widget">Minimap</button>
      </li>

      <li>
        <span class="mouse_hotkey">L key hold + move</span>
        <span id="move_by_mouse">move scheme</span>
      </li>
      <li>
        <span class="mouse_hotkey">Wheel rotate</span>
        <span id="zoom_by_mouse">zoom scheme</span>
      </li>
      <li>
        <span class="mouse_hotkey">Ctrl + Wheel rotate</span>
        <span id="rotate_by_mouse">rotate scheme</span>
      </li>
      <li>
        <span class="mouse_hotkey">Ctrl + R Key click</span>
        <span id="set_rotate_point">set rotate point</span>
      </li>

      <li>
        <span class="keyboard_hotkey">[🠈 / 🠊 / 🠉 / 🠋]</span>
        <span id="move_by_keys">move scheme</span>
      </li>
      <li>
        <span class="keyboard_hotkey">Shift + [🠈 / 🠊 / 🠉 / 🠋]</span>
        <span id="fast_move_by_keys">fast move</span>
      </li>
      <li>
        <span class="keyboard_hotkey">Ctrl + [🠈 / 🠊]</span>
        <div>
        <span id="rotate_by_keys">rotate scheme</span>
          <button id="btn_rotate_CC">↷</button>
          <button id="btn_rotate_CCW">↶</button>
        </div>
      </li>
      <li>
        <span class="keyboard_hotkey">[＋ / －]</span>
        <span id="zoom_by_keys">zoom scheme</span>
        <div>
          <button id="btn_zoom_in">🔍＋</button>
          <button id="btn_zoom_out">🔍－</button>
        </div>
      </li>
      <li>
        <span class="keyboard_hotkey">Backspace</span>
        <button id="btn_browser_go_back">Go Back</button>
      </li>

      <li>
        <span class="keyboard_hotkey">Ctrl + 0</span>
        <button id="btn_reset">Reset View</button>
      </li>

      <li>
        <label id="lb_zoom_level">Zoom level:</label>
        <div>
          <input id="ip_zoom_level" type="text" value="0" readonly="true" size="3"/>
          <input id="ip_zoom_level_truly" type="text" value="0" readonly="true" size="7"/>
        </div>
      </li>
      <li>
        <label id="lb_rotate_angle">Rotate angle:</label>
        <input id="ip_rotate_angle" type="text" value="0" readonly="true" size="7"/>
      </li>
      <li>
        <label id="lb_background_color">Background color:</label>
        <div>
          <button id="btn_back_color_reset">Reset</button>
          <button id="btn_back_color_select" >Select</button>
          <input type="color" id="ip_color_picker" style="display:none;"/>
        </div>
      </li>  
      <li>
          <label id="lb_locales" for="sc_locales">Scheme locale:</label>
          <select id="sc_locales">
          </select>
      </li>
      <li>
        <div id="fps_stats" class="fps_stats">Min: 0 | Max: 0 | Avg: 0</div>
        <div id="e_count" class="fps_stats">E-Count: 0</div>
      </li>
      <li>
        <div id="fps_raw" class="fps_text">FPS: 00</div>
        <div id="fps_ema" class="fps_text">EMA: 00</div>
        <div id="fps_profiler">
          <canvas id="fps_graph"></canvas>
        </div>
      </li>
    </ul>
  </div>

  <div id="legend" class="unselectable widget" style="display:block">
    <div class="widget_hotkey">[ F2 ]</div>
  </div>

  <div id="find" class="unselectable widget" style="display:block">
    <div class="widget_hotkey">[ F3 ]</div>
    <div id="find_div">
      <label id="lb_find" for="ip_find">Find:</label>
      <input id="ip_find" type="text" autocomplete="off" size="18" placeholder="Type and press Enter..."/>
      <button id="btn_find">🔎</button>
      <button id="btn_cancel_find">❌</button>
    </div>
  </div>

  <div id="obj_props" class="unselectable widget" style="display:block">
    <div class="widget_hotkey">[ F4 ]</div>
    <div id="obj_common">
      <div class="grid">
        <label id="lb_name" for="ip_name">Name:</label>
        <input id="ip_name" type="text" value="" readonly="true" _size="10"/>
      </div>
      <div class="grid">
        <div>
          <label id="lb_desc" for="ta_desc">Description:</label>
          <br/>
          <br/>
          <button id="btn_CommonDesc_CopyToClipboard" _disabled="true">📋</button>
          <button id="btn_CommonDesc_Dialog" _disabled="true">📁</button>
        </div>
        <textarea id="ta_desc" readonly="true" _rows="8" _cols="50">
	Part Number	Description
	Link title	Link
0/0