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

Updated feedback form to Polymer 1

Browse Source
This commit is contained in:
Stefan Zermatten
2017-01-13 13:21:42 +02:00
parent c416adc85b
commit a67b13f659
9 changed files with 79 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
rpg-docs/client/views/feedback/feedback.css Normal file
View File

@@ -0,0 +1,7 @@
.feedback .form {
padding: 24px;
}
.feedback .buttons {
padding: 8px 8px 8px 24px;
}

74
rpg-docs/client/views/feedback/feedback.html
View File

@@ -1,37 +1,43 @@
<template name="feedback">
<div class="feedback" style="min-width: 300px; min-height: 370px">
<div>
<paper-input id="feedbackTitle" label="Title" floatinglabel></paper-input>
<div class="fit layout vertical">
<app-header-layout has-scrolling-region class="feedback flex">
<app-header fixed effects="waterfall">
<app-toolbar>
<div main-title>Feedback</div>
</app-toolbar>
</app-header>
<div class="form flex">
<div>
<paper-input id="feedbackTitle" label="Title" floatinglabel required></paper-input>
</div>
<div>
<paper-dropdown-menu label="Type" class="typeMenu">
<paper-listbox class="dropdown-content" selected="0">
<paper-item label="General Feedback"> General Feedback </paper-item>
<paper-item label="Bug"> Bug </paper-item>
<paper-item label="Suggested Change"> Suggested Change </paper-item>
<paper-item label="Feature Request"> Feature Request </paper-item>
</paper-listbox>
</paper-dropdown-menu>
</div>
<div class="layout horizontal">
<div class="paper-font-caption">not important</div>
<paper-slider id="severity" class="flex" max=10 min=1 value=5 snap></paper-slider>
<div class="paper-font-caption">important</div>
</div>
<paper-textarea label="Description" id="feedbackDescription" required></paper-textarea>
</div>
</app-header-layout>
<div class="buttons layout horizontal end-justified">
<paper-button id="cancelButton"
affirmative>
Cancel
</paper-button>
<paper-button id="sendButton"
affirmative
disabled={{invalid}}>
Send
</paper-button>
</div>
<div>
<paper-dropdown-menu class="typeDropdown" label="Operation" flex>
<paper-dropdown layered class="dropdown">
<core-menu class="menu typeMenu" selected="general">
<paper-item name="general">General Feedback</paper-item>
<paper-item name="bug">Bug</paper-item>
<paper-item name="change">Suggested Change</paper-item>
<paper-item name="feature">Feature Request</paper-item>
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
</div>
<div layout horizontal center>
<div>Importance</div>
<paper-slider id="severity" max=10 min=1 value=5 snap></paper-slider>
</div>
<paper-input-decorator label="Description" floatinglabel layout vertical>
<paper-autogrow-textarea rows=10 maxRows=10>
<textarea id="feedbackDescription"></textarea>
</paper-autogrow-textarea>
</paper-input-decorator>
</div>
<paper-button id="cancelButton"
affirmative>
Cancel
</paper-button>
<paper-button id="sendButton"
affirmative
disabled={{invalid}}>
Send
</paper-button>
</template>
</template>

11
rpg-docs/client/views/feedback/feedback.js
View File

@@ -18,16 +18,19 @@ Template.feedback.events({
"input #feedbackDescription": function(event, instance) {
instance.description.set(instance.find("#feedbackDescription").value);
},
"tap #sendButton": function(event, instance) {
"click #sendButton": function(event, instance) {
var report = {};
report.title = instance.find("#feedbackTitle").value;
report.severity = instance.find("#severity").value;
report.type = instance.find(".typeMenu").selected;
report.type = instance.find(".typeMenu").value;
report.description = instance.find("#feedbackDescription").value;
report.metaData = {
url: window.location.href,
session: _.pairs(Session.keys),
};
Meteor.call("insertReport", report);
}
popDialogStack(report);
},
"click #cancelButton": function(event, template){
popDialogStack();
},
});