grim/port-authority

playing around with segments
feature/semantic-ui
2015-03-12, Gary Kramlich
aa6d9506f85d
Parents 8c34ca6b2ca4
Children 4a2857f5d178
playing around with segments
1 files changed, 19 insertions(+), 15 deletions(-)
  • +19 -15
    html/window.html
    • --- a/html/window.html Thu Mar 12 23:29:24 2015 -0500
    +++ b/html/window.html Thu Mar 12 23:43:19 2015 -0500
    @@ -64,24 +64,28 @@
    </div>
    <div class="row">
    <div class="column six wide">
    - <div class="ui segment vertical menu fluid" data-ng-class="refreshing ? 'loading' : ''">
    - <a class="item" data-ng-repeat="r in repos | orderBy : 'name'" data-ng-click="select_repo(r)" data-ng-class="r == repo ? 'active' : ''">{{r.name}}</a>
    + <div class="ui segment" data-ng-class="refreshing ? 'loading' : ''">
    + <div class="ui vertical menu fluid">
    + <a class="item" data-ng-repeat="r in repos | orderBy : 'name'" data-ng-click="select_repo(r)" data-ng-class="r == repo ? 'active' : ''">{{r.name}}</a>
    + </div>
    </div>
    </div>
    <div class="column ten wide">
    - <h1 class="ui header">
    - {{repo.name}}
    - <div class="sub header">{{repo.description||"(no description)"}}</div>
    - </h1>
    - <div>
    - <span data-ng-if="repo.is_official" class="ui tag label green">Official</span>
    - <span data-ng-if="repo.is_trusted" class="ui tag label blue">Trusted</span>
    - <span data-ng-if="repo.is_automated" class="ui tag label">Automated</span>
    - <span data-ng-if="repo.star_count > 0" class="ui tag label"><i class="icon star"></i> {{repo.star_count}}</span>
    - </div>
    - <div class="ui segment divided list" data-ng-class="refreshing_repo ? 'loading' : ''">
    - <div class="item" data-ng-repeat="(layer, tags) in tags">
    - <span data-ng-repeat="tag in tags"><a data-ng-click="copy_tag(tag)">{{tag}}</a>{{$last ? '' : ', '}}</span>
    + <div class="ui segment" data-ng-class="refreshing_repo ? 'loading': ''">
    + <h1 class="ui header">
    + {{repo.name}}
    + <div class="sub header">{{repo.description||"(no description)"}}</div>
    + </h1>
    + <div>
    + <span data-ng-if="repo.is_official" class="ui tag label green">Official</span>
    + <span data-ng-if="repo.is_trusted" class="ui tag label blue">Trusted</span>
    + <span data-ng-if="repo.is_automated" class="ui tag label">Automated</span>
    + <span data-ng-if="repo.star_count > 0" class="ui tag label"><i class="icon star"></i> {{repo.star_count}}</span>
    + </div>
    + <div class="ui divided list">
    + <div class="item" data-ng-repeat="(layer, tags) in tags">
    + <span data-ng-repeat="tag in tags"><a data-ng-click="copy_tag(tag)">{{tag}}</a>{{$last ? '' : ', '}}</span>
    + </div>
    </div>
    </div>
    </div>