From d8c933dabbe868eda3ce58b6b15ef1985a511b9f Mon Sep 17 00:00:00 2001
From: David Coallier <david@echolibre.com>
Date: Sun, 6 Feb 2011 18:25:17 +0000
Subject: [PATCH] Added a testing organization page and added links back tot he
 resume templates. Also added a loading for information.

---
 css/resume.css     |  10 ++--
 images/loader.gif  | Bin 0 -> 1737 bytes
 js/github.js       |  19 ++++++++
 js/githubresume.js | 114 ++++++++++++++++++++++++++++++++++++---------
 views/error.html   |   2 +-
 views/index.html   |  23 ++++-----
 views/job.html     |   2 +-
 views/org.html     |   9 ++++
 views/resume.html  |  15 +++++-
 9 files changed, 153 insertions(+), 41 deletions(-)
 create mode 100644 images/loader.gif
 create mode 100644 views/org.html

diff --git a/css/resume.css b/css/resume.css
index 15edd55..2a372dd 100644
--- a/css/resume.css
+++ b/css/resume.css
@@ -52,9 +52,9 @@ p.enlarge span { color: #000 }
 a#pdf { display: block; float: left; background: #666; color: white; padding: 6px 50px 6px 12px; margin-bottom: 6px; text-decoration: none;  }
 a#pdf:hover { background: #222; }
 
-.job { position: relative; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc; }
-.job h4 { position: absolute; top: 0.35em; right: 0 }
-.job p { margin: 0.75em 0 3em 0; }
+.org, .job { position: relative; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc; }
+.org h4, .job h4 { position: absolute; top: 0.35em; right: 0 }
+.org p, .job p { margin: 0.75em 0 3em 0; }
 
 .last { border: none; }
 .skills-list {  }
@@ -125,3 +125,7 @@ button#gen:hover {
     margin-bottom: 10px;
     padding-bottom: 10px;
 }
+
+.enlarge-medium {
+    font-size: 15px;
+}
diff --git a/images/loader.gif b/images/loader.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4c32ccf000c6fcec511e497301f258e089ffdb4c
GIT binary patch
literal 1737
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
QuSW3|5Tt&4`2Lx{0RQ4&o&W#<

literal 0
HcmV?d00001

diff --git a/js/github.js b/js/github.js
index 6f077d5..e56837f 100644
--- a/js/github.js
+++ b/js/github.js
@@ -225,6 +225,11 @@
         return this;
     };
 
+    gh.user.prototype.orgs = function (callback, context) {
+        gh.org.forUser(this.username, callback, context);
+        return this;
+    };
+
     // Make this user fork the repo that lives at
     // http://github.com/user/repo. You must be authenticated as this user for
     // this to succeed.
@@ -271,6 +276,15 @@
         this.user = user;
     };
 
+    gh.org = function(user, org) {
+        if (!(this instanceof gh.org)) {
+            return new gh.org(user, org);
+        }
+
+        this.org = org;
+        this.user = user;
+    };
+
     // Get basic information on this repo.
     //
     //     gh.repo("schacon", "grit").show(function (data) {
@@ -403,6 +417,11 @@
         return this;
     };
 
+    gh.org.forUser = function (user, callback, context) {
+        jsonp("user/show/" + user + "/organizations", callback, context);
+        return this;
+    };
+
     // Create a repository. Must be authenticated.
     gh.repo.create = function (name, opts) {
         authRequired(authUsername);
diff --git a/js/githubresume.js b/js/githubresume.js
index 3d78fcf..2a2ae49 100644
--- a/js/githubresume.js
+++ b/js/githubresume.js
@@ -60,13 +60,17 @@ var run = function() {
         var since = new Date(data.user.created_at);
         since = since.getFullYear();
 
+        var addHttp = '';
+        if (data.user.blog !== undefined && data.user.blog !== null) {
+            if (data.user.blog.indexOf('http') < 0) {
+                addHttp = 'http://';
+            }
+        }
 
-        var addHttp = data.user.blog.indexOf('http') < 0 ? 'http://' : '';
         var view = {
             name: data.user.name,
             email: data.user.email,
             created_at: data.user.created_at,
-            blog: addHttp + data.user.blog,
             location: data.user.location,
             repos: data.user.public_repo_count,
             plural: data.user.public_repo_count > 1 ? 'repositories' : 'repository',
@@ -74,6 +78,10 @@ var run = function() {
             since: since
         };
 
+        if (data.user.blog !== undefined) {
+            view.blog = addHttp + data.user.blog;
+        }
+
         $.ajax({
             url: 'views/resume.html',
             dataType: 'html',
@@ -112,32 +120,92 @@ var run = function() {
             success: function(response) {
                 var now = new Date().getFullYear();
 
-                sorted.forEach(function(elm, index, arr) {
-                    if (itemCount >= maxItems) {
-                        return;
-                    }
+                if (sorted.length > 0) {
+                    $('#jobs').html('');
+                    itemCount = 0;
+                    sorted.forEach(function(elm, index, arr) {
+                        if (itemCount >= maxItems) {
+                            return;
+                        }
     
-                    var since = new Date(arr[index].info.created_at);
-                    since = since.getFullYear();
-                    var view = {
-                        name: arr[index].info.name,
-                        since: since,
-                        now: now,
-                        description: arr[index].info.description,
-                        username: username,
-                        watchers: arr[index].info.watchers,
-                        forks: arr[index].info.forks
-                    };
+                        var since = new Date(arr[index].info.created_at);
+                        since = since.getFullYear();
+
+                        var view = {
+                            name: arr[index].info.name,
+                            since: since,
+                            now: now,
+                            description: arr[index].info.description,
+                            username: username,
+                            watchers: arr[index].info.watchers,
+                            forks: arr[index].info.forks
+                        };
+   
+                        if (itemCount == sorted.length - 1 || itemCount == maxItems-1) {
+                            view.last = 'last';
+                        }
+
+                        var template = response;
+                        var html = Mustache.to_html(template, view);
     
-                    var template = response;
-                    var html = Mustache.to_html(template, view);
-    
-                    $('#jobs').append($(html));
-                    ++itemCount;
-                });
+
+                        $('#jobs').append($(html));
+                        ++itemCount;
+                    });
+                } else {
+                    $('#jobs').append('<p class="enlarge">I do not have any public repository. Sorry.</p>');
+                }
             }
         });
     });
+
+    gh_user.orgs(function(data) {
+        var orgs = data.organizations;
+
+        var sorted = [];
+
+        orgs.forEach(function(elm, i, arr) {
+            if (arr[i].name === undefined) {
+                return;
+            }
+            sorted.push({position: i, info: arr[i]});
+        });
+
+        $.ajax({
+            url: 'views/org.html',
+            dataType: 'html',
+            success: function(response) {
+                var now = new Date().getFullYear();
+
+                if (sorted.length > 0) {
+                    $('#orgs').html('');
+                    sorted.forEach(function(elm, index, arr) {
+                        if (itemCount >= maxItems) {
+                            return;
+                        }
+                        var view = {
+                            name: arr[index].info.name,
+                            login: arr[index].info.login,
+                            now: now
+                        };
+    
+                        if (itemCount == sorted.length - 1 || itemCount == maxItems) {
+                            view.last = 'last';
+                        }
+                        var template = response;
+                        var html = Mustache.to_html(template, view);
+    
+                        $('#orgs').append($(html));
+                        ++itemCount;
+                    });
+                } else {
+                    console.log(sorted);
+                    $('#organizations').remove();
+                }
+            }
+        });
+    });
+
 };
 
 
diff --git a/views/error.html b/views/error.html
index 189dbb5..1636e54 100644
--- a/views/error.html
+++ b/views/error.html
@@ -8,5 +8,5 @@
     </div>
 
     </div>
-   <div id="ft" role="contentinfo"><p>Brought to your by the brilliant mind of <a href="http://twitter.com/davidcoallier">@davidcoallier</a> &lt;/modesty&gt;</p></div>
+   <div id="ft" role="contentinfo"><p>Brought to you by the brilliant mind of <a href="http://twitter.com/davidcoallier">@davidcoallier</a> &lt;/modesty&gt; &mdash; Resume Template from <a href="http://thingsthatarebrown.com/blog/2009/05/sample-resume-template/">Things That Are Brown</a></p></div>
 </div>
diff --git a/views/index.html b/views/index.html
index 6959583..2e834f2 100644
--- a/views/index.html
+++ b/views/index.html
@@ -2,25 +2,26 @@
    <div id="hd" role="banner"><h1>My Github Resume</h1></div>
    <div id="bd" role="main">
     <div class="yui-g">
-        <h2>Welcome!</h2>
-        <p>
+        <p class="enlarge-medium">
             As a software startup owner I really enjoy when people send us their
-            resumes and they include their github account so we can see tangible work they have done. 
+            resum&eacute;s and they include their github account so we can see tangible work they have done. 
         </p>
         <p><br /></p>
-        <p>
+        <p class="enlarge-medium">
             After a <a href="https://twitter.com/#!/jeresig/status/33968704983138304">tweet by John Resig</a>
-            I imagined that it may be nice for people to be able to generate their <a href="https://github.com" title="Github">Github</a> resumes.
+            I imagined that it may be nice for people to be able to generate their <a href="https://github.com" title="Github">Github</a> resum&eacute;s.
         </p>
-        <p><br /></p>
+        <p><br /><br /></p>
+
         <p>
             <input  id="username" type="text" value="Enter your github username and click on generate" />
             <button type="button" id="gen">Generate</button>
         </p>
-    </div>
 
     </div>
+
     <div class="yui-g">
+        <p><br /><br /></p>
         <h2>See some popular users</h2>
         <div class="yui-gb">
             <ul>
@@ -48,14 +49,14 @@
         <div class="yui-main">
             <br /><br />
             <h2>Notes, Information and Future features</h2>
-            <p>
+            <p class="enlarge-medium"><br />
             This is the first version, please keep in mind that it only fetches your first 30 repositories for now. I am planning on adding
             things as such as your most committed forks, most committed repositories and make the "My Popular Repositories" be built from
             your complete list of repositories. The issue right now is say you have 37 repositories, this will only retrieve the first
             30 repositories that were created. I'll put a note here when this is fixed or feel free to <a href="https://github.com/resume/resume.github.com">fork the page</a>,
             make changes and send them back :-)
             </p>
-            <p> 
+            <p class="enlarge-medium">
             <br />
             Another popular feature people are asking a lot is listing of the organizations. <strong>This is the next feature to be added</strong>.
             <br /><br />
@@ -64,7 +65,7 @@
 
     </div>
 
-   <div id="ft" role="contentinfo"><p>Brought to you by the brilliant mind of <a href="http://twitter.com/davidcoallier">@davidcoallier</a> &lt;/modesty&gt;</p></div>
+   <div id="ft" role="contentinfo"><p>Brought to you by the brilliant mind of <a href="http://twitter.com/davidcoallier">@davidcoallier</a> &lt;/modesty&gt; &mdash; Resume Template from <a href="http://thingsthatarebrown.com/blog/2009/05/sample-resume-template/">Things That Are Brown</a></p></div>
 </div>
 
 <script type="text/javascript">
@@ -73,7 +74,7 @@ $(document).ready(function() {
         $(this).val('');
     });
 
-    $(document).keyup(function(e) {
+    $(window).keyup(function(e) {
         if (e.keyCode == 13) {
             var genUser = $('#username').val();
             document.location.href = "/?" + genUser;
diff --git a/views/job.html b/views/job.html
index e86ce52..86c7092 100644
--- a/views/job.html
+++ b/views/job.html
@@ -1,4 +1,4 @@
-							<div class="job">
+							<div class="job {{last}}">
 								<h2>{{name}}</h2>
 								<h3>Creator & Owner</h3>
 								<h4>{{since}} - {{now}}</h4>
diff --git a/views/org.html b/views/org.html
new file mode 100644
index 0000000..a69c970
--- /dev/null
+++ b/views/org.html
@@ -0,0 +1,9 @@
+
+							<div class="org {{last}}">
+								<h2>{{name}}</h2>
+								<h3>Member</h3>
+								<h4>{{now}}</h4>
+                                <p>If you would like more information about this organization, please visit <a href="https://github.com/{{login}}">the organization page</a> on Github.</p>
+							</div>
+
+
diff --git a/views/resume.html b/views/resume.html
index 6255142..60eff16 100644
--- a/views/resume.html
+++ b/views/resume.html
@@ -33,7 +33,7 @@
                                 with {{repos}} public {{plural}}. I've been using github.com since {{since}}
                                 {{#blog}} 
                                 and sometimes I blog at <a href="http://{{blog}}" title="my blog">{{blog}}</a>
-                                {{/blog}}.
+                                {{/blog}}
 							</p>
 						</div>
 					</div><!--// .yui-gf -->
@@ -45,9 +45,20 @@
 						</div><!--// .yui-u -->
 
 						<div class="yui-u" id="jobs">
-
+                            <span>Loading information...</span><img src="images/loader.gif" />
 						</div><!--// .yui-u -->
 					</div><!--// .yui-gf -->
+                    <div class="yui-gf" id="organizations">	
+						<div class="yui-u first">
+							<h2>My Organizations</h2>
+						</div><!--// .yui-u -->
+
+						<div class="yui-u" id="orgs">
+                            <span>Loading information...</span><img src="images/loader.gif" />
+						</div><!--// .yui-u -->
+					</div><!--// .yui-gf -->
+
+
 					<div class="yui-gf last">
 						<div class="yui-u first">
 							<h2>About This Resume</h2>