forked from bitpay/i-made-this
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (77 loc) · 4.16 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!doctype html>
<html class="no-js" lang="" ng-app="iMadeThis">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>I Made This</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="bower_components/font-awesome/css/font-awesome.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/ng-file-upload/ng-file-upload.js"></script>
<script src="bower_components/bitcore-lib/bitcore-lib.js"></script>
<script src="bower_components/qrcode-generator/js/qrcode.js"></script>
<script src="bower_components/angular-qrcode/angular-qrcode.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MyCtrl">
<!--Add "success" class to container element for success screen -->
<div class="container">
<br>
<!--Initial -->
<div class="screen initial" ng-hide="files[0]">
<h1>What did you make today?</h1>
<p>Drop your file here to upload</p>
<div ngf-drop ngf-select ng-model="files" class="dropbox"
ngf-drag-over-class="dragover" ngf-multiple="true" ngf-allow-dir="true"
>
</div>
<button ngf-select ng-model="files" class="btn transparent"
ngf-drag-over-class="dragover" ngf-multiple="true" ngf-allow-dir="true"
>Upload file</button>
</div>
<div class="overlay" ng-show="files[0]">
<a href="#" class="close" ng-click="cancel()"></a>
<!--Preview -->
<div ng-show="files[0] && !stamping">
<div class="preview clear-top shadow" ng-class="{'error': previousTimestamps[0] || pendingTimestamp}">
<span class="file-name">{{files[0].name}}</span>
<img ng-show="fileType == 'image'" ngf-src="files[0]" class="" />
<span class="file-type" ng-hide="fileType == 'image'">{{fileExtension}}</span>
</div>
<p ng-hide="previousTimestamps[0] || pendingTimestamp">This file has not yet been time stamped in the blockchain. Would you like to timestamp it?</p>
<p ng-hide="previousTimestamps.length > 0 || !pendingTimestamp">
A transaction containing the hash of this file has been sent to the bitcoin network for timestamping,
but has not yet been confirmed. Confirmations usually take approximately 10 minutes. Check back soon!
</p>
<p ng-show="previousTimestamps[0]">
This file was first timestamped into the blockchain on
<strong>{{previousTimestamps[0].date | date:'medium'}}</strong>. Stamp again?
</p>
<button class="btn green" ng-click="stampFile()" ng-hide="pendingTimestamp">Stamp it!</button>
</div>
</div>
<!--Scan Screen-->
<div ng-hide="!stamping || stampSuccess">
<h1>Stamp it!</h1>
<div class="panel scan shadow ">
<qrcode class="qrcode" ng-hide="stampSuccess" data="{{address}}" size="200"></qrcode>
</div>
<p>To timestamp this file into the blockchain, use your favorite wallet to send 0.0005 BTC to this address: {{address}}</p>
</div>
<!--Success Screen-->
<div ng-show="stamping && stampSuccess">
<h1>Success</h1>
<div class="panel success shadow">
<img src="img/check.svg" />
<p>Congratulations! You’ve successfuly timestamped your file into the blockchain.
<a class="view-transaction" ng-click="openTransactionInBrowser(transactionId)">View Transaction <i class="fa fa-angle-right"></i></a>
</p>
</div>
<button class="btn transparent" ng-click="cancel()">Stamp another File</button>
</div>
</div>
</div>
</body>
</html>