Added various additions to user-profile, added new styles to creative.css (minor), added styles to custom stylesheet (minor)

1 files changed, 53 insertions, 0 deletions

diff --git a/assets/js/script.js b/assets/js/script.js
new file mode 100644
index 0000000..f73d7f0
--- /dev/null
+++ b/assets/js/script.js
@@ -0,0 +1,53 @@
+function main(){
+
+
+    // User-profile dynamic paging
+    var items = [
+        $("#profile-general"),
+        $("#profile-follows"),
+        $("#profile-friends"),
+        $("#profile-inbox"),
+        $("#profile-comments")];
+
+    function hidePages(){
+        items.forEach(function(item){
+            item.hide();
+        });
+    }
+
+    // Hide all pages at load
+    hidePages();
+
+    // Show General page
+    items[0].show();
+
+    $('.prf-page').bind('click', function(e){
+
+        e.preventDefault();
+        hidePages();
+
+        /* Each case will need to be changed to call a handler for fetching data
+         * from server*/
+        switch($(this).text()) {
+            case "General":
+                $("#profile-general").show();
+                break;
+            case "Follows":
+                $("#profile-follows").show();
+                break;
+            case "Friends":
+                $("#profile-friends").show();
+                break;
+            case "Inbox":
+                $("#profile-inbox").show();
+                break;
+            case "Comments":
+                $("#profile-comments").show();
+                break;
+            default:
+                console.log("Error: User page not found");
+        }
+    });
+
+}
+$(document).ready(main);
\ No newline at end of file