gistfile1.html

<div class="process-timeline" ng-show="cstep == 0">
    <div class="date">
        <div class="step">札記</div>
        <div class="start">{{ created }}</div>
    </div>
    <div class="timeline-info" >
        <div class="textBK">
            <div class="text">
                <h5>{{ commentTitle }}</h5>
                <p>{{ commentContent }}</p>
            </div>
            <div class="pic" ng-show="commentPicUrl != ''"><img ng-src="http://cdn.limitstyle.com/320/limitstyle/{{ commentPicUrl }}"></div>
        </div>
    </div>
</div>
<div class="process-timeline" ng-show="cstep == 1" id="step1">
    <div class="date">
        <div class="step">選出好設計</div>
        <div class="start">{{ steponvotetime }}</div>
        <div class="end">{{ stepdownvotetime }}</div>
    </div>
    <div class="timeline-info">
        <div class="textBK">
            <div class="text">
                <h5>{{ step1summaryTitle }}</h5>
                <p>{{ step1summaryContent }}</p>
            </div>
            <div class="get-voteBK">
                <div class="percent-bar">
                    <p>已有 {{ nowvotenum }} 票</p>
                    <p class="target-vote">{{ targetvotenum }}</p>
                    <span style="width:{{ percentwidth }}%"></span>
                </div>
                <span class="day">0</span>
                <span class="sum">{{ nowvotenum }}</span>
            </div>
        </div>
    </div>
</div>
<div class="process-timeline" ng-show="cstep == 3">
    <div class="date">
        <div class="step">產品定價</div>
        <div class="start">{{ step3onvotetime }}</div>
        <div class="end">{{ step3downvotetime }}</div>
    </div>
    <div class="timeline-info">
        <div class="textBK">
            <div class="text">
                <h5>{{ step3title }}</h5>
                <p>{{ step3desc }}</p>
            </div>
            <div class="average">
                <p>大家共同決定的平均價格</p>
                <span>{{ vdata.adminPrice || vdata.avgPrice | number:2 }}</span>
                <h6>規格</h6>
                <div class="description hzl format">
                    <dl>
                        <dt>材質</dt>
                        <dd>{{ pdata.texture }}</dd>
                        <br/>
                        <dt>重量</dt>
                        <dd>{{ pdata.weight }}</dd>
                        <br/>
                        <dt>尺寸</dt>
                        <dd>{{ pdata.size }}</dd>
                        <br/>
                        <dt>顏色</dt>
                        <dd>{{ pdata.color }}</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="process-timeline" ng-show="cstep == 4">
    <div class="date">
        <div class="step">產品命名提案</div>
        <div class="start">{{ step4onvotetime }}</div>
        <div class="end">{{ step4downvotetime }}</div>
    </div>
    <div class="timeline-info">
        <div class="textBK">
            <div class="text">
                <h5>{{ step4title }}</h5>
                <p>{{ step4desc }}</p>
            </div>
            <div class="average">
                <p style="color:#444;width:280px;border-bottom:1px solid #aaa;text-align:left">候選規格</p>
                <ul ng-repeat="tl in sizedata">
                    <li>{{ $index+1 }}.: {{ tl.content }}</li>
                </ul>
                <p style="color:#444;width:280px;border-bottom:1px solid #aaa;text-align:left">候選名稱/標語</p>
                <ul ng-repeat="tl in titledata">
                    <li>{{ $index+1 }}.: {{ tl.content }}</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="process-timeline" ng-show="cstep == 5">
    <div class="date">
        <div class="step">決定產品細節</div>
        <div class="start">{{ step5onvotetime }}</div>
        <div class="end">{{ step5downvotetime }}</div>
    </div>
    <div class="timeline-info">
        <div class="textBK">
            <div class="text">
                <h5>{{ step5title }}</h5>
                <p>{{ step5desc }}
                </p>
            </div>
            <!-- div class="get-voteBK">
                <div id="pd-detail">
                    <table>
                        <tr>
                            <th class="pd-option1">顏色</th>
                            <th>產品名稱 / 宣傳標語</th>
                        </tr>
                        <tr>
                            <td class="pd-option1">
                                <p>目前第一名為</p>
                                <span class="btn btnPur">萊姆黃</span>
                            </td>
                            <td>
                                <p>共47%的人選擇</p>
                                <span class="btn btnPur">產品名稱 / 宣傳標語宣傳標語宣傳標語</span>
                            </td> 
                        </tr>
                    </table>
                    <div id="chartBK">
                        <p>票選顏色　結果：</p>
                        <span class="bubble-info opt1">萊姆黃</span>
                        <ul class="percent-bar color">
                            <li class="opt1">33%</li>
                            <li class="opt2">31%</li>
                            <li class="opt3">21%</li>
                            <li class="opt4">15%</li>
                        </ul>
                        <p>票選產品名稱 / 宣傳標語　結果：</p>
                        <ul class="percent-bar name">
                            <li class="opt1">44%</li>
                            <li class="opt2">22%</li>
                            <li class="opt3">30%</li>
                            <li class="opt4">4%</li>
                        </ul>
                    </div>
                </div>
            </div> -->
        </div>
    </div>
</div>