matt/paperclip-wallet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

A usable implementation

Browse Source
This commit is contained in:
FallenGravity
2019-10-13 16:03:22 +02:00
parent f73c3a8424
commit f7a7b54c24
3 changed files with 41 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/dashboard/plugins/bootstrap/css/bootstrap.css vendored
View File

@@ -5877,7 +5877,6 @@ button.close {
left: 0; left: 0;
z-index: 1050; z-index: 1050;
display: none; display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
outline: 0; outline: 0;
} }
@@ -5896,10 +5895,8 @@ button.close {
-o-transform: translate(0, 0); -o-transform: translate(0, 0);
transform: translate(0, 0); transform: translate(0, 0);
} }
.modal-open .modal { .modal-open .modal {}
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog { .modal-dialog {
position: relative; position: relative;
width: auto; width: auto;
@@ -5957,7 +5954,6 @@ button.close {
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
} }
.modal-footer .btn + .btn { .modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px; margin-left: 5px;
} }
.modal-footer .btn-group .btn + .btn { .modal-footer .btn-group .btn + .btn {

3
assets/styles/materialize.min.css vendored
View File

@@ -5605,7 +5605,7 @@ body.keyboard-focused .dropdown-content li:focus {
left: 0; left: 0;
right: 0; right: 0;
padding: 0; padding: 0;
max-height: 70%; max-height: 100%;
width: 55%; width: 55%;
margin: auto; margin: auto;
overflow-y: auto; overflow-y: auto;
@@ -5637,7 +5637,6 @@ body.keyboard-focused .dropdown-content li:focus {
.modal .modal-footer { .modal .modal-footer {
border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;
background-color: #fafafa;
padding: 4px 6px; padding: 4px 6px;
height: 56px; height: 56px;
width: 100%; width: 100%;

85
assets/templates/uploads.html
View File

@@ -219,30 +219,30 @@
</h4> </h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<center> <main>
<h4>ETHOFS BROWSER NODE INFORMATION</h4> <center>
<br> <h4>ETHOFS BROWSER NODE INFORMATION</h4>
</center> <br>
<div> </center>
<h4>Ether-1 Address:</h4>
<pre class="etho-message" style="color:white; background-color: Black;"></pre>
</div>
<div>
<h4>ethoFS Node ID:</h4>
<pre class="node-id" style="color:white; background-color: Black;"></pre>
</div>
<div>
<h4>Status:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</h4>
<div> <div>
<pre id="logs" class="success">Initializing node...</pre> <h4>Ether-1 Address:</h4>
<pre class="etho-message" style="color:white; background-color: Black;"></pre>
</div> </div>
<h4>Peer Health:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</h4> <div>
<div id="peer-count-div"> <h4>ethoFS Node ID:</h4>
<pre id="peercount"> <pre class="node-id" style="color:white; background-color: Black;"></pre>
<div id="myPeerBar"></div>
</pre>
</div> </div>
</div> <div>
<h4>Status:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</h4>
<div>
<pre id="logs" class="success">Initializing node...</pre>
</div>
<h4>Peer Health:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</h4>
<div id="peer-count-div">
<div id="myPeerBar"></div>
</div>
</div>
</main>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button> <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
@@ -251,6 +251,8 @@
</div> </div>
</div> </div>
</div> </div>
<!--Upload Modal -->
<div class="modal fade" id="defaultModal2" tabindex="-1" role="dialog"> <div class="modal fade" id="defaultModal2" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content" style="background-color: #840032;"> <div class="modal-content" style="background-color: #840032;">
@@ -258,7 +260,7 @@
<h4 class="modal-title" id="defaultModalLabel" style="color:white;"> <h4 class="modal-title" id="defaultModalLabel" style="color:white;">
Live Upload | ethoFS Browser Node</h4> Live Upload | ethoFS Browser Node</h4>
</div> </div>
<div class="modal-body" style="width:100%; background: #000000; background-color: #000;"> <div class="modal-body" style="width:100%; background-color: #840032;">
<div id="files" class="box" ondragover="event.preventDefault()"> <div id="files" class="box" ondragover="event.preventDefault()">
<h4 align="center">Upload Your Files</h4> <h4 align="center">Upload Your Files</h4>
<div id="drag-container" style="width:100%; background: #000000; background-color: #000;"> <div id="drag-container" style="width:100%; background: #000000; background-color: #000;">
@@ -286,7 +288,6 @@
</table> </table>
</div> </div>
</div> </div>
</div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button> <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
<button type="button" class="btn btn-link waves-effect" data-toggle="modal" data-dismiss="modal" data-target="#defaultModal3">NEXT</button> <button type="button" class="btn btn-link waves-effect" data-toggle="modal" data-dismiss="modal" data-target="#defaultModal3">NEXT</button>
@@ -294,6 +295,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="modal fade" id="defaultModal3" tabindex="-1" role="dialog"> <div class="modal fade" id="defaultModal3" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content" style="background-color: #840032;"> <div class="modal-content" style="background-color: #840032;">
@@ -304,13 +306,13 @@
</div> </div>
<div class="modal-body" style="width:100%; background: #000000;"> <div class="modal-body" style="width:100%; background: #000000;">
<main> <main>
<table class="rwd-table" name="contract-detail-table" style="width:100%; background: #000000;"> <table class="rwd-table" name="contract-detail-table" style="width:100%;">
<tr style="border-color:#000;"> <tr style="border-color:#000;">
<th>Contract Name</th> <th>Contract Name</th>
</tr> </tr>
<tr style="border-color:#000;"> <tr style="border-color:#000;">
<td data-th="Contract Name"> <td data-th="Contract Name">
<input type="text" id="newcontractname" name="newcontractname" placeholder="Enter Contract Name" style="color:Black;"> <input type="text" id="newcontractname" name="newcontractname" placeholder="Enter Contract Name" style="color:white;">
</td> </td>
</tr> </tr>
<tr> <tr>
@@ -323,42 +325,31 @@
<th>Upload Size</th> <th>Upload Size</th>
<td data-th="Upload Size"> <td data-th="Upload Size">
<span id="upload-size">0</span> MB <span id="upload-size">0</span> MB
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Contract Duration (Blocks)</th> <th>Contract Duration (Blocks)</th>
<td data-th="Contract Duration (Blocks)"> <td data-th="Contract Duration (Blocks)">
<select id="contract-duration" onchange="contractDurationChange(this);"> <select id="contract-duration" onchange="contractDurationChange(this);">
<option value="100000" selected="selected">100000 <option value="100000" selected="selected">100000 - 15 Days
- 15 Days
</option> </option>
<option value="200000">200000 <option value="200000">200000 - 30 Days
- 30 Days
</option> </option>
<option value="300000">300000 <option value="300000">300000 - 45 Days
- 45 Days
</option> </option>
<option value="400000">400000 <option value="400000">400000 - 60 Days
- 60 Days
</option> </option>
<option value="500000">500000 <option value="500000">500000 - 75 Days
- 75 Days
</option> </option>
<option value="600000">600000 <option value="600000">600000 - 90 Days
- 90 Days
</option> </option>
<option value="700000">700000 <option value="700000">700000 - 105 Days
- 105 Days
</option> </option>
<option value="800000">800000 <option value="800000">800000 - 120 Days
- 120 Days
</option> </option>
<option value="900000">900000 <option value="900000">900000 - 135 Days
- 135 Days
</option> </option>
<option value="1000000">1000000 <option value="1000000">1000000 - 150 Days
- 150 Days
</option> </option>
</select> </select>
</td> </td>
@@ -371,7 +362,7 @@
</tr> </tr>
</table> </table>
<div class="modal-footer" style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000"> <div class="modal-footer">
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button> <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">CLOSE</button>
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="upload-confirm-button" onclick="window.startUploadProcess();">CONFIRM</button> <button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="upload-confirm-button" onclick="window.startUploadProcess();">CONFIRM</button>
</div> </div>