From 6e5f68e5a6259774a6c1513a7c599e6ba1b9401c Mon Sep 17 00:00:00 2001
From: Tommy Parnell <tparnell8@gmail.com>
Date: Thu, 19 Mar 2015 22:23:52 -0400
Subject: [PATCH] finish basic proj

---
 .../{main.less => jquery.UntappedWidget.less} |  0
 .../Content/{main.css => jquery.css}          |  0
 .../Content/{main.css.map => jquery.css.map}  |  0
 .../Content/{main.min.css => jquery.min.css}  |  0
 .../IndexModule.cs                            |  3 +-
 .../Scripts/Jquery.Untapped.js                | 11 -----
 .../Scripts/jquery.UntappedWidget.js          | 45 +++++++++++++++++++
 .../UntappedWidgetGenerator.Web.csproj        | 16 +++----
 .../Views/Index/index.cshtml                  |  4 +-
 9 files changed, 57 insertions(+), 22 deletions(-)
 rename src/UntappedWidgetGenerator.Web/Content/{main.less => jquery.UntappedWidget.less} (100%)
 rename src/UntappedWidgetGenerator.Web/Content/{main.css => jquery.css} (100%)
 rename src/UntappedWidgetGenerator.Web/Content/{main.css.map => jquery.css.map} (100%)
 rename src/UntappedWidgetGenerator.Web/Content/{main.min.css => jquery.min.css} (100%)
 delete mode 100644 src/UntappedWidgetGenerator.Web/Scripts/Jquery.Untapped.js
 create mode 100644 src/UntappedWidgetGenerator.Web/Scripts/jquery.UntappedWidget.js

diff --git a/src/UntappedWidgetGenerator.Web/Content/main.less b/src/UntappedWidgetGenerator.Web/Content/jquery.UntappedWidget.less
similarity index 100%
rename from src/UntappedWidgetGenerator.Web/Content/main.less
rename to src/UntappedWidgetGenerator.Web/Content/jquery.UntappedWidget.less
diff --git a/src/UntappedWidgetGenerator.Web/Content/main.css b/src/UntappedWidgetGenerator.Web/Content/jquery.css
similarity index 100%
rename from src/UntappedWidgetGenerator.Web/Content/main.css
rename to src/UntappedWidgetGenerator.Web/Content/jquery.css
diff --git a/src/UntappedWidgetGenerator.Web/Content/main.css.map b/src/UntappedWidgetGenerator.Web/Content/jquery.css.map
similarity index 100%
rename from src/UntappedWidgetGenerator.Web/Content/main.css.map
rename to src/UntappedWidgetGenerator.Web/Content/jquery.css.map
diff --git a/src/UntappedWidgetGenerator.Web/Content/main.min.css b/src/UntappedWidgetGenerator.Web/Content/jquery.min.css
similarity index 100%
rename from src/UntappedWidgetGenerator.Web/Content/main.min.css
rename to src/UntappedWidgetGenerator.Web/Content/jquery.min.css
diff --git a/src/UntappedWidgetGenerator.Web/IndexModule.cs b/src/UntappedWidgetGenerator.Web/IndexModule.cs
index eec6463..aa444b9 100644
--- a/src/UntappedWidgetGenerator.Web/IndexModule.cs
+++ b/src/UntappedWidgetGenerator.Web/IndexModule.cs
@@ -11,11 +11,12 @@ namespace UntappedWidgetGenerator.Web
         {
             Get["/"] = x => { return View["Views/Index/Index.cshtml", "tparnell"]; };
             Get["/{username}/browse"] = x => { return View["Views/Index/Index.cshtml", (string)x.username]; };
-            Get["/{username}"] = parameters =>
+            Get["/{username}/html"] = parameters =>
             {
                 var info = new UntappedRepository().Get(parameters.username);
                 return View["Profile", info];
             };
+            Get["/{username}"] = parameters => Response.AsJson(new UntappedRepository().Get((string)parameters.username));
         }
     }
 }
diff --git a/src/UntappedWidgetGenerator.Web/Scripts/Jquery.Untapped.js b/src/UntappedWidgetGenerator.Web/Scripts/Jquery.Untapped.js
deleted file mode 100644
index 4d41cb5..0000000
--- a/src/UntappedWidgetGenerator.Web/Scripts/Jquery.Untapped.js
+++ /dev/null
@@ -1,11 +0,0 @@
-(function ($) {
-    $.fn.untappd = function (username) {
-        this.each(function () {
-            var that = this;
-            $.get("http://untappdwidget.azurewebsites.net/" + username)
-                .success(function (data) {
-                    $(that).html(data);
-            });
-        });
-    };
-})(jQuery);
\ No newline at end of file
diff --git a/src/UntappedWidgetGenerator.Web/Scripts/jquery.UntappedWidget.js b/src/UntappedWidgetGenerator.Web/Scripts/jquery.UntappedWidget.js
new file mode 100644
index 0000000..4ac3f60
--- /dev/null
+++ b/src/UntappedWidgetGenerator.Web/Scripts/jquery.UntappedWidget.js
@@ -0,0 +1,45 @@
+(function ($) {
+    //I would love to use handlebars, but I am trying to limit the required packages
+    var buildProfileTemplate = function (data, badges) {
+        return "<div class=\"profile\" style=\"background-image: Url(" + data.headerBackgroundUrl + ")\"><div class=\"user-info\">\
+        <div class=\"user-avatar\">\
+            <div class=\"avatar-holder\">\
+                <img src=\""+ data.avatarUrl + "\" alt=\"User Avatar\" />\
+            </div>\
+        </div>\
+        <div class=\"info\">\
+            <h1>"+ data.info + "</h1>\
+            <span class=\"username\">"+ data.username + "</span>\
+        </div>\
+    </div>\
+    <div class=\"stats-bar\">\
+        <span class=\"badges\">"+ badges + "\
+        </span>\
+    </div>\
+</div>";
+
+
+    }
+    var buildBadges = function (data) {
+        var badges = "";
+        $.each(data.badges, function (index, value) {
+            badges = badges + "<a href=\"" + value.linkUrl + "\" ><span><img src=\"" + value.imageUrl + "\" /></span></a>";
+        });
+
+        return badges;
+    }
+
+    $.fn.untappd = function (username) {
+        this.each(function () {
+            var that = this;
+            $.get("http://untappdwidget.azurewebsites.net/" + username)
+                .success(function (data) {
+                    $(that).html(buildProfileTemplate(data,buildBadges(data)));
+                });
+        });
+    };
+
+
+})(jQuery);
+
+
diff --git a/src/UntappedWidgetGenerator.Web/UntappedWidgetGenerator.Web.csproj b/src/UntappedWidgetGenerator.Web/UntappedWidgetGenerator.Web.csproj
index 17f7834..0fa2523 100644
--- a/src/UntappedWidgetGenerator.Web/UntappedWidgetGenerator.Web.csproj
+++ b/src/UntappedWidgetGenerator.Web/UntappedWidgetGenerator.Web.csproj
@@ -85,11 +85,11 @@
     <Content Include="Content\bootstrap.css" />
     <Content Include="Content\bootstrap.min.css" />
     <Content Include="Content\nancy-logo.png" />
-    <Content Include="Content\main.css">
-      <DependentUpon>main.less</DependentUpon>
+    <Content Include="Content\jquery.css">
+      <DependentUpon>jquery.UntappedWidget.less</DependentUpon>
     </Content>
-    <Content Include="Content\main.min.css">
-      <DependentUpon>main.css</DependentUpon>
+    <Content Include="Content\jquery.min.css">
+      <DependentUpon>jquery.css</DependentUpon>
     </Content>
     <Content Include="Content\Site.css" />
     <Content Include="fonts\glyphicons-halflings-regular.svg" />
@@ -104,7 +104,7 @@
     <Content Include="Scripts\bootstrap.min.js" />
     <Content Include="Scripts\jquery-1.9.1.js" />
     <Content Include="Scripts\jquery-1.9.1.min.js" />
-    <Content Include="Scripts\Jquery.Untapped.js" />
+    <Content Include="Scripts\jquery.UntappedWidget.js" />
     <Content Include="Web.config" />
   </ItemGroup>
   <ItemGroup>
@@ -117,9 +117,9 @@
     <Content Include="Views\Index\Index.cshtml" />
     <Content Include="packages.config" />
     <Content Include="Views\Index\Badge.cshtml" />
-    <Content Include="Content\main.less" />
-    <Content Include="Content\main.css.map">
-      <DependentUpon>main.css</DependentUpon>
+    <Content Include="Content\jquery.UntappedWidget.less" />
+    <Content Include="Content\jquery.css.map">
+      <DependentUpon>jquery.css</DependentUpon>
     </Content>
     <Content Include="Views\Shared\_Layout.cshtml" />
     <Content Include="Scripts\jquery-1.9.1.min.map" />
diff --git a/src/UntappedWidgetGenerator.Web/Views/Index/index.cshtml b/src/UntappedWidgetGenerator.Web/Views/Index/index.cshtml
index 224ff75..8271d6b 100644
--- a/src/UntappedWidgetGenerator.Web/Views/Index/index.cshtml
+++ b/src/UntappedWidgetGenerator.Web/Views/Index/index.cshtml
@@ -4,11 +4,11 @@
     }
 <div id="target"></div>
 @section styles{
-    <link rel="stylesheet" href="~/Content/main.min.css" />
+    <link rel="stylesheet" href="~/Content/jquery.UntappedWidget.min.css" />
 }
 
 @section scripts{
-    <script src="~/Scripts/Jquery.Untapped.js"></script>
+    <script src="~/Scripts/jquery.UntappedWidget.js"></script>
     <script> $(document).ready(function() {
     $("#target").untappd("@Model");
 });</script>