Skip to content

Instantly share code, notes, and snippets.

View panphora's full-sized avatar
🎯
Focusing

David Miranda panphora

🎯
Focusing
View GitHub Profile
@panphora
panphora / deferred
Last active December 22, 2015 07:29
simple jquery deferred example
var bringMeToast = function () {
var d = new $.Deferred();
setTimeout(function () {
d.resolve()
}, 2000);
return d;
};
var bringMeASwartwouter = function () {
var d = new $.Deferred();
.footer-widgets {
background-position: bottom left;
padding-bottom: 280px;
}
a = ['https://dl.dropboxusercontent.com/u/3227675/thrivehive/my%20contacts/mockup2/my-contacts-list-view.png', 'https://dl.dropboxusercontent.com/u/3227675/thrivehive/my%20contacts/mockup2/my-contacts-list-view-alt.png','https://dl.dropboxusercontent.com/u/3227675/thrivehive/my%20contacts/mockup2/my-contacts-contact-view.png'];
a.forEach(function (link) { window.open(link, '_blank'); })
meteor add reactive-var
Template.DiscoverPage.created = function () {
this.currentTab = new ReactiveVar('recent projects');
};
Template.DiscoverPage.created = function () {
this.currentTab = new ReactiveVar('recent projects');
this.currentTabIs = function (tabName) {
return tabName === Template.instance().currentTab.get();
}
};
<template name="DiscoverPage">
<div class="nav">
<a class="tab-link {{selectedIfCurrentTabIs 'recent projects'}}" href="#" data-tab-name="recent projects">recent projects</a>
<a class="tab-link {{selectedIfCurrentTabIs 'recent sketches'}}" href="#" data-tab-name="recent sketches">recent sketches</a>
</div>
{{#if currentTabIs 'recent projects'}}
{{> RecentProjects }}
{{/if}}
{{#if currentTabIs 'recent sketches'}}
{{> RecentSketches }}
Template.DiscoverPage.helpers({
currentTabIs: function (tabName) {
return Template.instance().currentTabIs(tabName);
},
selectedIfCurrentTabIs: function (tabName) {
if (Template.instance().currentTabIs(tabName)) {
return 'selected';
} else {
return '';
}
Template.DiscoverPage.events({
'click .tab-link': function (e, template) {
e.preventDefault();
var $tabLink = $(e.currentTarget);
var tabName = $tabLink.data('tab-name');
template.currentTab.set(tabName || 'recent projects');
}
});
### Keybase proof
I hereby claim:
* I am panphora on github.
* I am panphora (https://keybase.io/panphora) on keybase.
* I have a public key whose fingerprint is 516E 6816 D1C8 3E13 587F EE35 3D43 81AC 9975 8203
To claim this, I am signing this object: