File: notification_form.html

package info (click to toggle)
chromium 139.0.7258.127-1
  • links: PTS, VCS
  • area: main
  • in suites:
  • size: 6,122,068 kB
  • sloc: cpp: 35,100,771; ansic: 7,163,530; javascript: 4,103,002; python: 1,436,920; asm: 946,517; xml: 746,709; pascal: 187,653; perl: 88,691; sh: 88,436; objc: 79,953; sql: 51,488; cs: 44,583; fortran: 24,137; makefile: 22,147; tcl: 15,277; php: 13,980; yacc: 8,984; ruby: 7,485; awk: 3,720; lisp: 3,096; lex: 1,327; ada: 727; jsp: 228; sed: 36
file content (133 lines) | stat: -rw-r--r-- 4,566 bytes parent folder | download | duplicates (7)
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<style include="cr-shared-style shared-style">
  :host {
    display: flex;
    flex: 1 0 100%;
    padding: 10px;
    width: 100%;
  }

  :host([is-sent_]:not([user-dismissed_])) #notificationContainer {
    background-color: LightGreen;
  }

  :host(:not([is-sent_])) #notificationContainer {
    box-shadow: var(--cr-elevation-3);
  }

  :host([user-dismissed_]) #notificationContainer {
    background-color: red;
  }

  #notificationContainer {
    display: flex;
    flex: 1 0 100%;
  }

  #fields {
    flex: 4;
  }

  cr-input {
    padding: 5px;
  }

  .status-string {
    font-size: 15px
  }
</style>
<div id="notificationContainer">
  <div class="column">
    <span hidden="[[!userDismissed_]]" class="emphasize status-string">
      This notification was dismissed.
    </span>
    <cr-button hidden="[[notification.sent]]" id="sendBtn"
        disabled="[[!isNotificationDataValid_]]"
        on-click="onSetNotification_" class="internals-button">
      <span class="emphasize">Send this notification</span>
    </cr-button>
    <cr-button hidden="[[!notification.sent]]" id="editBtn"
        disabled="[[!isNotificationDataValid_]]"
        on-click="onUpdateNotification_" class="internals-button">
      <span class="emphasize">[[updateNotificationText_]]</span>
    </cr-button>
    <cr-button hidden="[[!notification.sent]]" id="removeBtn"
        on-click="onRemoveButtonClick_" class="internals-button">
      <span class="emphasize">Remove this notification</span>
    </cr-button>
  </div>
  <div class="column" id="fields">
    <cr-input value="{{notification.id}}" label="notification ID"
        type="number" invalid="[[!isValidId_]]"
        on-change="onNotificationIdChanged_"
        auto-validate error-message="Required and must be unique" required
        disabled="[[notification.sent]]">
    </cr-input>
    <cr-input label="Visible App Name"
        value="{{notification.appMetadata.visibleAppName}}" id="urlInput">
    </cr-input>
    <cr-input label="Package Name"
        value="{{notification.appMetadata.packageName}}" id="packageName">
    </cr-input>
    <div class="label-top">
      <label>Icon Image Type</label>
      <select id="iconImageTypeSelector" class="md-select"
          on-change="onIconImageTypeSelected_">
        <template is="dom-repeat" items="[[imageList_]]">
          <option selected="[[isEqual_(item, notification.appMetadata.icon)]]">
            [[getImageTypeName_(item)]]
          </option>
        </template>
      </select>
    </div>
    <div class="label-top">
      <label>Importance</label>
      <select id="importanceSelector" class="md-select"
          on-change="onImportanceSelected_">
        <template is="dom-repeat" items="[[importanceList_]]">
          <option selected="[[isEqual_(item, notification.importance)]]">
            [[getImportanceName_(item)]]
          </option>
        </template>
      </select>
    </div>
    <cr-input value="{{notification.inlineReplyId}}" label="Inline reply ID"
        type="number" error-message="Required and must be unique"
        on-change="onInlineReplyIdChanged_" auto-validate required
        disabled="[[notification.sent]]" invalid="[[!isValidInlineReplyId_]]">
    </cr-input>
    <cr-input value="{{notification.timestamp}}" label="Timestamp (ms)" min="0"
        id="timestampInput" type="number" on-change="onTimeStampChanged_"
        auto-validate error-message="Must be greater than 0" required>
    </cr-input>
    <cr-input label="Title (Optional)" value="{{notification.title}}">
    </cr-input>
    <cr-input label="Text Content (Optional)"
        value="{{notification.textContent}}" id="textContent">
    </cr-input>
    <div class="label-top">
      <label>
        Shared Image Type (Optional)
      </label>
      <select id="sharedImageTypeSelector" class="md-select"
        on-change="onSharedImageTypeSelected_">
        <template is="dom-repeat" items="[[imageList_]]">
          <option selected="[[isEqual_(item, notification.sharedImage)]]">
            [[getImageTypeName_(item)]]
          </option>
        </template>
      </select>
    </div>
    <div class="label-top">
      <label>Contact Image Type (Optional)</label>
      <select id="contactImageSelector" class="md-select"
        on-change="onContactImageTypeSelected_">
        <template is="dom-repeat" items="[[imageList_]]">
          <option  selected="[[isEqual_(item, notification.contactImage)]]">
            [[getImageTypeName_(item)]]
          </option>
        </template>
      </select>
    </div>
  </div>
</div>