40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<style>
|
|
.submitarea{
|
|
flex-grow: 1;
|
|
border-style: groove;
|
|
border-width: 1px;
|
|
overflow-wrap: break-word;
|
|
word-wrap: break-word;
|
|
overflow: scroll;
|
|
}
|
|
.submitbutton{
|
|
padding: 1em 1em;
|
|
background: #667eea;
|
|
color: white;
|
|
border: none;
|
|
border-radius: 8px;
|
|
font-size: 1.1em;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
letter-spacing: 1px;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.submitbutton:hover {
|
|
background: #1c4e63;
|
|
}
|
|
</style>
|
|
<button class="submitbutton" id="submit">Submit</button>
|
|
<br>
|
|
<button id="showJson">Show Json</button>
|
|
<div id="rawdata" class="flexcontainer" style="display: none;">
|
|
<div class="submitarea" id="json" contenteditable="true"></div>
|
|
<div class="submitarea" id="backupjson">backup will be here</div>
|
|
</div>
|
|
<div>BackupStatus:</div>
|
|
<div id="backuptimestamp"></div>
|
|
<div id="backupsize"></div>
|
|
<button id="backup">Backup</button>
|
|
<button id="restorebackup">Restore</button>
|
|
<div id="submit_status"></div> |