wip.html 5.37 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
26
27
                            <h2>{{page.title}}</h2>
                            <p class="author-list"><span><img src="/img/author-filled.png"></span>{{page.author}}</p>
                            <p class="date-list"><span><img src="/img/calendar.png"></span>{{page.date}}</p>
28
29
                            <p class="progress-number-goal"><span><img src="/img/monero-amount.png"></span>{{proposal.amount}} XMR</p>
                            <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>
30
                            <div class="progress-bar">
31
                                <span class="work-progress" style="width: {{proposal.milestones-percentage}}%"></span>
32
                            </div>
33
34
35
36
                            {%endif%}
                            {%endfor%}
                            {%endif%}
                            {%endfor%}
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
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
                        </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}}
                                       </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>
                                                {% if milestones.done != nil %}
                                                <p><span>Completion date:</span> {{milestones.done}}</p>
                                           </div>
                                            {%endif%}
                                        {%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
Updates    
committed
91
                             </div>
92
93
94
95
96
97
98
99
100
                       </div>
                    </div>
                </div>
        </section>
    <!-- END FULL WIDTH BLOCK -->
    
    </div>