uBlock/src/1p-filters.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>µBlock — Your filters</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/1p-filters.css">
</head>

<body>

<div>
    <p data-i18n="1pFormatHint"></p>
    <p><button id="importUserFiltersFromFile" data-i18n="1pImport"></button> &emsp; <button id="exportUserFiltersToFile" data-i18n="1pExport"></button></p>
    <input id="importFilePicker" type="file" accept="text/plain" class="hiddenFileInput">
    <textarea class="userFilters" id="userFilters" dir="auto" spellcheck="false"></textarea>
    <p><button id="userFiltersApply" disabled="true" data-i18n="1pApplyChanges"></button></p>
</div>

<script src="js/vapi-common.js"></script>
<script src="js/vapi-client.js"></script>
<script src="js/udom.js"></script>
<script src="js/i18n.js"></script>
<script src="js/dashboard-common.js"></script>
<script src="js/1p-filters.js"></script>

</body>
</html>
first commit 2014-06-24 00:42: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 #12, #37 2014-07-02 18:02:29 +02:00			`<title>µBlock — Your filters</title>`
first commit 2014-06-24 00:42:43 +02:00			`<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/1p-filters.css">`
first commit 2014-06-24 00:42:43 +02:00			`</head>`

			`<body>`

			`<div>`
			`<p data-i18n="1pFormatHint"></p>`
			`<p><button id="importUserFiltersFromFile" data-i18n="1pImport"></button> &emsp; <button id="exportUserFiltersToFile" data-i18n="1pExport"></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 class="userFilters" id="userFilters" dir="auto" spellcheck="false"></textarea>`
first commit 2014-06-24 00:42:43 +02:00			`<p><button id="userFiltersApply" disabled="true" data-i18n="1pApplyChanges"></button></p>`
			`</div>`

Drop js-loader, updates from gorhill/uBlock/master 2014-11-04 12:32:44 +01:00			`<script src="js/vapi-common.js"></script>`
			`<script src="js/vapi-client.js"></script>`
			`<script src="js/udom.js"></script>`
			`<script src="js/i18n.js"></script>`
			`<script src="js/dashboard-common.js"></script>`
			`<script src="js/1p-filters.js"></script>`
first commit 2014-06-24 00:42:43 +02:00
			`</body>`
			`</html>`