42
42
< h2 class ="mdl-typography--display-3 ">
43
43
Welcome to FCM Utils
44
44
< span class ="mdl-typography--body-1 ">
45
- v1.0
45
+ < a href =" https://github.com/PrashamTrivedi/fcmutils/blob/master/changelog.md " > v1.1 </ a >
46
46
</ span >
47
47
48
48
</ h2 >
@@ -151,7 +151,7 @@ <h3><a href="https://firebase.google.com/docs/cloud-messaging/http-server-ref">N
151
151
152
152
</ div >
153
153
< div class ="sides ">
154
- < div class ="leftInverse " style ="margin:0px 10px 0px 0px ; ">
154
+ < div class ="leftInverse " style ="margin:0 10px 0 0 ; ">
155
155
< div class ="leftInverse center mdl-textfield mdl-js-textfield mdl-textfield--floating-label " style ="padding: 30px; ">
156
156
< input class ="mdl-textfield__input " type ="number " min ="5 " max ="10 " step ="5 " id ="txtPriority " autocomplete ="on ">
157
157
< label class ="mdl-textfield__label " for ="txtPriority "> Priority</ label >
@@ -164,7 +164,7 @@ <h3><a href="https://firebase.google.com/docs/cloud-messaging/http-server-ref">N
164
164
</ div >
165
165
</ div >
166
166
167
- < div class ="sides rightInverse " style ="margin:0px 10px; ">
167
+ < div class ="sides rightInverse " style ="margin:0 10px; ">
168
168
< div class ="leftInverse ">
169
169
< div class ="leftInverse center mdl-textfield mdl-js-textfield mdl-textfield--floating-label ">
170
170
< input class ="mdl-textfield__input " type ="text " id ="txtCollapseKey " autocomplete ="on ">
@@ -177,11 +177,13 @@ <h3><a href="https://firebase.google.com/docs/cloud-messaging/http-server-ref">N
177
177
Collapse Key
178
178
</ div >
179
179
</ div >
180
- < label class ="rightInverse mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect " for ="contentAvailable " style ="margin:50px 10px 0px; ">
180
+ < label class ="rightInverse mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect " for ="contentAvailable "
181
+ style ="margin:50px 10px 0; ">
181
182
< input type ="checkbox " id ="contentAvailable " class ="mdl-checkbox__input ">
182
183
< span class ="mdl-checkbox__label "> Content Available</ span >
183
184
</ label >
184
- < label class ="rightInverse mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect " for ="dryRun " style ="margin:50px 10px 0px; ">
185
+ < label class ="rightInverse mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect " for ="dryRun "
186
+ style ="margin:50px 10px 0; ">
185
187
< input type ="checkbox " id ="dryRun " class ="mdl-checkbox__input ">
186
188
< span class ="mdl-checkbox__label "> Dry Run</ span >
187
189
</ label >
@@ -199,17 +201,19 @@ <h4>Notification Payload</h4>
199
201
< input class ="mdl-textfield__input " type ="text " id ="txtBody " autocomplete ="on ">
200
202
< label class ="mdl-textfield__label " for ="txtBody "> Body</ label >
201
203
</ div >
202
- < div class ="center mdl-textfield mdl-js-textfield mdl-textfield--floating-label " style ="margin:0px 10px 0px 0px; ">
204
+ < div class ="center mdl-textfield mdl-js-textfield mdl-textfield--floating-label "
205
+ style ="margin:0 10px 0 0; ">
203
206
< input class ="mdl-textfield__input " type ="text " id ="txtSound " autocomplete ="on ">
204
207
< label class ="mdl-textfield__label " for ="txtSound "> Sound</ label >
205
208
</ div >
206
209
< div class ="sides ">
207
210
< div >
208
- < div class ="leftInverse mdl-textfield mdl-js-textfield mdl-textfield--floating-label " style ="margin:0px 10px 0px 0px; ">
211
+ < div class ="leftInverse mdl-textfield mdl-js-textfield mdl-textfield--floating-label "
212
+ style ="margin:0 10px 0 0; ">
209
213
< input class ="mdl-textfield__input " type ="text " id ="txtBadge " autocomplete ="on ">
210
214
< label class ="mdl-textfield__label " for ="txtBadge "> Badge(iOS)</ label >
211
215
</ div >
212
- < div class ="rightInverse " style ="margin:20px 0px 0px 0px ; ">
216
+ < div class ="rightInverse " style ="margin:20px 0 0 0 ; ">
213
217
< i id ="badge " class ="material-icons "> help_outline</ i >
214
218
</ div >
215
219
< div class ="mdl-tooltip mdl-tooltip--right " data-mdl-for ="badge ">
@@ -218,27 +222,29 @@ <h4>Notification Payload</h4>
218
222
219
223
</ div >
220
224
< div >
221
- < div class ="leftInverse mdl-textfield mdl-js-textfield mdl-textfield--floating-label " style ="margin:0px 10px 0px 5px; ">
225
+ < div class ="leftInverse mdl-textfield mdl-js-textfield mdl-textfield--floating-label "
226
+ style ="margin:0 10px 0 5px; ">
222
227
< input class ="mdl-textfield__input " type ="text " id ="txtChannel " autocomplete ="on ">
223
228
< label class ="mdl-textfield__label " for ="txtChannel "> Channel Id(Android)</ label >
224
229
</ div >
225
- < div class ="rightInverse " style ="margin:20px 0px 0px 0px ; ">
230
+ < div class ="rightInverse " style ="margin:20px 0 0 0 ; ">
226
231
< i id ="channelId " class ="material-icons "> help_outline</ i >
227
232
</ div >
228
233
< div class ="mdl-tooltip mdl-tooltip--right " data-mdl-for ="channelId ">
229
234
The notification's channel id (new in Android O).
230
235
</ div >
231
236
</ div >
232
237
< div >
233
- < div class ="leftInverse mdl-textfield mdl-js-textfield mdl-textfield--floating-label " style ="margin:0px 10px 0px 5px; ">
238
+ < div class ="leftInverse mdl-textfield mdl-js-textfield mdl-textfield--floating-label "
239
+ style ="margin:0 10px 0 5px; ">
234
240
< input class ="mdl-textfield__input " type ="text " id ="txtTag " autocomplete ="on ">
235
241
< label class ="mdl-textfield__label " for ="txtTag "> Tag(Android)</ label >
236
242
237
243
</ div >
238
- < div class ="rightInverse " style ="margin:20px 0px 0px 0px ; ">
239
- < i id ="txtTag " class ="material-icons "> help_outline</ i >
244
+ < div class ="rightInverse " style ="margin:20px 0 0 0 ; ">
245
+ < i id ="txtTagHelp " class ="material-icons "> help_outline</ i >
240
246
</ div >
241
- < div class ="mdl-tooltip mdl-tooltip--right " data-mdl-for ="txtTag ">
247
+ < div class ="mdl-tooltip mdl-tooltip--right " data-mdl-for ="txtTagHelp ">
242
248
Identifier used to replace existing notifications in the notification drawe
243
249
</ div >
244
250
</ div >
@@ -273,7 +279,8 @@ <h4>Data Payload</h4>
273
279
< input class ="mdl-textfield__input " type ="text " id ="key1 " autocomplete ="on ">
274
280
< label class ="mdl-textfield__label " for ="key1 "> Key</ label >
275
281
</ div >
276
- < div class ="rightInverse mdl-textfield mdl-js-textfield mdl-textfield--floating-label " style ="margin: 0px 10px; ">
282
+ < div class ="rightInverse mdl-textfield mdl-js-textfield mdl-textfield--floating-label "
283
+ style ="margin: 0 10px; ">
277
284
< input class ="mdl-textfield__input " type ="text " id ="val1 " autocomplete ="on ">
278
285
< label class ="mdl-textfield__label " for ="val1 "> Value</ label >
279
286
</ div >
@@ -308,9 +315,8 @@ <h4>Data Payload</h4>
308
315
< link rel ="stylesheet " href ="https://code.getmdl.io/1.3.0/material.amber-purple.min.css " />
309
316
< style >
310
317
.center {
311
- margin : auto;
312
318
width : 80% ;
313
- margin-top : 30px ;
319
+ margin : 30px auto auto ;
314
320
}
315
321
316
322
.centerAutoWidth {
@@ -367,11 +373,11 @@ <h4>Data Payload</h4>
367
373
}
368
374
} ;
369
375
( function ( ) {
370
- var wf = document . createElement ( 'script' ) ;
376
+ const wf = document . createElement ( 'script' ) ;
371
377
wf . src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js' ;
372
378
wf . type = 'text/javascript' ;
373
379
wf . async = 'true' ;
374
- var s = document . getElementsByTagName ( 'script' ) [ 0 ] ;
380
+ const s = document . getElementsByTagName ( 'script' ) [ 0 ] ;
375
381
s . parentNode . insertBefore ( wf , s ) ;
376
382
} ) ( ) ;
377
383
</ script >
0 commit comments