Emily Kauffman kauffmanes

I'm a software engineer currently living in Pittsburgh, PA.

kauffmanes / index.html

Last active June 18, 2017 13:36

A snippet of angular-offline-form tutorial index.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Offline Angular Form Tutorial</title>
	</head>
	<body data-ng-app="app">

	<div data-ng-controller="MainController">

kauffmanes / app.js

Created June 18, 2017 12:44

The main application file

	angular.module('app', [])

	.controller('MainController', ['$scope', function ($scope) {


	}]);

kauffmanes / index.html

Last active June 18, 2017 13:35

v2 of index.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Offline Angular Form Tutorial</title>
	</head>
	<body data-ng-app="app">

	<div data-ng-controller="MainController">

kauffmanes / app.js

Last active June 18, 2017 14:36

v2 app.js

	angular.module('app', [])

	.controller('MainController', ['$scope', function ($scope) {

	$scope.formData = {};

	//Parses and saves to localStorage
	$scope.save = function () {};

	//Once connection is detected, submit to server

kauffmanes / app.js

Last active June 18, 2017 14:35

v3 app

	//Parses and saves to localStorage
	$scope.save = function () {


	var stringCopy = '';

	//lc only accepts strings
	//allows us to reference this lc record later
	$scope.formData.lcKey = Date.now().toString();

kauffmanes / save function

Last active June 18, 2017 14:35

save function

	//Once connection is detected, submit to server
	$scope.sync = function () {

	var records = fetchAll();

	//if connection exists
	if (navigator && navigator.onLine && records.length) {

	records.forEach(function (find, idx) {

kauffmanes / app.js

Last active June 18, 2017 14:34

parse localStorage

	var fetchAll = function () {

	var finds = [];

	if (localStorage.length === 0) {
	return [];
	}

	for (var i=0;i<localStorage.length;i++) {

kauffmanes / index.html

Created June 18, 2017 14:23

submit button

	<button type="submit">Save Locally</button>
	<button type="button" data-ng-click="sync()">Sync</button>

kauffmanes / app.js

Created June 18, 2017 14:37

Final full app.js file

	angular.module('app', [])

	.controller('MainController', ['$scope', function ($scope) {

	var fetchAll = function () {

	var finds = [];

	if (localStorage.length === 0) {
	return [];

kauffmanes / index.html

Created June 18, 2017 14:38

final full index.html

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Offline Angular Form Tutorial</title>
	</head>
	<body data-ng-app="app">

	<div data-ng-controller="MainController">