File: customize_buttons_subsection.html

package info (click to toggle)
chromium 138.0.7204.183-1~deb12u1
  • links: PTS, VCS
  • area: main
  • in suites: bookworm-proposed-updates
  • size: 6,080,960 kB
  • sloc: cpp: 34,937,079; ansic: 7,176,967; javascript: 4,110,704; python: 1,419,954; asm: 946,768; xml: 739,971; pascal: 187,324; sh: 89,623; perl: 88,663; objc: 79,944; sql: 50,304; cs: 41,786; fortran: 24,137; makefile: 21,811; php: 13,980; tcl: 13,166; yacc: 8,925; ruby: 7,485; awk: 3,720; lisp: 3,096; lex: 1,327; ada: 727; jsp: 228; sed: 36
file content (95 lines) | stat: -rw-r--r-- 2,768 bytes parent folder | download | duplicates (6)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<style include="settings-shared input-device-settings-shared">
  .subsection {
    padding-inline-start: 20px;
  }

  #inputContainer {
    height: 70px;
  }

  #renamingDialog {
    --cr-dialog-width: 320px;
  }

  :host([button-name-invalid_]) #inputSuffix {
    color: var(--cros-text-color-alert);
  }

  #inputSuffix {
    display: flex;
    font-size: var(--cr-form-field-label-font-size);
    height: var(--cr-form-field-label-height);
    justify-content: flex-end;
    line-height: var(--cr-form-field-label-line-height);
    margin: 8px 0;
    position: absolute;
    top: 130px;
    white-space: var(--cr-input-error-white-space);
    width: 256px;
  }

  :host-context([chrome-refresh-2023]) #inputSuffix {
    top: 140px;
  }

</style>
<div class="subsection" id="subsection">
  <template is="dom-repeat"
      items="{{buttonRemappingList}}"
      index-as="index">
    <customize-button-row id$="row-[[index]]"
        button-remapping-list="[[buttonRemappingList]]"
        remapping-index="[[index]]"
        action-list$="[[actionList]]"
        meta-key="[[metaKey]]">
    </customize-button-row>
  </template>
</div>

<cr-dialog id="renamingDialog" on-close="cancelRenamingDialogClicked_">
  <div slot="title">$i18n{buttonRenamingDialogTitle}</div>
  <div slot="body">
    <div id="inputContainer">
      <cr-input id="renamingDialogInput"
        autofocus
        label="$i18n{buttonRemappingDialogInputLabel}"
        on-keydown="onKeyDownInRenamingDialog_"
        invalid="[[buttonNameInvalid_]]"
        value="{{selectedButtonName_}}"
        aria-description=
            "[[i18n('buttonRemappingRenamingDialogInputDescription',
                maxInputLength)]]">
      </cr-input>
      <div id="inputSuffix">
        <span id="duplicateNameError" hidden="[[!duplicateButtonName_]]">
          $i18n{buttonRenamingDialogErrorMessage}
        </span>
        <span id="inputCount" aria-hidden="true">
          [[getInputCountString_(selectedButtonName_)]]
        </span>
      </div>
    </div>
  </div>
  <div slot="button-container">
    <div>
      <cr-button id="cancelButton"
          on-click="cancelRenamingDialogClicked_">
        $i18n{buttonRemappingDialogCancelLabel}
      </cr-button>
    </div>
    <div>
      <cr-button id="saveButton" class="action-button"
          on-click="saveRenamingDialogClicked_"
          disabled="[[isSaveButtonDisabled_]]">
        $i18n{buttonRemappingDialogSaveLabel}
      </cr-button>
    </div>
  </div>
</cr-dialog>
<key-combination-input-dialog
    id="keyCombinationInputDialog"
    button-remapping-list="{{buttonRemappingList}}"
    remapping-index="[[selectedButtonIndex_]]"
    meta-key="[[metaKey]]"
    on-close="onKeyCombinationDialogClose_">
</key-combination-input-dialog>