patrick/OpenDTU-old
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

webapp: Console: Added function to copy contents to clipboard

Browse Source
This commit is contained in:
Thomas Basler 2022-12-19 23:33:19 +01:00
parent a6f4403417
commit 1964ecff2c
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
webapp/src/views/ConsoleInfoView.vue
View File

@ -11,8 +11,11 @@
<label class="form-check-label" for="autoScroll">Enable Auto Scroll</label> <label class="form-check-label" for="autoScroll">Enable Auto Scroll</label>
</div> </div>
</div> </div>
<div class="col"> <div class="col text-end">
<div class="btn-group" role="group">
<button type="button" class="btn btn-primary" :onClick="clearConsole">Clear Console</button> <button type="button" class="btn btn-primary" :onClick="clearConsole">Clear Console</button>
<button type="button" class="btn btn-secondary" :onClick="copyConsole">Copy to clipboard</button>
</div>
</div> </div>
</div> </div>
<textarea id="console" class="form-control" rows="12" v-model="consoleBuffer" readonly></textarea> <textarea id="console" class="form-control" rows="12" v-model="consoleBuffer" readonly></textarea>
@ -108,6 +111,16 @@ export default defineComponent({
}, },
clearConsole() { clearConsole() {
this.consoleBuffer = ""; this.consoleBuffer = "";
},
copyConsole() {
navigator.clipboard.writeText(this.consoleBuffer).then(
() => {
console.log('clipboard successfully set');
},
() => {
console.error('clipboard write failed');
}
);
} }
} }
}); });