regluit/frontend/templates/work.html

{% extends "base.html" %}
{% block title %}
{{ work.title }}
{% endblock %}
{% block extra_head %}
<link type="text/css" rel="stylesheet" href="/static/css/campaign.css"  />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/static/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/static/js/tabs4.js"></script>
{% endblock %}

{% block content %}    
    <div id="main-container">
    <div class="js-main">
    <div id="js-leftcol">
            <div class="jsmodule rounded">
                <div class="jsmod-content">
                {% if work.last_campaign %}
                {% if status == 'ACTIVE' %}
                    Campaign in Progress: <br />${{ work.last_campaign.current_total }}/${{ work.last_campaign.target }}
                {% else %}{% if status == 'SUCCESSFUL' %}
                    Unglued on {{ work.last_campaign.deadline|date:"M j, Y"}}! <br />${{ work.last_campaign.current_total }} raised of ${{ work.last_campaign.target }} goal
                {% else %}{% if status == 'INITIALIZED' %}
                    Campaign starting soon<br />&nbsp;
                {% else %}{% if status == 'SUSPENDED' %}
                    Campaign suspended. <br />See <a href="/faq">FAQ</a>.
                {% else %}{% if status == 'WITHDRAWN' %}
                    Campaign withdrawn. <br />See <a href="/faq">FAQ</a>.
                {% else %}{% if wishers == 1 %}
                    {{ wishers }} Ungluer is WISHING<br />&nbsp;
                {% else %}
                    {{ wishers }} Ungluers are WISHING<br />&nbsp;
                {% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}
                {% else %}{% if wishers == 1 %}
                    {{ wishers }} Ungluer is WISHING<br />&nbsp;
                {% else %}
                    {{ wishers }} Ungluers are WISHING<br />&nbsp;
                {% endif %}{% endif %}
                </div>
            </div>
            {% include "explore.html" %}
        </div>
        <div id="js-maincol">
        <div class="js-maincol-inner">
            <div class="content-block">
                <div class="book-detail">
                    <div class="book-detail-img"><a href="#">
                        <img src="{{ work.cover_image_thumbnail }}" alt="{{ work.title }}" title="{{ work.title }}" width="131" height="192" /></a>
                    </div>
                    <div class="book-detail-info">
                        <h2 class="book-name">{{ work.title }}</h2>
                        <h3 class="book-author">{{ work.author }}</h3>
                        <h3 class="book-year">{{ work.editions.all.0.publication_date }}</h3>
                        <div class="find-book">
                            <label>Find it here</label>
                            <!-- todo: these should be a real thing -->
                            <div class="find-link">
                                <a class="find-google" href="#"><img src="/static/images/icons/google.png" align="" title="" /></a>
                                <a class="find-group" href="#"><img src="/static/images/icons/group.png" align="" title="" /></a>
                            </div>
                        </div>
                        {% if work.last_campaign %}
                        <div class="pledged-info"><div class="pledged-group">{% if work.last_campaign.supporters.count == 1 %}{{ work.last_campaign.supporters.count }} 1 Ungluer has{% else %} {{ work.last_campaign.supporters.count }} Ungluers have {% endif %}pledged ${{ work.last_campaign.current_total }}</div><div class="status"><img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" /></div></div>
                        <div class="btn_support"><form action="{% url pledge work_id=work.id %}" method="get"><input type="submit" value="Support"/></form></div>
                        {% else %}
                        <div class="pledged-info"><div class="pledged-group">
                            {% if wishers == 1 %}
                                {{ wishers }} Ungluer has
                            {% else %}
                                {{ wishers }} Ungluers have
                            {% endif %}wished for this Work</div><div class="status"><img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" /></div></div>
                        <div class="btn_support">Add/drop from wishlist</div>
                        {% endif %}
                    </div>
                </div>
                <!-- needed to put 10px padding on this for supporter page but hurts here. disentangle. -->
                <div class="content-block-heading" id="tabs">
                    <ul class="tabs">
                        <li class="tabs1"><a href="#">Campaign</a></li>
                        <li class="tabs2"><a href="#">Community </a></li>
                        <li class="tabs3"><a href="#">Supporters</a></li>
                        <li class="tabs4"><a href="#">Details</a></li>
                    </ul>
                        
                </div>
                
                <div class="content-block-content">
                       <div id="tabs-1" class="tabs">
                    <div class="tabs-content">
                        <h3 class="tabcontent-title">{{work.title}}</h3>
                        <p><br>
                        {{ work.longest_description|safe }}</p>
                    </div>
                    </div>
                    <div id="tabs-2" class="tabs">
                    <div class="tabs-content">
                       Being Unglued infomation
                    </div>
                    </div>
                    <div id="tabs-3" class="tabs">
                    <div class="tabs-content">
                        {% for supporter in work.wished_by %}
                          <div class="work_supporter">
                          	<a href="/supporter/{{supporter}}">
                          	<div class="work_supporter_avatar">
                        		{% if supporter.profile.pic_url %}
                                	<img class="user-avatar" src="{{ supporter.profile.pic_url }}" height="50" width="50" alt="Picture of {{ supporter }}" title="{{ supporter }}" />
                           			{% else %}
                                	<img class="user-avatar" src="/static/images/header/avatar.png" height="50" width="50" alt="Generic Ungluer Avatar" title="Ungluer" />
                                	{% endif %}
                            </div>
							<div class="work_supporter_name">{{supporter }}</div>
							</a>
						  </div>
                        {% endfor %}
                    </div>
                    </div>
                    <div id="tabs-4" class="tabs">
                    <div class="tabs-content">
                        
                        {% if work.claim.count %}
                        <h4> Rights Information </h4>
                        <p> This work has been claimed by:</p>
                        <ul>
                        {% for claim in work.claim.all %}
                            <li>{{ claim.rights_holder.rights_holder_name }}  </li>
                        {% endfor %}
                        </ul>
                        {% endif %}
                        {% if request.user.rights_holder.all.count %}
                        <h4> Claim this work:</h4>
                        <form method="GET" action="{% url claim %}">
                            {% csrf_token %}
                            {{ claimform.user }}
                            {{ claimform.work }}
                            {{ claimform.rights_holder }}
                            <input type="submit" name="submit" value="Claim" id="submit">
                        </form>
                        {% endif %}
                    </div>
                    </div>
                </div>
            </div>    
        </div>
        </div>
        <div id="js-rightcol">
        <div class="js-rightcol-pad rounded">
            
            <div class="jsmodule">
                <h3 class="jsmod-title"><span>Share</span></h3>
                <div class="jsmod-content">
                    <ul class="social menu">
                        <li class="facebook first"><a
                            href="https://www.facebook.com/sharer/sharer.php?src=bm&u=http://{{ request.META.HTTP_HOST }}{{ request.path }}"><span>Facebook</span></a></li>
                        <li class="twitter"><a href="#"><span>Twitter</span></a></li>
                        <li class="lasts email"><a href="#"><span>Email</span></a></li>
                    </ul>
                </div>
            </div>
            {% if work.last_campaign %}
            <div class="jsmodule">
                <h3 class="jsmod-title"><span>Support</span></h3>
                <div class="jsmod-content">
                    <ul class="support menu">
                        {% for premium in premiums %}
                        <li class="{% if forloop.first %}first{% else %}{% if forloop.last %}last{% endif %}{% endif %}">
                        <a href="{% url pledge work_id=work.id %}?premium_id={{premium.id}}">
                            <span class="menu-item-price">${{ premium.amount }}</span>
                            <span class="menu-item-desc">{{ premium.description }}</span>
                            {% ifequal premium.type 'CU' %}<span class="custom-premium">exclusive!</span>{% endifequal %}
                        </a></li>
                        {% endfor %}
                     </ul>
                </div>
            </div>
            {% endif %}
        </div>
        </div>
    </div>
    </div>
    
{% endblock %}