right_tool_bar.php 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <script src="../reader/right_tool_bar.js"></script>
  2. <style>
  3. #min_right_float {
  4. display: none;
  5. }
  6. .main_view_right_float_min {
  7. margin-right: calc(30vw - 1.6em);
  8. }
  9. .main_view_right_float_max {
  10. margin-right: 50%;
  11. }
  12. .main_view_right_float_min #right_pannal {
  13. display: none;
  14. }
  15. .main_view_right_float_max #right_pannal {
  16. display: none;
  17. }
  18. .btn_main {
  19. background-color: var(--link-hover-color);
  20. color: var(--btn-hover-color);
  21. }
  22. .btn_main:hover {
  23. background-color: var(--link-color);
  24. }
  25. .btn_group {
  26. display: inline-block;
  27. background-color: var(--border-line-color);
  28. border-radius: 4px;
  29. padding: 3px 2px;
  30. margin: 0 3px;
  31. }
  32. .btn_focus {
  33. background-color: var(--bg-color);
  34. }
  35. </style>
  36. <select name="direction" onchange='setDirection(this)' class="show_pc">
  37. <option value="row"><?php echo $_local->gui->row_compare; ?></option>
  38. <option value="column"><?php echo $_local->gui->column_compare; ?></option>
  39. </select>
  40. <?php
  41. if($_mode == "read"){
  42. echo "<select onchange='setDisplay(this)'>";
  43. echo "<option value='para'>{$_local->gui->each_paragraph}</option>";
  44. echo "<option value='sent' ";
  45. if($_display=="sent"){
  46. echo "selected";
  47. }
  48. echo ">{$_local->gui->each_sentence}</option>";
  49. echo "</select>";
  50. }
  51. ?>
  52. <div class="btn_group">
  53. <?php
  54. if($_mode == "read"){
  55. echo "<span class='icon_btn btn_focus' ";
  56. echo " title='{$_local->gui->show} {$_local->gui->read}'>";
  57. echo $_local->gui->read;
  58. echo "</span>";
  59. echo "<button class='icon_btn' onclick=\"setMode('edit')\" ";
  60. echo " title='{$_local->gui->show} {$_local->gui->edit}'>";
  61. echo $_local->gui->translate;
  62. echo "</button>";
  63. }
  64. else{
  65. echo "<button class='icon_btn' onclick=\"setMode('read')\" ";
  66. echo " title='{$_local->gui->show} {$_local->gui->read}'>";
  67. echo $_local->gui->read;
  68. echo "</button>";
  69. echo "<span class='icon_btn btn_focus' ";
  70. echo " title='{$_local->gui->show} {$_local->gui->edit}'>";
  71. echo $_local->gui->translate;
  72. echo "</span>";
  73. }
  74. ?>
  75. </div>
  76. <button id="btn_show_dict" class='icon_btn' style="color: var(--main-color);" onclick="show_dict(this)">
  77. <?php echo $_local->gui->dict; ?>
  78. </button>
  79. <div id="main_view_shell">
  80. <div id="right_float_pannal">
  81. <div id="tool_bar">
  82. <span>
  83. <button id="max_right_float" class="icon_btn" onclick="max_right_float(this)">
  84. <svg class='icon'><use xlink:href='../studio/svg/icon.svg#left_expand'></use></svg>
  85. </button>
  86. <button id="min_right_float" class="icon_btn" onclick="min_right_float(this)">
  87. <svg class='icon'><use xlink:href='../studio/svg/icon.svg#right_expand'></use></svg>
  88. </button>
  89. </span>
  90. <span id="tool_bar_title" style="font-size: 150%;">
  91. <?php echo $_local->gui->searching_instruction; ?><guide gid="dict_search_input" init="1"></guide>
  92. </span>
  93. <span>
  94. <button id="close_right_float" class="icon_btn" onclick="close_right_float()">
  95. <svg class='icon'><use xlink:href='../studio/svg/icon.svg#cross_with_circle'></use></svg>
  96. </button>
  97. </span>
  98. </div>
  99. <iframe id="dict" src="../dict/index.php?builtin=true" name="dict" title="wikipali"></iframe>
  100. </div>
  101. </div>
  102. <script>
  103. guide_init();
  104. </script>