github/kubernetes
1
0
Fork 0
mirror of https://github.com/k3s-io/kubernetes.git synced 2025-08-03 17:30:00 +00:00
Code Issues Projects Releases Wiki Activity

Add a simple hierarchical treatment for box/list view.

Browse Source
This commit is contained in:
Jeromy Carriere 2014-10-10 09:58:56 -04:00
parent 707ff3c039
commit 181ba8367c
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
www/box.ng
View File

@ -16,9 +16,10 @@ limitations under the License.
<div style="margin-top: 10px"> <div style="margin-top: 10px">
<div class="k8s-title-font k8s-box"> <div class="k8s-title-font k8s-box">
{{ groupName }} {{ groupName }}
{{ settings.display }}
<div ng-if="group.kind != 'grouping'"> <div ng-if="group.kind != 'grouping'">
<div ng-if="!display || display=='box'"> <div ng-if="!settings.display || settings.display=='box'">
<div class="content k8s-item k8s-inline" ng-repeat="item in group"> <div class="content k8s-item k8s-inline" ng-repeat="item in group">
<div class="k8s-title-font k8s-font-regular"> <div class="k8s-title-font k8s-font-regular">
<div ng-switch on='item.labels["type"]'> <div ng-switch on='item.labels["type"]'>
@ -30,7 +31,7 @@ limitations under the License.
</div> </div>
</div> </div>
</div> </div>
<div ng-if="display=='list'"> <div ng-if="settings.display=='list'">
<table style="width: 90%; padding: 10px"> <table style="width: 90%; padding: 10px">
<tr ng-repeat="item in group" ng-class-odd="'k8s-odd'" ng-class-even="'k8s-even'" valign="top"> <tr ng-repeat="item in group" ng-class-odd="'k8s-odd'" ng-class-even="'k8s-even'" valign="top">
<td class="k8s-cell"> <td class="k8s-cell">
@ -49,14 +50,14 @@ limitations under the License.
</tr> </tr>
</table> </table>
</div> </div>
<div>
<a ng-click="display='box'">box</a>
<a ng-click="display='list'">list</a>
</div>
</div> </div>
<div ng-if="group.kind == 'grouping'"> <div ng-if="group.kind == 'grouping'">
<div ng-repeat="(groupName,group) in group.items" ng-include="'box.ng'"> <div ng-repeat="(groupName,group) in group.items" ng-include="'box.ng'">
</div> </div>
</div> </div>
<div>
<a ng-click="settings={display:'box'}">box</a>
<a ng-click="settings={display:'list'}">list</a>
<a ng-click="controller.resetGroupLayout(this);">reset</a>
</div>
</div> </div>
</div>

4
www/podcontroller.js
View File

@ -46,6 +46,10 @@ k8sApp.controller('PodCtrl', function ($scope, $http, $routeParams) {
function GroupController() {} function GroupController() {}
GroupController.prototype.resetGroupLayout = function(group) {
delete group.settings;
};
GroupController.prototype.handlePath = function(path) { GroupController.prototype.handlePath = function(path) {
var parts = path.split("/") var parts = path.split("/")
// split leaves an empty string at the beginning. // split leaves an empty string at the beginning.