wcadap’s gists

wcadap / flip_css_ani_html.html

Last active August 29, 2015 14:02

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Responsive CSS Flip Animation</title>
	<link href="CSS/BootStrap3.1/bootstrap.min.css" type="text/css" rel="stylesheet" />
	<link href="CSS/Site.css" type="text/css" rel="stylesheet" />

	</head>

wcadap / contactApp.js

Created December 30, 2014 13:44

var contactApp = angular.module('contactApp', ['ngRoute','ngResource']);

wcadap / clientRoute.js

Created December 30, 2014 13:53

	contactApp.config(['$routeProvider', function ($routeProvider) {

	$routeProvider.when('/', {
	templateUrl: "/app/Home/home.html"
	}),

	$routeProvider.when('/about', {
	templateUrl: "app/Home/about.html"
	}),

wcadap / _Layout.cshtml

Created December 30, 2014 14:01

	<!DOCTYPE html>
	<html ng-app="contactApp">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>@ViewBag.Title - My ASP.NET Application</title>
	@Styles.Render("~/Content/css")
	@Scripts.Render("~/bundles/modernizr")
	</head>
	<body>

wcadap / contactPage.html

Created December 30, 2014 14:05

	<div class="navbar-collapse collapse">
	<ul class="nav navbar-nav">
	<li><a href="#/">Home</a></li>
	<li><a href="#/about">about</a></li>
	</ul>
	</div>

wcadap / contactController.js

Created December 31, 2014 08:06

	contactApp.controller('contactController',
	['$scope',
	function categoryController($scope) {

	$scope.contacts =[
	{
	firstName: 'John', lastName: 'Parson', email: '[email protected]', mobile: '233-900-2933'
	},
	{
	firstName: 'Joe', lastName: 'Paris', email: '[email protected]', mobile: '233-900-2933'

wcadap / contactsList.html

Created December 31, 2014 08:10


	<div class="panel panel-primary">

	<div class="panel-heading">My Contacts</div>
	<div class="panel-body">
	<div class="col-md-6">
	<a class="btn btn-primary" href="#/mycontacts/newcontact"><i class="glyphicon glyphicon-file"></i> New</a>
	</div>
	<div class="col-xs-10 col-lg-6 col-md-6">
	<div class="input-group">

wcadap / contactForm.html

Created December 31, 2014 08:13


	<div class="panel panel-primary">

	<div class="panel-heading">New Contact</div>
	<div class="panel-body">
	<form class="form-horizontal" role="form" id="contactForm" name="contactForm">

	<div class="form-group">
	<label for="firstName" class="col-sm-3 control-label">First Name</label>
	<div class="col-sm-6">

wcadap / _layout1.cshtml

Created December 31, 2014 08:23

	<div class="navbar-collapse collapse">
	<ul class="nav navbar-nav">
	<li><a href="#/">Home</a></li>
	<li><a href="#/mycontacts">My Contacts</a></li>
	<li><a href="#/about">about</a></li>
	</ul>
	</div>

wcadap / contactAppRoute.js

Created December 31, 2014 08:26

	contactApp.config(['$routeProvider', function ($routeProvider) {

	$routeProvider.when('/', {
	templateUrl: "/app/Home/home.html"
	}),

	$routeProvider.when('/about', {
	templateUrl: "app/Home/about.html"
	}),