OthersTab.vue 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <template>
  2. <div class="fit sets-tab-panel">
  3. <!---------------------------------------------->
  4. <div class="sets-part-header">
  5. Подсказки, уведомления
  6. </div>
  7. <div class="sets-item row no-wrap">
  8. <div class="sets-label label">
  9. Подсказка
  10. </div>
  11. <q-checkbox v-model="form.showClickMapPage" size="xs" label="Показывать области управления кликом" :disable="!form.clickControl">
  12. <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
  13. Показывать или нет подсказку при каждой загрузке книги
  14. </q-tooltip>
  15. </q-checkbox>
  16. </div>
  17. <div class="sets-item row">
  18. <div class="sets-label label">
  19. Подсказка
  20. </div>
  21. <q-checkbox v-model="form.blinkCachedLoad" size="xs" label="Предупреждать о загрузке из кэша">
  22. <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
  23. Мерцать сообщением в строке статуса и на кнопке<br>
  24. обновления при загрузке книги из кэша
  25. </q-tooltip>
  26. </q-checkbox>
  27. </div>
  28. <div class="sets-item row no-wrap">
  29. <div class="sets-label label">
  30. Уведомление
  31. </div>
  32. <q-checkbox v-model="form.showServerStorageMessages" size="xs" label="Показывать сообщения синхронизации">
  33. <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
  34. Показывать уведомления и ошибки от<br>
  35. синхронизатора данных с сервером
  36. </q-tooltip>
  37. </q-checkbox>
  38. </div>
  39. <div class="sets-item row">
  40. <div class="sets-label label">
  41. Уведомление
  42. </div>
  43. <q-checkbox v-model="form.showWhatsNewDialog" size="xs">
  44. Показывать уведомление "Что нового"
  45. <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
  46. Показывать уведомления "Что нового"<br>
  47. при появлении новой версии читалки
  48. </q-tooltip>
  49. </q-checkbox>
  50. </div>
  51. <div class="sets-item row">
  52. <div class="sets-label label">
  53. Уведомление
  54. </div>
  55. <q-checkbox v-model="form.showDonationDialog" size="xs">
  56. Показывать форму доната
  57. <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
  58. Показывать диалог для сбора пожертвований
  59. </q-tooltip>
  60. </q-checkbox>
  61. </div>
  62. <!---------------------------------------------->
  63. <div class="sets-part-header">
  64. Другое
  65. </div>
  66. <div class="sets-item row">
  67. <div class="sets-label label">
  68. Обработка
  69. </div>
  70. <q-checkbox v-model="form.lazyParseEnabled" size="xs" label="Предварительная подготовка текста">
  71. <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
  72. Включение этой опции позволяет делать предварительную<br>
  73. подготовку всего текста в ленивом режиме сразу после<br>
  74. загрузки книги. Это может повысить отзывчивость читалки,<br>
  75. но нагружает процессор каждый раз при открытии книги.
  76. </q-tooltip>
  77. </q-checkbox>
  78. </div>
  79. <div class="sets-item row">
  80. <div class="sets-label label">
  81. Парам. в URL
  82. </div>
  83. <q-checkbox v-model="form.allowUrlParamBookPos" size="xs">
  84. Добавлять параметр "__p"
  85. <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
  86. Добавление параметра "__p" в строке браузера<br>
  87. позволяет передавать ссылку на книгу в читалке<br>
  88. без потери текущей позиции. Однако в этом случае<br>
  89. при листании забивается история браузера, т.к. на<br>
  90. каждое изменение позиции происходит смена URL.
  91. </q-tooltip>
  92. </q-checkbox>
  93. </div>
  94. <div class="sets-item row">
  95. <div class="sets-label label">
  96. Копирование
  97. </div>
  98. <q-checkbox v-model="form.copyFullText" size="xs" label="Загружать весь текст">
  99. <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
  100. Загружать весь текст в окно<br>
  101. копирования текста со страницы
  102. </q-tooltip>
  103. </q-checkbox>
  104. </div>
  105. </div>
  106. </template>
  107. <script>
  108. //-----------------------------------------------------------------------------
  109. import vueComponent from '../../../vueComponent.js';
  110. const componentOptions = {
  111. components: {
  112. },
  113. };
  114. class OthersTab {
  115. _options = componentOptions;
  116. _props = {
  117. form: Object,
  118. };
  119. created() {
  120. }
  121. mounted() {
  122. }
  123. }
  124. export default vueComponent(OthersTab);
  125. //-----------------------------------------------------------------------------
  126. </script>
  127. <style scoped>
  128. .label {
  129. width: 100px;
  130. }
  131. </style>