| <!-- |
| @license |
| Copyright (C) 2015 The Android Open Source Project |
| |
| Licensed under the Apache License, Version 2.0 (the "License"); |
| you may not use this file except in compliance with the License. |
| You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| |
| <link rel="import" href="../../../bower_components/polymer/polymer.html"> |
| <link rel="import" href="../../../behaviors/rest-client-behavior/rest-client-behavior.html"> |
| <link rel="import" href="../../../styles/shared-styles.html"> |
| <link rel="import" href="../../change-list/gr-change-list/gr-change-list.html"> |
| <link rel="import" href="../../core/gr-reporting/gr-reporting.html"> |
| <link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html"> |
| <link rel="import" href="../gr-create-commands-dialog/gr-create-commands-dialog.html"> |
| <link rel="import" href="../gr-create-destination-dialog/gr-create-destination-dialog.html"> |
| <link rel="import" href="../gr-user-header/gr-user-header.html"> |
| |
| <dom-module id="gr-dashboard-view"> |
| <template> |
| <style include="shared-styles"> |
| :host { |
| background-color: var(--view-background-color); |
| display: block; |
| } |
| .loading { |
| color: var(--deemphasized-text-color); |
| padding: 1em var(--default-horizontal-margin); |
| } |
| gr-change-list { |
| width: 100%; |
| } |
| .hide { |
| display: none; |
| } |
| gr-user-header { |
| border-bottom: 1px solid var(--border-color); |
| } |
| #emptyOutgoing { |
| display: block; |
| } |
| #emptyOutgoing #graphic, |
| #emptyOutgoing #help { |
| display: inline-block; |
| margin: .5em; |
| } |
| #emptyOutgoing #graphic { |
| fill: var(--deemphasized-text-color); |
| max-width: 12em; |
| } |
| #emptyOutgoing #graphic svg { |
| display: block; |
| margin: 0 auto; |
| max-width: 100px; |
| } |
| #emptyOutgoing #graphic p { |
| text-align: center; |
| } |
| #emptyOutgoing #help { |
| vertical-align: top; |
| } |
| #emptyOutgoing #help h1 { |
| font-size: var(--font-size-large); |
| } |
| #emptyOutgoing #help p { |
| max-width: 35em; |
| } |
| @media only screen and (max-width: 50em) { |
| .loading { |
| padding: 0 var(--default-horizontal-margin); |
| } |
| #emptyOutgoing #graphic { |
| display: none; |
| } |
| } |
| </style> |
| <div class="loading" hidden$="[[!_loading]]">Loading...</div> |
| <div hidden$="[[_loading]]" hidden> |
| <gr-user-header |
| user-id="[[params.user]]" |
| class$="[[_computeUserHeaderClass(params.user)]]"></gr-user-header> |
| <gr-change-list |
| show-star |
| show-reviewed-state |
| account="[[account]]" |
| preferences="[[preferences]]" |
| selected-index="{{viewState.selectedChangeIndex}}" |
| sections="[[_results]]" |
| on-toggle-star="_handleToggleStar" |
| on-toggle-reviewed="_handleToggleReviewed"> |
| <div id="emptyOutgoing" slot="empty-outgoing"> |
| <div id="graphic"> |
| <svg width="150" height="100"> |
| <circle cx="50" cy="50" r="50"></circle> |
| </svg> |
| <p> |
| No outgoing changes yet |
| </p> |
| </div> |
| <div id="help"> |
| <h1>Push your first changes for code review</h1> |
| <p> |
| Pushing a change for review is easy, but a little different from |
| other git code review tools. Click on the `Create Change' button |
| and follow the step by step instructions. |
| </p> |
| <gr-button on-tap="_createChangeTap">Create Change</gr-button> |
| </div> |
| </div> |
| </gr-change-list> |
| </div> |
| <gr-create-destination-dialog |
| id="destinationDialog" |
| on-confirm="_handleDestinationConfirm"></gr-create-destination-dialog> |
| <gr-create-commands-dialog id="commandsDialog"></gr-create-commands-dialog> |
| <gr-rest-api-interface id="restAPI"></gr-rest-api-interface> |
| <gr-reporting id="reporting"></gr-reporting> |
| </template> |
| <script src="gr-dashboard-view.js"></script> |
| </dom-module> |