Refactor options.js
This commit is contained in:
Sofya Ilinova
isqua
parent
b750f50f3c
commit
4bf58b0927
|
|
@ -1,151 +1,208 @@
|
|||
var ppOptions = {};
|
||||
/**
|
||||
* Получает версию настроек из манифеста
|
||||
* @returns {String} Версия настроек
|
||||
*/
|
||||
function getVersion() {
|
||||
var xhr = new XMLHttpRequest(),
|
||||
manifest;
|
||||
|
||||
// Binding event listeners
|
||||
$(function() {
|
||||
pp_restore_options();
|
||||
|
||||
// Delegating events
|
||||
$('#tabs-content').on('click', 'input', function() {
|
||||
pp_save_options();
|
||||
});
|
||||
});
|
||||
xhr.open('GET', chrome.extension.getURL('manifest.json'), false);
|
||||
xhr.send(null);
|
||||
|
||||
// Initializing full options structure
|
||||
function pp_init_options() {
|
||||
var pp_version = getVersion();
|
||||
|
||||
manifest = JSON.parse(xhr.responseText);
|
||||
|
||||
return manifest.version;
|
||||
}
|
||||
|
||||
/**
|
||||
* Объект, управляющий сохранением настроек на странице настроек
|
||||
*
|
||||
* При создании сохраняет версию, восстанавливает настройки, слушает изменения на инпутах.
|
||||
* @constructor
|
||||
*/
|
||||
function Options() {
|
||||
this.version = getVersion();
|
||||
|
||||
this.restore();
|
||||
|
||||
$('#tabs-content').on('click', 'input', this._onChange.bind(this));
|
||||
}
|
||||
|
||||
/**
|
||||
* Получает версию настроек. Если она не равна версии приложения, записывает в сторедж плагина настройки из инпутов
|
||||
* и версию приложения.
|
||||
*/
|
||||
Options.prototype.init = function() {
|
||||
chrome.storage.sync.get('options_version', function(data) {
|
||||
console.info('Point+ %s, local options are for %s', pp_version, data.options_version);
|
||||
|
||||
// Checking last options version
|
||||
if (data.options_version != getVersion()) {
|
||||
this.logVersion(data.options_version);
|
||||
|
||||
if (data.options_version !== this.version) {
|
||||
console.log('Initializing options...');
|
||||
|
||||
$('.option-node').find('input').each(function(idx, $input) {
|
||||
console.debug($(this));
|
||||
|
||||
// Using option types
|
||||
if ($(this).hasClass('option-boolean')) {
|
||||
ppOptions[$(this).prop('id').replace(/-/g, '_')] = {
|
||||
type: 'boolean',
|
||||
value: $(this).prop('checked')
|
||||
};
|
||||
} else if ($(this).hasClass('option-enum')) {
|
||||
if ($(this).prop('checked')) {
|
||||
ppOptions[$(this).prop('name').replace(/-/g, '_')] = {
|
||||
type: 'enum',
|
||||
value: $(this).val()
|
||||
};
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Updating options
|
||||
|
||||
chrome.storage.sync.set({
|
||||
options: ppOptions,
|
||||
options_version: getVersion()
|
||||
}, function() {
|
||||
console.log('Default options initialized. Version upgraded to %s.', pp_version);
|
||||
|
||||
if (!confirm(chrome.i18n.getMessage('options_text_new_version'))) {
|
||||
options: this.getValues(),
|
||||
options_version: this.version
|
||||
}, function() {
|
||||
console.log('Default options initialized. Version upgraded to %s.', this.version);
|
||||
|
||||
if ( ! confirm(chrome.i18n.getMessage('options_text_new_version'))) {
|
||||
window.close();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}.bind(this));
|
||||
};
|
||||
|
||||
/**
|
||||
* Сохраняет настройки
|
||||
*/
|
||||
Options.prototype.save = function() {
|
||||
var ppOptions = this.getValues();
|
||||
|
||||
// Saves options to sync storage.
|
||||
// @todo: optimize it! (merge)
|
||||
function pp_save_options() {
|
||||
$('.option-node').find('input').each(function(idx, $input) {
|
||||
console.log($(this));
|
||||
|
||||
// Using option types
|
||||
if ($(this).hasClass('option-boolean')) {
|
||||
ppOptions[$(this).prop('id').replace(/-/g, '_')] = {
|
||||
type: 'boolean',
|
||||
value: $(this).prop('checked')
|
||||
};
|
||||
} else if ($(this).hasClass('option-enum')) {
|
||||
if ($(this).prop('checked')) {
|
||||
ppOptions[$(this).prop('name').replace(/-/g, '_')] = {
|
||||
type: 'enum',
|
||||
value: $(this).val()
|
||||
};
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
console.log('Saving options: %O', ppOptions);
|
||||
|
||||
// Saving parameters
|
||||
chrome.storage.sync.set({options: ppOptions}, function() {
|
||||
chrome.storage.sync.set({ options: ppOptions }, function() {
|
||||
// Update status to let user know options were saved.
|
||||
$('#status').html(chrome.i18n.getMessage('options_text_saved'));
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// Restores select box state to saved value from localStorage.
|
||||
function pp_restore_options() {
|
||||
// Cleaning old style options
|
||||
// Delete after some time
|
||||
/**
|
||||
* Получает настройки из стореджа плагина, устанавливает соответствующим инпутам соответствующие значения.
|
||||
*/
|
||||
Options.prototype.restore = function() {
|
||||
this.checkOldStyle();
|
||||
|
||||
chrome.storage.sync.get('options', function(data) {
|
||||
this._options = data.options;
|
||||
|
||||
try {
|
||||
// Setting options in DOM
|
||||
$.each(data.options, function(key, data) {
|
||||
switch (data.type) {
|
||||
case 'boolean':
|
||||
if (data.value) {
|
||||
$('#' + this.getOptionName(key)).prop('checked', true);
|
||||
}
|
||||
break;
|
||||
|
||||
case 'enum':
|
||||
$('.option-node .option-enum[name="' + this.getOptionName(key) + '"][value="' + data.value + '"]').prop('checked', true);
|
||||
break;
|
||||
|
||||
default:
|
||||
console.warn('Invalid option "%s" type: %O', key, data);
|
||||
break;
|
||||
}
|
||||
}.bind(this));
|
||||
} catch (ex) {
|
||||
console.log('Error while loading extension options: %O', ex);
|
||||
}
|
||||
|
||||
this.showCopyright();
|
||||
this.init();
|
||||
}.bind(this));
|
||||
};
|
||||
|
||||
/**
|
||||
* @returns {Object} Хеш настроек вида { имя_настроки: значение_настройки }
|
||||
*/
|
||||
Options.prototype.getValues = function() {
|
||||
return this._options;
|
||||
};
|
||||
|
||||
Options.prototype._onChange = function(event) {
|
||||
var $input = $(event.target);
|
||||
|
||||
console.log(arguments);
|
||||
|
||||
if (this.isBoolean($input)) {
|
||||
this._options[this.getOptionKey($input.prop('id'))] = {
|
||||
type: 'boolean',
|
||||
value: $input.prop('checked')
|
||||
};
|
||||
} else if (this.isEnum($input)) {
|
||||
this._options[this.getOptionKey($input.prop('name'))] = {
|
||||
type: 'enum',
|
||||
value: $input.val()
|
||||
};
|
||||
}
|
||||
|
||||
this.save();
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {jQuery} $option Элемент опции
|
||||
* @returns {Boolean} Является ли настройка булевой
|
||||
*/
|
||||
Options.prototype.isBoolean = function($option) {
|
||||
return $option.hasClass('option-boolean');
|
||||
};
|
||||
|
||||
/**
|
||||
*
|
||||
* @param {jQuery} $option Элемент опции
|
||||
* @returns {Boolean} Является ли настройка енумом
|
||||
*/
|
||||
Options.prototype.isEnum = function($option) {
|
||||
return $option.hasClass('option-enum');
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {String} name Имя инпута
|
||||
* @returns {String} Ключ для хеша настроек
|
||||
*/
|
||||
Options.prototype.getOptionKey = function(name) {
|
||||
return name.replace(/-/g, '_');
|
||||
};
|
||||
|
||||
/**
|
||||
* @param {String} Ключ хеша настроек
|
||||
* @returns {String} Имя инпута
|
||||
*/
|
||||
Options.prototype.getOptionName = function(key) {
|
||||
return key.replace(/_/g, '-');
|
||||
};
|
||||
|
||||
/**
|
||||
* Выводит в консоль версию настроек и версию плагина
|
||||
* @param {String} optionsVersion
|
||||
*/
|
||||
Options.prototype.logVersion = function(optionsVersion) {
|
||||
console.info('Point+ %s, local options are for %s', this.version, optionsVersion);
|
||||
};
|
||||
|
||||
/**
|
||||
* Добавляет копирайт в подвал
|
||||
*/
|
||||
Options.prototype.showCopyright = function() {
|
||||
$('#pp-version').html('Point+ ' + this.version
|
||||
+ ' by <a href="https://skobkin-ru.point.im/" target="_blank">@skobkin-ru</a><br>\n'
|
||||
+ '& <a href="https://nokitakaze.point.im/" target="_blank">@NokitaKaze</a>'
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* Проверяет, не старого ли формата настройки. И если старого, то удаляет их.
|
||||
*/
|
||||
Options.prototype.checkOldStyle = function() {
|
||||
chrome.storage.sync.get('option_fancybox', function(data) {
|
||||
if ((data.option_fancybox === true) || (data.option_fancybox === false)) {
|
||||
console.log('Found old-style options. Cleaning...');
|
||||
|
||||
chrome.storage.sync.get(null, function(data) {
|
||||
|
||||
console.log('Old data: %O', data);
|
||||
|
||||
for (option in data) {
|
||||
chrome.storage.sync.remove(option);
|
||||
}
|
||||
|
||||
console.log('All old data removed');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Loading options
|
||||
chrome.storage.sync.get('options', function(options) {
|
||||
|
||||
try {
|
||||
// Setting options in DOM
|
||||
$.each(options.options, function(key, data) {
|
||||
switch (data.type) {
|
||||
case 'boolean':
|
||||
if (data.value) {
|
||||
$('#' + key.replace(/_/g, '-')).prop('checked', true);
|
||||
}
|
||||
break;
|
||||
};
|
||||
|
||||
case 'enum':
|
||||
$('.option-node .option-enum[name="' + key.replace(/_/g, '-') + '"][value="' + data.value + '"]').prop('checked', true);
|
||||
break;
|
||||
|
||||
default:
|
||||
console.warn('Invalid option "%s" type: %O', key, data);
|
||||
break;
|
||||
}
|
||||
});
|
||||
} catch (ex) {
|
||||
console.error('Error while loading extension options: %O', ex);
|
||||
}
|
||||
|
||||
|
||||
// Showing version
|
||||
$('#pp-version').html('Point+ ' + getVersion()
|
||||
+ ' by <a href="https://skobkin-ru.point.im/" target="_blank">@skobkin-ru</a><br>\n\
|
||||
& <a href="https://nokitakaze.point.im/" target="_blank">@NokitaKaze</a>'
|
||||
);
|
||||
|
||||
// Initializing new options
|
||||
pp_init_options();
|
||||
});
|
||||
}
|
||||
|
||||
// Getting version from manifest.json
|
||||
function getVersion() {
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('GET', chrome.extension.getURL('manifest.json'), false);
|
||||
xhr.send(null);
|
||||
var manifest = JSON.parse(xhr.responseText);
|
||||
return manifest.version;
|
||||
}
|
||||
new Options();
|
||||
|
|
|
|||
Loading…
Reference in New Issue