Skip to content

Instantly share code, notes, and snippets.

@glinesbdev

glinesbdev/project.html

Last active August 29, 2015 14:04
Show Gist options
  • Save glinesbdev/61cb9df1ed4e1e318c7f to your computer and use it in GitHub Desktop.
Save glinesbdev/61cb9df1ed4e1e318c7f to your computer and use it in GitHub Desktop.
Download ZIP
idliving
Raw
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>
Raw
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 %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment