scratch
/quickload/css/text/style.css |
@@ -0,0 +1,52 @@ |
#previews { |
display: table; |
} |
#previews .file-row { |
display: table-row; |
} |
#previews .file-row > div { |
display: table-cell; |
vertical-align: top; |
border-top: 1px solid #ddd; |
padding: 1em; |
background: #f9f9f9; |
} |
#previews .file-row:nth-child(odd) { |
background: #f9f9f9; |
/* border-top: 1em solid #ddd; */ |
} |
|
#editorpanel { |
/*min-height: 240px;*/ |
border: 2px dashed #F78700; |
border-radius: 5px; |
box-sizing: border-box; |
/* outline-offset: -24px; */ |
/*background-image: url("../../img/blueprint.png"); |
background-repeat: repeat;*/ |
} |
|
#total-progress { |
opacity: 0; |
transition: opacity 0.3s linear; |
} |
|
/* Hide the progress bar when finished */ |
#previews .file-row.dz-success .progress { |
opacity: 0; |
transition: opacity 0.3s linear; |
} |
|
/* Hide the delete button initially */ |
#previews .file-row .remove { |
display: none; |
} |
|
/* Hide the start and cancel buttons and show the delete button */ |
#previews .file-row.dz-success .start, |
#previews .file-row.dz-success .cancel { |
opacity: 0.3; |
} |
#previews .file-row.dz-success .remove { |
display: block; |
} |
/quickload/text.html |
@@ -12,7 +12,7 @@ |
<title>Quickload</title> |
|
<!-- Polyfill --> |
<!-- <script src="js/polyfill/polyfill.min.js"></script> --> |
<script src="js/polyfill/polyfill.min.js"></script> |
|
<!-- Bootstrap core CSS --> |
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"> |
@@ -33,7 +33,7 @@ |
<!-- Trumbowyg --> |
<link href="css/trumbowyg/trumbowyg.min.css" rel="stylesheet"> |
<!-- Local style --> |
<!-- <link href="css/style.css" rel="stylesheet"> --> |
<link href="css/text/style.css" rel="stylesheet"> |
</head> |
|
<body> |
@@ -61,10 +61,13 @@ |
<i class="glyphicon glyphicon-globe"></i> |
</button> |
</span> |
<span class="input-group-btn"> |
<button id="clippy" class="btn btn-default" type="button" data-clipboard-target="#URL"><img class="clippy" src="img/clipboard/clippy.svg" width="13" alt="Copy to Clipboard"></button> |
</span> |
</div> |
</div> |
<div class="panel-body" id="uploadpanel"> |
<div id="trumbowyg" style="height: 334px; display: none; font-family: monospace;"> |
<div class="panel-body" id="editorpanel"> |
<div id="trumbowyg" style="display: none; font-family: monospace;"> |
</div> |
</div> |
</div> |
@@ -84,6 +87,8 @@ |
|
<!-- Trumbowyg --> |
<script src="js/trumbowyg/trumbowyg.min.js"></script> |
<!-- Clipboard --> |
<script src="js/clipboard/clipboard.min.js"></script> |
<script> |
$(document).ready(() => { |
// Load the editor. |
@@ -112,6 +117,9 @@ |
$('#trumbowyg').show(); |
}); |
|
// Enable the Clipboard button. |
new Clipboard('#clippy'); |
|
$('#save').click(() => { |
$('#editor').trumbowyg('disable'); |
|
@@ -139,6 +147,7 @@ |
$('#trumbowyg').trumbowyg('enable'); |
}); |
}); |
|
}); |
</script> |
</body> |