Skip to content

Instantly share code, notes, and snippets.

View pankajpatel's full-sized avatar
🎯
Focusing

Pankaj Patel pankajpatel

🎯
Focusing
74 followers · 41 following
View GitHub Profile
@pankajpatel
pankajpatel / contact.html
Last active August 29, 2015 14:22
contact details template for contact store application
<div class="clearfix">
<div class="col-md-offset-4 col-md-4">
<div class="media">
<div class="media-left">
<img src="http://placehold.it/90x90" width="90" class="media-object img-circle">
</div>
<div class="media-body">
<h2 class="media-heading">{{contact.name}}</h2>
<h4>{{contact.email}}</h4>
<h5>{{contact.location.city}}, {{contact.location.state}}, {{contact.location.zip}}</h5>
@pankajpatel
pankajpatel / contact.new.html
Last active August 29, 2015 14:22
creating contact and editing contact details template for contact store application
<div class="col-md-offset-3 col-md-6">
<form method="post" name="contactForm" ng-submit="addContact();">
<div>
<h4 id="addContactModalLabel">Add Contact</h4>
</div>
<div>
<div class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" ng-model="contact.name" required placeholder="Enter name">
</div>
@pankajpatel
pankajpatel / index.html
Last active August 29, 2015 14:23
Index file for contact store application
<!DOCTYPE html>
<html ng-app="contactApp">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Time to Hack: Single Page Applications with Routing in AngularJS</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<style type="text/css">
.contacts p, .contacts p.lead{ margin: 0; }
@pankajpatel
pankajpatel / script.js
Last active August 29, 2015 14:28
$(document).ready(function(e){
$('.item').click(function (e){
$('.active-tab').removeClass('active-tab');
$(this).addClass('active-tab');
if($(this).next('.item-data').css('display') != 'block'){
$('.active').slideUp('fast').removeClass('active');
$(this).next('.item-data').addClass('active').slideDown('slow');
} else {
$('.active').slideUp('fast').removeClass('active');
}
@pankajpatel
pankajpatel / script.js
Created August 23, 2015 23:12
$('.active-tab').removeClass('active-tab');
$(this).addClass('active-tab');
@pankajpatel
pankajpatel / ParseToDo.html
Last active October 24, 2015 10:03
Parse ToDo
<div id="main">
<h1>ToDo</h1>
<section>
<div class="input-container">
<input type="text" name="task" id="task" placeholder="Todo Task"/>
</div>
<div class="button-container">
<button type="button" name="saveTask" id="saveTask">Save Task</button>
</div>
</section>
@pankajpatel
pankajpatel / ParseToDo.css
Created October 24, 2015 10:05
CSS for Parse ToDo
body {
background: #eee;
text-align: center;
padding: 0 25px;
}
#main {
width: 500px;
margin: auto;
text-align: left;
@pankajpatel
pankajpatel / ParseToDo.js
Created October 24, 2015 10:37
Core ToDo App with Parse and jQuery
//Parse.initialize("APPLICATION_ID", "JAVASCRIPT_KEY");
//Use your "APPLICATION_ID" and "JAVASCRIPT_KEY" here for Parse.initialize
Parse.initialize('kjhsdhfkjhsd', 'kjhxdkfhkjdhsgjkhdg')
var ToDoObject = Parse.Object.extend("ToDo");
var query = new Parse.Query(ToDoObject);
//Fetch all saved tasks in beginning
query.find({
success: function(results) {
@pankajpatel
pankajpatel / Ionic Ion: Tinder Cards.markdown
Created November 17, 2015 18:43
Ionic Ion: Tinder Cards

Ionic Ion: Tinder Cards

An Ion (reusable Ionic widget) for adding tinder-style swipe cards to your app.

A Pen by Ionic on CodePen.

License.

@pankajpatel
pankajpatel / GitHubRepoSetup.sh
Created November 26, 2015 08:13
echo "# MusicStore" >> README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin https://github.com/pankajpatel/MusicStore.git
git push -u origin master