bills.jade

.bill
  h1.bill(title="{{summary}}") {{summary}}

  .bill-progress(ng-if="bill_ref")
    .common.ui.seven.steps
      span.stage(ng-repeat="step in steps")
        a.ui.step(ng-click="showSub($index)",ng-class="step.status.step") 
          .step-description {{step.description}}
          .date {{step.date}}
          //-.ui.pointing.below.label(ng-class="step.status.step") {{step.date}}
        .ui.state(ng-class="step.status.state"): i.icon(ng-class="step.status.icon")

    .ui.small.steps(ng-repeat="step in steps")
      span.stage(ng-show="step.sub",ng-repeat="substep in step.detail")
        .ui.step(ng-class="substep.status.step")
          .substep-description {{substep.description}}
          .date {{substep.date}}
          //-.ui.pointing.below.label(ng-class="'{{substep.status.step}}'") {{substep.date}}
        .ui.state(ng-class="substep.status.state"): i.icon(ng-class="substep.status.icon")

  .summary
    .links.ui.vertical.menu.right.floated
      .item(ng-show="bill_ref")
        h4 提案編號 {{ bill_ref }}
      .item.center.right#qrlink
        qrcode(text="http://ly.g0v.tw/bills/{{bill_ref || bill_id}}",size="120")
      .item.hide-print
        i.code.icon
        a(ng-href="http://api-beta.ly.g0v.tw/v0/collections/bills/{{bill_ref || bill_id}}",target="_blank") JSON
      .item.hide-print(ng-show="report.doc.pdf")
        i.file.icon
        a(ng-href="{{report.doc.pdf}}",target="_blank") 審查報告
      .item.hide-print(ng-show="doc.pdf")
        i.file.icon
        a(ng-href="{{doc.pdf}}",target="_blank") PDF
      .item.hide-print(ng-show="doc.doc")
        i.file.icon
        a(ng-href="{{doc.doc}}",target="_blank") Word
      //-.item(ng-show="bill_ref") Related bills
        .menu
          .item
            a(ng-href="",target="_blank")
              | 民法親屬編、繼承編部分條文修正草案
          .item
            a(ng-href="",target="_blank")
              | 民法親屬編、繼承編部分條文修正草案
    p.description {{abstract}}

  .role
    .committee(ng-show="committee")
      ul
          li(ng-repeat="c in committee")
              span
                  img.avatar.medium(ng-src="http://avatars.io/50a65bb26e293122b0000073/committee-{{c.abbr}}?size=medium",ng-alt="{{c.name}}",ng-class="{{c.abbr}}")
                  span.name {{c.name}}委員會
    .clearfix
    h2.ui.horizontal.divider 提案人
    .sponsors(ng-show="sponsors")
      .item(ng-repeat="e in sponsors")
        .image.ui.rounded.corner.hide-print
         img.avatar(ng-src="http://avatars.io/50a65bb26e293122b0000073/{{e.avatar}}?size=medium",ng-alt="{{e.name}}",ng-class="e.party")
        .content
          .name {{e.name}}
        span.infocard
          b
          a.fact.text(href="http://fact.g0v.tw/wiki/{{e.name}}",target="blank") 生平時間軸
          a.wiki.text(href="http://zh.wikipedia.org/wiki/{{e.name}}",target="blank") Wikipedia
    .clearfix
    h2.ui.horizontal.divider 連署人
    .cosponsors(ng-show="cosponsors")
      .item(ng-repeat="e in cosponsors")
        .image.ui.rounded.corner.hide-print
          img.avatar(ng-src="http://avatars.io/50a65bb26e293122b0000073/{{e.avatar}}?size=small",ng-alt="{{e.name}}",ng-class="e.party")
        .content
          .name {{e.name}}
        span.infocard
          b
          a.fact.text(href="http://fact.g0v.tw/wiki/{{e.name}}",target="blank") 生平時間軸
          a.wiki.text(href="http://zh.wikipedia.org/wiki/{{e.name}}",target="blank") Wikipedia

  .clearfix
  .history
  .clearfix
  .related(ng-show="related")
      ul
          li(ng-repeat="r in related")
              span
                  img.avatar(ng-show="r.avatar",ng-src="http://avatars.io/50a65bb26e293122b0000073/{{r.avatar}}?size=small",ng-alt="{{r.name}}",ng-class="r.party")
                  span.summary {{r.summary}}

  .clearfix
  .content.default(ng-repeat="(i, d) in diff")
    a(name="{{d.name}}")
    h2.ui.horizontal.divider {{d.name}}

    p.sample
      span.delete {{d.diffbase}}
      | vs
      span.version(ng-repeat="v in d.versions",ng-class="{insert: v == d.diffnew}",ng-bind="v",ng-click="setDiff(d, v)")
    .diff(ng-repeat="diffs in d.diffcontent")
      .two.column.stackable.ui.grid(ng-repeat="diffline in diffs.difflines")
        .column(class="left {{diffline.state}}")
          .ui.segment.article-text
            a(id="original-{{diffs.leftItemAnchor}}",ng-href="#original-{{diffs.leftItemAnchor}}",ng-show="$index == 0",style="margin-top: -90px; padding-top: 90px")
              .ui.ribbon.label {{diffs.leftItem}}
            .ui.right.corner.label(ng-class="diffstate('left', '{{diffline.state}}')") {{difftxt('left', diffline.state)}}
            .diff.text(href="",target="blank", ng-bind-html="diffline.left")
        .column.right(class="right {{diffline.state}}")
          .ui.segment.article-text(ng-class="{'mobile-hide': !diffline.right}")
            a.ui.ribbon.label(href="",target="blank",ng-show="$index == 0") {{diffs.rightItem}}
            .ui.right.corner.label(ng-class="diffstate('right', '{{diffline.state}}')") {{difftxt('right', diffline.state)}}
            .diff.text(href="",target="blank", ng-bind-html="diffline.right")
      .ui.segment.green(ng-bind-html="diffs.comment")
      .ui.horizontal.divider

  .content.navigation.mobile-hide(ng-show="showSidebar")
    .ui.very.thin.sidebar
      .ui.vertical.menu
        .item-section(ng-repeat="(i, d) in diff track by $index")
          a.item(href="#"+"{{d.name}}") {{d.name}}
          .law-unit-wrap(ng-repeat="diffs in d.diffcontent")
            .law-unit: a.item(ng-href="\#original-{{diffs.leftItemAnchor}}") {{diffs.leftItem}}