From d983a96744f00b0a6776162f7748ae3ccbe09b5c Mon Sep 17 00:00:00 2001
From: gorhill <rhill@raymondhill.net>
Date: Tue, 11 Aug 2015 18:49:36 -0400
Subject: [PATCH] sync (#80): new files

---
 src/css/cloud-ui.css |  87 +++++++++++++++++++
 src/img/cloud.png    | Bin 0 -> 5017 bytes
 src/js/cloud-ui.js   | 199 +++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 286 insertions(+)
 create mode 100644 src/css/cloud-ui.css
 create mode 100644 src/img/cloud.png
 create mode 100644 src/js/cloud-ui.js

diff --git a/src/css/cloud-ui.css b/src/css/cloud-ui.css
new file mode 100644
index 000000000..b6f941fca
--- /dev/null
+++ b/src/css/cloud-ui.css
@@ -0,0 +1,87 @@
+#cloudWidget {
+    background: url("../img/cloud.png") hsl(216, 100%, 93%);
+    border-radius: 3px;
+    margin: 0.5em 0;
+    padding: 1em;
+    position: relative;
+    }
+#cloudWidget.hide {
+    display: none;
+    }
+#cloudWidget > button {
+    font-size: 160%;
+    padding: 0.1em 0.2em;
+    }
+#cloudPull[disabled] {
+    visibility: hidden;
+    }
+body[dir="ltr"] #cloudPush:after ,
+body[dir="ltr"] #cloudPull:before {
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    vertical-align: baseline;
+    display: inline-block;
+    }
+body[dir="ltr"] #cloudPush:after {
+    content: '\f0ee';
+    }
+body[dir="rtl"] #cloudPush:after {
+    content: '\f0ee';
+    }
+body[dir="ltr"] #cloudPull:before {
+    content: '\f0ed';
+    }
+body[dir="rtl"] #cloudPull:before {
+    content: '\f0ed';
+    }
+#cloudWidget > span {
+    color: gray;
+    display: inline-block;
+    font-size: 90%;
+    margin: 0 1em;
+    padding: 0;
+    vertical-align: bottom;
+    white-space: pre;
+    }
+#cloudWidget > .nodata {
+    }
+#cloudWidget > #cloudCog {
+    cursor: pointer;
+    display: inline-block;
+    font-size: 110%;
+    margin: 0;
+    opacity: 0.5;
+    padding: 4px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    }
+#cloudWidget > #cloudCog:hover {
+    opacity: 1;
+    }
+#cloudWidget > #cloudOptions {
+    align-items: center;
+    -webkit-align-items: center;
+    background-color: rgba(0, 0, 0, 0.75);
+    bottom: 0;
+    display: none;
+    justify-content: center;
+    -webkit-justify-content: center;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 2000;
+    }
+#cloudWidget > #cloudOptions.show {
+    display: flex;
+    display: -webkit-flex;
+    }
+#cloudWidget > #cloudOptions > div {
+    background-color: white;
+    border-radius: 3px;
+    padding: 1em;
+    text-align: center;
+    }
diff --git a/src/img/cloud.png b/src/img/cloud.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c78dde2e027afd5108223aab236ea93e2e52ca7
GIT binary patch
literal 5017
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

literal 0
HcmV?d00001

diff --git a/src/js/cloud-ui.js b/src/js/cloud-ui.js
new file mode 100644
index 000000000..9bca1fbcf
--- /dev/null
+++ b/src/js/cloud-ui.js
@@ -0,0 +1,199 @@
+/*******************************************************************************
+
+    uBlock Origin - a browser extension to block requests.
+    Copyright (C) 2015 Raymond Hill
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see {http://www.gnu.org/licenses/}.
+
+    Home: https://github.com/gorhill/uBlock
+*/
+
+/* global uDom */
+'use strict';
+
+/******************************************************************************/
+
+(function() {
+
+/******************************************************************************/
+
+self.cloud = {
+    options: {},
+    datakey: '',
+    data: undefined,
+    onPush: null,
+    onPull: null
+};
+
+/******************************************************************************/
+
+var widget = uDom.nodeFromId('cloudWidget');
+if ( widget === null ) {
+    return;
+}
+
+self.cloud.datakey = widget.getAttribute('data-cloud-entry') || '';
+if ( self.cloud.datakey === '' ) {
+    return;
+}
+
+/******************************************************************************/
+
+var messager = vAPI.messaging.channel('cloud-ui.js');
+
+/******************************************************************************/
+
+var onCloudDataReceived = function(entry) {
+    if ( typeof entry !== 'object' || entry === null ) {
+        return;
+    }
+
+    self.cloud.data = entry.data;
+
+    uDom.nodeFromId('cloudPull').removeAttribute('disabled');
+
+    var timeOptions = {
+        weekday: 'short',
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+        second: 'numeric',
+        timeZoneName: 'short'
+    };
+
+    var time = new Date(entry.tstamp);
+    widget.querySelector('span').textContent =
+        entry.source + '\n' +
+        time.toLocaleString('fullwide', timeOptions);
+};
+
+/******************************************************************************/
+
+var fetchCloudData = function() {
+    messager.send(
+        {
+            what: 'cloudPull',
+            datakey: self.cloud.datakey
+        },
+        onCloudDataReceived
+    );
+};
+
+/******************************************************************************/
+
+var pushData = function() {
+    if ( typeof self.cloud.onPush !== 'function' ) {
+        return;
+    }
+    messager.send(
+        {
+            what: 'cloudPush',
+            datakey: self.cloud.datakey,
+            data: self.cloud.onPush()
+        },
+        fetchCloudData
+    );
+};
+
+/******************************************************************************/
+
+var pullData = function() {
+    if ( typeof self.cloud.onPull === 'function' ) {
+        self.cloud.onPull(self.cloud.data);
+    }
+};
+
+/******************************************************************************/
+
+var openOptions = function() {
+    var input = uDom.nodeFromId('cloudDeviceName');
+    input.value = self.cloud.options.deviceName;
+    input.setAttribute('placeholder', self.cloud.options.defaultDeviceName);
+    uDom.nodeFromId('cloudOptions').classList.add('show');
+};
+
+/******************************************************************************/
+
+var closeOptions = function(ev) {
+    var root = uDom.nodeFromId('cloudOptions');
+    if ( ev.target !== root ) {
+        return;
+    }
+    root.classList.remove('show');
+};
+
+/******************************************************************************/
+
+var submitOptions = function() {
+    var onOptions = function(options) {
+        if ( typeof options !== 'object' || options === null ) {
+            return;
+        }
+        self.cloud.options = options;
+    };
+
+    messager.send({
+        what: 'cloudSetOptions',
+        options: {
+            deviceName: uDom.nodeFromId('cloudDeviceName').value
+        }
+    }, onOptions);
+    uDom.nodeFromId('cloudOptions').classList.remove('show');
+};
+
+/******************************************************************************/
+
+var onInitialize = function(options) {
+    if ( typeof options !== 'object' || options === null ) {
+        return;
+    }
+
+    if ( !options.enabled ) {
+        return;
+    }
+    self.cloud.options = options;
+
+    fetchCloudData();
+
+    var html = [
+        '<button id="cloudPush" type="button" title="cloudPush"></button>',
+        '<span data-i18n="cloudNoData"></span>',
+        '<button id="cloudPull" type="button" title="cloudPull" disabled></button>',
+        '<span id="cloudCog" class="fa">&#xf013;</span>',
+        '<div id="cloudOptions">',
+        '    <div>',
+        '        <p><label data-i18n="cloudDeviceNamePrompt"></label> <input id="cloudDeviceName" type="text" value="">',
+        '        <p><button id="cloudOptionsSubmit" type="button" data-i18n="genericSubmit"></button>',
+        '    </div>',
+        '</div>',
+    ].join('');
+
+    vAPI.insertHTML(widget, html);
+    vAPI.i18n.render(widget);
+    widget.classList.remove('hide');
+
+    uDom('#cloudPush').on('click', pushData);
+    uDom('#cloudPull').on('click', pullData);
+    uDom('#cloudCog').on('click', openOptions);
+    uDom('#cloudOptions').on('click', closeOptions);
+    uDom('#cloudOptionsSubmit').on('click', submitOptions);
+};
+
+messager.send({ what: 'cloudGetOptions' }, onInitialize);
+
+/******************************************************************************/
+
+})();