blob: 6c0047102f34b406b0625aebe66510f0e23f51e8 [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-textarea.html">
<dom-module name="feedback-container">
<template>
<style>
#additional-info {
margin-top: 10px;
}
#buttons {
display: -webkit-flex;
justify-content: flex-end;
}
#header {
font-size: 1.25em;
margin: 12px 0;
}
paper-button {
cursor: pointer;
text-align: center;
}
paper-checkbox {
--paper-checkbox-size: 14px;
}
paper-input,
paper-textarea {
--paper-input-container-input: {
font-size: 1.0em;
line-height: 1.0em;
};
--paper-input-container-label: {
font-size: 1.0em;
line-height: 1.0em;
};
}
paper-input-container {
padding: 0;
}
#submit-button {
color: var(--paper-blue-700);
}
</style>
<div id="header">
<span>$i18n{headingText}</span>
</div>
<hr>
<paper-textarea label="$i18n{openEndedLabel}"></paper-textarea>
<span id="additional-info">$i18n{additionalInfoLabel}</span>
<paper-input label="$i18n{urlLabel}" value="[[url]]"></paper-input>
<paper-input label="$i18n{emailLabel}" value="[[email]]"></paper-input>
<div>
<paper-checkbox>$i18n{includeScreenshotLabel}</paper-checkbox>
</div>
<div>
<paper-checkbox>$i18n{sendSystemInfoLabel}</paper-checkbox>
</div>
<p id="privacyNote"></p>
<div id="buttons">
<paper-button>$i18n{cancelButton}</paper-button>
<paper-button id="submit-button">$i18n{sendReportButton}</paper-button>
</div>
</template>
<script src="feedback_container.js"></script>
</dom-module>