BlockSense/index.html at master · imtypist/BlockSense · GitHub

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
<!DOCTYPE html>
  <html>
    <head>
      <meta charset="UTF-8">
      <title>BlockSense——Blockchain Based Trust Crowd-sensing Platform</title>
      <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css">
      <style type="text/css">pre{white-space: pre-wrap;word-wrap: break-word;}</style>
    </head>
    <body style="overflow: hidden;">
      <div class="jumbotron" style="margin-bottom: 0">
        <div class="row">
          <div class="col-md-8">
            <div class="container">
              <h1>BlockSense <span class="label label-info" style="font-size: 16px">beta</span></h1>
              <p>We propose a blockchain-based crowd-sensing platform (BlockSense) to make up for the paucity of security in traditional crowd-sensing systems. Different from traditional crowd-sensing platforms, we introduce a new role, miner, to help requesters verify the sensing data quality.</p>
            </div>
          </div>
          <div class="col-md-4">
            <div class="container">
              <form class="form-signin">
                <h2 class="form-signin-heading">Create a new account</h2>
                <label for="inputPassword" class="sr-only">Password</label>
                <input type="password" id="inputPassword" class="form-control" placeholder="Password" required="">
                <label for="repeatPassword" class="sr-only">Repeat password</label>
                <input type="password" id="repeatPassword" class="form-control" placeholder="Repeat password" required="">
                <div class="checkbox">
                  <a href="./index.html"><span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span> Import your existing account(s)</a>
                </div>
                <button class="btn btn-lg btn-primary btn-block" type="button" id="signup">Sign Up</button>
              </form>
            </div>
          </div>
        </div>
      </div>
      <div class="row" style="margin: auto 5px">
        <div class="col-md-6">
          <h3><span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden="true"></span> Block List</h3>
          <div style="overflow-y: auto;height: 295px" ms-controller="blocks">
            <!-- blocks repeat -->
            <div class="row" style="margin:15px 10px 15px 0;" ms-for="el in @data">
              <div class="col-md-4" style="background-color: gray;color: white;height: 80px;text-align: center">
                <p style="margin-top: 15px"># Block {{el.order}}</p>
                <p>UTC {{el.time}}</p>
              </div>
              <div class="col-md-8">
                <p>Mined By <a style="color: #3498db">{{el.miner | truncate(30,'...')}}</a></p>
                <p>Block Size <strong style="color: #3498db">{{el.size}}</strong> bytes for <strong style="color: #3498db">{{el.txns}}</strong> txns</p>
                <p style="margin-bottom: 0">Block Hash <a style="color: #3498db">{{el.hash | truncate(30,'...')}}</a></p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <h3><span class="glyphicon glyphicon-xbt" aria-hidden="true"></span> Transaction List</h3>
          <div style="overflow-y: auto;height: 295px" ms-controller="txns">
            <!-- txns repeat -->
            <div class="row" style="height: 80px;margin:15px 10px 15px 0;" ms-for="el in @data">
              <div class="col-md-8">
                <p style="margin-bottom: 0">TX# <a style="color: #3498db">{{el.txn | truncate(30,'...')}}</a></p>
                <p style="margin-bottom: 0">From <a style="color: #3498db">{{el.sender | truncate(30,'...')}}</a> to <a style="color: #3498db">{{el.receiver | truncate(30,'...')}}</a></p>
                <p style="margin-bottom: 0">Amount {{el.amount}} Ether</p>
              </div>
              <div class="col-md-4" style="text-align: right">
                <p>> {{el.time}} min ago</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </body>
    <!-- Insert this line above script imports  -->
    <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
    <script type="text/javascript" src="dist/js/web3.min.js"></script>
    <script type="text/javascript" src="dist/js/avalon.min.js"></script>
    <script type="text/javascript" src="dist/js/jquery.min.js"></script>
    <script type="text/javascript" src="dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="dist/js/sweetalert2.all.min.js"></script>
    <script type="text/javascript" src="dist/js/index.js"></script>
    <!-- Insert this line after script imports -->
    <script>if (window.module) module = window.module;</script>
  </html>