Skip to content

Instantly share code, notes, and snippets.

app.filter('bytes', function() {
return function(bytes, precision) {
if (isNaN(parseFloat(bytes)) || !isFinite(bytes)) return '-';
if (typeof precision === 'undefined') precision = 1;
var units = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB'],
number = Math.floor(Math.log(bytes) / Math.log(1024));
return (bytes / Math.pow(1024, Math.floor(number))).toFixed(precision) + ' ' + units[number];
}
});
/* Side notes for calling out things
-------------------------------------------------- */
/* Base styles (regardless of theme) */
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
@iambigd
iambigd / gist:c1cc7460e9af5e35001a
Created August 7, 2014 08:38
Angular Form validation: alphanumeric
.directive('alphanumeric', function() {
return {
require: 'ngModel',
restrict: 'A',
link: function(scope, elem, attr, ngModel) {
var validator = function(value) {
if (/^[a-zA-Z0-9]*$/.test(value)) {
ngModel.$setValidity('alphanumeric', true);
return value;
@iambigd
iambigd / gist:a100d7ffbf066e46970c
Last active August 29, 2015 14:05
Angular Form validation: match
.directive('match', function() {
return {
require: 'ngModel',
restrict: 'A',
scope: {
match: '='
},
link: function(scope, elem, attrs, ngModel) {
scope.$watch(function() {
return (ngModel.$pristine && angular.isUndefined(ngModel.$modelValue)) || scope.match === ngModel.$modelValue;
var myApp = angular.module('myApp', []);
myApp.factory('aProvider', function() {
console.log("factory");
});
myApp.directive("test1", function() {
console.log("directive setup");
return {
compile: function() {console.log("directive compile");}
}
@iambigd
iambigd / gist:57175bd5e99fde54ec4a
Created August 9, 2014 15:51
woocommerce 加入登入登出按鈕
function add_login_logout_link($items, $args)
{
if(is_user_logged_in() && $args->theme_location == 'avia2')
{
$newitems = '<li><a title="'.__('Logout','avia_framework').'" href="'. wp_logout_url(get_permalink()) .'">'.__('Logout','avia_framework').'</a></li>';
$newitems .= $items;
}
else if($args->theme_location == 'avia2')
{
$newitems = '<li><a title="'.__('Login','avia_framework').'" href="'. wp_login_url(get_permalink()) .'">'.__('Login','avia_framework').'</a></li>';
@iambigd
iambigd / gist:d8de76fe082e07e9801e
Last active December 10, 2015 17:15
Angular ngSrc image not found directive
app.directive('errSrc', function() {
return {
link: function(scope, element, attrs) {
scope.$watch(function() {
return attrs['ngSrc'];
}, function (value) {
if (!value) {
element.attr('src', attrs.errSrc);
}
@iambigd
iambigd / gist:373cbcbab4a31bb73163
Created September 9, 2014 08:31
Hello log4javascript
<!--
The log4javascript testing
@author bigd
@date 2014/9/9
-->
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@iambigd
iambigd / gist:8630211d2210cdecc357
Last active August 29, 2015 14:08
jQuery plugin Template
/*
* Template plugin
* @author [email protected]
* @date 20141022
*/
;(function($) {
//define plugin name
var pluginName = 'jqueryPlugin';
@iambigd
iambigd / jqplot-realtime
Created December 18, 2014 07:30
How to display real time data with jqplot
<HTML>
<HEAD>
<!--[if lt IE 9]><script type="text/javascript" src="http://cdn.jsdelivr.net/excanvas/r3/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.dateAxisRenderer.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jqplot/1.0.8/plugins/jqplot.enhancedLegendRenderer.min.js"></script>
<link href="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function(){