diff --git a/client/components/Reader/SettingsPage/SettingsPage.vue b/client/components/Reader/SettingsPage/SettingsPage.vue index 12a3167c..80ca7658 100644 --- a/client/components/Reader/SettingsPage/SettingsPage.vue +++ b/client/components/Reader/SettingsPage/SettingsPage.vue @@ -14,30 +14,30 @@ - {{ textColor }} + {{ textColor }} - {{ backgroundColor }} + {{ backgroundColor }} - Шрифт + Шрифт - Текст + Текст - Строка статуса + Строка статуса @@ -60,14 +60,33 @@ import Component from 'vue-class-component'; import Window from '../../share/Window.vue'; -const props = [ - 'textColor', - 'backgroundColor' -]; +const propsData = { + textColor: '#000000', + backgroundColor: '#EBE2C9', + fontStyle: '',// 'italic' + fontWeight: '',// 'bold' + fontSize: 20,// px + fontName: 'ReaderDefault', + fontCssUrl: '', + fontVertShift: 0, -let propsData = {}; -for (const prop of props) - propsData[prop] = null; + lineInterval: 3,// px, межстрочный интервал + textAlignJustify: true,// выравнивание по ширине + p: 25,// px, отступ параграфа + indent: 15,// px, отступ всего текста слева и справа + wordWrap: true,//перенос по слогам + keepLastToFirst: true,// перенос последней строки в первую при листании + + showStatusBar: true, + statusBarTop: false,// top, bottom + statusBarHeight: 19,// px + statusBarColorAlpha: 0.4, + + pageChangeTransition: '',// '' - нет, downShift, rightShift, thaw - протаивание, blink - мерцание + pageChangeTransitionSpeed: 50, //0-100% + + allowUrlParamBookPos: true, +}; export default @Component({ components: { @@ -91,7 +110,7 @@ class SettingsPage extends Vue { this.reader = this.$store.state.reader; this.form = this.settings; - for (const prop of props) { + for (let prop in propsData) { this[prop] = this.form[prop]; this.$watch(prop, (newValue) => { this.form = Object.assign({}, this.form, {[prop]: newValue}) @@ -105,18 +124,26 @@ class SettingsPage extends Vue { get predefineTextColors() { return [ - '#ff4500', - '#ff8c00', + '#ffffff', + '#000000', + '#202020', + '#323232', + '#aaaaaa', + '#00c0c0', ]; } get predefineBackgroundColors() { return [ - '#ff4500', - '#ff8c00', - '#ffd700', - '#c71585', - 'rgba(255, 69, 0, 0.68)', + '#ffffff', + '#000000', + '#202020', + '#ebe2c9', + '#478355', + '#909080', + '#808080', + '#a6caf0', + '#c8c8c8', ]; }