Skip to content

Instantly share code, notes, and snippets.

View mohandere's full-sized avatar
🎯
Focusing

Mohan Dere mohandere

🎯
Focusing
View GitHub Profile
@mohandere
mohandere / blogFactory.js
Last active August 29, 2015 14:16
Angular Factory/Service for Interaction with Wordpress Blog
function fzBlogFactory($http, $sce, config) {
function allPosts() {
return httpRequest('posts?filter[category_name]=post');
}
function postByID(id) {
return httpRequest('posts/' + id);
}
function featuredPosts() {
@mohandere
mohandere / app.js
Last active August 23, 2016 13:57
i18n with polyglot.js and rendr.js
var patches = require('./lib/patches')
, BaseApp = require('rendr/shared/app')
, handlebarsHelpers = require('./lib/handlebarsHelpers')
, Polyglot = require('node-polyglot')
, _ = require('underscore');
/**
* setup constants/globals
*/
@mohandere
mohandere / templateManager.js
Created October 18, 2016 17:39
Template Manager plugin for Loading HBS template files:
/*
templateManager - Async Handlebars template loader/cacher.
@author Mohan Dere
@version 1.0
@requires jQuery || zepto, underscore, Handlebars.js
*/
(function() {
@mohandere
mohandere / app.js
Last active May 19, 2017 17:29
React-todo
import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
import { Grid, Row, Col, PageHeader } from 'react-bootstrap';
import './App.css';
import Home from './components/Home';
import About from './components/About';
class App extends Component {
@mohandere
mohandere / FilesLoader-Usage.js
Created June 21, 2017 12:21
Asynchronous files loading with jquery deferred with callback
//Usage
var tplsToLoad = [
'tpl/menu-section',
'tpl/header',
'tpl/footer'
];
window.FilesLoader.load(tplsToLoad,
function () {
@mohandere
mohandere / 0_reuse_code.js
Created June 21, 2017 17:51
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@mohandere
mohandere / epic.js
Last active August 31, 2017 13:33
Writing epics with redux-observable
import * as ajax from '../../utils/ajax';
import 'rxjs/add/operator/catch'
import {
Observable
} from 'rxjs/Observable';
import queryString from 'query-string'
import _ from 'lodash'
import {
PRODUCTS_REQUEST_START,
@mohandere
mohandere / MyModal.js
Last active October 12, 2017 15:32
Higher Order Component for react-modal to handle modal bottom issue
import React from 'react';
import ReactModal from 'react-modal';
import withModal from './withModal';
class MyModal extends React.Component {
constructor(props) {
super(props)
@mohandere
mohandere / accordion.js
Last active November 21, 2017 05:15
Jquery UI Sortable with Accordion: Save sort order
scmAcco.accordion({
header: "> div > h3",
collapsible: true,
active: false,
heightStyle: "content",
}).sortable({
update: function(event, ui) {
//On update get new order of elements as an array
var serialized = $(this).sortable("toArray", {
@mohandere
mohandere / namespaced-bootstrap-v3.3.7.css
Last active December 27, 2017 15:20
Namespacing bootstrap 3.3.7
/*! Namespaced Bootstrap 3.3.7
* Load Glyphicons Halflings extrnally
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
html {
font-family: sans-serif;