Davor Badrov davorbadrov

## checkDuration.js
    /* global document, URL, alert */
    // TODO: Check support for video types & URL.createObjectURL() function
    // NOTE: IE9 doesn't seem to support URL object, but a polyfill seems to exist: https://gist.github.com/arv/1384398
    function getDuration(videoFile, callback) {
        'use strict';

        var type = videoFile.type;

        var videoEl = document.createElement('video');
        videoEl.preload = 'metadata';

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div class="container">
    <div class="box">OMG! I'm centered!</div>
  </div>

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <link rel="stylesheet" href="main.css">
</head>
<body>
  <div class="bar-container">
    <div class="bar"></div>

## PromisifyAll
var Promise = require('bluebird');

...
// Transforms node based callbacks into methods that return Promises
Promise.promisifyAll(Awesomify);

Promise.map(jsonArray, function (jsonItem) {
  return Awesomify.transformAsync(jsonItem);
})
.then(function(transformedResults) {

## index.js
import React from 'react';
import ReactDOM from 'react-dom';
import expect from 'expect';
import { createStore } from 'redux';

/**
 * The reducer function which takes a state and action,
 * returns the new state
 *
 * @param  {Number} state  old state from the store

## index.js
// Suppose we have a following HTML element in page:
// <div id="tags" />

const tagsInput = new Taggle(document.querySelector('#tags'), {
    allowDuplicates: false,
    preserveCase: true,
    attachTagId: true,
    //       tags: preexistingTagsToPrefilTheinput,
    //       onTagAdd: (e, tag) => {
    //           console.log('adding tag', tag);

## form_examples.js
// SELECT
<select value={this.state.value} onChange={this.handleChange}>
    <option value="grapefruit">Grapefruit</option>
    <option value="lime">Lime</option>
    <option value="coconut">Coconut</option>
    <option value="mango">Mango</option>
</select>

// TEXTAREA
<textarea value={this.state.value} onChange={this.handleChange} />

## readJson.js
// jsonFile can be files[0] from the change event on the input
// it returns a Promise which resolves as JSON content
// or rejects and outputs why it failed
export function readJSON(jsonFile) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();

        reader.onload = event => {
            try {
                const jsonContent = JSON.parse(reader.result);

## find_multiple.sql
# find multiple entries for a certain fields
select count(*), field1, field2 from some_table group by field1, field2 having count(*) > 1;

## getTimezone.js
/**
 * Gets timezone info from Google's Timezone API
 * based on passed latitude and longitude.
 */
const request = require('request');
const API_KEY = '...';

function getTimezone({latitude, longitude}) {
    const timestamp = Math.floor(new Date().getTime() / 1000);
    const url = `https://maps.googleapis.com/maps/api/timezone/json?location=${latitude},${longitude}&timestamp=${timestamp}&key=${API_KEY}`;
	/* global document, URL, alert */
	// TODO: Check support for video types & URL.createObjectURL() function
	// NOTE: IE9 doesn't seem to support URL object, but a polyfill seems to exist: https://gist.github.com/arv/1384398
	function getDuration(videoFile, callback) {
	'use strict';

	var type = videoFile.type;

	var videoEl = document.createElement('video');
	videoEl.preload = 'metadata';
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body>
	<div class="container">
	<div class="box">OMG! I'm centered!</div>
	</div>
	var Promise = require('bluebird');

	...
	// Transforms node based callbacks into methods that return Promises
	Promise.promisifyAll(Awesomify);

	Promise.map(jsonArray, function (jsonItem) {
	return Awesomify.transformAsync(jsonItem);
	})
	.then(function(transformedResults) {
	import React from 'react';
	import ReactDOM from 'react-dom';
	import expect from 'expect';
	import { createStore } from 'redux';

	/**
	* The reducer function which takes a state and action,
	* returns the new state
	*
	* @param {Number} state old state from the store
	// Suppose we have a following HTML element in page:
	// <div id="tags" />

	const tagsInput = new Taggle(document.querySelector('#tags'), {
	allowDuplicates: false,
	preserveCase: true,
	attachTagId: true,
	// tags: preexistingTagsToPrefilTheinput,
	// onTagAdd: (e, tag) => {
	// console.log('adding tag', tag);
	// SELECT
	<select value={this.state.value} onChange={this.handleChange}>
	<option value="grapefruit">Grapefruit</option>
	<option value="lime">Lime</option>
	<option value="coconut">Coconut</option>
	<option value="mango">Mango</option>
	</select>

	// TEXTAREA
	<textarea value={this.state.value} onChange={this.handleChange} />
	// jsonFile can be files[0] from the change event on the input
	// it returns a Promise which resolves as JSON content
	// or rejects and outputs why it failed
	export function readJSON(jsonFile) {
	return new Promise((resolve, reject) => {
	const reader = new FileReader();

	reader.onload = event => {
	try {
	const jsonContent = JSON.parse(reader.result);
	# find multiple entries for a certain fields
	select count(), field1, field2 from some_table group by field1, field2 having count() > 1;
	/**
	* Gets timezone info from Google's Timezone API
	* based on passed latitude and longitude.
	*/
	const request = require('request');
	const API_KEY = '...';

	function getTimezone({latitude, longitude}) {
	const timestamp = Math.floor(new Date().getTime() / 1000);
	const url = `https://maps.googleapis.com/maps/api/timezone/json?location=${latitude},${longitude}&timestamp=${timestamp}&key=${API_KEY}`;