Jérôme Beau Javarome
Javarome
/ machine.js
Created
January 8, 2020 10:19
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Available variables: | |
| // - Machine | |
| // - interpret | |
| // - assign | |
| // - send | |
| // - sendParent | |
| // - spawn | |
| // - raise | |
| // - actions |
Javarome
/ machine.js
Last active
December 22, 2019 18:57
Generated by XState Viz: https://xstate.js.org/viz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const knMachine = Machine({ | |
| id: 'knowledge', | |
| initial: 'created', | |
| states: { | |
| /** | |
| * created or modified | |
| */ | |
| created: { | |
| after: { | |
| 500: 'saved', |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body ng-app="dateApp"> | |
| <p>Touch-enabled devices (and Chrome) support <code><input type="date"></code> <a target="_blank" href="https://stackoverflow.com/questions/20321202/not-showing-placeholder-for-input-type-date-field/30442790#30442790">but the relevant fields UI do not allow placeholders</a>.</p> | |
| <p>Here is a date input with a placeholder:</p> | |
| <!--p> | |
| Text : <date-input id="textDate" placeholder="Enter a date" data-mode="text"></date-input> | |
| </p--> | |
| <p> | |
| Native as text : <date-input id="mobileDate" placeholder="Enter a date"></date-input> | |
| </p> | |
| <!--p> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <p>Change the viewport's width to alternate between tabs and table display:</p> | |
| <input id="col1" type="radio" name="column" checked> | |
| <input id="col2" type="radio" name="column"> | |
| <table> | |
| <thead> | |
| <tr> | |
| <th></th> | |
| <th><label for="col1" tabindex="1">Free</label></th> | |
| <th><label for="col2" tabindex="2">Premium version</label></th> | |
| </tr> |