regluit/frontend/templates/book_panel.html

<div class="listview tabs {% if status == 'SUCCESSFUL' %}tabs-1{% else %}{% if status == 'ACTIVE' %}tabs-2{% else %}tabs-3{% endif %}{% endif %}">
<div class="listview book-list">
    <div class="listview panelback side2">
            <div class="greenpanel2">
                    <div class="unglued_white">
                            {% if work.first_pdf_url or work.first_epub_url %}
                                <b>AVAILABLE!</b>
                            {% else %}
                                <b>{{ status }}</b>
                            {% if status == 'SUCCESSFUL' %} 
                                <p><b>On:</b> {{ deadline|date:"M d, Y" }}</p>
                                <p><b>Raised:</b> {{ work.last_campaign.current_total }}</p>
                            {% else %}{% if status == 'ACTIVE' %}
                                <p><b>Until:</b> {{ deadline|date:"M d, Y" }}</p>
                                <p><b>Raised:</b> {{ work.last_campaign.current_total }}</p>
                            {% else %}{% if status == 'INITIALIZED' %}
                                <p>Campaign coming soon!</p>
                            {% else %}{% if status == 'SUSPENDED' %}
                                <p>This campaign had been suspended }.</p>
                            {% else %}{% if status == 'WITHDRAWN' %}
                                <p>This campaign was has been withdrawn.</p>
                            {% else %}{% if status == 'UNSUCCESSFUL' %}
                                <p>{{ deadline }}</p>
                                <p>Watch for a new campaign.</p>
                            {% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}{% endif %}
                    </div> 
                    {% if work.first_pdf_url or work.first_epub_url %}
                        <div class="read_itbutton">{% if work.first_epub_url %}<a href="{{ work.first_epub_url }}">{% else %}<a href="{{ work.first_pdf_url }}">{% endif %}Read it Now</a> </div>
                    {% else %}
                        <div class="Unglue_itbutton"><a href="#">Unglue it!</a> </div>
                    {% endif %}
                    {% ifequal supporter request.user %}
                        <div class="moreinfo remove-wishlist">
                            <div><a id="{{ work.id }}">Remove This</a></div>
                        </div>
                    {% else %}{% if request.user.is_anonymous %}
                        <div class="moreinfo create-account">
                        <span title="{% if work.id %}{% url work work.id %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}">Login to Add</span>
                        </div>
                    {% else %}{% if work in request.user.wishlist.works.all %}
                        <div class="moreinfo on-wishlist">
                         <a href="#">On Wishlist!</a>
                        </div>
                    {% else %}
                        <div class="moreinfo add-wishlist">
                        <span id="{{ googlebooks_id }}">Add to Wishlist</span>
                        </div>
                    {% endif %}{% endif %}{% endifequal %}
                    <div class="white_text"> 
                        <p><a href="{% if work.id %}{% url work work.id %}{% else %}{% url googlebooks work.googlebooks_id %}{% endif %}">{{ work.title }}</a></p>
                        <p>{{ work.author }}</p>
                    </div>
                    <div class="moreinfo">
                            <a href="{% if work.id %}{% url work work.id %}{% else %}{% url googlebooks work.googlebooks_id %}{% endif %}">More Info</a> 
                    </div>
            </div>
    </div>
    <div class="listview panelfront side1 book-thumb">
        <a href="#"><img src="{{ work.cover_image_thumbnail }}" alt="Book name" title="book name" /></a>
    </div>
    <div class="listview panelfront side1 book-name">
        <div class="title">
            <a href="{% if work.id %}{% url work work.id %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}">{{ work.title }}</a>
        </div>
        <div class="listview author {{ work.author }}">{{ work.author }}</div>
    </div>
    {% ifequal supporter request.user %}
    <div class="listview panelfront side1 remove-wishlist">
        <span id="{{ work.id }}">Remove This</span>
    </div>
    {% else %}{% if request.user.is_anonymous %}
    <div class="listview panelfront side1 create-account">
        <span title="{% if work.id %}{% url work work.id %}{% else %}{% url googlebooks googlebooks_id %}{% endif %}">Login to Add</span>
    </div>
    {% else %}{% if work in request.user.wishlist.works.all %}
    <div class="listview panelfront side1 on-wishlist">
        <span>On Your Wishlist!</span>
    </div>
    {% else %}
    <div class="listview panelfront side1 add-wishlist">
        <span id="{{ googlebooks_id }}">Add to Wishlist</span>
    </div>
    {% endif %}{% endif %}{% endifequal %}
    <div class="listview panelfront side1 booklist-status">
        <span class="booklist-status-label">Status:&nbsp;</span><span class="booklist-status-text">{{ status }}</span>
    </div>
    <div class="listview panelfront side1 icons">
        <div class="booklist-status-img">
                            <img src="/static/images/images/icon-book-37by25-{{ work.percent_unglued }}.png" title="book list status" alt="book list status" />
        </div>
                    <div class="booklist-status-label">{{ work.percent_unglued_number }}%</div>
        <div class="right_add"><img src="/static/images/book-panel/add_gray.png" alt="Add"/></div>
    </div>
    <div class="listview panelfront side1 ebooks">
        {% if work.first_epub_url %}
        <span class="listview boolist-ebook">
            <a href="{{ work.first_epub_url }}">epub</a>
        </span>
        {% endif %}
        {% if work.first_pdf_url %}
        <span class="listview boolist-ebook">
            <a href="{{ work.first_pdf_url }}">pdf</a>
        </span>
        {% endif %}
    </div>
    <div class="unglue-this panelfront side1 none">
        <div class="unglue-this-inner1">
            <div class="unglue-this-inner2">
            </div>
        </div>
    </div>
</div>
</div>