wip.html 5.57 KB
Newer Older
1 2 3 4 5 6 7 8
---
layout: base
---
<div class="site-wrap ffs-proposal ffs-wip"> 
    
<div class="container ffs-breadcrumbs">
   <div class="row">
      <div class="col-xs-12">
9 10
          <p><a href="/">Community Crowdfunding System</a></p>
          <p><a href="/work-in-progress/">Work in Progress</a></p>
11 12 13 14 15 16 17 18 19 20
        <p class="bread-active">{{page.title}}</p>
      </div>
   </div>
</div> 

    <!-- FULL WIDTH BLOCK -->
        <section class="container full"> 
                <div class="info-block">
                   <div class="row">
                        <div class="col-xs-12">
21
                           {% for toplevel in site.data.proposals %}
22 23 24
                             {% if toplevel.stage == "Work in Progress" %}
                                {% for proposal in toplevel.proposals%}
                                  {% if proposal.name == {{page.title}} %}
25
                            <h2>{{page.title}}</h2>
's avatar
committed
26 27 28
                            <p class="author-list">{{page.author}}</p>
                            <p class="date-list">{{page.date}}</p>
                            <p class="progress-number-goal">{{proposal.amount}} XMR</p>
29
                            <p class="date-list contributor">{{proposal.contributions}} contributors</p>
30
                            <p class="bar-work-status">Completed <span class="progress-number-funded">{{proposal.milestones-completed}}</span> of <span class="progress-number-goal">{{proposal.milestones}}</span> milestones</p>
31
                            <div class="progress-bar">
32
                                <span class="work-progress" style="width: {{proposal.milestones-percentage}}%"></span>
33
                            </div>
's avatar
committed
34
                            
35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
                        </div>
                    </div>
                </div>
        </section>
                   
        <section class="container full">
                <div class="">
                    <div class="row between-xs">
                       <div class="col-xs-12">
                            <div class="tabs">
                                  <input class="input" name="tabs" type="radio" id="tab-1" checked="checked"/>
                                  <label class="label" for="tab-1">Proposal</label>
                                  <div class="panel col-xs-12">
                                       <div class="panel-segment">
                                           {{content}}
's avatar
committed
50 51 52 53 54 55 56
                                           <div class="gldiscuss">
                                               <h3>Community Discussion and Updates</h3>
                                               <p><a href="{{proposal.gitlab-url}}">View community discussion, comments, and proposal updates on GitLab</a></p>
                                           </div>{%endif%}
                            {%endfor%}
                            {%endif%}
                            {%endfor%}
57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
                                       </div>
                                  </div>
                                  <input class="input" name="tabs" type="radio" id="tab-2"/>
                                  <label class="label" for="tab-2">Milestones</label>
                                  <div class="panel col-xs-12">
                                    {% if page.milestones != nil %}
                                        {% for milestones in page.milestones %}
                                           <div class="milestone panel-segment">
                                                <span class="{{milestones.status}} ms-{{milestones.status}}"></span>
                                                <h3>{{milestones.name}}</h3>
                                                <p><span>To be paid:</span> {{milestones.funds}}</p>
                                                <p><span>Completion date:</span> {{milestones.done}}</p>
                                           </div>
                                        {%endfor%}
                                        {%else%}
                                            <div class="panel-segment">
                                                <p>No milestones</p>
                                            </div>
                                    {%endif%}
                                  </div>
                                  <input class="input" name="tabs" type="radio" id="tab-3"/>
                                  <label class="label" for="tab-3">Payouts</label>
                                  <div class="panel col-xs-12">
                                    {% if page.payouts != nil %}
                                        {% for payouts in page.payouts %}
                                           <div class="milestone panel-segment">
                                                <span class="{{milestones.status}} ms-{{milestones.status}}"></span>
                                                <p><span>Funds Awarded:</span> {{payouts.amount}}</p>
                                                <p><span>Date:</span> {{payouts.date}}</p>
                                            </div>
                                        {%endfor%}
                                        {%else%}
                                            <div class="panel-segment">
                                                <p>No payouts</p>
                                            </div>
                                    {%endif%}
                                  </div>
's avatar
committed
94
                             </div>
95 96 97 98 99 100 101 102 103
                       </div>
                    </div>
                </div>
        </section>
    <!-- END FULL WIDTH BLOCK -->
    
    </div>