skobkin/chrome_point_plus
1
0
Fork 0
mirror of https://bitbucket.org/skobkin/chrome_point_plus.git synced 2024-11-23 18:56:04 +00:00
Code Issues Projects Releases Wiki Activity

Merged in isqua/chrome_point_plus/refactor_prostopleer (pull request #37) Refactor pleer.com and instagram embedding, remove bquery_ajax; Fixes #79

Browse source
This commit is contained in:
Alexey Skobkin 2015-01-31 14:49:09 +03:00
parent 068c461070 1f97b6d19c
commit d35dc6036e
6 changed files with 359 additions and 549 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
chrome_point_plus/_locales/en/messages.json
View file

@ -86,9 +86,6 @@
"option_embedding_pleercom": { "option_embedding_pleercom": {
"message": "Pleer.com ▼" "message": "Pleer.com ▼"
}, },
"option_embedding_pleercom_nokita_server": {
"message": "Use Nokita's server (deprecated)"
},
"option_embedding_coubcom": { "option_embedding_coubcom": {
"message": "Coub.com ▼" "message": "Coub.com ▼"
}, },

3
chrome_point_plus/_locales/ru/messages.json
View file

@ -86,9 +86,6 @@
"option_embedding_pleercom": { "option_embedding_pleercom": {
"message": "Pleer.com ▼" "message": "Pleer.com ▼"
}, },
"option_embedding_pleercom_nokita_server": {
"message": "Использовать сервер @NokitaKaze (deprecated)"
},
"option_embedding_coubcom": { "option_embedding_coubcom": {
"message": "Coub.com ▼" "message": "Coub.com ▼"
}, },

113
chrome_point_plus/js/bquery_ajax.js
View file

@ -1,113 +0,0 @@
/**
* @deprecated since 1.36.0
*/
function $ajax_prot(settings){
if (settings==undefined){return;}
if (settings['url'] ==undefined){return;}this.url=settings['url'];
if (settings['async'] !==undefined){this.async =settings['async'];}
if (settings['type'] !==undefined){this.type =settings['type'];}
if (settings['postdata']!==undefined){this.postdata=settings['postdata'];}
if (settings['dont_set_content_type']!==undefined){
this.dont_set_content_type=settings['dont_set_content_type'];
}
this.xhr=new XMLHttpRequest();
this.xhr.parent =this;
this.xhr.settings=settings;
this.xhr.success =settings['success'];
this.xhr.error =settings['error'];
this.xhr.onreadystatechange=this.change;
this.xhr.open(this.type, this.url, this.async);
if ((this.type=='POST')&& !this.dont_set_content_type){
this.xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
}
if (settings.headers!==undefined){
for (var i=0;i<settings.headers.length;i++){
this.xhr.setRequestHeader(settings.headers[i][0], settings.headers[i][1]);
}
}
this.xhr.send(this.postdata);
}
$ajax_prot.prototype={
version: '0.0.5a',
url: '',
type: 'GET',
async: true,
postdata:null,
xhr: null,
dont_set_content_type: false,
change:function(){
if (this.readyState!==4){return;}
if (this.status==200){
if (this.success!==undefined){this.success(this.responseText,this.textStatus,this);}
}else{
if (this.error !==undefined){this.error(this.responseText,this.textStatus,this);}
}
}
}
$ajax=function (settings){return new $ajax_prot(settings);}
/**
* @deprecated since 1.36.0
*/
function urlencode(text){return encodeURIComponent(text);}
/**
* @deprecated since 1.36.0
*/
function sad_safe_reg(text){
var ar='.-\\/[]{}?+';
var s=''; for (var i=0;i<text.length;i++){
if ((' '+ar).indexOf(text[i])>0){
s+='\\'+text[i];
}else{
s+=text[i];
}
}
return s;
}
/**
* @deprecated since 1.36.0
*/
function sad_xml_getnode(node,path){//node as domNode
if ('' ==path){return node;}
if ('#'==path){return node.textContent || node.text;}
var ri=new RegExp('^([a-z0-9.:_-]*)(\\|[0-9]+)?(/?(.*))?','i');
var t=path.match(ri);
if (t[1].length<1){return undefined;}
if (t[2]==undefined){t[2]='';}
if (t[4]==undefined){t[4]='';}
var k=parseInt(t[2].substr(1));
if (!(k>0)){k=1;}
var r=new RegExp('^'+sad_safe_reg(t[1])+'$');
for (var i=0;i<node.childNodes.length;i++){
if (r.test(node.childNodes[i].nodeName)){
k--;if (k==0){return sad_xml_getnode(node.childNodes[i],t[4]);}
}
}
return undefined;
}
/**
* @deprecated since 1.36.0
*/
function sad_xml_attribute(node,name){
if (node==undefined){return undefined;}
var r=new RegExp('^'+sad_safe_reg(name)+'$','i');
for (var i=0;i<node.attributes.length;i++){
if (r.test(node.attributes[i].nodeName)){return node.attributes[i].nodeValue;}
}
return '';
}
/**
* @deprecated since 1.36.0
*/
function sad_x2n(xml){
return xml.responseXML.childNodes[xml.responseXML.childNodes.length-1];
}

134
chrome_point_plus/js/point-plus.js
View file

@ -972,82 +972,23 @@ function set_posts_count_label() {
} }
function parse_pleercom_links(current_options) { function parse_pleercom_links(current_options) {
if (current_options.is('option_embedding_pleercom_nokita_server')) { $('.post-content a').each(function(num, link) {
parse_pleercom_links_nokita(); var $link = $(link);
} else { var href = link.href;
parse_pleercom_links_ajax(current_options); var matches = href.match(new RegExp('^https?:\\/\\/pleer\\.com\\/tracks\\/([0-9a-z]+)', 'i'));
}
}
/**
* @deprecated since 1.19
*/
function parse_pleercom_links_nokita() {
$('.post-content a').each(function(num, obj) {
var href = obj.href;
var n = null;
if (n = href.match(new RegExp('^https?:\\/\\/pleer\\.com\\/tracks\\/([0-9a-z]+)', 'i'))) { if (matches) {
var player = document.createElement('audio'); trackHref = 'http://embed.pleer.com/normal/track?id=' + matches[1] + '&t=grey';
$(player).attr({
'src': 'https://api.kanaria.ru/point/get_pleer_file.php?id=' + n[1],
'controls': 'controls',
'preload': 'none'
});
var player_div = document.createElement('div'); $link.before('<object width="578" height="60"><param name="movie" value="' + trackHref + '"></param>' +
$(player_div).addClass('embeded_audio').addClass('embeded_audio_' + n[1]); '<embed src="' + trackHref + '" type="application/x-shockwave-flash" width="578" height="60">' +
player_div.appendChild(player); '</embed></object>');
obj.parentElement.insertBefore(player_div, obj); if ( ! current_options.is('option_embedding_pleercom_orig_link')) {
} $link.remove();
});
}
function parse_pleercom_links_ajax(current_options) {
$('.post-content a').each(function(num, obj) {
var href = obj.href;
var n = null;
if (n = href.match(new RegExp('^https?:\\/\\/pleer\\.com\\/tracks\\/([0-9a-z]+)', 'i'))) {
var player_div = document.createElement('div');
$(player_div).addClass('embeded_audio').addClass('embeded_audio_' + n[1]);
$(obj).addClass('pleercom_original_link_'+n[1]);
obj.parentElement.insertBefore(player_div, obj);
create_pleercom_ajax(n[1], current_options);
}
});
}
function create_pleercom_ajax(id, current_options) {
$ajax({
'url': 'https://pleer.com/site_api/files/get_url',
'type': 'post',
'postdata': 'action=download&id=' + id,
'dont_set_content_type': true,
'pleer_id': id,
'headers': [['Accept', '*'], ['Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8']],
'success': function(a) {
var answer = JSON.parse(a);
var player = document.createElement('audio');
// @todo Проверять существование track_link
$(player).attr({
'src': answer.track_link,
'controls': 'controls',
'preload': 'auto'
});
$('.embeded_audio_' + this.settings.pleer_id)[0].appendChild(player);
if (current_options.is('option_embedding_pleercom_orig_link', false)){
$('.pleercom_original_link_'+this.settings.pleer_id).hide();
} }
},
'error': function() {
console.log('Can not get pleer.com url');
setTimeout(new Function('create_pleercom_ajax("' + this.settings.pleer_id + '");'), 1000);
} }
}); });
} }
// Проставляем теги у постов // Проставляем теги у постов
@ -1612,41 +1553,36 @@ function twitter_tweet_embedding_parse_links() {
function instagram_posts_embedding_init(options) { function instagram_posts_embedding_init(options) {
var regex = new RegExp('^https?://(www\\.)?instagram\\.com/p/([\\w-]+)/?', 'i'); var regex = new RegExp('^https?://(www\\.)?instagram\\.com/p/([\\w-]+)/?', 'i');
$('.post-content a:not(.booru_pic)').each(function(num, $link) { $('.post-content a:not(.booru_pic)').each(function(num, link) {
var href = $link.href; var $link = $(link);
var n; var href = link.href;
var matches = href.match(regex);
if (n = href.match(regex)) { if (matches) {
$ajax({ $.ajax('https://api.instagram.com/oembed?url=' + 'http://instagr.am/p/' + matches[2] + '/', {
'url': 'https://api.instagram.com/oembed?url=' + urlencode('http://instagram.com/p/' + n[2] + '/'), dataType: 'json',
'success': function(text) { success: function(response) {
var answer = JSON.parse(text); var $imgLink = $('<a><img src="' + response.thumbnail_url +
var new_post = document.createElement('a'); '" + alt="' + response.title + '"></a>');
$(new_post).attr({
'id': 'instagram-' + num,
'href': answer.thumbnail_url,
'title': answer.title,
'target': '_blank',
'data-fancybox-group': (options.is('option_fancybox_bind_images_to_one_flow'))
? 'one_flow_gallery' : '',
'data-fancybox-title': (options.is('option_fancybox_smart_hints'))
? answer.title : ' '
}).addClass('postimg instagram-post-embedded');
var image = document.createElement('img'); $imgLink
image.alt = new_post.title; .addClass('postimg instagram-post-embedded')
image.src = new_post.href; .attr({
new_post.appendChild(image); id: 'instagram-' + num,
href: 'http://instagram.com/p/' + matches[2] + '/media/?size=l',
title: response.title,
traget: '_blank',
'data-fancybox-group': (options.is('option_fancybox_bind_images_to_one_flow')) ? 'one_flow_gallery' : '',
'data-fancybox-title': (options.is('option_fancybox_smart_hints')) ? response.title : ''
});
// Leave or replace $link.before($imgLink);
if (options.is('option_embedding_instagram_posts_orig_link')) {
$link.parentElement.insertBefore(new_post, $link); if ( ! options.is('option_embedding_instagram_posts_orig_link')) {
} else { $link.remove();
$($link).replaceWith(new_post);
} }
} }
}); });
} }
}); });
} }

16
chrome_point_plus/manifest.json
View file

@ -27,18 +27,16 @@
{ {
"matches": ["http://*.point.im/*", "https://*.point.im/*"], "matches": ["http://*.point.im/*", "https://*.point.im/*"],
"js": [ "js": [
"vendor/jquery/jquery.min.js", "vendor/jquery/jquery.min.js",
"js/bquery_ajax.js", "js/options-manager.js",
"js/message-sender.js",
"js/options-manager.js", "js/point-plus.js"
"js/message-sender.js", ],
"js/point-plus.js"
],
"css": [ "css": [
"css/point-plus.css" "css/point-plus.css"
], ],
"run_at": "document_end" "run_at": "document_end"
} }
], ],

639
chrome_point_plus/options.html
View file

@ -1,322 +1,317 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title data-i18n="options_page_title"></title> <title data-i18n="options_page_title"></title>
<link rel="stylesheet" href="css/options.css" type="text/css"> <link rel="stylesheet" href="css/options.css" type="text/css">
</head> </head>
<body> <body>
<main> <main>
<nav class="tabs-list"> <nav class="tabs-list">
<a class="tabs-item selected" href="#media" data-i18n="options_tabs_media"></a> <a class="tabs-item selected" href="#media" data-i18n="options_tabs_media"></a>
<a class="tabs-item" href="#other" data-i18n="options_tabs_other"></a> <a class="tabs-item" href="#other" data-i18n="options_tabs_other"></a>
<a class="tabs-item" href="#websocket" data-i18n="options_tabs_websocket"></a> <a class="tabs-item" href="#websocket" data-i18n="options_tabs_websocket"></a>
<a class="tabs-item" href="#feedback" data-i18n="options_tabs_feedback"></a> <a class="tabs-item" href="#feedback" data-i18n="options_tabs_feedback"></a>
</nav> </nav>
<form class="tabs-content"> <form class="tabs-content">
<section class="tabs-content-item selected" id="media"> <section class="tabs-content-item selected" id="media">
<div class="option-node"> <div class="option-node">
<input type="checkbox" name="option-fancybox" id="option-fancybox"> <input type="checkbox" name="option-fancybox" id="option-fancybox">
<label for="option-fancybox" data-i18n="option_fancybox"></label> <label for="option-fancybox" data-i18n="option_fancybox"></label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-fancybox-images"> <input type="checkbox" name="option-fancybox-images">
<span data-i18n="option_fancybox_images"></span> <span data-i18n="option_fancybox_images"></span>
</label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-fancybox-videos"> <input type="checkbox" name="option-fancybox-videos">
<span data-i18n="option_fancybox_videos"></span> <span data-i18n="option_fancybox_videos"></span>
</label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-fancybox-posts"> <input type="checkbox" name="option-fancybox-posts">
<span data-i18n="option_fancybox_posts"></span> <span data-i18n="option_fancybox_posts"></span>
</label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-fancybox-bind-images-to-one-flow"> <input type="checkbox" name="option-fancybox-bind-images-to-one-flow">
<span data-i18n="option_fancybox_bind_images_to_one_flow"></span> <span data-i18n="option_fancybox_bind_images_to_one_flow"></span>
</label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-fancybox-smart-hints"> <input type="checkbox" name="option-fancybox-smart-hints">
<span data-i18n="option_fancybox_smart_hints"></span> <span data-i18n="option_fancybox_smart_hints"></span>
</label> </label>
</div> </div>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-images-load-original"> <input type="checkbox" name="option-images-load-original">
<span data-i18n="option_images_load_original"></span> <span data-i18n="option_images_load_original"></span>
</label> </label>
<div class="option-node"> <div class="option-node">
<input type="checkbox" name="option-embedding" id="option-embedding"> <input type="checkbox" name="option-embedding" id="option-embedding">
<label for="option-embedding" data-i18n="option_embedding"></label> <label for="option-embedding" data-i18n="option_embedding"></label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-images-load-booru"> <input type="checkbox" name="option-images-load-booru">
<span data-i18n="option_images_load_booru"></span> <span data-i18n="option_images_load_booru"></span>
</label> </label>
<div class="option-node"> <div class="option-node">
<input type="checkbox" name="option-videos-parse-links" id="option-videos-parse-links"> <input type="checkbox" name="option-videos-parse-links" id="option-videos-parse-links">
<label for="option-videos-parse-links" data-i18n="option_videos_parse_links"></label> <label for="option-videos-parse-links" data-i18n="option_videos_parse_links"></label>
<div class="option-node"> <div class="option-node">
<label> <label>
<input type="radio" name="option-videos-parse-links-type" value="webm"> <input type="radio" name="option-videos-parse-links-type" value="webm">
<span data-i18n="option_videos_parse_webm"></span> <span data-i18n="option_videos_parse_webm"></span>
</label> </label>
<label> <label>
<input type="radio" name="option-videos-parse-links-type" value="all" checked="checked"> <input type="radio" name="option-videos-parse-links-type" value="all" checked="checked">
<span data-i18n="option_videos_parse_all_links"></span> <span data-i18n="option_videos_parse_all_links"></span>
</label> </label>
</div> </div>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-videos-parse-leave-links"> <input type="checkbox" name="option-videos-parse-leave-links">
<span data-i18n="option_videos_parse_leave_links"></span> <span data-i18n="option_videos_parse_leave_links"></span>
</label> </label>
</div> </div>
<div class="option-node"> <div class="option-node">
<input type="checkbox" name="option-audios-parse-links" id="option-audios-parse-links"> <input type="checkbox" name="option-audios-parse-links" id="option-audios-parse-links">
<label for="option-audios-parse-links" data-i18n="option_audios_parse_links"></label> <label for="option-audios-parse-links" data-i18n="option_audios_parse_links"></label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-audios-parse-leave-links"> <input type="checkbox" name="option-audios-parse-leave-links">
<span data-i18n="option_embedding_soundcloud_orig_link"></span> <span data-i18n="option_embedding_soundcloud_orig_link"></span>
</label> </label>
</div> </div>
<div class="option-node"> <div class="option-node">
<input type="checkbox" name="option-embedding-soundcloud" id="option-embedding-soundcloud"> <input type="checkbox" name="option-embedding-soundcloud" id="option-embedding-soundcloud">
<label for="option-embedding-soundcloud" data-i18n="option_embedding_soundcloud"></label> <label for="option-embedding-soundcloud" data-i18n="option_embedding_soundcloud"></label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-embedding-soundcloud-orig-link"> <input type="checkbox" name="option-embedding-soundcloud-orig-link">
<span data-i18n="option_embedding_soundcloud_orig_link"></span> <span data-i18n="option_embedding_soundcloud_orig_link"></span>
</label> </label>
</div> </div>
<div class="option-node"> <div class="option-node">
<input type="checkbox" name="option-embedding-pleercom" id="option-embedding-pleercom"> <input type="checkbox" name="option-embedding-pleercom" id="option-embedding-pleercom">
<label for="option-embedding-pleercom" data-i18n="option_embedding_pleercom"></label> <label for="option-embedding-pleercom" data-i18n="option_embedding_pleercom"></label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-embedding-pleercom-nokita-server"> <input type="checkbox" name="option-embedding-pleercom-orig-link">
<span data-i18n="option_embedding_pleercom_nokita_server"></span> <span data-i18n="option_embedding_soundcloud_orig_link"></span>
</label> </label>
</div>
<label class="option-node">
<input type="checkbox" name="option-embedding-pleercom-orig-link"> <div class="option-node">
<span data-i18n="option_embedding_soundcloud_orig_link"></span> <input type="checkbox" name="option-embedding-coubcom" id="option-embedding-coubcom">
</label> <label for="option-embedding-coubcom" data-i18n="option_embedding_coubcom"></label>
</div>
<label class="option-node">
<div class="option-node"> <input type="checkbox" name="option-embedding-coubcom-orig-link">
<input type="checkbox" name="option-embedding-coubcom" id="option-embedding-coubcom"> <span data-i18n="option_embedding_coubcom_orig_link"></span>
<label for="option-embedding-coubcom" data-i18n="option_embedding_coubcom"></label> </label>
</div>
<label class="option-node">
<input type="checkbox" name="option-embedding-coubcom-orig-link"> <label class="option-node">
<span data-i18n="option_embedding_coubcom_orig_link"></span> <input type="checkbox" name="option-embedding-twitter-tweets">
</label> <span data-i18n="option_embedding_twitter_tweets"></span>
</div> </label>
<label class="option-node"> <div class="option-node">
<input type="checkbox" name="option-embedding-twitter-tweets"> <input type="checkbox" name="option-embedding-instagram-posts" id="option-embedding-instagram-posts">
<span data-i18n="option_embedding_twitter_tweets"></span> <label for="option-embedding-instagram-posts" data-i18n="option_embedding_instagram_posts"></label>
</label>
<label class="option-node">
<div class="option-node"> <input type="checkbox" name="option-embedding-instagram-posts-orig-link">
<input type="checkbox" name="option-embedding-instagram-posts" id="option-embedding-instagram-posts"> <span data-i18n="option_embedding_instagram_posts_orig_link"></span>
<label for="option-embedding-instagram-posts" data-i18n="option_embedding_instagram_posts"></label> </label>
</div>
<label class="option-node"> </div>
<input type="checkbox" name="option-embedding-instagram-posts-orig-link">
<span data-i18n="option_embedding_instagram_posts_orig_link"></span> <div class="option-node">
</label> <input type="checkbox" name="option-nsfw" id="option-nsfw">
</div> <label for="option-nsfw" data-i18n="option_nsfw"></label>
</div>
<label class="option-node">
<div class="option-node"> <input type="checkbox" name="option-nsfw-hide-posts">
<input type="checkbox" name="option-nsfw" id="option-nsfw"> <span data-i18n="option_nsfw_hide_posts"></span>
<label for="option-nsfw" data-i18n="option_nsfw"></label> </label>
<label class="option-node"> <div class="option-node">
<input type="checkbox" name="option-nsfw-hide-posts"> <input type="checkbox" name="option-nsfw-blur-posts-images" id="option-nsfw-blur-posts-images">
<span data-i18n="option_nsfw_hide_posts"></span> <label for="option-nsfw-blur-posts-images" data-i18n="option_nsfw_blur_posts_images"></label>
</label>
<label class="option-node">
<div class="option-node"> <input type="checkbox" name="option-nsfw-blur-posts-entire">
<input type="checkbox" name="option-nsfw-blur-posts-images" id="option-nsfw-blur-posts-images"> <span data-i18n="option_nsfw_blur_posts_entire"></span>
<label for="option-nsfw-blur-posts-images" data-i18n="option_nsfw_blur_posts_images"></label> </label>
</div>
<label class="option-node">
<input type="checkbox" name="option-nsfw-blur-posts-entire"> <div class="option-node">
<span data-i18n="option_nsfw_blur_posts_entire"></span> <input type="checkbox" name="option-nsfw-blur-comments-images" id="option-nsfw-blur-comments-images">
</label> <label for="option-nsfw-blur-comments-images" data-i18n="option_nsfw_blur_comments_images"></label>
</div>
<label class="option-node">
<div class="option-node"> <input type="checkbox" name="option-nsfw-blur-comments-entire">
<input type="checkbox" name="option-nsfw-blur-comments-images" id="option-nsfw-blur-comments-images"> <span data-i18n="option_nsfw_blur_comments_entire"></span>
<label for="option-nsfw-blur-comments-images" data-i18n="option_nsfw_blur_comments_images"></label> </label>
</div>
<label class="option-node"> </div>
<input type="checkbox" name="option-nsfw-blur-comments-entire"> </section>
<span data-i18n="option_nsfw_blur_comments_entire"></span>
</label> <section class="tabs-content-item" id="other">
</div> <div class="option-node">
</div> <input type="checkbox" name="option-ajax" id="option-ajax">
</section> <label for="option-ajax" data-i18n="option_ajax"></label>
<section class="tabs-content-item" id="other"> <label class="option-node">
<div class="option-node"> <input type="checkbox" name="option-ajax-comments">
<input type="checkbox" name="option-ajax" id="option-ajax"> <span data-i18n="option_ajax_comments"></span>
<label for="option-ajax" data-i18n="option_ajax"></label> </label>
</div>
<label class="option-node">
<input type="checkbox" name="option-ajax-comments"> <label class="option-node">
<span data-i18n="option_ajax_comments"></span> <input type="checkbox" name="option-fluid-layout">
</label> <span data-i18n="option_fluid_layout"></span>
</div> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-fluid-layout"> <input type="checkbox" name="option-visual-editor-post">
<span data-i18n="option_fluid_layout"></span> <span data-i18n="option_visual_editor_post"></span>
</label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-visual-editor-post"> <input type="checkbox" name="option-search-with-google">
<span data-i18n="option_visual_editor_post"></span> <span data-i18n="option_search_with_google"></span>
</label> </label>
<label class="option-node"> <div class="option-node">
<input type="checkbox" name="option-search-with-google"> <input type="checkbox" name="option-enlarge-font" id="option-enlarge-font">
<span data-i18n="option_search_with_google"></span> <label for="option-enlarge-font" data-i18n="option_enlarge_font"></label>
</label>
<div class="option-node">
<div class="option-node"> <label>
<input type="checkbox" name="option-enlarge-font" id="option-enlarge-font"> <input type="radio" name="option-enlarge-font-size" value="85" checked="checked"> 0.85 em
<label for="option-enlarge-font" data-i18n="option_enlarge_font"></label> </label>
<label>
<div class="option-node"> <input type="radio" name="option-enlarge-font-size" value="100"> 1 em
<label> </label>
<input type="radio" name="option-enlarge-font-size" value="85" checked="checked"> 0.85 em <label>
</label> <input type="radio" name="option-enlarge-font-size" value="110"> 1.1 em
<label> </label>
<input type="radio" name="option-enlarge-font-size" value="100"> 1 em </div>
</label> </div>
<label>
<input type="radio" name="option-enlarge-font-size" value="110"> 1.1 em <label class="option-node">
</label> <input type="checkbox" name="option-at-before-username">
</div> <span data-i18n="option_at_before_username"></span>
</div> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-at-before-username"> <input type="checkbox" name="option-other-hightlight-post-comments">
<span data-i18n="option_at_before_username"></span> <span data-i18n="option_other_hightlight_post_comments"></span>
</label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-other-hightlight-post-comments"> <input type="checkbox" name="option-other-show-recommendation-count">
<span data-i18n="option_other_hightlight_post_comments"></span> <span data-i18n="option_other_show_recommendation_count"></span>
</label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-other-show-recommendation-count"> <input type="checkbox" name="option-other-scroll-space-key">
<span data-i18n="option_other_show_recommendation_count"></span> <span data-i18n="option_other_scroll_space_key"></span>
</label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-other-scroll-space-key"> <input type="checkbox" name="option-other-comments-nesting-level">
<span data-i18n="option_other_scroll_space_key"></span> <span data-i18n="option_other_comments_nesting_level"></span>
</label> </label>
<label class="option-node"> <div class="option-node">
<input type="checkbox" name="option-other-comments-nesting-level"> <input type="checkbox" name="option-other-comments-count-refresh" id="option-other-comments-count-refresh">
<span data-i18n="option_other_comments_nesting_level"></span> <label for="option-other-comments-count-refresh" data-i18n="option_other_comments_count_refresh"></label>
</label>
<label class="option-node">
<div class="option-node"> <input type="checkbox" name="option-other-comments-count-refresh-title">
<input type="checkbox" name="option-other-comments-count-refresh" id="option-other-comments-count-refresh"> <span data-i18n="option_other_comments_count_refresh_title"></span>
<label for="option-other-comments-count-refresh" data-i18n="option_other_comments_count_refresh"></label> </label>
</div>
<label class="option-node">
<input type="checkbox" name="option-other-comments-count-refresh-title"> <label class="option-node">
<span data-i18n="option_other_comments_count_refresh_title"></span> <input type="checkbox" name="option-other-comments-user-system">
</label> <span data-i18n="option_other_comments_user_system"></span>
</div> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-other-comments-user-system"> <input type="checkbox" name="option-other-post-draft-save">
<span data-i18n="option_other_comments_user_system"></span> <span data-i18n="option_other_post_draft_save"></span>
</label> </label>
</section>
<label class="option-node">
<input type="checkbox" name="option-other-post-draft-save"> <section class="tabs-content-item" id="websocket">
<span data-i18n="option_other_post_draft_save"></span> <div class="option-node">
</label> <input type="checkbox" name="option-ws" id="option-ws">
</section> <label for="option-ws" data-i18n="option_ws"></label>
<section class="tabs-content-item" id="websocket"> <div class="option-node">
<div class="option-node"> <input type="checkbox" name="option-ws-comments" id="option-ws-comments">
<input type="checkbox" name="option-ws" id="option-ws"> <label for="option-ws-comments" data-i18n="option_ws_comments"></label>
<label for="option-ws" data-i18n="option_ws"></label>
<label class="option-node">
<div class="option-node"> <input type="checkbox" name="option-ws-comments-color-fadeout">
<input type="checkbox" name="option-ws-comments" id="option-ws-comments"> <span data-i18n="option_ws_comments_color_fadeout"></span>
<label for="option-ws-comments" data-i18n="option_ws_comments"></label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-ws-comments-color-fadeout"> <input type="checkbox" name="option-ws-comments-notifications">
<span data-i18n="option_ws_comments_color_fadeout"></span> <span data-i18n="option_ws_comments_notifications"></span>
</label> </label>
</div>
<label class="option-node">
<input type="checkbox" name="option-ws-comments-notifications"> <div class="option-node">
<span data-i18n="option_ws_comments_notifications"></span> <input type="checkbox" name="option-ws-posts" id="option-ws-posts">
</label> <label for="option-ws-posts" data-i18n="option_ws_posts"></label>
</div>
<label class="option-node">
<div class="option-node"> <input type="checkbox" name="option-ws-posts-add" disabled>
<input type="checkbox" name="option-ws-posts" id="option-ws-posts"> <span data-i18n="option_ws_posts_add"></span>
<label for="option-ws-posts" data-i18n="option_ws_posts"></label> </label>
<label class="option-node"> <label class="option-node">
<input type="checkbox" name="option-ws-posts-add" disabled> <input type="checkbox" name="option-ws-posts-notifications">
<span data-i18n="option_ws_posts_add"></span> <span data-i18n="option_ws_posts_notifications"></span>
</label> </label>
</div>
<label class="option-node"> </div>
<input type="checkbox" name="option-ws-posts-notifications"> </section>
<span data-i18n="option_ws_posts_notifications"></span>
</label> <section class="tabs-content-item" id="feedback">
</div> <div data-i18n="options_feedback_text"></div>
</div> </section>
</section> </form>
</main>
<section class="tabs-content-item" id="feedback">
<div data-i18n="options_feedback_text"></div> <p class="saved hidden" data-i18n="options_text_saved"></p>
</section>
</form> <footer class="footer">
</main> <p>Point+ <span id="version"></span> by
<a href="https://skobkin-ru.point.im/" target="_blank">@skobkin-ru</a>,
<p class="saved hidden" data-i18n="options_text_saved"></p> <a href="https://isqua.point.im/" target="_blank">@isqua</a>,
<a href="https://nokitakaze.point.im/" target="_blank">@NokitaKaze</a>
<footer class="footer"> </p>
<p>Point+ <span id="version"></span> by </footer>
<a href="https://skobkin-ru.point.im/" target="_blank">@skobkin-ru</a>,
<a href="https://isqua.point.im/" target="_blank">@isqua</a>, <script src="js/options.js"></script>
<a href="https://nokitakaze.point.im/" target="_blank">@NokitaKaze</a> <script src="js/i18n.js"></script>
</p> </body>
</footer> </html>
<script src="js/options.js"></script>
<script src="js/i18n.js"></script>
</body>
</html>