Files
kubernetes/www/app/components/dashboard/views/partials/groupItem.html
Patrick Reilly 716d98c39e initial commit of chrome only of new replacement web ui
remove node modules

make new data file for web ui

initial commit of dashboard

switch back to non SSL request

move port splitting to common place; add to node resource location

Signed-off-by: Patrick Reilly <patrick@kismatic.io>

various path fixes

make svg path relative

work around missing mime type

Signed-off-by: Patrick Reilly <patrick@kismatic.io>

fix paths

fix karma path

remove bad protractor test
2015-04-21 07:24:06 -07:00

43 lines
2.1 KiB
HTML

<div layout="row" ng-if="group.kind != 'grouping'">
<div>
<!-- Default box display -->
<div layout="row" class="group-item" ng-repeat="(groupType, data) in group | groupBy: 'labels.type'">
<!-- left image -->
<div class="icon-area">
<div class="group-icon" style="background-color: {{getGroupColor(groupType)}}"></div>
</div>
<!-- right area -->
<div class="group-main-area" layout="column">
<!-- type -->
<div class="subtype">
{{groupType | ucfirst}}s
</div>
<!-- links -->
<div layout="row" layout-wrap>
<div layout="row" ng-repeat="item in data">
<!-- title -->
<div ng-switch on='item.labels["type"]'>
<div class="group-name">
<a ng-switch-when='pod' ng-href="/#/dashboard/pods/{{ item.id }}">{{ item.id }}</a>
<a ng-switch-when='service' ng-href="/#/dashboard/services/{{ item.id }}">{{ item.id }}</a>
<a ng-switch-when='replicationController' ng-href="/#/dashboard/replicationcontrollers/{{ item.id }}">{{ item.id }}</a>
<div ng-switch-default>{{item.id}}</div>
</div>
</div>
<md-select ng-model="selectedFilter" ng-change="changeFilterBy(selectedFilter)" class="selectFilter">
<md-optgroup label="FILTER">
<md-option ng-value="'{{key}}={{value}}'" ng-repeat="(key, value) in item.labels">{{key}}: {{value}}</md-option>
</md-option-group>
</md-optgroup>
</md-select>
<!-- This is the official button design, but requires a custom dialog. Fix up after the demo. -->
<!-- <md-button ng-click="" class="filter-button" style="padding:0">
<md-icon md-svg-src="components/dashboard/img/icons/ic_arrow_drop_down_18px.svg" class="filter-icon" aria-label="" alt="Filter"></md-icon>
</md-button> -->
</div>
</div>
</div>
</div>
</div>
</div>