CommonHelpPage.vue 4.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <template>
  2. <div class="page">
  3. <h4>Возможности читалки:</h4>
  4. <ul>
  5. <li>загрузка любой страницы интернета</li>
  6. <li>работа в автономном режиме (без связи)</li>
  7. <li>изменение цвета фона, текста, размер и тип шрифта и прочее</li>
  8. <li>установка и запоминание текущей позиции и настроек в браузере и на сервере</li>
  9. <li>синхронизация данных (настроек и читаемых книг) между различными устройствами</li>
  10. <li>кэширование файлов книг на клиенте и на сервере</li>
  11. <li>открытие книг с локального диска</li>
  12. <li>плавный скроллинг текста</li>
  13. <li>анимация перелистывания</li>
  14. <li>поиск по тексту и копирование фрагмента</li>
  15. <li>запоминание недавних книг, скачивание книги из читалки в формате fb2</li>
  16. <li>управление кликом и с клавиатуры</li>
  17. <li>регистрация не требуется</li>
  18. <li>поддерживаемые браузеры: Google Chrome, Mozilla Firefox последних версий</li>
  19. </ul>
  20. <p>В качестве URL книги можно задавать html-страничку с книгой, либо прямую ссылку
  21. на файл из онлайн-библиотеки (например, скопировав адрес ссылки или кнопки "скачать fb2").</p>
  22. <p>Поддерживаемые форматы: <b>fb2, fb2.zip, html, txt</b> и другие.</p>
  23. <div v-show="mode == 'omnireader'">
  24. <p>Вы можете добавить в свой браузер закладку, указав в ее свойствах вместо адреса следующий код:
  25. <br><strong>javascript:location.href='https://omnireader.ru/?url='+location.href;</strong>
  26. &nbsp;
  27. <span class="clickable" @click="copyText('javascript:location.href=\'https://omnireader.ru/?url=\'+location.href;', 'Код для адреса закладки успешно скопирован в буфер обмена')">
  28. (скопировать)
  29. </span>
  30. <br>или перетащив на панель закладок следующую ссылку:
  31. <br><a style="margin-left: 50px" href="javascript:location.href='https://omnireader.ru/?url='+location.href;">Omni Reader</a>
  32. <br>Тогда, активировав получившуюся закладку на любой странице интернета, вы автоматически загрузите эту страницу в Omni Reader.
  33. <br>В Chrome для Android можно вызывать такую закладку по имени прямо в адресной строке браузера (имя стоит сделать попроще).
  34. </p>
  35. </div>
  36. <p>Связаться с разработчиком: <a href="mailto:bookpauk@gmail.com">bookpauk@gmail.com</a></p>
  37. </div>
  38. </template>
  39. <script>
  40. //-----------------------------------------------------------------------------
  41. import Vue from 'vue';
  42. import Component from 'vue-class-component';
  43. import {copyTextToClipboard} from '../../../../share/utils';
  44. export default @Component({
  45. })
  46. class CommonHelpPage extends Vue {
  47. created() {
  48. }
  49. get mode() {
  50. return this.$store.state.config.mode;
  51. }
  52. async copyText(text, mes) {
  53. const result = await copyTextToClipboard(text);
  54. const msg = (result ? mes : 'Копирование не удалось');
  55. if (result)
  56. this.$notify.success({message: msg});
  57. else
  58. this.$notify.error({message: msg});
  59. }
  60. }
  61. //-----------------------------------------------------------------------------
  62. </script>
  63. <style scoped>
  64. .page {
  65. flex: 1;
  66. padding: 15px;
  67. overflow-y: auto;
  68. font-size: 120%;
  69. line-height: 130%;
  70. }
  71. h4 {
  72. margin: 0;
  73. }
  74. .clickable {
  75. color: blue;
  76. text-decoration: underline;
  77. cursor: pointer;
  78. }
  79. </style>