initial revision hiveapp-support_hive app

hivewallet · Sep 25, 2013 · 430df65 · 430df65
commit 430df65
Show file tree

Hide file tree

Showing 19 changed files with 341 additions and 0 deletions.
diff --git a/README.md b/README.md
diff --git a/css/homeless.css b/css/homeless.css
@@ -0,0 +1,114 @@
+[data-role=page]{
+	height: 100% !important;
+	position:relative !important;
+	}
+
+[data-role=footer]{
+	bottom:0;
+	position:fixed !important;
+	top: auto !important;
+	width:100%;
+	}
+
+[data-role=context]{
+	background: black;
+	}
+
+body {
+    overflow-y: hidden;
+}
+#button {
+    position: absolute;
+    bottom: 2%;
+    margin-left:5%;
+    margin-right:5%;
+    width:90%;
+    max-width: 256px;
+    max-height:40%;
+    overflow: hidden;
+    padding-bottom: 5%;
+}
+
+.gh {
+    position: absolute;
+    top: 2%;
+    margin-left:5%;
+    margin-right:5%;
+    width:90%;
+    max-width: 256px;
+    max-height:40%;
+}
+
+.hive_icon {
+    position:fixed;
+    top:40%;
+    height: 109px;
+    width: 121px;
+}
+
+#imggh {
+
+}
+
+#img_hive{
+    position: relative;
+    min-width:2000px;
+    min-height:2100px;
+    background: url('./images/background.png') center center no-repeat;
+}
+
+#button input{
+    position: absolute;
+    z-index: 1;
+    width: 30%;
+    left: 50%;
+    hight:20%;
+}
+
+#button img{
+    position:relative;
+    width:100%;
+    z-index: 0;
+}
+#button div{
+    width:100%;
+    z-index: 0;
+}
+
+#header{
+    width: 100%;
+}
+#header img{
+    width:100%;
+    bottom: 0;
+}
+
+
+.abs {
+    position: relative;
+    float:left;
+    margin-bottom:10px;
+}
+
+.widmax_hive {
+    width:100%;
+    min-height: 72px;
+    max-height: 72px;
+    height: 72px;
+    background: url('./images/hive_slogan_head_1.png') center center no-repeat;
+}
+
+
+.transparent-input{
+    background-color:white;
+    border: 0px solid;
+
+}
+
+#done{
+    margin-top: 10px;
+    margin-left: 10px;
+    margin-right: 10px;
+    width: 90px;
+
+}
diff --git a/css/images/ajax-loader.gif b/css/images/ajax-loader.gif
diff --git a/css/images/background.png b/css/images/background.png
diff --git a/css/images/donate.png b/css/images/donate.png
diff --git a/css/images/done.png b/css/images/done.png
diff --git a/css/images/hive_big.png b/css/images/hive_big.png
diff --git a/css/images/hive_slogan_foot_1.png b/css/images/hive_slogan_foot_1.png
diff --git a/css/images/hive_slogan_foot_2.png b/css/images/hive_slogan_foot_2.png
diff --git a/css/images/hive_slogan_head_1.png b/css/images/hive_slogan_head_1.png
diff --git a/css/images/hive_slogan_head_2.png b/css/images/hive_slogan_head_2.png
diff --git a/css/images/hive_small.png b/css/images/hive_small.png
diff --git a/css/images/icon.png b/css/images/icon.png
diff --git a/css/jquery.min.mobile.css b/css/jquery.min.mobile.css
diff --git a/index.html b/index.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html>
+    <title>Hive Support</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
+    <link rel="stylesheet" href="./css/homeless.css">
+    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
+    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
+
+    <head>
+        <title>Hive Support</title>
+    </head>
+
+<body>
+<script type="text/javascript">
+    var success_flage = false;
+    var address = 'n1Um5LArvtbzyX2d6aob61iX52UTNEqYCp';
+    var small_icon = 121;// 242x218; 121 x 90
+    var big_icon_height = 256; // 256
+    var big_icon_width = 286; // 256
+
+    var bitcoin = bitcoin || {
+        getClientInfo: function (callback) {
+            var info = {
+                firstname: 'Homer',
+                lastname:  'Simpson',
+                email:     '[email protected]',
+                address:   'poqjer23rfc234laq',
+                street:    'next to Flanders',
+                zipcode:   '12233',
+                city:      'Springfield',
+                country:   'USA'
+            };
+
+            return callback(info);
+        },
+
+        sendCoins: function (hash, amount, callback) {
+            return callback(true, hash);
+        },
+
+        sendCoinsForAddress: function(hash, amount, callback) {
+            return callback(true, hash);
+        }
+    };
+
+    $(document).ready(function(){
+        $('img#mainpage').width(window.innerWidth);
+        $('#button').css('bottom',$('#footer').height());
+        $('#img_hive').height(window.innerHeight -$('[data-role=header]').height() );
+        $('#score').css('margin-bottom',($('#don_button').height()-$('#score').height())/2)
+
+        var margin = (window.innerWidth - $('#button').width())/2;
+        var margin2 = (window.innerWidth - small_icon)/2; //142
+            $('#button').css('margin-left',margin);
+            $('#button').css('margin-right',margin);
+            $('#imggh').css('margin-left',margin);
+            $('#imggh').css('margin-right',margin);
+            $('#hive_icon').css('margin-left',margin2);
+            $('#hive_icon').css('margin-right',margin2);
+
+        $(window).resize(function(){
+            $('#img_cat').height(window.innerHeight -$('[data-role=header]').height() );
+            var margin = (window.innerWidth - $('#button').width())/2;
+            $('#button').css('margin-left',margin);
+            $('#button').css('margin-right',margin);
+            $('#imggh').css('margin-left',margin);
+            $('#imggh').css('margin-right',margin);
+            if(success_flage){
+                var margin2 = (window.innerWidth - big_icon_width)/2; //155
+                console.log('margin with success flag:'+margin2.toString())
+            } else {
+                var margin2 = (window.innerWidth - small_icon)/2; //142
+                console.log('margin without success flag:'+margin2.toString())
+            }
+
+            $('#hive_icon').css('marginLeft',margin2);
+            $('#hive_icon').css('marginRight',margin2);
+        });
+
+        $('#done').on('click',function(){
+            var donate = parseFloat($('#score').val());
+            bitcoin.sendCoinsForAddress(address, donate, new function(success, transaction_id){
+                if (success){
+
+                    var margin2 = (window.innerWidth - small_icon)/2; //142
+                    $('#imggh').attr("src" , "./css/images/hive_slogan_head_2.png");
+                    $('#imgfoot').attr("src", "./css/images/hive_slogan_foot_2.png");
+
+                    $('#hive_icon').animate({
+                        width: big_icon_width.toString()+"px",
+                        height: big_icon_height.toString()+"px",
+                        marginLeft:  margin.toString()+'px',
+                        marginRight: margin.toString()+'px'
+                    }, 'slow');
+                    if (donate < 5){
+                        console.log('hive support done <5');
+                    } else if (donate >= 5){
+                        console.log('hive support done >5');
+                    }
+                }
+            });
+        });
+    });
+</script>
+
+<div data-role="page">
+    <div data-role="context">
+        <div id="img_hive" class="cat">
+            <img id="imggh" class="gh" src="./css/images/hive_slogan_head_1.png">
+
+            <img id="hive_icon" class="hive_icon" src="./css/images/hive_small.png">
+        </div>
+    </div>
+    <div id="button">
+        <img id="imgfoot" class="abs" src="./css/images/hive_slogan_foot_1.png">
+        <div id="don_button" class="abs">
+            <input id="score" type="text" value="1,00" class="transparent-input">
+            <img src="./css/images/donate.png">
+        </div>
+    </div>
+
+    <div id="footer" data-role="footer" data-theme="c" >
+        <div align="right">
+            <img id="done" src="./css/images/done.png">
+        </div>
+    </div>
+</div>
+</body>
+</html>
diff --git a/js/crosrequest.js b/js/crosrequest.js
@@ -0,0 +1,55 @@
+/**
+ * Created with PyCharm.
+ * User: martut
+ * Date: 9/8/13
+ * Time: 1:31 PM
+ * To change this template use File | Settings | File Templates.
+ */
+
+    // Create the XHR object.
+    function createCORSRequest(method, url) {
+      var xhr = new XMLHttpRequest();
+      if ("withCredentials" in xhr) {
+        // XHR for Chrome/Firefox/Opera/Safari.
+        xhr.open(method, url, true);
+      } else if (typeof XDomainRequest != "undefined") {
+        // XDomainRequest for IE.
+        xhr = new XDomainRequest();
+        xhr.open(method, url);
+      } else {
+        // CORS not supported.
+        xhr = null;
+      }
+      return xhr;
+    }
+
+    // Helper method to parse the title tag from the response.
+    function getTitle(text) {
+      return text.match('<title>(.*)?</title>')[1];
+    }
+
+    // Make the actual CORS request.
+    /*function makeCorsRequest() {
+      // All HTML5 Rocks properties support CORS.
+      var url = 'http://coinforest.com/bitcoin-paper-wallets.php';
+
+      var xhr = createCORSRequest('POST', url);
+      if (!xhr) {
+        alert('CORS not supported');
+        return;
+      }
+
+      // Response handlers.
+      xhr.onload = function() {
+        var text = xhr.responseText;
+        var title = getTitle(text);
+        //$('#page').html(text);
+        //alert('Response from CORS request to ' + url + ': title = ' + title);
+      };
+
+      xhr.onerror = function() {
+        alert('Woops, there was an error making the request.');
+      };
+
+      xhr.send();
+    }*/
diff --git a/js/fake_hive.js b/js/fake_hive.js
@@ -0,0 +1,25 @@
+/**
+ * Created with PyCharm.
+ * User: dwa
+ * Date: 12.09.2013
+ * Time: 11:40
+ * To change this template use File | Settings | File Templates.
+ */
+var bitcoin = bitcoin || {
+    getClientInfo: function (callback) {
+        var info = {
+            firstname: "Homer",
+            lastname:  "Simpson",
+            email:     "[email protected]",
+            address:   "poqjer23rfc234laq",
+            street:    "next to Flanders",
+            zipcode:   "12233",
+            city:      "Springfield",
+            country:   "USA"
+        };
+
+        return callback(info);
+    }
+
+
+};
diff --git a/js/jquery.min.mobile.js b/js/jquery.min.mobile.js
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,8 @@
+{
+  "name": "Support Hive",
+  "id": "supporthive2",
+  "version": "1.0",
+  "author": "Recoded.co",
+  "description": "Support Hive",
+  "icon": "icon.png"
+}