idliving

project.html

{% if template.name == 'projects/edit' %}
  {{ template.content }}
{% else %}
  {% assign author = project.author %}
  <div class="content grid_8">

      {% authorize edit project %}
        {% if warning %}
        <div class='box-gray'>
            <p>{{ warning }}</p>
            {% if project.is_prelaunch %}
            <div class="project-btns" style="text-align: right; margin-top: 20px;">
                {% if show_btn == 'launch' %}
                <a href='{{ project.launch_path }}' data-method='post' class='btn btn-green'>Launch Project Now</a>
                {% elsif show_btn == 'submit' %}
                <a href='{{ project.submit_path }}' data-method='post' class='btn btn-green'>Submit Project For Review</a>
                {% elsif show_btn == 'wepay' %}
                <a href='{{ project.wepay_path }}' class='btn btn-green'>Connect To WePay</a>
                {% endif %}
                <a href="{{ project.edit_path }}" class="btn btn-red">Edit Project</a>
                <a href="{{ project.delete_path }}" data-method='delete' class="btn btn-black">Delete Project</a>
            </div>
            {% endif %}
        </div>
        {% endif %}
      {% endauthorize %}

      <div class="project-detail">
          <img src="{% if project.has_image %}{{ project.image_link_thumb }}{% else %}http://img.youtube.com/vi/{{ project.video.id_for_provider }}/mqdefault.jpg{% endif %}" id="share-thumb" style="display: none;">
          <h1 class="rs project-title">{{ project.title }}</h1>
          <div class="project-tab-detail accordion">
              {% if project.is_active and hide_tabs != true %}
              <ul class="nav nav-tabs clearfix">
                <li class="{% if current_path == project.home_path %}active{% endif %}"><a href="{{ project.home_path }}">About</a></li>
                {% if settings.activate_equity %}
                  <li class="{% if current_path == project.private_room_path %}active{% endif %}"><a href="{{ project.private_room_path }}">{% t project.links.private_room %}</a></li>
                  <li class="{% if current_path contains project.updates_path %}active{% endif %}"><a href="{{ project.updates_path }}" class="be-fc-orange">Updates</a></li>
                  <li class="{% if current_path == project.comments_path %}active{% endif %}"><a href="{{ project.comments_path }}" class="be-fc-orange">Comments</a></li>
                {% else %}
                  <li class="{% if current_path contains project.updates_path %}active{% endif %}"><a href="{{ project.updates_path }}" class="be-fc-orange">Updates ({{ project.updates.size }})</a></li>
                  <li class="{% if current_path == project.supporters_path %}active{% endif %}"><a href="{{ project.supporters_path }}" class="be-fc-orange">Supporters ({{ project.supporters.size }})</a></li>
                  <li class="{% if current_path == project.comments_path %}active{% endif %}"><a href="{{ project.comments_path }}" class="be-fc-orange">Comments ({{ project.comments.size }})</a></li>
                {% endif %}
                {% authorize edit project %}
                  <li class='edit-link level-one {% if current_path == project.manage_path %} active{% endif %}'>
                    {% capture class_name %}{% endcapture %}
                    <a href='{{ project.manage_path }}' class='{{ class_name }}'>Manage</a>
                  </li>
                {% endauthorize %}
              </ul>
              {% endif %}
              <div class="tab-content">
                <div>
                  {{ template.content }}
                </div>
              </div>
          </div><!--end: .project-tab-detail -->
      </div>
  </div><!--end: .content -->
  <div class="sidebar grid_4">
  <div class="box-gray" style="height: 14em;">
    <div class="bottom-project-info clearfix">
          <!--<div class="project-progress sys_circle_progress" data-percent="{{ project.funding_percentage }}" style="margin: 10px 0 0 33.3%;">
              <div class="sys_holder_sector"></div>
          </div>-->
          <h1 style="text-align: center;">Progress: {{ project.funding_percentage }}%</h1>
          <div class="line-progress">
              <div class="bg-progress">
                  <span  style="{{ project.progress_bar_width }}"></span>
              </div>
          </div>
          <div class="group-fee clearfix" style="margin-top: 15px;">
              <div class="fee-item" style="width: 33.3%; float: left;">
                  <p class="rs lbl">Supporters</p>
                  <span class="val"><strong>{{ project.supporters_count }}</strong></span>
              </div>
              <div class="sep"></div>
              <div class="fee-item" style="width: 33.3%; float: left;">
                  <p class="rs lbl">Pledged</p>
                  <span class="val"><strong>{{ project.pretty_current_funding }}</strong></span>
              </div>
              <div class="sep"></div>
              <div class="fee-item" style="width: 33.3%; float: right;">
                  <p class="rs lbl">Time Left</p>
                  {% if project.seconds_left > 0 %}
                    <span class="val"><strong>{{ project.actual_time_left }}</strong></span>
                  {% elsif project.is_prelaunch %}
                    <span class="val">Pending</span>
                  {% else %}
                    <span class="val">Closed</span>
                  {% endif %}
              </div>
          </div>
          <div class="clear"></div>
      </div>
    </div>
  
  
      <div class="project-runtime">
          <div class="box-gray">
              {% if project.open_for_pledges %}
                <div class="project-date clearfix">
                    <span class="val" style="font-size: 20px;"><span class="fw-b">Funding Goal: {{ project.pretty_target }}</span></span>
                </div>
                <div class="project-date clearfix">
                    <i class="icon iCalendar"></i>
                    <span class="val"><span class="fw-b">Launched: </span>{{ project.start_date }}</span>
                </div>
                <div class="project-date clearfix">
                    <i class="icon iClock"></i>
                    <span class="val"><span class="fw-b">Funding ends: </span>{{ project.end_date }}</span>
                </div>
                
                <a class="btn btn-green btn-buck-project bigger" href="{{ project.pledge_path }}">
                    <span class="lbl">Pledge</span>
                    <span class="desc">${{ settings.pretty_min_pledge_amount }} minimum pledge</span>
                </a>
                {% if project.funding_type == 'all_or_nothing' %}
                  <p class="rs description">This project will only be funded if at least {{ project.pretty_target }} is pledged by {{ project.end_date_long }}.</p>
                {% else %}
                  <p class="rs description">This project will end on {{ project.end_date_long }}. The author will receive all the funds pledged even if the target is not reached.</p>
                {% endif %}
              {% else %}
                {% if project.ended %}
                  <p class="rs description">This project ended on {{ project.end_date_long }}.</p>
                {% else %}
                  <p class="rs description">This project is not live.</p>
                {% endif %}
              {% endif %}
          </div>
      </div><!--end: .project-runtime -->
      <div class="project-author">
          <div class="box-gray">
              <div class="media">
                  <a href="{{ author.profile_path }}" class="thumb-left">
                      <img src="{{ author.avatar_link_medium }}" alt="{{ author.name }}"/>
                  </a>
                  <div class="media-body">
                      <p style="font-weight:bold;">Created by</p>
                      <h4 class="rs pb10"><a href="{{ author.profile_path }}" class="be-fc-orange fw-b">{{ author.name }}</a></h4>
                      <p class="rs">{{ author.origin }}</p>
                      <p class="rs fc-gray">{{ author.public_projects.size }} listings</p>
                  </div>
              </div>
              <div class="author-action">
                  <a class="btn btn-red" href="/{{ locale }}/users/messages/new?recipient_id={{ author.id }}" style="width:35%;">Contact</a>
                  <a class="btn btn-white" href="{{ author.profile_path }}" style="width:35%;">View Profile</a>
              </div>
          </div>
      </div>

                {% if settings.activate_equity %}
                    <div class="box-gray">
                        <h3 class="title-box">Project Information</h3>
                        <div class="project-date clearfix">
                              <span class="val"><span class="fw-b">Minimum Raise: </span>{{ project.target | to_currency: project.currency }}</span>
                          </div>
                        <div class="project-date clearfix">
                              <span class="val"><span class="fw-b">Maximum Raise: </span>{{ project.maximum_raise | to_currency: project.currency }}</span>
                          </div>
                          <div class="project-date clearfix">
                              <span class="val"><span class="fw-b">Company % Available: </span>{{ project.equity_percent }}%</span>
                          </div>
                          <div class="project-date clearfix">
                              <span class="val"><span class="fw-b">Available Shares: </span>{{ project.available_shares }}</span>
                          </div>
                          <div class="project-date clearfix">
                              <span class="val"><span class="fw-b">Share Price: </span>{{ project.share_price | to_currency: project.currency }}</span>
                          </div>
                          <div class="project-date clearfix">
                              <span class="val"><span class="fw-b">Post-Raise Company Value: </span>{{ project.company_valuation | to_currency: project.currency}}</span>
                          </div>
                    </div>
                {% endif %}

      {% if project.has_location %}
        <div class="box-gray">
          <a href="https://maps.google.com/?q={{ project.location }}" target="_blank">
            <img src="http://maps.google.com/maps/api/staticmap?size=260x175&sensor=false&zoom=12&markers={{ project.lat }}%2C{{ project.long }}" >
          </a>
          <div style="text-align: center; margin-top: 10px;"><i class="icon iLocation"></i> {{project.pretty_location}}</div>
        </div>
      {% endif %}

      <div class="clear clear-2col"></div>
      {% if project.has_rewards %}
        <div class="wrap-nav-pledge">
            <ul class="rs nav nav-pledge" id="sortable">
              {% assign iter = project.rewards | sort: 'position' %}
              {% for reward in iter %}
                <li>
                  {% assign contribute = project.open_for_pledges %}
                  {% include 'reward' %}
                </li>
              {% endfor %}
              <li>
                {% assign contribute = project.open_for_pledges %}
                {% include 'no_reward' %}
              </li>
            </ul>
        </div>
      {% endif %}
  </div>
{% endif %}
<style>
  .fee-item {text-align:center;}
  p.rs.lbl {font-size: 1.2em;}
  .val {font-size: 1.1em;}
  .val-progress {margin-left: 17.5%; font-weight: bold; }
  .line-progress {padding: 10px 0 18px 0;}
  .bg-progress {overflow: hidden; background: #cecece; height: 8px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.25) 0 1px 3px rgba(0,0,0,0.1) inset;}
</style>

show.html

<h3 class="rs active alternate-tab accordion-label">About</h3>

<div class="project-short big-thumb">
    <div class="top-project-info">
        <div class="content-info-short clearfix">
            <div class="thumb-img">
              <div class='project-media'>
                {% if project.video != nil %}
                  <a class='play-overlay table-container' title='{% t project.show.play_video %}'>
                    <div class='table-cell'>
                      <i class='icon-play'></i>
                    </div>
                  </a>
                {% endif %}
                <div class='image'>
                  {% if project.has_image %}
                    <img src='{{ project.image_link_big }}'>
                  {% elsif project.has_video_thumbnail_link %}
                    <img src="{{ project.video.thumbnail_link }}" alt="{{ project.title }}">
                  {% elsif project.has_video %}
                    <img src="http://img.youtube.com/vi/{{ project.video.id_for_provider }}/sddefault.jpg" alt="{{ project.title }}">
                  {% else %}
                    <img src="" alt="{{ project.title }}">
                  {% endif %}
                </div>
                <div class='video' style='display:none;' data-ratio-height='{{ project.video.ratio_height }}' data-ratio-width='{{ project.video.ratio_width }}' data-frame='{% include 'video' with project.video %}'></div>
              </div>
            </div>
        </div>
    </div><!--end: .top-project-info -->
    <!--<div class="bottom-project-info clearfix">
        <div class="project-progress sys_circle_progress" data-percent="{{ project.funding_percentage }}">
            <div class="sys_holder_sector"></div>
        </div>
        <div class="group-fee clearfix">
            <div class="fee-item">
                <p class="rs lbl">Supporters</p>
                <span class="val">{{ project.supporters_count }}</span>
            </div>
            <div class="sep"></div>
            <div class="fee-item">
                <p class="rs lbl">Pledged</p>
                <span class="val">{{ project.pretty_current_funding }}</span>
            </div>
            <div class="sep"></div>
            <div class="fee-item">
                <p class="rs lbl">Time Left</p>
                {% if project.seconds_left > 0 %}
                  <span class="val">{{ project.actual_time_left }}</span>
                {% elsif project.is_prelaunch %}
                  <span class="val">Pending</span>
                {% else %}
                  <span class="val">Closed</span>
                {% endif %}
            </div>
        </div>
        <div class="clear"></div>
    </div>-->
</div>

<div class="tab-pane active accordion-content">
    <div class="editor-content">
        <div>
          {% if project.is_active %}
            {% include 'share_box' %}
          {% else %}
            <div>Social Sharing will be enabled when the project is launched.</div>
            <img src="https://s3.amazonaws.com/ceone/assets/marketing/socialicons/Screen+Shot+2014-02-27+at+2.56.29+PM.png">
          {% endif %}
        </div>
        <!--
        <h2 class="rs title-inside">{{ project.title }}</h2>
        <p class="rs post-by">by <a href="#" class="fw-b fc-gray be-fc-orange">{{ project.author.name }}</a> in <span class="fw-b fc-gray">{{ project.author.origin }}</span></p>
        -->
        {{ project.description }}
        {% if project.answered_questions.size > 0 %}
          <h3 class="rs title-inside">{% t project.show.faq.heading %}</h3>
          <ul class='rs'>
            {% for question in project.answered_questions %}
              <li class='faq-item'>
                <h4 class='question rs'>{{ question.title }}</h4>
                <div class='answer'>{{ question.body }}</div>
              </li>
            {% endfor %}
          </ul>
        {% endif %}
    </div>
    <div class="project-btn-action">
        <a class="btn big btn-red" href="{{ project.new_question_path }}">Ask Question</a>
        {% capture following %}{{ current_user | follows: project }}{% endcapture %}
        {% if following == 'true' %}
          <a href='{{ project.followers_path }}' data-method='delete' class='btn btn-red big'>{% t project.links.unfollow %}</a>
        {% else %}
          <a href='{{ project.followers_path }}' data-method='post' class='btn btn-red big'>{% t project.links.follow %}</a>
        {% endif %}
        <!--<a class="btn big btn-black" href="#">Report this project</a>-->
    </div>
</div>

{% if settings.activate_equity %}
  <a href="{{ project.private_room_path }}"><h3 class="rs alternate-tab accordion-label">Private room</h3></a>
{% else %}
  <a href="{{ project.supporters_path }}"><h3 class="rs alternate-tab accordion-label">Supporters</h3></a>
{% endif %}
<a href="{{ project.updates_path }}"><h3 class="rs alternate-tab accordion-label">Updates</h3></a>
<a href="{{ project.comments_path }}"><h3 class="rs alternate-tab accordion-label">Comments</h3></a>
{% authorize edit project %}
  <a href="{{ project.manage_path }}"><h3 class="rs alternate-tab accordion-label">Manage</h3></a>
{% endauthorize %}