1
0
Fork 0

extention -> extension

This commit is contained in:
Lukas Winkler 2017-09-02 21:14:37 +02:00
parent 8caecd05d2
commit 95ff1046b8
7 changed files with 107 additions and 19 deletions

View file

@ -1,11 +1,11 @@
{
"extention_name": {
"extension_name": {
"message": "Piwik Injector",
"description": "name of the extention"
"description": "name of the extension"
},
"extention_description": {
"extension_description": {
"message": "Füge eigenes Javascript auf beliebigen Seiten ein.",
"description": "a short description shown in the extention list"
"description": "a short description shown in the extension list"
},
"host_title": {
"message": "Webseiten mit benutzerdefiniertem Javascript",

View file

@ -1,33 +1,33 @@
{
"extention_name": {
"extension_name": {
"message": "Piwik Injector",
"description": "name of the extention"
"description": "name of the extension"
},
"extention_description": {
"extension_description": {
"message": "Try out Piwik, the open source, privacy aware web analytics software, without the need to modify anything.",
"description": "a short description shown in the extention list; should be pretty short, but descriptive"
"description": "a short description shown in the extension list; should be pretty short, but descriptive"
},
"extention_firefox_description": {
"extension_firefox_description": {
"message": "piwik, analytics, javascript, debugging",
"description": "longer description text for firefox extention page; can use HTML to stucture the content"
"description": "longer description text for firefox extension page; can use HTML to stucture the content"
},
"extention_chrome_description": {
"extension_chrome_description": {
"message": "piwik, analytics, javascript, debugging",
"description": "longer description text for chrome extention page; can't use any formatting"
"description": "longer description text for chrome extension page; can't use any formatting"
},
"extention_tags": {
"extension_tags": {
"message": "piwik, analytics, javascript, debugging, injecting, open source,",
"description": "tags for Firefox addon description (maximum 20)"
},
"extention_screenshot_1": {
"extension_screenshot_1": {
"message": "Add the piwik tracking code to every website without access to the website source",
"description": "description for the first screenshot (https://github.com/Findus23/piwik-injector/blob/master/docs/screenshot_firefox_1.png)"
},
"extention_screenshot_2": {
"extension_screenshot_2": {
"message": "",
"description": "description for the second screenshot (https://github.com/Findus23/piwik-injector/blob/master/docs/screenshot_firefox_2.png)"
},
"extention_screenshot_3": {
"extension_screenshot_3": {
"message": "",
"description": "description for the third screenshot (https://github.com/Findus23/piwik-injector/blob/master/docs/screenshot_firefox_3.png)"
},
@ -110,5 +110,9 @@
"expert_mode_label": {
"message": "Expert mode",
"description": "label of expert mode checkbox"
},
"global_label": {
"message": "inject globally",
"description": "checkbox on settings page"
}
}

View file

@ -121,4 +121,8 @@ label span {
#ace-editor {
font-family: monospace
}
.options {
padding: 10px;
}

41
js/options.js Normal file
View file

@ -0,0 +1,41 @@
function initl18n() {
var translatableIDs = ["global-label", "save", "reset"];
translatableIDs.forEach(function(id) {
var translateKey = id.replace(/-/g, "_");
document.getElementById(id).innerText = chrome.i18n.getMessage(translateKey);
});
}
function initAce() {
var editor = ace.edit(document.getElementById("ace-editor"));
editor.setTheme("ace/theme/tomorrow");
editor.getSession().setMode("ace/mode/javascript");
editor.$blockScrolling = Infinity;
editor.setReadOnly(true);
editor.setHighlightGutterLine(false);
editor.setHighlightActiveLine(false);
return editor;
}
initl18n();
var editor = initAce();
var globalEl = document.getElementById("global");
globalEl.addEventListener("click", function() {
var enabled = globalEl.checked;
editor.setOptions({
readOnly: !enabled,
highlightActiveLine: enabled,
highlightGutterLine: enabled
});
if (globalEl.checked) {
}
});
document.getElementById("save").addEventListener("click", function() {
chrome.storage.sync.set({global:globalEl.checked}, function() {
window.close()
})
});

View file

@ -30,7 +30,7 @@ document.addEventListener('DOMContentLoaded', function() {
});
popup.el.piwikURL.setAttribute("placeholder", chrome.i18n.getMessage("piwik_url_placeholder"));
popup.el.siteID.setAttribute("placeholder", chrome.i18n.getMessage("site_id_placeholder"));
document.title = chrome.i18n.getMessage("extention_name");
document.title = chrome.i18n.getMessage("extension_name");
},
host: undefined,
url: undefined,

View file

@ -1,10 +1,10 @@
{
"manifest_version": 2,
"name": "__MSG_extention_name__",
"name": "__MSG_extension_name__",
"short_name": "piwik-injector",
"version": "3.1.1",
"author": "Lukas Winkler, xcv58, hromadadan",
"description": "__MSG_extention_description__",
"description": "__MSG_extension_description__",
"icons": {
"128": "img/logo-128x128.png",
"256": "img/logo-256x256.png"
@ -39,5 +39,9 @@
"id": "{59f7eef0-6361-4f57-9e7c-7fdbd6a33710}",
"strict_min_version": "42.0"
}
},
"options_ui": {
"page": "options.html",
"chrome_style": false
}
}

35
options.html Normal file
View file

@ -0,0 +1,35 @@
<!doctype html>
<html>
<head>
<title></title>
<link href="libs/purecss/base-min.css" rel="stylesheet">
<link href="libs/purecss/grids-min.css" rel="stylesheet">
<link href="libs/purecss/forms-nr-min.css" rel="stylesheet">
<link href="libs/purecss/buttons-min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="options">
<label>
<span id="global-label"></span>
<input id="global" name="global" type="checkbox">
</label>
<div class="source__editor">
<pre id="ace-editor"></pre>
<input type="hidden" name="script" value="">
</div>
<div class="controls">
<button id="save" class="controls__save pure-button pure-button-primary"
name="save"></button>
<button id="reset" class="controls__reset pure-button" name="reset"></button>
<button id="draft-remove" class="controls__remove-draft pure-button button-warning is-hidden"></button>
</div><!-- .controls -->
</div>
<script type="text/javascript" src="libs/ace/ace.js" charset="utf-8"></script>
<script src="js/options.js"></script>
</body>
</html>