jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleaned up export dialog, fixed copying

Browse Source
This commit is contained in:
Thaum Rystra
2017-07-10 20:59:00 +02:00
parent 35464128a0
commit 4a6fca98bc
3 changed files with 47 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
rpg-docs/client/views/character/export/exportDialog/exportDialog.css Normal file
View File

@@ -0,0 +1,4 @@
.exportDialog .iiexport {
overflow-y: auto;
width: 100% !important;
}

44
rpg-docs/client/views/character/export/exportDialog/exportDialog.html
View File

@@ -1,26 +1,28 @@
<template name="exportDialog">
<div class="fit layout vertical">
<div class="exportDialog fit layout vertical">
{{#with character}}
<app-header-layout has-scrolling-region class="export flex">
<app-header fixed effects="waterfall">
<app-toolbar>
<div main-title>Export Character to Improved Initiative</div>
</app-toolbar>
</app-header>
<div class="form flex layout vertical">
<paper-toggle-button id="exportFeatures" checked={{settings.exportFeatures}}>
Features
</paper-toggle-button>
<paper-toggle-button id="exportAttacks" checked={{settings.exportAttacks}}>
Attacks
</paper-toggle-button>
<paper-toggle-button id="exportDescription" checked={{settings.exportDescription}}>
Description
</paper-toggle-button>
<paper-textarea class="flex iiexport" label="JSON" value={{improvedInitiativeJson}}></paper-textarea>
<paper-button id="copyExportButton" class="red-button" raised>Copy to Clipboard</paper-button>
</div>
</app-header-layout>
<app-header fixed effects="waterfall">
<app-toolbar>
<div main-title>Export Character to Improved Initiative</div>
</app-toolbar>
</app-header>
<div class="form flex layout vertical">
<paper-toggle-button id="exportFeatures" checked={{settings.exportFeatures}}>
Features
</paper-toggle-button>
<paper-toggle-button id="exportAttacks" checked={{settings.exportAttacks}}>
Attacks
</paper-toggle-button>
<paper-toggle-button id="exportDescription" checked={{settings.exportDescription}}>
Description
</paper-toggle-button>
<div class="paper-font-title padded">JSON</div>
<textarea class="flex iiexport">{{improvedInitiativeJson}}</textarea>
<paper-button id="copyExportButton" class="red-button" raised>
<iron-icon icon="content-copy"></iron-icon>
Copy to Clipboard
</paper-button>
</div>
<div class="buttons layout horizontal end-justified">
<paper-button class="doneButton"> Done </paper-button>
</div>

25
rpg-docs/client/views/character/export/exportDialog/exportDialog.js
View File

@@ -30,16 +30,31 @@ Template.exportDialog.events({
},
"click #copyExportButton": function(event, template){
var copyTextarea = template.find(".iiexport");
copyTextarea && copyTextarea.select();
copyTextarea.select();
var msg;
try {
var successful = document.execCommand("copy");
var msg = successful ? "successful" : "unsuccessful";
console.log("Copying text command was " + msg);
var msg = successful ? "JSON copied to clipboard" : "Unable to copy JSON";
} catch (err) {
console.log("Oops, unable to copy");
msg = "Unable to copy JSON";
} finally {
clearSelection();
GlobalUI.toast(msg);
}
},
"click .doneButton": function(event, instance){
popDialogStack();
},
})
});
var clearSelection = function(){
if (window.getSelection) {
if (window.getSelection().empty) { // Chrome
window.getSelection().empty();
} else if (window.getSelection().removeAllRanges) { // Firefox
window.getSelection().removeAllRanges();
}
} else if (document.selection) { // IE?
document.selection.empty();
}
};