OLD | NEW |
(Empty) | |
| 1 <!-- |
| 2 Copyright 2014 The Chromium Authors. All rights reserved. |
| 3 Use of this source code is governed by a BSD-style license that can be |
| 4 found in the LICENSE file. |
| 5 --> |
| 6 |
| 7 <link rel="import" href="../model/ct-builder-list.html"> |
| 8 <link rel="import" href="../bower_components/paper-dialog/paper-dialog.html"> |
| 9 <link rel="import" href="../bower_components/paper-dialog/paper-dialog-transitio
n.html"> |
| 10 <link rel="import" href="../bower_components/paper-input/paper-input.html"> |
| 11 |
| 12 <polymer-element name="ct-failure-card-buttons" attributes="group bug"> |
| 13 <template> |
| 14 <style> |
| 15 :host { |
| 16 display: flex; |
| 17 flex-direction: column; |
| 18 } |
| 19 |
| 20 /* FIXME: All this paper-button styling should go in a cr-button component
so that |
| 21 we can use buttons in different places and have them all look the same.
*/ |
| 22 paper-button { |
| 23 -webkit-user-select: none; |
| 24 background: #f5f5f5; |
| 25 border-radius: 2px; |
| 26 border: 1px solid #dcdcdc; |
| 27 color: #444; |
| 28 padding: 0 16px; |
| 29 margin-bottom: 5px; |
| 30 text-align: center; |
| 31 } |
| 32 |
| 33 paper-button:focus { |
| 34 border: 1px solid #4d90fe; |
| 35 outline: none; |
| 36 } |
| 37 |
| 38 paper-button:active { |
| 39 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); |
| 40 } |
| 41 |
| 42 paper-button:active, paper-button:hover { |
| 43 background: #f8f8f8; |
| 44 border-color: #c6c6c6; |
| 45 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); |
| 46 color: #222; |
| 47 } |
| 48 </style> |
| 49 <paper-button id="examine" on-tap="{{ examine }}" label="Examine"></paper-bu
tton> |
| 50 <template if="{{ !group.isSnoozed }}"> |
| 51 <paper-button id="snooze" on-tap="{{ snooze }}" label="Snooze"></paper-but
ton> |
| 52 </template> |
| 53 <template if="{{ group.isSnoozed }}"> |
| 54 <paper-button id="snooze" on-tap="{{ unsnooze }}" label="Unsnooze"></paper
-button> |
| 55 </template> |
| 56 <paper-button id="link-bug" on-tap="{{ linkBug }}" label="Link Bug"></paper-
button> |
| 57 <template if="{{ group.bug !== undefined }}"> |
| 58 <div> |
| 59 <a href="{{ group.bug }}"> |
| 60 {{ group.bugLabel }}</a> |
| 61 </div> |
| 62 </template> |
| 63 |
| 64 <paper-dialog heading="Enter bug number" transition="paper-transition-center
" id="bugDialog"> |
| 65 <paper-input label="Bug# or URL" floatingLabel autofocus id="bug"></paper-
input> |
| 66 <paper-button label="Remove bug link" on-tap="{{ removeBug }}" dismissive
id="dialogRemoveBug"></paper-button> |
| 67 <paper-button label="OK" on-tap="{{ saveBug }}" affirmative id="dialogOk">
</paper-button> |
| 68 </paper-dialog> |
| 69 </template> |
| 70 <script> |
| 71 Polymer({ |
| 72 group: null, |
| 73 |
| 74 examine: function() { |
| 75 this.fire('ct-examine-failures', this.group); |
| 76 }, |
| 77 |
| 78 snooze: function() { |
| 79 this.group.snoozeUntil(Date.now() + 60 * 60 * 1000); |
| 80 }, |
| 81 |
| 82 unsnooze: function() { |
| 83 this.group.unsnooze(); |
| 84 }, |
| 85 |
| 86 linkBug: function() { |
| 87 this.$.bug.value = this.group.bug; |
| 88 this.$.bugDialog.toggle(); |
| 89 }, |
| 90 |
| 91 saveBug: function() { |
| 92 this.group.setBug(this.$.bug.value); |
| 93 }, |
| 94 |
| 95 removeBug: function() { |
| 96 this.group.clearBug(); |
| 97 }, |
| 98 }); |
| 99 </script> |
| 100 </polymer-element> |
OLD | NEW |