grim/port-authority

overhaul everything again...
develop
2014-12-22, Gary Kramlich
2af332870cea
Parents 6d84cf6c35a8
Children e8d0eda233d7
overhaul everything again...
2 files changed, 29 insertions(+), 19 deletions(-)
  • +7 -0
    css/style.css
  • +22 -19
    html/window.html
    • --- a/css/style.css Mon Dec 22 22:37:16 2014 -0600
    +++ b/css/style.css Mon Dec 22 23:28:52 2014 -0600
    @@ -7,6 +7,7 @@
    body {
    -webkit-user-select: all;
    padding: 1em 5%;
    + height: 100%;
    }
    .main {
    @@ -16,6 +17,8 @@
    .listing {
    padding-top: 1em;
    + height: 100%;
    + overflow-y: auto;
    }
    .repositories {
    @@ -33,6 +36,10 @@
    max-width: 75%;
    }
    +.tag-list {
    + padding: 1em 5%;
    +}
    +
    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
    .ng-cloak, .x-ng-cloak,
    .ng-hide {
    --- a/html/window.html Mon Dec 22 22:37:16 2014 -0600
    +++ b/html/window.html Mon Dec 22 23:28:52 2014 -0600
    @@ -8,6 +8,8 @@
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/style.css">
    + <script type="text/ng-template" id="image.html">
    + </script>
    </head>
    <body data-ng-controller="ManifestController">
    <div class="main container">
    @@ -31,25 +33,26 @@
    </form>
    </div>
    <div>Clipboard: {{clipboard}}</div>
    - <div class="listing">
    - <accordion close-others="true">
    - <accordion-group data-ng-repeat="repo in repos" data-ng-click="select_repo(repo)">
    - <accordion-heading>
    - {{repo.name}}
    - <span data-ng-show="repo.is_official" class="label label-primary">Official</span>
    - <span data-ng-show="repo.is_trusted" class="label label-success">Trusted</span>
    - <span data-ng-show="repo.is_automated" class="label label-info">Automated</span>
    - <span class="label label-warning" data-ng-show="repo.star_count > 0">{{repo.star_count}}<span class="fa fa-star"></span></span>
    - </accordion-heading>
    - <p>{{repo.description}}</p>
    - <ul>
    - <li data-ng-repeat="(layer, tags) in tags">
    - <span data-ng-repeat="tag in tags"><code>{{tag}}</code><span data-ng-click="copy_tag(tag)" class="fa fa-clipboard"></span>{{$last ? '' : ', '}}</span>
    - </li>
    - </ul>
    - </accordion-group>
    - </accordion>
    - </div>
    + <div class="listing col-xs-4">
    + <div class="list-group repo-list">
    + <a class="list-group-item" data-ng-repeat="r in repos" data-ng-click="select_repo(r)" ng-class="(r == repo) ? 'active': ''" href="#">{{r.name}}</a>
    + </div>
    + </div>
    + <div class="repo-info col-xs-8" data-ng-show="repo">
    + <div><h1>{{repo.name}}</h1></div>
    + <div>{{repo.description||""}}</div>
    + <div>
    + <span data-ng-show="repo.is_official" class="label label-primary">Official</span>
    + <span data-ng-show="repo.is_trusted" class="label label-success">Trusted</span>
    + <span data-ng-show="repo.is_automated" class="label label-info">Automated</span>
    + <span class="label label-warning" data-ng-show="repo.star_count > 0">{{repo.star_count}}<span class="fa fa-star"></span></span>
    + </div>
    + <ul class="tag-list">
    + <li data-ng-repeat="(layer, tags) in tags">
    + <span data-ng-repeat="tag in tags"><code>{{tag}}</code><span data-ng-click="copy_tag(tag)" class="fa fa-clipboard"></span>{{$last ? '' : ', '}}</span>
    + </li>
    + </ul>
    + </div>
    </div>
    </body>
    </html>