uBlock/src/whitelist.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>µBlock — Whitelist</title>
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">
<link rel="stylesheet" type="text/css" href="css/whitelist.css">
</head>

<body>

<div>
    <p data-i18n="whitelistPrompt"></p>
    <p><button id="importWhitelistFromFile" data-i18n="whitelistImport"></button> &emsp; <button id="exportWhitelistToFile" data-i18n="whitelistExport"></button></p>
    <input id="importFilePicker" type="file" accept="text/plain" class="hiddenFileInput">
    <textarea id="whitelist" dir="auto" spellcheck="false"></textarea>
    <p><button id="whitelistApply" type="button" disabled="true" data-i18n="whitelistApply"></button></p>
</div>

<script src="js/js-loader.js" data-jsList="
lib/punycode.min.js
js/vapi-common.js
js/vapi-client.js
js/udom.js
js/i18n.js
js/dashboard-common.js
js/whitelist.js
"></script>

</body>
</html>
this fixes #39 2014-07-17 16:52:43 +02:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
Avoid using Chrome's @@bidi_* type i18n messages ... for the sake of portability. When including vapi-common.js in an HTML file, then the body element there will have a "dir" attribute filled with the current locale's direction (ltr or rtl). The following languages are considered right-to-left: ar, he, fa, ps, ur. Everything else is left-to-right. After the "dir" attribute is set, we can decide in CSS which elements should have different styling for rtl languages (e.g., body[dir=rtl] #id). 2014-10-21 16:45:54 +02:00			`<meta charset="utf-8">`
this fixes #39 2014-07-17 16:52:43 +02:00			`<title>µBlock — Whitelist</title>`
			`<link rel="stylesheet" type="text/css" href="css/common.css">`
			`<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">`
this fixes #137 and #272 2014-10-07 14:59:35 +02:00			`<link rel="stylesheet" type="text/css" href="css/whitelist.css">`
this fixes #39 2014-07-17 16:52:43 +02:00			`</head>`

			`<body>`

			`<div>`
			`<p data-i18n="whitelistPrompt"></p>`
			`<p><button id="importWhitelistFromFile" data-i18n="whitelistImport"></button> &emsp; <button id="exportWhitelistToFile" data-i18n="whitelistExport"></button></p>`
input[type="file"].click() didn't work in Safari Click couldn't be initiated with JavaScript in Safari if the input was hidden with display: none. Using visibility: hidden or opacity: 0 solves the problem. Alternative solution would be to hide (opacity: 0) the input and slide it (position: absolute; top: 0; left: 0; width: 100%; height: 100%) over the button, which would work in all browsers, and wouldn't require JavaScript. 2014-10-25 09:50:37 +02:00			`<input id="importFilePicker" type="file" accept="text/plain" class="hiddenFileInput">`
turn off spellchecker for filters/urls/whitelist 2014-09-05 02:18:45 +02:00			`<textarea id="whitelist" dir="auto" spellcheck="false"></textarea>`
this fixes #39 2014-07-17 16:52:43 +02:00			`<p><button id="whitelistApply" type="button" disabled="true" data-i18n="whitelistApply"></button></p>`
			`</div>`

Work on vendor API abstraction, and near complete Safari support 2014-10-17 21:44:19 +02:00			`<script src="js/js-loader.js" data-jsList="`
			`lib/punycode.min.js`
			`js/vapi-common.js`
			`js/vapi-client.js`
			`js/udom.js`
			`js/i18n.js`
			`js/dashboard-common.js`
			`js/whitelist.js`
			`"></script>`
this fixes #39 2014-07-17 16:52:43 +02:00
			`</body>`
			`</html>`