Skip to content

Instantly share code, notes, and snippets.

View jhyland87's full-sized avatar

J jhyland87

  • 48°52.6′S 123°23.6′W
View GitHub Profile
@jhyland87
jhyland87 / Stat_Widgets.html
Created September 19, 2017 18:40
Example output of <Stat/> component
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="widget widget-stats bg-blue-grey">
<div class="stats-icon stats-icon-lg"><i class="fa fa-fw fa-globe"></i></div>
<div class="stats-title">Todays Visits</div>
<div class="stats-number">123</div>
<div class="stats-progress progress">
<div class="progress-bar" style="width: 70.1%;"></div>
</div>
<div class="stats-desc">Better than last week (70.1%)</div>
@jhyland87
jhyland87 / App.jsx
Last active September 19, 2017 18:41
Example ReactJS app using some custom components
'use strict'
import React, { Component } from 'react'
import PageLoader from './PageLoader'
import IconFactory from './IconFactory'
import Tree from 'react-ui-tree'
//import Panel from './Panel'
import Header from './Header'
import Sidebar from './Sidebar'
import TreeView from './TreeView'
@jhyland87
jhyland87 / Widgets.jsx
Last active September 19, 2017 18:37
ReactJS Widget Component
'use strict'
import React, { Component } from 'react'
import _ from 'lodash'
import ReactBootstrap, {
Button, ButtonGroup, DropdownButton, ButtonToolbar, OverlayTrigger, Tooltip, Popover,
MenuItem, Nav, NavItem, Breadcrumb, PageHeader, Table, Panel,
ListGroup, ListGroupItem, Jumbotron, Grid, Row, Col, Alert, Glyphicon,
} from 'react-bootstrap'
import PropTypes from 'prop-types'
var _ = require('lodash')
var expect = require('chai').expect
var Account = require('../models/Account')
describe('Account model', function() {
describe('schema item', function() {
// Account.username
describe('"username"', function() {
'use strict'
var _ = require('lodash')
var expect = require('chai').expect
var Account = require('../models/Account')
var testData = {
// Default data for test account
testAccount: {
'use strict'
const Mongoose = require( 'mongoose' )
const _ = require( 'lodash' )
const _internal = {
states: {
// List of valid Mongoose states
readyStates: [
'disconnected', // readyState: 0
'use strict'
//const _ = require( 'lodash' )
const _ = require('../mongoose-mixins')
const Async = require( 'async' )
const Util = require( 'util' )
const Path = require( 'path' )
const Mongoose = require( 'mongoose' )
const Promise = require( 'bluebird' )
'use strict'
import React, { Component } from 'react';
import cx from 'classnames';
import ReactDOM from 'react-dom'
import Tree from 'react-ui-tree'
import './tmp/react-ui-tree.less';
import './tmp/theme.less';
import './tmp/app.less';
class PageContent extends Component {
render() {
return (
<div id="content" className="content">
<BreadCrumbs align="left">
<BreadCrumbs.Crumb href="#foo">foo</BreadCrumbs.Crumb>
<BreadCrumbs.Crumb href="#bar">bar</BreadCrumbs.Crumb>
<BreadCrumbs.Crumb href="#baz">baz</BreadCrumbs.Crumb>
</BreadCrumbs>
</div>
'use strict'
const _ = require('lodash')
const AppRoot = require('app-root-path')
const Util = require('util')
var Confidence = require('confidence');
var manifest = {
buttons: {
// Panel control buttons (maximize, minimize, refresh, close)