Colin Fallon colinf
colinf
/ component.js
Last active
February 14, 2017 16:46
WebStorm code template for vuejs component using vuex [WebStorm -> Preferences -> Editor -> File & Code Templates]
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
| <template> | |
| <div id='${NAME}'> | |
| #[[$END$]]# | |
| </div> | |
| </template> | |
| <script> | |
| import { mapState, mapActions } from 'vuex' | |
| export default { | |
| computed: { |
colinf
/ jor2_selectTeam.js
Last active
July 15, 2016 09:53
Nested route with a parameter ( see http://j.mp/2af4Q7o )
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
| <div className={classnames({'team-item': true, 'pure-g': true, 'team-item-selected': selectedTeamId === id})} | |
| onClick={() => signals.teams.teamSelected({id: team.id})} | |
| > | |
| <div className="pure-u-1"> | |
| <h5 className="team-name">{name}</h5> | |
| </div> | |
| </div> |
colinf
/ jor2_MainMenu.js
Last active
July 15, 2016 09:53
Main menu links using Cerebral signals ( see http://j.mp/2af4Q7o )
colinf
/ jor_SelectTeam.js
Last active
July 15, 2016 09:45
Nested route with a parameter ( see http://bit.ly/29yR51I )
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
| <div className={classnames({'team-item': true, 'pure-g': true, 'team-item-selected': selectedTeamId === id})} | |
| on-click={() => signals.teams.teamSelected({id: team.id})} | |
| > | |
| <div className="pure-u-1"> | |
| <h5 className="team-name">{name}</h5> | |
| </div> | |
| </div> |
colinf
/ jor_MainMenu.js
Last active
July 15, 2016 09:54
Main menu links using Cerebral signals ( see http://j.mp/2af4Q7o and http://bit.ly/29yR51I )
colinf
/ jor_DefineRouter.js
Last active
July 13, 2016 20:29
Definition of the Cerebral Router ( see )
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
| controller.addModules({ | |
| devTools: Devtools(), | |
| router: Router({ | |
| '/': 'app.opened', | |
| '/about': 'about.opened', | |
| '/teams': { | |
| '': 'teams.opened', | |
| '/:id': 'teams.teamSelected' | |
| } |
colinf
/ oda_DataOut.clj
Last active
July 13, 2016 16:03
om/Ident influence on the data retrieved from the Om Next reconciler ( see http://bit.ly/29ywoTL )
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
| {:threads | |
| [[:threads/by-id "t_1"] | |
| [:threads/by-id "t_2"] | |
| [:threads/by-id "t_3"]], | |
| :messages/bucket | |
| {"m_1" | |
| {:message/id "m_1", | |
| :message/author-name "Bill", | |
| :message/text "Hey Jing want to give a Flux talk at ForwardJS?", | |
| :message/date #inst "2015-12-08T14:48:34.292-00:00"}, |
colinf
/ oda_message_item.clj
Last active
July 13, 2016 16:03
The query statements from message_item.clj ( see http://bit.ly/29ywoTL )
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
| (defui MessageItem | |
| static om/Ident | |
| (ident [this {:keys [message/id]}] | |
| [:messages/by-id id]) | |
| static om/IQuery | |
| (query [this] | |
| [:message/id :message/author-name :message/date :message/text]) | |
| Object |
colinf
/ onn_DataOut.clj
Last active
July 13, 2016 15:54
The data retrieved from the Om Next reconciler ( see http://bit.ly/29EyV1D )
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
| {:threads | |
| [[:threads/by-id "t_1"] | |
| [:threads/by-id "t_2"] | |
| [:threads/by-id "t_3"]], | |
| :messages/by-id | |
| {"m_1" | |
| {:message/id "m_1", | |
| :message/author-name "Bill", | |
| :message/text "Hey Jing want to give a Flux talk at ForwardJS?", | |
| :message/date #inst "2015-11-24T15:48:21.793-00:00"}, |
colinf
/ onn_DataIn.clj
Last active
July 13, 2016 15:56
The data added to the reconciler ( see http://bit.ly/29EyV1D )
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
| {:threads | |
| [{:thread/id "t_1", | |
| :thread/name "Jing and Bill", | |
| :thread/messages | |
| [{:message/id "m_1", | |
| :message/author-name "Bill", | |
| :message/text "Hey Jing want to give a Flux talk at ForwardJS?", | |
| :message/date #inst "2015-11-24T12:59:52.245-00:00"} | |
| {:message/id "m_2", | |
| :message/author-name "Bill", |