Huy Pham huyphamily
huyphamily
/ components.job-match\.js
Last active
May 12, 2021 02:51
— forked from nadinerao/components.job-match\.js
XState POC with container
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
| import Component from '@glimmer/component'; | |
| import { inject as service } from '@ember/service'; | |
| export default class extends Component { | |
| } |
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
| import Component from '@glimmer/component'; | |
| import { inject as service } from '@ember/service'; | |
| export default class extends Component { | |
| } |
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
| import Component from '@glimmer/component'; | |
| import { inject as service } from '@ember/service'; | |
| export default class extends Component { | |
| @service('job-state') jobState; | |
| } |
huyphamily
/ machine.js
Created
April 20, 2021 19:10
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 jobTitleState = { | |
| id: 'jobTitle', | |
| context: {}, | |
| initial: 'editing', | |
| states: { | |
| editing: { | |
| on: { | |
| CHANGE: { | |
| target: '', | |
| actions: assign({ |
huyphamily
/ machine.js
Created
April 20, 2021 09:52
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 jobTitleState = { | |
| id: 'jobTitle', | |
| context: {}, | |
| initial: 'editing', | |
| states: { | |
| editing: { | |
| on: { | |
| CHANGE: { | |
| target: '', | |
| actions: assign({ |
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
| import Component from '@glimmer/component'; | |
| import { inject as service } from '@ember/service'; | |
| export default class extends Component { | |
| @service('job-state') jobState; | |
| } |
huyphamily
/ router.js
Created
September 3, 2020 03:10
— forked from sglanzer-deprecated/router.js
Sync and async routing
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
| import Ember from 'ember'; | |
| import config from './config/environment'; | |
| const Router = Ember.Router.extend({ | |
| location: 'none', | |
| rootURL: config.rootURL | |
| }); | |
| Router.map(function() { | |
| this.route('sync') |
huyphamily
/ components.x-input.js
Created
April 12, 2017 23:12
— forked from mike-north/components.x-input.js
EL - Component
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
| import Ember from 'ember'; | |
| const Input = Ember.Component.extend({ | |
| tagName: 'p', | |
| classNames: ['x-input'], | |
| attributeBindings: ['fieldName:data-field-name'], | |
| fieldName: Ember.computed('label', function() { | |
| return this.getWithDefault('label', '').dasherize(); | |
| }), | |
| errors: Ember.computed('minlength', 'value', 'match', function() { |
huyphamily
/ controllers.application.js
Last active
April 12, 2017 22:10
— forked from mike-north/controllers.application.js
EL - Computed
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
| import Ember from 'ember'; | |
| import hexColor from '../utils/hex-color'; | |
| const { | |
| Controller, | |
| computed | |
| } = Ember; | |
| export default Controller.extend({ | |
| /** |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <link rel='stylesheet' type='css' href='styles.css'> | |
| </head> | |
| <body> | |
| <div class="scoreboard"> | |
| <!-- Modify the scoreboard when important events occur in your game! --> | |
| <div class="high">High score: <span>0</span></div> | |
| <div class="current">Current score: <span>0</span></div> |
NewerOlder