adds a button to copy the generated config to the buffer as base64 string (#85)

* add copy base64 zip string for paste in console like
$ echo 'base64string' | base64 --decode > nginxconfig.io.zip

* preparing for merge

* copyAsBase64()

* added copy-paste steps
This commit is contained in:
trin4ik
2019-05-19 20:37:52 +03:00
committed by Bálint Szekeres
parent d12d3b2cec
commit c024c4a06a
7 changed files with 71 additions and 31 deletions

View File

@@ -1033,6 +1033,13 @@
<div class="grid-sizer col-xl-6"></div>
<div class="grid-item col-xl-12 mb-3 text-center" ng-cloak>
<button class="btn btn-primary btn-sm btn-download" ng-click="downloadZip()"><img src="assets/img/download.svg" alt="Download"> Generated config <small>(.zip)</small></button>
<button tooltips tooltip-template="Copied!" tooltip-show-trigger="click" class="btn btn-success btn-sm btn-download btn-base64" ng-click="copyAsBase64()"><img src="assets/img/download.svg" alt="Download"> Copy Base64 <small>(inline)</small></button>
</div>
<div id="base64-zip-wrapper" class="custom-control-input">
<button class="btn btn-light btn-clipboard" id="btn-base64-zip-line" ngclipboard data-clipboard-target="#base64-zip-line" ngclipboard-success="clipboardSuccess('base64-zip-line')">
<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">
</button>
<div id="base64-zip-line"></div>
</div>
<section class="file grid-item" ng-class="isModularized() || isWordPress() ? 'col-xl-6' : 'col-xl-12'" ng-cloak>
<strong>/etc/nginx/nginx.conf</strong>
@@ -1171,6 +1178,7 @@
<script src="assets/js/masonry.pkgd.min.js?v=4.2.1"></script>
<script src="assets/js/jszip.min.js?v=3.1.5"></script>
<script src="assets/js/filesaver.min.js?v=1.3.4"></script>
<script src="assets/js/base64.min.js"></script>
<script src="assets/js/app.js?v=COMMIT_HASH"></script>
</body>
</html>