fb5b7119dd
Element is used to edit the plugin-specific config of a repository. Bug: Issue 8535 Change-Id: Ib2962da67f5f89a86f3da652d48382f51ca1e81b
110 lines
4.6 KiB
HTML
110 lines
4.6 KiB
HTML
<!--
|
|
@license
|
|
Copyright (C) 2018 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-input/iron-input.html">
|
|
<link rel="import" href="../../../bower_components/paper-toggle-button/paper-toggle-button.html">
|
|
|
|
<link rel="import" href="../../../behaviors/gr-repo-plugin-config-behavior/gr-repo-plugin-config-behavior.html">
|
|
<link rel="import" href="../../../styles/gr-form-styles.html">
|
|
<link rel="import" href="../../../styles/gr-subpage-styles.html">
|
|
<link rel="import" href="../../../styles/shared-styles.html">
|
|
<link rel="import" href="../../shared/gr-icons/gr-icons.html">
|
|
<link rel="import" href="../../shared/gr-select/gr-select.html">
|
|
<link rel="import" href="../../shared/gr-tooltip-content/gr-tooltip-content.html">
|
|
<link rel="import" href="../gr-plugin-config-array-editor/gr-plugin-config-array-editor.html">
|
|
|
|
<dom-module id="gr-repo-plugin-config">
|
|
<template>
|
|
<style include="shared-styles"></style>
|
|
<style include="gr-form-styles"></style>
|
|
<style include="gr-subpage-styles">
|
|
.inherited {
|
|
color: var(--deemphasized-text-color);
|
|
margin-left: .5em;
|
|
}
|
|
section.section:not(.ARRAY) .title {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
section.section.ARRAY .title {
|
|
padding-top: .75em;
|
|
}
|
|
</style>
|
|
<div class="gr-form-styles">
|
|
<fieldset>
|
|
<h4>[[pluginData.name]]</h4>
|
|
<template is="dom-repeat" items="[[_pluginConfigOptions]]" as="option">
|
|
<section class$="section [[option.info.type]]">
|
|
<span class="title">
|
|
<gr-tooltip-content
|
|
has-tooltip="[[option.info.description]]"
|
|
show-icon="[[option.info.description]]"
|
|
title="[[option.info.description]]">
|
|
<span>[[option.info.display_name]]</span>
|
|
</gr-tooltip-content>
|
|
</span>
|
|
<span class="value">
|
|
<template is="dom-if" if="[[_isArray(option.info.type)]]">
|
|
<gr-plugin-config-array-editor
|
|
on-plugin-config-option-changed="_handleArrayChange"
|
|
plugin-option="[[option]]"></gr-plugin-config-array-editor>
|
|
</template>
|
|
<template is="dom-if" if="[[_isBoolean(option.info.type)]]">
|
|
<paper-toggle-button
|
|
checked="[[_computeChecked(option.info.value)]]"
|
|
on-change="_handleBooleanChange"
|
|
data-option-key$="[[option._key]]"
|
|
disabled$="[[_computeDisabled(option.info.editable)]]"></paper-toggle-button>
|
|
</template>
|
|
<template is="dom-if" if="[[_isList(option.info.type)]]">
|
|
<gr-select
|
|
bind-value$="[[option.info.value]]"
|
|
on-change="_handleListChange">
|
|
<select
|
|
data-option-key$="[[option._key]]"
|
|
disabled$="[[_computeDisabled(option.info.editable)]]">
|
|
<template is="dom-repeat"
|
|
items="[[option.info.permitted_values]]"
|
|
as="value">
|
|
<option value$="[[value]]">[[value]]</option>
|
|
</template>
|
|
</select>
|
|
</gr-select>
|
|
</template>
|
|
<template is="dom-if" if="[[_isString(option.info.type)]]">
|
|
<input
|
|
is="iron-input"
|
|
value="[[option.info.value]]"
|
|
on-input="_handleStringChange"
|
|
data-option-key$="[[option._key]]"
|
|
disabled$="[[_computeDisabled(option.info.editable)]]"></input>
|
|
</template>
|
|
<template is="dom-if" if="[[option.info.inherited_value]]">
|
|
<span class="inherited">
|
|
(Inherited: [[option.info.inherited_value]])
|
|
</span>
|
|
</template>
|
|
</span>
|
|
</section>
|
|
</template>
|
|
</fieldset>
|
|
</div>
|
|
</template>
|
|
<script src="gr-repo-plugin-config.js"></script>
|
|
</dom-module>
|