4211b77e87
1. Update flex layout with overflow on main content area while footer and header will always show 2. For apply fix dialog, when diff context expanded, re-center the overlay Change-Id: I5f934015b612f3a4cd5bb64c13e3c172580a626a
92 lines
3.4 KiB
HTML
92 lines
3.4 KiB
HTML
<!--
|
|
@license
|
|
Copyright (C) 2019 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="/bower_components/iron-icon/iron-icon.html">
|
|
<link rel="import" href="../../../behaviors/fire-behavior/fire-behavior.html">
|
|
<link rel="import" href="../../../styles/shared-styles.html">
|
|
<link rel="import" href="../../shared/gr-dialog/gr-dialog.html">
|
|
<link rel="import" href="../../shared/gr-overlay/gr-overlay.html">
|
|
<link rel="import" href="../../shared/gr-rest-api-interface/gr-rest-api-interface.html">
|
|
<link rel="import" href="../gr-diff/gr-diff.html">
|
|
|
|
<dom-module id="gr-apply-fix-dialog">
|
|
<template>
|
|
<style include="shared-styles">
|
|
gr-diff {
|
|
--content-width: 90vw;
|
|
}
|
|
.diffContainer {
|
|
padding: var(--spacing-l) 0;
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
.file-name {
|
|
display: block;
|
|
padding: var(--spacing-s) var(--spacing-l);
|
|
background-color: var(--background-color-secondary);
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
.fixActions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
gr-button {
|
|
margin-left: var(--spacing-m);
|
|
}
|
|
.fix-picker {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: var(--spacing-l);
|
|
}
|
|
</style>
|
|
<gr-overlay id="applyFixOverlay" with-backdrop>
|
|
<gr-dialog
|
|
id="applyFixDialog"
|
|
on-confirm="_handleApplyFix"
|
|
confirm-label="[[_getApplyFixButtonLabel(_isApplyFixLoading)]]"
|
|
disabled="[[_isApplyFixLoading]]"
|
|
on-cancel="onCancel">
|
|
<div slot="header">[[_robotId]] - [[getFixDescription(_currentFix)]]</div>
|
|
<div slot="main">
|
|
<template is="dom-repeat" items="[[_currentPreviews]]">
|
|
<div class="file-name">
|
|
<span>[[item.filepath]]</span>
|
|
</div>
|
|
<div class="diffContainer">
|
|
<gr-diff
|
|
prefs="[[overridePartialPrefs(prefs)]]"
|
|
change-num="[[changeNum]]"
|
|
path="[[item.filepath]]"
|
|
diff="[[item.preview]]"></gr-diff>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
<div slot="footer" class="fix-picker" hidden$="[[hasSingleFix(_fixSuggestions)]]">
|
|
<span>Suggested fix [[addOneTo(_selectedFixIdx)]] of [[_fixSuggestions.length]]</span>
|
|
<gr-button on-click="_onPrevFixClick" disabled$="[[_noPrevFix(_selectedFixIdx)]]">
|
|
<iron-icon icon="gr-icons:chevron-left"></iron-icon>
|
|
</gr-button>
|
|
<gr-button on-click="_onNextFixClick" disabled$="[[_noNextFix(_selectedFixIdx)]]">
|
|
<iron-icon icon="gr-icons:chevron-right"></iron-icon>
|
|
</gr-button>
|
|
</div>
|
|
</gr-dialog>
|
|
</gr-overlay>
|
|
<gr-rest-api-interface id="restAPI"></gr-rest-api-interface>
|
|
</template>
|
|
<script src="gr-apply-fix-dialog.js"></script>
|
|
</dom-module>
|