Skip to content

Instantly share code, notes, and snippets.

View acatl's full-sized avatar

Acatl Pacheco acatl

  • ViacomCBS
  • New York, NY
View GitHub Profile
@acatl
acatl / gist:bdb6e4e867f08bd18bd8
Last active August 29, 2015 14:07
callback slice args
function callbackSliceArgs(callback, howMany) {
return function() {
var args = _.toArray(arguments);
args.splice(howMany, args.length);
return callback.apply(null, args);
};
}
@acatl
acatl / gist:d7dd716ea674cbf6b93d
Created October 31, 2014 03:16
call try catch callback
function call(method) {
var args = Array.prototype.slice.call(arguments);
var callback = args.pop();
args = args.slice(1);
var error;
var result;
try {
result = method.apply(null, args);
} catch (e) {
error = e;
@acatl
acatl / user.json
Last active August 29, 2015 14:11
sublime 3
{
"bold_folder_labels": true,
"caret_style": "phase",
"color_scheme": "Packages/User/moiz-theme/Moiz Black.tmTheme",
"fade_fold_buttons": false,
"flatland_sidebar_tree_xsmall": true,
"flatland_square_tabs": true,
"folder_exclude_patterns":
[
".svn",
@acatl
acatl / find-style.js
Last active August 29, 2015 14:22
find ALL matching styles with matching values on a document
/*
* credit of `getMatchedStyle` method for stakoverflow's Qtax
* http://stackoverflow.com/questions/9730612/get-element-css-property-width-height-value-as-it-was-set-in-percent-em-px-et/9733051#9733051
*/
function getMatchedStyle(elem, property) {
// element property has highest priority
var val = elem.style.getPropertyValue(property);
// if it's important, we are done
if (elem.style.getPropertyPriority(property))
@acatl
acatl / gist:1098878
Created July 22, 2011 04:18
itemrenderer example 4.1: using labelFunction option
var itemrendererOptions = {
labelFunction: function (data, options) {
return "$ " + data.price;
},
dataProvider: [
{
name: "lorem",
price: 123.34
},
{
@acatl
acatl / gist:1098891
Created July 22, 2011 04:31
itemrenderer example 4.2: using labelFunction option using the options argument
var itemrendererOptions = {
labelField: "name",
labelFunction: function (data, options) {
return data[options.labelField] + " is $ " + data.price;
},
dataProvider: [
{
name: "lorem",
price: 123.34
},
@acatl
acatl / gist:1098903
Created July 22, 2011 04:38
itemrenderer example 5: using rendererFunction option
var itemrendererOptions = {
labelField: "name",
rendererFunction: function (container, listData) {
if(listData.data.price > 100) {
container.css("color","red");
}
container.html(listData.label);
},
dataProvider: [
{
@acatl
acatl / gist:1098705
Created July 22, 2011 01:47
ir.itemrenderer's options
$.widget("ir.itemrenderer", {
options: {
/** type string, name of widget to use as renderer */
itemRenderer:null,
/** type function, function that will be executed on each iteration*/
rendererFunction:null,
/** type function, function to process the label that will be used */
labelFunction:null,
/** type string, name of the field to use as the label */
labelField:null,
@acatl
acatl / gist:1098774
Created July 22, 2011 02:39
itemrenderer example 1
$(function () {
var itemrendererOptions = {
dataProvider: ["lorem", "lipsum", "dolor", "sit"]
};
$("#itemrenderer").itemrenderer(itemrendererOptions);
});
@acatl
acatl / gist:1098808
Created July 22, 2011 03:06
itemrenderer example 2: using objects as elements of the dataProvider
$(function () {
var itemrendererOptions = {
dataProvider: [
{
label: "lorem"
},
{
label: "lipsum"
},
{