From d78dc3334216206dbea90f0b2bcea57782689f0f Mon Sep 17 00:00:00 2001
From: jonahmania <jmania999@gmail.com>
Date: Mon, 14 May 2018 16:57:52 -0400
Subject: [PATCH] Add latest ungluing to desktop page

---
 frontend/templates/home.html | 62 ++++++++++++++++++++++++++++++++++++
 static/scss/home.scss        | 28 ++++++++++++++++
 2 files changed, 90 insertions(+)

diff --git a/frontend/templates/home.html b/frontend/templates/home.html
index 1f6a0c65..b5117c1b 100755
--- a/frontend/templates/home.html
+++ b/frontend/templates/home.html
@@ -222,6 +222,68 @@ function put_un_in_cookie2(){
                         </div>
                     </div>
                 {% endif %}
+
+                <div class="jsmodule">
+                    <h3 class="module-title latest-ungluing">Latest Ungluing</h3>
+                    <div class="jsmod-content latest-ungluing">
+                        <ul class="ungluingwhat">
+                        {% for event in events %}
+                            {% comment %}
+                                events are tuples of date, object, and string representing object type
+                            {% endcomment %}
+                            <li>
+                                {% with event.1 as object %}
+                                    {% if event.2 == "pledge" %}
+                                        {% if object.user%}
+                                        <span class="user-avatar">
+                                            <a href="{% url 'supporter' object.user.username %}"><img src="{{ object.user.profile.avatar_url }}" title="{{ object.user.username }}" alt="Avatar for {{ object.user.username }}" /></a>
+                                        </span>
+                                        <span class="user-book-info">
+                                            <a href="{% url 'supporter' object.user.username %}">{{ object.user.username }}</a><br />
+                                            {% if object.campaign.type == 1 %}
+                                                pledged to unglue
+                                            {% elif object.campaign.type == 2 %}
+                                                bought a copy of
+                                            {% elif object.campaign.type == 3 %}
+                                                supported
+                                            {% endif %}<br />
+                                            <a class="user-book-name" href="{% url 'work' object.campaign.work_id %}">{{ object.campaign.work.title }}</a>
+                                        </span>
+                                        {% else %}
+                                        <span class="user-avatar">
+                                            <img src="/static/images/header/anonuser.png" title="Anonymous User" alt="Avatar for Anonymous User" />
+                                        </span>
+                                        <span class="user-book-info">
+                                            Anonymous User<br />
+                                            supported <br />
+                                            <a class="user-book-name" href="{% url 'work' object.campaign.work_id %}">{{ object.campaign.work.title }}</a>
+                                        </span>
+                                        {% endif %}
+                                    {% elif event.2 == "comment" %}
+                                        <span class="user-avatar">
+                                            <a href="{% url 'supporter' object.user.username %}"><img src="{{ object.user.profile.avatar_url }}"  title="{{ object.user.username }}" alt="Avatar for {{ object.user.username }}" /></a>
+                                        </span>
+                                        <span class="user-book-info">
+                                            <a href="{% url 'supporter' object.user.username %}">{{ object.user.username }}</a><br />
+                                            commented on<br />
+                                            <a class="user-book-name" href="{% url 'work' object.content_object.id %}?tab=2">{{ object.content_object.title }}</a>
+                                        </span>
+                                    {% elif event.2 == "wish" %}
+                                        <span class="user-avatar">
+                                            <a href="{% url 'supporter' object.wishlist.user.username %}"><img src="{{ object.wishlist.user.profile.avatar_url }}" title="{{ object.wishlist.user.username }}" alt="Avatar for {{ object.wishlist.user.username }}" /></a>
+                                        </span>
+                                        <span class="user-book-info">
+                                            <a href="{% url 'supporter' object.wishlist.user.username %}">{{ object.wishlist.user.username }}</a><br />
+                                            faved<br />
+                                            <a class="user-book-name" href="{% url 'work' object.work_id %}">{{ object.work.title }}</a>
+                                        </span>
+                                    {% endif %}
+                                {% endwith %}
+                            </li>
+                        {% endfor %}
+                        </ul>
+                    </div>
+
                 <div class="jsmodule">
                 	<h3 class="module-title">Donate!</h3>
                     <div class="jsmod-content">
diff --git a/static/scss/home.scss b/static/scss/home.scss
index 7837392e..5011cb12 100644
--- a/static/scss/home.scss
+++ b/static/scss/home.scss
@@ -50,6 +50,10 @@
             width: 100%;
         }
     }
+
+    .latest-ungluing {
+        display: none;
+    }
 }
 
 @include breakpoint(medium up) {
@@ -138,3 +142,27 @@
     display: none;
 }
 
+.jsmod-content {
+    ul {
+        margin: 0;
+        list-style-type: none;
+        li {
+            display: flex;
+            margin-bottom: 10px;
+            .user-avatar {
+                padding-top: 6px;
+                a img {
+                    max-width: none;
+                    width: 34px;
+                    border-radius: 2px;
+                }
+            }
+            .user-book-info {
+                margin-left: 10px;
+                .user-book-name {
+                    font-weight: normal;
+                }
+            }
+        }
+    }
+}