WebPageDiff/index.html at master · subiron/WebPageDiff · 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
82
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>WPD Server</title>
        <!-- build:css styles/app.css -->
        <link rel="stylesheet" href="styles/bootstrap.css">
        <link rel="stylesheet" href="styles/main.css">
        <!-- endbuild -->
        <script src="js/jquery-1.11.3.min.js"></script>
        <script src="js/resemble.js"></script>
        <script src="js/job.js"></script>
        <script src="js/files.js"></script>
        <script src="js/debuggersession.js"></script>
        <script src="js/taskManager.js"></script>

        <script src="js/index.js"></script>
        <style>
          input[type="file"]::-webkit-file-upload-button {
            background-color: red;
            color: white;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #006DCC;
            background-image: -moz-linear-gradient(top, #08C, #04C);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#04C));
            background-image: -webkit-linear-gradient(top, #08C, #04C);
            background-image: -o-linear-gradient(top, #08C, #04C);
            background-image: linear-gradient(to bottom, #08C, #04C);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
            border-color: #04C #04C #002A80;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            padding: 9px 14px;
            font-size: 16px;
            line-height: normal;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;

          }
          input[type="file"] {
            margin-bottom: 20px;
          }
          input[type="file"][disabled]::-webkit-file-upload-button {
            color: default;
            background-color: #E6E6E6;
            background-image: none;
            opacity: 0.65;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
          }

          #logger {
            border: solid 1px #c6c6c6;
            border-radius: 5px;
            box-shadow: inset 0px 0px 5px #c6c6c6;
            height: 100px;
            overflow-y: auto;
          }

          select {
            display: block;
          }
        </style>
    </head>
    <body>
      <div class="hero-unit">
         <p>
           port:<input type="text" id="port" value="8080"/>
           <button id="startJob" class="btn btn-primary btn-large" >StartJob</button>
           <button id="choose_dir" class="btn btn-primary btn-large" >chose dir</button>
           <button id="debug" class="btn btn-primary btn-large" >Debug.</button>
           <button id="capture" class="btn btn-primary btn-large" >screen.</button>
           <img id="img" />
         </p>
      </div>
      <pre id="logger"></pre>
    </body>
</html>