Skip to content

Instantly share code, notes, and snippets.

View ry8806's full-sized avatar

Ryan Southgate ry8806

18 followers · 8 following
View GitHub Profile
@ry8806
ry8806 / uploader-index.html
Created December 24, 2015 21:44
Amazon S3 Upload to Bucket html page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<!--<link rel="icon" href="../../favicon.ico">-->
@ry8806
ry8806 / jplayer-playerservice.js
Last active January 2, 2016 00:04
myApp.service("PlayerService", [function () {
this.IsPaused = false;
this.CurrentTrack = null;
this.Play = function (track) {
this.CurrentTrack = track;
this.IsPaused = false;
};
this.Pause = function () {
this.IsPaused = !this.IsPaused;
@ry8806
ry8806 / jplayer-template.html
Last active January 2, 2016 00:04
AngularJS and jPlayer directive template
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
<div class="jp-type-single">
<div class="jp-gui jp-interface">
<div class="jp-volume-controls">
<button class="jp-mute" role="button" tabindex="0">mute</button>
<button class="jp-volume-max" role="button" tabindex="0">max volume</button>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
@ry8806
ry8806 / error-module.js
Last active January 20, 2016 13:13
An Angular Module for handling errors
angular.module('Errors', ['jqueryDialog'])
.service('ErrorService', ['$templateRequest', 'dialogService', function ($templateRequest, dialogService) {
// The template (which references the controller)
var templateUrl = "../error-template.html";
// Request the template and do nothing - so it's in the cache in case we lose internet connection later
$templateRequest(templateUrl);
// Now show the template in a dialog box
this.ShowError = function (info) {
@ry8806
ry8806 / error-module-template.html
Last active January 20, 2016 13:23
<div ng-controller="ErrorController">
<div>
<span>{{::model.Message}}</span>
</div>
<div>
<div>
<input ng-click="Ok()" value="OK" type="button" ok />
</div>
</div>
</div>
@ry8806
ry8806 / upload.js
Last active February 11, 2016 17:59
C# server-side rendering with Highcharts
// Build the chart with our options
var chart = Highcharts.Chart(options);
var svg = chart.getSVGForExport();
// Post the svg to our server (using jQuery)
$.post("http://myserver.com/api/savesvg", svg, function(result){
});
@ry8806
ry8806 / rendersvg.cs
Created February 11, 2016 19:14
C# server-side rendering with Highcharts
using Svg;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;
namespace SvgRenderer
{
public class Renderer
{
public void Render(string svg)
@ry8806
ry8806 / index.html
Last active March 15, 2016 21:50
Multiline Text in Highcharts (SVG)
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/solid-gauge.js"></script>
<script src="script.js"></script>
@ry8806
ry8806 / promise_before.js
Last active April 15, 2016 21:45
AngularJS combining promises
var theResults = [];
someAsyncWork().then(function(result){
return getFirstValue().then(function (value) {
theResults.push(value);
});
}).then(function (result) {
return getSecondValue().then(function (value) {
theResults.push(value);
});
@ry8806
ry8806 / promise_after.js
Last active April 19, 2016 17:29
var promise1 = getFirstValue().then(function (value) {
return value;
});
// We can just return a value without creating a promise if we don't need.
var promise2 = "A value that is instant";
var promise3 = getThirdValue().then(function (value) {
return value;
});