ui/webui/resources/cr_elements/v1_0/demo_element.html - Issue 1368733002: Introduce cr-settings-input and eliminate cr-input

Side by Side Diff: ui/webui/resources/cr_elements/v1_0/demo_element.html

Issue 1368733002: Introduce cr-settings-input and eliminate cr-input (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@issue_532540_elim_cr_toggle_button

Patch Set: More feedback Created 5 years, 2 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« chrome/browser/resources/settings/input/input.js ('K') | « ui/webui/resources/cr_elements/v1_0/cr_input/demo.html ('k') | ui/webui/resources/cr_elements_resources.grdp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">	1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">

2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe s/iron-flex-layout.html">	2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe s/iron-flex-layout.html">

3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">	3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">

4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch eckbox.html">	4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch eckbox.html">

5 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_collapse/cr_coll apse.html">	5 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_collapse/cr_coll apse.html">

6 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_expand_button/cr _expand_button.html">	6 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_expand_button/cr _expand_button.html">

7 <link rel="import" href="chrome://resources/cr_elements/v1_0/cr_input/cr_input.h tml">

8 <link rel="import" href="chrome://resources/cr_elements/v1_0/network/cr_network_ icon.html">	7 <link rel="import" href="chrome://resources/cr_elements/v1_0/network/cr_network_ icon.html">

9	8

10 <dom-module id="cr-demo-element">	9 <dom-module id="cr-demo-element">

11 <link rel="import" type="css" href="demo_element.css">	10 <link rel="import" type="css" href="demo_element.css">

12 <template>	11 <template>

13 <h3>cr-input</h3>

14 <div class="layout vertical">

15 <div class="layout horizontal">

16 <cr-input label="CrInput1" value="{{inputValues.1}}"></cr-input>

17 <span>InputValue.1=</span>

18 <span>[[inputValues.1]]</span>

19 </div>

20 <div class="layout horizontal">

21 <cr-input label="CrInput2" value="{{inputValues.2}}"></cr-input>

22 <cr-input label="CrInput3" value="{{inputValues.3}}"></cr-input>

23 </div>

24 <cr-input no-label-float label="CrInput4" value="{{inputValues.4}}">

25 </cr-input>

26 <cr-input no-label-float label="CrInput5" value="{{inputValues.5}}">

27 </cr-input>

28 </div>

29

30 <h3>cr-collapse</h3>	12 <h3>cr-collapse</h3>

31 <div class="layout vertical">	13 <div class="layout vertical">

32 <cr-expand-button expanded="{{collapseOpened}}">	14 <cr-expand-button expanded="{{collapseOpened}}">

33 Collapse 1	15 Collapse 1

34 </cr-expand-button>	16 </cr-expand-button>

35 <cr-collapse opened="[[collapseOpened]]">	17 <cr-collapse opened="[[collapseOpened]]">

36 <div class="layout vertical">	18 <div class="layout vertical">

37 <span>Collapsable Section 1</span>	19 <span>Collapsable Section 1</span>

38 <paper-checkbox>Advanced option 1</paper-checkbox>	20 <paper-checkbox>Advanced option 1</paper-checkbox>

39 <paper-checkbox>Advanced option 2</paper-checkbox>	21 <paper-checkbox>Advanced option 2</paper-checkbox>

(...skipping 30 matching lines...) Expand all Loading...
70 </cr-network-icon>	52 </cr-network-icon>

71 <span>Cellular (16px)</span>	53 <span>Cellular (16px)</span>

72 </div>	54 </div>

73 </div>	55 </div>

74 </div>	56 </div>

75 </cr-collapse>	57 </cr-collapse>

76	58

77 </template>	59 </template>

78 <script src="demo_element.js"></script>	60 <script src="demo_element.js"></script>

79 </dom-module>	61 </dom-module>

OLD	NEW