diff options
| author |   Paul Eggleton <paul.eggleton@linux.intel.com> | 2013-07-17 22:11:51 +0100 |
|---|---|---|
| committer | Paul Eggleton <paul.eggleton@linux.intel.com> | 2013-08-11 11:28:15 +0100 |
| commit | 6471baccf4851d5bff71166ee92bfbc1db64398c (patch) | |
| tree | 179c87c0e3674318ac71eb922b23134cb118e393 /templates | |
| parent | 608851b2d3af2bb9f4fddb3b07c8017d01cb1b2f (diff) | |
| download | openembedded-core-contrib-6471baccf4851d5bff71166ee92bfbc1db64398c.tar.gz | |
Layer detail: use tabs for recipes/machines/appends/classes
Tabs make these a bit easier to browse.
Signed-off-by: Paul Eggleton <paul.eggleton@linux.intel.com>
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/layerindex/detail.html | 155 |
1 files changed, 83 insertions, 72 deletions
diff --git a/templates/layerindex/detail.html b/templates/layerindex/detail.html index eae3ceef80..aa489c4c4c 100644 --- a/templates/layerindex/detail.html +++ b/templates/layerindex/detail.html @@ -150,34 +150,27 @@ </div> <!-- end of row-fluid --> </div> <!-- end of container-fluid --> - {% if machines.count > 0 %} - <div class="container-fluid" style="margin-bottom:1em;"> - <div class="row-fluid"> - <div class="navbar"> - <div class="navbar-inner"> - <a class="brand pull-left">{{ layeritem.name }} machines</a> - </div> - </div> - <table class="table table-bordered"> - <tbody> - {% for machine in machines %} - <tr> - <td><a href="{{ machine.vcs_web_url }}">{{ machine.name }}</a></td> - <td>{{ machine.description }}</td> - </tr> - {% endfor %} - </tbody> - </table> - </div> - </div> - {% endif %} - - {% if layerbranch.recipe_set.count > 0 %} - <div class="container-fluid" style="margin-bottom:1em;"> - <div class="row-fluid"> - <div class="navbar"> - <div class="navbar-inner"> + <ul class="nav nav-tabs" id="layertabbar"> + {% if layerbranch.recipe_set.count > 0 %} + <li><a href="#recipes" data-toggle="tab">Recipes</a></li> + {% endif %} + {% if machines.count > 0 %} + <li><a href="#machines" data-toggle="tab">Machines</a></li> + {% endif %} + {% if appends.count > 0 %} + <li><a href="#appends" data-toggle="tab">Appends</a></li> + {% endif %} + {% if classes.count > 0 %} + <li><a href="#classes" data-toggle="tab">Classes</a></li> + {% endif %} + </ul> + + <div class="tab-content"> + {% if layerbranch.recipe_set.count > 0 %} + <div class="tab-pane" id="recipes"> + <div class="navbar"> + <div class="navbar-inner"> <a class="brand pull-left">{{ layeritem.name }} recipes</a> <ul class="nav pull-right"> @@ -187,12 +180,10 @@ </form> </li> </ul> - </div> - </div> - <table class="table table-bordered recipestable"> + <table class="table table-bordered recipestable"> <thead> <tr> <th>Recipe name</th> @@ -211,53 +202,67 @@ </tbody> </table> </div> - </div> - {% endif %} - - {% if appends.count > 0 %} - <div class="container-fluid" style="margin-bottom:1em;"> - <div class="row-fluid"> - <div class="navbar"> - <div class="navbar-inner"> - <a class="brand pull-left">{{ layeritem.name }} bbappends</a> + {% endif %} + {% if machines.count > 0 %} + <div class="tab-pane" id="machines"> + <div class="navbar"> + <div class="navbar-inner"> + <a class="brand pull-left">{{ layeritem.name }} machines</a> + </div> </div> - </div> - <table class="table table-bordered"> - <tbody> - {% for append in appends %} - <tr> - <td><a href="{{ append.vcs_web_url }}">{{ append.filename }}</a></td> - </tr> - {% endfor %} - </tbody> - </table> - </div> - </div> - {% endif %} - - {% if classes.count > 0 %} - <div class="container-fluid" style="margin-bottom:1em;"> - <div class="row-fluid"> - <div class="navbar"> - <div class="navbar-inner"> - <a class="brand pull-left">{{ layeritem.name }} classes</a> - </div> + <table class="table table-bordered"> + <tbody> + {% for machine in machines %} + <tr> + <td><a href="{{ machine.vcs_web_url }}">{{ machine.name }}</a></td> + <td>{{ machine.description }}</td> + </tr> + {% endfor %} + </tbody> + </table> </div> + {% endif %} + {% if appends.count > 0 %} + <div class="tab-pane" id="appends"> + <div class="navbar"> + <div class="navbar-inner"> + <a class="brand pull-left">{{ layeritem.name }} bbappends</a> + </div> + </div> - <table class="table table-bordered"> - <tbody> - {% for class in classes %} - <tr> - <td><a href="{{ class.vcs_web_url }}">{{ class.name }}</a></td> - </tr> - {% endfor %} - </tbody> - </table> - </div> - </div> - {% endif %} + <table class="table table-bordered"> + <tbody> + {% for append in appends %} + <tr> + <td><a href="{{ append.vcs_web_url }}">{{ append.filename }}</a></td> + </tr> + {% endfor %} + </tbody> + </table> + </div> + {% endif %} + {% if classes.count > 0 %} + <div class="tab-pane" id="classes"> + <div class="navbar"> + <div class="navbar-inner"> + <a class="brand pull-left">{{ layeritem.name }} classes</a> + </div> + </div> + <table class="table table-bordered"> + <tbody> + {% for class in classes %} + <tr> + <td><a href="{{ class.vcs_web_url }}">{{ class.name }}</a></td> + </tr> + {% endfor %} + </tbody> + </table> + </div> + {% endif %} + </div> + {% endautoescape %} @@ -306,6 +311,12 @@ $('.selectallicon').mouseup(function() { $('#' + $(this).attr('for')).selectText(); }); + + $('#layertabbar a:first').tab('show'); + $('#layertabbar a').click(function (e) { + e.preventDefault(); + $(this).tab('show'); + }) }); }); </script> |