745 lines
33 KiB
HTML
745 lines
33 KiB
HTML
<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/icon?family=Material+Icons" rel="stylesheet" type="text/css">
|
|
<!-- Bootstrap Core Css -->
|
|
<link href="assets/dashboard/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
|
|
<!-- Waves Effect Css -->
|
|
<link href="assets/dashboard/plugins/node-waves/waves.css" rel="stylesheet" />
|
|
<!-- Animation Css -->
|
|
<link href="assets/dashboard/plugins/animate-css/animate.css" rel="stylesheet" />
|
|
<!-- Morris Chart Css
|
|
<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">
|
|
<!-- 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">
|
|
<script src="https://medium-widget.pixelpoint.io/widget.js"></script>
|
|
|
|
</head>
|
|
|
|
<div class="marketStats">
|
|
<!-- #END# Page Loader -->
|
|
<!-- Overlay For Sidebars -->
|
|
<div class="overlay"></div>
|
|
<!-- #END# Overlay For Sidebars -->
|
|
<section class="content">
|
|
<div class="container-fluid">
|
|
<div class="block-header">
|
|
<h2>DASHBOARD -
|
|
<span id="accountaddress" style="word-break: break-word;"></span> -
|
|
<span id="welcome-name"></span>
|
|
<span id="ethobalance"></span>
|
|
</h2>
|
|
</div>
|
|
<!-- Widgets -->
|
|
<div class="row clearfix">
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
<div class="info-box bg-pink hover-expand-effect">
|
|
<div class="icon">
|
|
<i class="material-icons">device_hub</i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="text">Nodes Online:</div>
|
|
<div class="text">
|
|
<span id="nodecount">Loading</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
<div class="info-box bg-cyan hover-expand-effect">
|
|
<div class="icon">
|
|
<i class="material-icons">sd_storage</i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="text">Network Storage:</div>
|
|
<div class="text">
|
|
<span id="nodestorage">Loading</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
<div class="info-box bg-light-green hover-expand-effect">
|
|
<div class="icon">
|
|
<i class="material-icons">monetization_on</i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="text">ETHO Price (USD):</div>
|
|
<div class="text">$
|
|
<span id="ethoprice">Loading</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
<div class="info-box bg-orange hover-expand-effect">
|
|
<div class="icon">
|
|
<i class="material-icons">assessment</i>
|
|
</div>
|
|
<div class="content">
|
|
<div class="text">Block Height:</div>
|
|
<div class="text">
|
|
<span id="blocknumber">Loading</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- #END# Widgets -->
|
|
<div class="row clearfix">
|
|
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-6">
|
|
<div class="card">
|
|
<div class="header bg-indigo">
|
|
<h2>
|
|
What is ethoFS?
|
|
</h2>
|
|
</div>
|
|
<div class="body">
|
|
<div id="medium-widget" style="overflow: auto;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CPU Usage-->
|
|
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
|
|
<div class="card">
|
|
<div class="header bg-indigo">
|
|
<h2>
|
|
What is ethoFS?
|
|
</h2>
|
|
</div>
|
|
<div class="body">
|
|
ethoFS is a fully decentralized hosting platform that combines blockchain indexing
|
|
technology and the IPFS protocol to deliver decentralized content on-demand. The ethoFS
|
|
network is a fully functioning website hosting platform which
|
|
utilizes the node network for storage and bandwidth, along with providing DDoS protection,
|
|
censorship resistance and high reliability due to not having any single points of failure.
|
|
|
|
<br>
|
|
<p></p>
|
|
<h1></h1>
|
|
<h1></h1>
|
|
Ether-1's goal is to bring all this together by providing a streamlined, completely
|
|
decentralized development and content hosting platform that is usable by anyone.
|
|
|
|
</div>
|
|
<center>
|
|
<button type="button" class="btn bg-indigo waves-effect" data-toggle="modal" data-target="#defaultModal" onclick="resetUploadProcess();">
|
|
<i class="material-icons">cloud_upload</i>
|
|
<span>Upload to ethoFS now</span>
|
|
</button>
|
|
</center>
|
|
<h1></h1>
|
|
<br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- #END# CPU Usage -->
|
|
<!-- Table of hashes -->
|
|
<div class="row clearfix">
|
|
<div class="col-xs-24 col-sm-24 col-md-16 col-lg-16">
|
|
<div class="card">
|
|
<div class="header">
|
|
<h2>ETHOFS HOSTING CONTRACTS</h2>
|
|
</div>
|
|
<div class="body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover dashboard-task-infos">
|
|
<thead>
|
|
<tr>
|
|
<th style="color:#000;">Name</th>
|
|
<th style="color:#000;">ethoFS Contract Hash</th>
|
|
<th style="color:#000;">Start Block</th>
|
|
<th style="color:#000;">End Block</th>
|
|
<th style="color:#000;">Status</th>
|
|
<th style="color:#000;">Options</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="hostingcontractstablebody"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- #END# Hash Tables -->
|
|
<!-- Login Modal -->
|
|
<div class="modal fade" id="ethofsLoginModal" tabindex="-1" role="dialog">
|
|
<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;">
|
|
Login | ethoFS Upload Dashboard
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body" style="width:100%; background: #000000; background-color: #000;">
|
|
<p>ethoFS Account Address Not Found - Please Install/Login To a Browser Extension or Login
|
|
With Private Key Below</p>
|
|
<table class="rwd-table">
|
|
<tr style="border-color:#000;">
|
|
<th>Private Key:</th>
|
|
</tr>
|
|
<tr style="border-color:#000;">
|
|
<td data-th="Private Key">
|
|
<input type="text" id="privatekey" name="privatekey" placeholder="Enter Private Key"
|
|
style="color:White;">
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Registration Modal -->
|
|
<div class="modal fade" id="ethofsRegistrationModal" tabindex="-1" role="dialog">
|
|
<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;">
|
|
Registration | ethoFS Upload Dashboard
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body" style="width:100%; background: #000000; background-color: #000;">
|
|
<p>ethoFS Account Registration</p>
|
|
<table class="rwd-table">
|
|
<tr style="border-color:#000;">
|
|
<th>ethoFS User Name Registration</th>
|
|
</tr>
|
|
<tr style="border-color:#000;">
|
|
<td data-th="User Name">
|
|
<input type="text" id="username" name="username" placeholder="Enter User Name" 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-registration-button"
|
|
onclick="AddNewUser(document.getElementById('username').value);">REGISTER</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Default Size Modal -->
|
|
<div class="modal fade" id="defaultModal" tabindex="-1" role="dialog">
|
|
<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;">
|
|
<center>
|
|
<img src="assets/dashboard/images/ethofslogo.png" alt="Ether-1 ethoFS Logo">
|
|
<br>
|
|
<br> Live Upload | ethoFS Browser Node
|
|
</center>
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<main>
|
|
<center>
|
|
<h4>ETHOFS BROWSER NODE INFORMATION</h4>
|
|
<br>
|
|
</center>
|
|
<div>
|
|
<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:            </h4>
|
|
<div>
|
|
<pre id="logs" class="success">Initializing node...</pre>
|
|
</div>
|
|
<h4>Peer Health:       </h4>
|
|
<div id="peer-count-div">
|
|
<div id="myPeerBar"></div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Upload Modal -->
|
|
<div class="modal fade" id="defaultModal2" tabindex="-1" role="dialog">
|
|
<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;">
|
|
Live Upload | ethoFS Browser Node</h4>
|
|
</div>
|
|
<div class="modal-body" style="width:100%; background-color: #840032;">
|
|
<div id="files" class="box" ondragover="event.preventDefault()">
|
|
<h4 align="center">Upload Your Files</h4>
|
|
<div id="drag-container" style="width:100%; background: #000000; background-color: #000;">
|
|
<br>
|
|
<center>
|
|
<p>
|
|
<b>Click here to upload a directory</b> or drag an individual file into this
|
|
box to upload.
|
|
</p>
|
|
</center>
|
|
<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>
|
|
</div>
|
|
<table id="file-history">
|
|
<thead>
|
|
<tr>
|
|
<th>Upload Path</th>
|
|
<th>File Name</th>
|
|
<th>File Size</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="file-history-div"></tbody>
|
|
</table>
|
|
</div>
|
|
</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" onclick="resetUploadModal();">NEXT</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="defaultModal3" tabindex="-1" role="dialog">
|
|
<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;">
|
|
Live Upload | ethoFS Browser Node
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body" style="width:100%; background: #000000;">
|
|
<main>
|
|
<table class="rwd-table" name="contract-detail-table" style="width:100%;">
|
|
<tr style="border-color:#000;">
|
|
<th>Contract Name</th>
|
|
</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;">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>ethoFS Upload Status</th>
|
|
<td data-th="ethoFS Upload Hash">
|
|
<span id="upload-hash"></span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Upload Size</th>
|
|
<td data-th="Upload Size">
|
|
<span id="upload-size">0</span> MB
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Contract Duration (Blocks)</th>
|
|
<td data-th="Contract Duration (Blocks)">
|
|
<select id="contract-duration" onchange="contractDurationChange(this);">
|
|
<option value="100000" selected="selected">100000</option>
|
|
<option value="200000">200000</option>
|
|
<option value="300000">300000</option>
|
|
<option value="400000">400000</option>
|
|
<option value="500000">500000</option>
|
|
<option value="600000">600000</option>
|
|
<option value="700000">700000</option>
|
|
<option value="800000">800000</option>
|
|
|
|
<option value="900000">900000</option>
|
|
|
|
<option value="1000000">1000000</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr style="border-color:#0000;">
|
|
<th>Total Contract Cost</th>
|
|
<td data-th="Total Contract Cost">
|
|
<span id="contract-cost">0</span> ETHO
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<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>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="uploadTrackerModal" tabindex="-1" role="dialog">
|
|
<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" aria-label="Close" style="color:#ffffff;"
|
|
onclick="updateContractTable();">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<br>
|
|
<center>
|
|
<img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
|
|
</center>
|
|
</div>
|
|
<div class="modal-body">
|
|
<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>
|
|
</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 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>
|
|
</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-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;">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<br>
|
|
<center>
|
|
<img src="assets/dashboard/images/ethofslogo.png" width="200" alt="Ether-1 ethoFS Logo">
|
|
</center>
|
|
|
|
<div class="modal-body">
|
|
</div>
|
|
<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>
|
|
</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 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>
|
|
</main>
|
|
</div>
|
|
</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>
|
|
</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%;">
|
|
<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>
|
|
if (typeof module === 'object') {
|
|
window.module = module;
|
|
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>
|
|
<!-- Jquery Core Js -->
|
|
<script src="assets/dashboard/plugins/jquery/jquery.min.js"></script>
|
|
<!-- Bootstrap Core Js -->
|
|
<script src="assets/dashboard/plugins/bootstrap/js/bootstrap.js"></script>
|
|
<!-- Select Plugin Js -->
|
|
<script src="assets/dashboard/plugins/bootstrap-select/js/bootstrap-select.js"></script>
|
|
<!-- Slimscroll Plugin Js -->
|
|
<script src="assets/dashboard/plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
|
|
<!-- Waves Effect Plugin Js -->
|
|
<script src="assets/dashboard/plugins/node-waves/waves.js"></script>
|
|
<!-- Jquery CountTo Plugin Js -->
|
|
<script src="assets/dashboard/plugins/jquery-countto/jquery.countTo.js"></script>
|
|
<!-- Custom Js -->
|
|
<script src="assets/dashboard/js/admin.js"></script>
|
|
<script src="assets/dashboard/js/bundle.js"></script>
|
|
<script src="assets/dashboard/js/app.js"></script>
|
|
<!-- Demo Js -->
|
|
<script src="assets/dashboard/js/demo.js"></script>
|
|
<script src="assets/dashboard/js/medium.js"></script>
|
|
<script>
|
|
MediumWidget.Init({
|
|
renderTo: '#medium-widget',
|
|
params: {
|
|
"resource": "https://medium.com/@Ether1Official",
|
|
"postsPerLine": 1,
|
|
"limit": 10,
|
|
"picture": "small",
|
|
"fields": ["description", "publishAt"],
|
|
"ratio": "landscape"
|
|
}
|
|
})
|
|
</script>
|
|
<script>
|
|
if (window.module)
|
|
module = window.module;
|
|
</script>
|
|
|
|
</div>
|