@@ -1,6 +1,7 @@
|
||||
<head>
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet"
|
||||
type="text/css">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
|
||||
<!-- Bootstrap Core Css -->
|
||||
<link href="assets/dashboard/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
|
||||
@@ -12,7 +13,8 @@
|
||||
<link href="assets/dashboard/plugins/morrisjs/morris.css" rel="stylesheet" />-->
|
||||
<!-- Custom Css -->
|
||||
<link href="assets/dashboard/css/style.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
|
||||
<link rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
|
||||
<!-- AdminBSB Themes. You can choose a theme from css/themes instead of get all themes -->
|
||||
<link href="assets/dashboard/css/themes/all-themes.css" rel="stylesheet" />
|
||||
<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.css" rel="stylesheet">
|
||||
@@ -185,14 +187,16 @@
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Private Key">
|
||||
<input type="text" id="privatekey" name="privatekey" placeholder="Enter Private Key" style="color:Black;">
|
||||
<input type="text" id="privatekey" name="privatekey" placeholder="Enter Private Key"
|
||||
style="color:Black;">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer" style="background-color: #840032;">
|
||||
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="ethofs-login-button" onclick="ethofsLogin(document.getElementById('privatekey').value);">LOGIN</button>
|
||||
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="ethofs-login-button"
|
||||
onclick="ethofsLogin(document.getElementById('privatekey').value);">LOGIN</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -220,7 +224,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer" style="background-color: #840032;">
|
||||
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="ethofs-registration-button" onclick="AddNewUser(document.getElementById('username').value);">REGISTER</button>
|
||||
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal" id="ethofs-registration-button"
|
||||
onclick="AddNewUser(document.getElementById('username').value);">REGISTER</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -265,7 +270,8 @@
|
||||
</div>
|
||||
<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-toggle="modal" data-dismiss="modal" data-target="#defaultModal2">NEXT</button>
|
||||
<button type="button" class="btn btn-link waves-effect" data-toggle="modal" data-dismiss="modal"
|
||||
data-target="#defaultModal2">NEXT</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -290,7 +296,8 @@
|
||||
box to upload.
|
||||
</p>
|
||||
</center>
|
||||
<input type="file" id="fileUploadButton" webkitdirectory="true" mozdirectory="true" msdirectory="true" odirectory="true" directory="true" multiple="true">
|
||||
<input type="file" id="fileUploadButton" webkitdirectory="true" mozdirectory="true" msdirectory="true"
|
||||
odirectory="true" directory="true" multiple="true">
|
||||
</div>
|
||||
<div id="progress-container">
|
||||
<div id="progress-bar"></div>
|
||||
@@ -309,7 +316,8 @@
|
||||
</div>
|
||||
<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-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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -331,7 +339,8 @@
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Contract Name">
|
||||
<input type="text" id="newcontractname" name="newcontractname" placeholder="Enter Contract Name" style="color:white;">
|
||||
<input type="text" id="newcontractname" name="newcontractname" placeholder="Enter Contract Name"
|
||||
style="color:white;">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -375,7 +384,8 @@
|
||||
|
||||
<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" id="upload-confirm-button" onclick="startUploadProcess();">CONFIRM</button>
|
||||
<button type="button" class="btn btn-link waves-effect" data-dismiss="modal"
|
||||
id="upload-confirm-button" onclick="startUploadProcess();">CONFIRM</button>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
@@ -387,7 +397,8 @@
|
||||
<div class="modal-content" style="background-color: #840032;">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="defaultModalLabel" style="color:white;">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;" onclick="updateContractTable();">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;"
|
||||
onclick="updateContractTable();">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<br>
|
||||
@@ -399,30 +410,36 @@
|
||||
<main>
|
||||
<div class="box node" style="width:100%; background: #000000;">
|
||||
<h3 style="padding: 10px;">ethoFS Upload Status:
|
||||
<span id="upload-status-message" style="color: #3CB371; text-align: center !important;">In Progress</span>
|
||||
<span id="upload-status-message" style="color: #3CB371; text-align: center !important;">In
|
||||
Progress</span>
|
||||
</h3>
|
||||
<div>
|
||||
<h3 style="padding-left:10px;">Message Log:</h3>
|
||||
<span class="upload-message" style="color: #3CB371; font-size: 24px; padding: 10px"></span>
|
||||
</div>
|
||||
<div class="summary" style="text-align: center !important; padding: 10px; width:100%; background: #000000;">
|
||||
<div class="summary"
|
||||
style="text-align: center !important; padding: 10px; width:100%; background: #000000;">
|
||||
<div id="myBar">0%</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<div class="modal-footer" style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
|
||||
<button type="button" class="btn btn-primary" id="upload-check-button" onclick="finishUploadModal(); event.stopPropagation();">Close</button>
|
||||
<div class="modal-footer"
|
||||
style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
|
||||
<button type="button" class="btn btn-primary" id="upload-check-button"
|
||||
onclick="finishUploadModal(); event.stopPropagation();">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="analyzeDataModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true" data-backdrop="static">
|
||||
<div class="modal fade" id="analyzeDataModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel"
|
||||
aria-hidden="true" data-backdrop="static">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="background-color: #840032;">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="defaultModalLabel" style="color:white;">
|
||||
<button type="button" class="close" data-dismiss="modal" id="analyze-close-button" aria-label="Close" style="color:#ffffff;">
|
||||
<button type="button" class="close" data-dismiss="modal" id="analyze-close-button" aria-label="Close"
|
||||
style="color:#ffffff;">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
<br>
|
||||
@@ -435,232 +452,248 @@
|
||||
<main>
|
||||
<div class="box node" style="width:100%; background: #000000;">
|
||||
<h4 style="padding: 20px;">Data Upload Status:
|
||||
<span id="analyze-status-message" style="color: #3CB371; font-size: 24px;">Analyzing Upload Data</span>
|
||||
<span id="analyze-status-message" style="color: #3CB371; font-size: 24px;">Analyzing Upload
|
||||
Data</span>
|
||||
</h4>
|
||||
<div>
|
||||
<h4 style="padding-left:10px;">Message Log:</h4>
|
||||
<pre class="analyze-message" style="color: #3CB371; font-size: 24px;"></pre>
|
||||
</div>
|
||||
<div class="summary" style="text-align: center !important; padding: 10px; width:100%; background: #000000;">
|
||||
<div class="summary"
|
||||
style="text-align: center !important; padding: 10px; width:100%; background: #000000;">
|
||||
<div id="myAnalyzeBar">0%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="modal-footer" style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
|
||||
<button type="button" class="btn btn-primary" id="upload-check-button" onclick="finishUploadModal(); event.stopPropagation();">Close</button>
|
||||
<div class="modal-footer"
|
||||
style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
|
||||
<button type="button" class="btn btn-primary" id="upload-check-button"
|
||||
onclick="finishUploadModal(); event.stopPropagation();">Close</button>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end analyze data modal -->
|
||||
<!-- begin mined block checking modal -->
|
||||
<div class="modal fade" id="minedBlockTrackerModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true" data-backdrop="static">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="background-color: #840032;">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="staticModalLabel" style="font-weight:bold; color:#ffffff;">Waiting
|
||||
For Confirmation | ethoFS Block Tracker</h5>
|
||||
<br>
|
||||
<center>
|
||||
<img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
|
||||
</center>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<main>
|
||||
<div class="box node" style="width:100%; background: #000000; background-color: #000;">
|
||||
<h3 style="padding: 20px;">Ether-1 Transaction Status:
|
||||
<span id="mining-status-message" style="color: #3CB371; font-size: 24px; text-align: center !important;">In
|
||||
Progress</span>
|
||||
</h3>
|
||||
<div>
|
||||
<h3 style="padding-left:20px;">Message Log:</h3>
|
||||
<center>
|
||||
<span class="mining-message" id="mining-message" style="color: #3CB371; font-size: 24px;"></span>
|
||||
</center>
|
||||
</div>
|
||||
<div class="summary" style="text-align: center !important; padding: 20px; width:100%; background: #000000;">
|
||||
<h3 style="font-size: 24px;">Current Ether-1 Block Height:
|
||||
      
|
||||
<span id="block-height" style="color: #3CB371; font-size: 24px;">0</span>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end analyze data modal -->
|
||||
<!-- begin mined block checking modal -->
|
||||
<div class="modal fade" id="minedBlockTrackerModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel"
|
||||
aria-hidden="true" data-backdrop="static">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="background-color: #840032;">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="staticModalLabel" style="font-weight:bold; color:#ffffff;">Waiting
|
||||
For Confirmation | ethoFS Block Tracker</h5>
|
||||
<br>
|
||||
<center>
|
||||
<img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
|
||||
</center>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end mined block checking modal -->
|
||||
<!-- begin preparing upload modal -->
|
||||
<div class="modal fade" id="preparingUploadModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true" data-backdrop="static">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="background-color: #840032;">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="staticModalLabel" style="font-weight:bold; color:#ffffff;">Preparing
|
||||
Data Upload | ethoFS Block Tracker</h5>
|
||||
<br>
|
||||
<center>
|
||||
<img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
|
||||
</center>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<main>
|
||||
<div class="box node" style="width:100%; background: #000000;">
|
||||
<h3 style="padding: 20px;">ETHOFS UPLOAD STATUS:
|
||||
<span id="preparing-status-message" style="color: #3CB371; font-size: 24px;">PREPARING UPLOAD</span>
|
||||
</h3>
|
||||
<div>
|
||||
<h3 style="padding-left:20px;">Message Log:</h3>
|
||||
<span class="mining-message" id="preparing-message" style="color: #3CB371;">Preparing Data For Upload</span>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end preparing upload modal -->
|
||||
<!-- begin contract detail modal -->
|
||||
<div class="modal fade" id="contractDetailModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel" aria-hidden="true" data-backdrop="static">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="background-color: #840032;">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="defaultModalLabel" style="color:white;">ethoFS Hosting Contract
|
||||
Details</h4>
|
||||
<br>
|
||||
<center>
|
||||
<img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
|
||||
</center>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;" onclick="resetContractDetailTableRows();">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<main>
|
||||
<div class="box node" style="width:100%;">
|
||||
<div class="modal-body">
|
||||
<main>
|
||||
<div class="box node" style="width:100%; background: #000000; background-color: #000;">
|
||||
<h3 style="padding: 20px;">Ether-1 Transaction Status:
|
||||
<span id="mining-status-message"
|
||||
style="color: #3CB371; font-size: 24px; text-align: center !important;">In
|
||||
Progress</span>
|
||||
</h3>
|
||||
<div>
|
||||
<h3 style="padding-left:20px;">Message Log:</h3>
|
||||
<center>
|
||||
<h3>ETHOFS HOSTING CONTRACT DETAILS</h3>
|
||||
<span class="mining-message" id="mining-message" style="color: #3CB371; font-size: 24px;"></span>
|
||||
</center>
|
||||
</div>
|
||||
<div class="summary" style="background: #000000; background-color: #000">
|
||||
<div id="earth"></div>
|
||||
<div class="box node" style="width:100%; background: #000000;">
|
||||
<table class="rwd-table" id="contract-detail-table" name="contract-detail-table">
|
||||
<tr style="border-color:#000; word-break: break-word;">
|
||||
<th>Contract Name</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Contract Name">
|
||||
<span id="contract-detail-name" name="contract-detail-name"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<th>Contract Deployment Block Height</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Contract Deployment Block Height">
|
||||
<span id="contract-detail-startblock" name="contract-detail-startblock"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<th>Contract Expiration Block Height</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Contract Expiration Block Height">
|
||||
<span id="contract-detail-endblock" name="contract-detail-endblock"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<th>Contract Status</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Contract Status">
|
||||
<span id="contract-detail-status" name="contract-detail-status"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<th>Total Contract Size</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Total Contract Size">
|
||||
<span id="contract-detail-size" name="contract-detail-size"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="word-break: break-word">
|
||||
<th>Content Hash</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<table class="rwd-table" id="contract-detail-extension-table" name="contract-detail-table">
|
||||
<tr>
|
||||
<th>Contract Extension Duration (Blocks)</th>
|
||||
<th>Cost</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-th="Contract Duration (Blocks)">
|
||||
<select class="js-select22" name="extend-contract" id="extend-contract" onchange="contractExtensionChange(this);">
|
||||
<option value="100000" selected="selected">100000
|
||||
- 15 Days
|
||||
</option>
|
||||
<option value="200000">200000
|
||||
- 30 Days
|
||||
</option>
|
||||
<option value="300000">300000
|
||||
- 45 Days
|
||||
</option>
|
||||
<option value="400000">400000
|
||||
- 60 Days
|
||||
</option>
|
||||
<option value="500000">500000
|
||||
- 75 Days
|
||||
</option>
|
||||
<option value="600000">600000
|
||||
- 90 Days
|
||||
</option>
|
||||
<option value="700000">700000
|
||||
- 105 Days
|
||||
</option>
|
||||
<option value="800000">800000
|
||||
- 120 Days
|
||||
</option>
|
||||
<option value="900000">900000
|
||||
- 135 Days
|
||||
</option>
|
||||
<option value="1000000">1000000
|
||||
- 150 Days
|
||||
</option>
|
||||
</select>
|
||||
</td>
|
||||
<td data-th="Cost">
|
||||
<span id="contract-extension-cost">0</span> ETHO
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="table-data__tool-right" style="margin-left: 15px;">
|
||||
<button class="btn btn-primary" id="contract-extension-button" type="button" onclick="contractExtensionConfirmation();">Extend Hosting Contract</button>
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
<div class="summary"
|
||||
style="text-align: center !important; padding: 20px; width:100%; background: #000000;">
|
||||
<h3 style="font-size: 24px;">Current Ether-1 Block Height:
|
||||
      
|
||||
<span id="block-height" style="color: #3CB371; font-size: 24px;">0</span>
|
||||
</h3>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<div class="modal-footer" style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
|
||||
<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="resetContractDetailTableRows();">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END MODAL -->
|
||||
</div>
|
||||
<!-- end mined block checking modal -->
|
||||
<!-- begin preparing upload modal -->
|
||||
<div class="modal fade" id="preparingUploadModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel"
|
||||
aria-hidden="true" data-backdrop="static">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="background-color: #840032;">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="staticModalLabel" style="font-weight:bold; color:#ffffff;">Preparing
|
||||
Data Upload | ethoFS Block Tracker</h5>
|
||||
<br>
|
||||
<center>
|
||||
<img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
|
||||
</center>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color:#ffffff;">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<main>
|
||||
<div class="box node" style="width:100%; background: #000000;">
|
||||
<h3 style="padding: 20px;">ETHOFS UPLOAD STATUS:
|
||||
<span id="preparing-status-message" style="color: #3CB371; font-size: 24px;">PREPARING UPLOAD</span>
|
||||
</h3>
|
||||
<div>
|
||||
<h3 style="padding-left:20px;">Message Log:</h3>
|
||||
<span class="mining-message" id="preparing-message" style="color: #3CB371;">Preparing Data For
|
||||
Upload</span>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end preparing upload modal -->
|
||||
<!-- begin contract detail modal -->
|
||||
<div class="modal fade" id="contractDetailModal" tabindex="-1" role="dialog" aria-labelledby="staticModalLabel"
|
||||
aria-hidden="true" data-backdrop="static">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content" style="background-color: #840032;">
|
||||
<div class="modal-header">
|
||||
<h4 class="modal-title" id="defaultModalLabel" style="color:white;">ethoFS Hosting Contract
|
||||
Details</h4>
|
||||
<br>
|
||||
<center>
|
||||
<img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
|
||||
</center>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: white;"
|
||||
onclick="resetContractDetailTableRows();">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<main>
|
||||
<div class="box node" style="width:100%;">
|
||||
<center>
|
||||
<h3>ETHOFS HOSTING CONTRACT DETAILS</h3>
|
||||
</center>
|
||||
</div>
|
||||
<div class="summary" style="background: #000000; background-color: #000">
|
||||
<div id="earth"></div>
|
||||
<div class="box node" style="width:100%; background: #000000;">
|
||||
<table class="rwd-table" id="contract-detail-table" name="contract-detail-table">
|
||||
<tr style="border-color:#000; word-break: break-word;">
|
||||
<th>Contract Name</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Contract Name">
|
||||
<span id="contract-detail-name" name="contract-detail-name"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<th>Contract Deployment Block Height</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Contract Deployment Block Height">
|
||||
<span id="contract-detail-startblock" name="contract-detail-startblock"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<th>Contract Expiration Block Height</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Contract Expiration Block Height">
|
||||
<span id="contract-detail-endblock" name="contract-detail-endblock"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<th>Contract Status</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Contract Status">
|
||||
<span id="contract-detail-status" name="contract-detail-status"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<th>Total Contract Size</th>
|
||||
</tr>
|
||||
<tr style="border-color:#000;">
|
||||
<td data-th="Total Contract Size">
|
||||
<span id="contract-detail-size" name="contract-detail-size"></span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="word-break: break-word">
|
||||
<th>Content Hash</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<table class="rwd-table" id="contract-detail-extension-table" name="contract-detail-table">
|
||||
<tr>
|
||||
<th>Contract Extension Duration (Blocks)</th>
|
||||
<th>Cost</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-th="Contract Duration (Blocks)">
|
||||
<select class="js-select22" name="extend-contract" id="extend-contract"
|
||||
onchange="contractExtensionChange(this);">
|
||||
<option value="100000" selected="selected">100000
|
||||
- 15 Days
|
||||
</option>
|
||||
<option value="200000">200000
|
||||
- 30 Days
|
||||
</option>
|
||||
<option value="300000">300000
|
||||
- 45 Days
|
||||
</option>
|
||||
<option value="400000">400000
|
||||
- 60 Days
|
||||
</option>
|
||||
<option value="500000">500000
|
||||
- 75 Days
|
||||
</option>
|
||||
<option value="600000">600000
|
||||
- 90 Days
|
||||
</option>
|
||||
<option value="700000">700000
|
||||
- 105 Days
|
||||
</option>
|
||||
<option value="800000">800000
|
||||
- 120 Days
|
||||
</option>
|
||||
<option value="900000">900000
|
||||
- 135 Days
|
||||
</option>
|
||||
<option value="1000000">1000000
|
||||
- 150 Days
|
||||
</option>
|
||||
</select>
|
||||
</td>
|
||||
<td data-th="Cost">
|
||||
<span id="contract-extension-cost">0</span> ETHO
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="table-data__tool-right" style="margin-left: 15px;">
|
||||
<button class="btn btn-primary" id="contract-extension-button" type="button"
|
||||
onclick="contractExtensionConfirmation();">Extend Hosting Contract</button>
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<div class="modal-footer"
|
||||
style="background-color: #840032; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#000">
|
||||
<button type="button" class="btn btn-primary" data-dismiss="modal"
|
||||
onclick="resetContractDetailTableRows();">Close</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END MODAL -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
@@ -669,7 +702,8 @@
|
||||
module = undefined;
|
||||
}
|
||||
</script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js@1.0.0-beta.36/dist/web3.min.js" integrity="sha256-nWBTbvxhJgjslRyuAKJHK+XcZPlCnmIAAMixz6EefVk=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/ethereum/web3.js@1.0.0-beta.36/dist/web3.min.js"
|
||||
integrity="sha256-nWBTbvxhJgjslRyuAKJHK+XcZPlCnmIAAMixz6EefVk=" crossorigin="anonymous"></script>
|
||||
<!-- Jquery Core Js -->
|
||||
<script src="assets/dashboard/plugins/jquery/jquery.min.js"></script>
|
||||
<!-- Bootstrap Core Js -->
|
||||
@@ -707,4 +741,4 @@
|
||||
module = window.module;
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user