92 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			92 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!--
 | 
						|
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/gr-patch-set-behavior/gr-patch-set-behavior.html">
 | 
						|
<link rel="import" href="../../../styles/shared-styles.html">
 | 
						|
<link rel="import" href="../../shared/gr-dropdown-list/gr-dropdown-list.html">
 | 
						|
<link rel="import" href="../../shared/gr-count-string-formatter/gr-count-string-formatter.html">
 | 
						|
<link rel="import" href="../../shared/gr-select/gr-select.html">
 | 
						|
 | 
						|
<dom-module id="gr-patch-range-select">
 | 
						|
  <template>
 | 
						|
    <style include="shared-styles">
 | 
						|
      :host {
 | 
						|
        align-items: center;
 | 
						|
        display: flex;
 | 
						|
      }
 | 
						|
      select {
 | 
						|
        max-width: 15em;
 | 
						|
      }
 | 
						|
      .arrow {
 | 
						|
        color: rgba(0,0,0,.7);
 | 
						|
        margin: 0 .5em;
 | 
						|
      }
 | 
						|
      gr-dropdown-list {
 | 
						|
        --trigger-style: {
 | 
						|
          color: rgba(0,0,0,.7);
 | 
						|
          text-transform: none;
 | 
						|
          font-family: var(--font-family);
 | 
						|
        }
 | 
						|
        --trigger-hover-color: rgba(0,0,0,.6);
 | 
						|
      }
 | 
						|
      @media screen and (max-width: 50em) {
 | 
						|
        .filesWeblinks {
 | 
						|
          display: none;
 | 
						|
        }
 | 
						|
        gr-dropdown-list {
 | 
						|
          --native-select-style: {
 | 
						|
            max-width: 5.25em;
 | 
						|
          }
 | 
						|
          --dropdown-content-stype: {
 | 
						|
            max-width: 300px;
 | 
						|
          }
 | 
						|
        }
 | 
						|
      }
 | 
						|
    </style>
 | 
						|
    <span class="patchRange">
 | 
						|
      <gr-dropdown-list
 | 
						|
          id="basePatchDropdown"
 | 
						|
          value="[[basePatchNum]]"
 | 
						|
          on-value-change="_handlePatchChange"
 | 
						|
          items="[[_baseDropdownContent]]">
 | 
						|
      </gr-dropdown-list>
 | 
						|
    </span>
 | 
						|
    <span is="dom-if" if="[[filesWeblinks.meta_a]]" class="filesWeblinks">
 | 
						|
      <template is="dom-repeat" items="[[filesWeblinks.meta_a]]" as="weblink">
 | 
						|
        <a target="_blank" rel="noopener"
 | 
						|
           href$="[[weblink.url]]">[[weblink.name]]</a>
 | 
						|
      </template>
 | 
						|
    </span>
 | 
						|
    <span class="arrow">→</span>
 | 
						|
    <span class="patchRange">
 | 
						|
      <gr-dropdown-list
 | 
						|
          id="patchNumDropdown"
 | 
						|
          value="[[patchNum]]"
 | 
						|
          on-value-change="_handlePatchChange"
 | 
						|
          items="[[_patchDropdownContent]]">
 | 
						|
      </gr-dropdown-list>
 | 
						|
      <span is="dom-if" if="[[filesWeblinks.meta_b]]" class="filesWeblinks">
 | 
						|
        <template is="dom-repeat" items="[[filesWeblinks.meta_b]]" as="weblink">
 | 
						|
          <a target="_blank"
 | 
						|
             href$="[[weblink.url]]">[[weblink.name]]</a>
 | 
						|
        </template>
 | 
						|
      </span>
 | 
						|
    </span>
 | 
						|
  </template>
 | 
						|
  <script src="gr-patch-range-select.js"></script>
 | 
						|
</dom-module>
 |