| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one |
| or more contributor license agreements. See the NOTICE file |
| distributed with this work for additional information |
| regarding copyright ownership. The ASF licenses this file |
| to you under the Apache License, Version 2.0 (the |
| "License"); you may not use this file except in compliance |
| with the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, |
| software distributed under the License is distributed on an |
| "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| KIND, either express or implied. See the License for the |
| specific language governing permissions and limitations |
| under the License. |
| --> |
| <div ng-switch="status.icon" ng-class="statusClass()"> |
| <div ng-switch-when="CREATED"> |
| <svg viewBox="20 20 60 60"> |
| <circle r="25" cx="50" cy="50" class="statusicon created"/> |
| </svg> |
| </div> |
| <div ng-switch-when="STARTING"> |
| <svg viewBox="20 20 60 60"> |
| <circle r="25" cx="50" cy="50" class="statusicon starting background"/> |
| <circle r="25" cx="50" cy="50" class="statusicon starting"/> |
| </svg> |
| </div> |
| <div ng-switch-when="RUNNING"> |
| <svg viewBox="20 20 60 60"> |
| <circle r="25" cx="50" cy="50" class="statusicon running"/> |
| </svg> |
| </div> |
| <div ng-switch-when="STOPPING"> |
| <svg viewBox="20 20 60 60"> |
| <circle r="25" cx="50" cy="50" class="statusicon stopping background"/> |
| <circle r="25" cx="50" cy="50" class="statusicon stopping"/> |
| </svg> |
| </div> |
| <div ng-switch-when="STOPPED"> |
| <svg viewBox="20 20 60 60"> |
| <circle r="25" cx="50" cy="50" class="statusicon stopped"/> |
| </svg> |
| </div> |
| <div ng-switch-when="ERROR"> |
| <svg viewBox="20 20 60 60"> |
| <circle r="25" cx="50" cy="50" class="statusicon error"/> |
| </svg> |
| </div> |
| <div ng-switch-when="ON_FIRE"> |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> |
| <g> |
| <path class="status-onfire-obj-1" |
| d="M56.86,9.63c-3.77-6.74-9.94-6.74-13.72,0L2,83.17c-3.77,6.74-.54,12.26,7.19,12.26H90.82c7.72,0,11-5.51,7.19-12.26Z"/> |
| <path class="status-onfire-obj-2" |
| d="M54.63,60.72a3,3,0,0,1-2.91,2.81H48.28a3,3,0,0,1-2.91-2.81L44.6,39.88a2.69,2.69,0,0,1,2.71-2.81h5.38a2.69,2.69,0,0,1,2.71,2.81Z"/> |
| <rect class="status-onfire-obj-2" x="44.5" y="70.32" width="11" height="11" rx="4.68" ry="4.68"/> |
| </g> |
| </svg> |
| </div> |
| <div ng-switch-when="UNKNOWN"> |
| <svg id="168033fd-2902-4e00-8797-d9d22be6bcd3" data-name="icon-unknown" |
| xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> |
| <circle class="status-unknown-obj-1" cx="50" cy="50" r="45.09"/> |
| <g class="status-uknown-obj-2"> |
| <path d="M39.19,28.87q4.08-4.34,11.2-4.34,6.58,0,10.55,3.71a12.44,12.44,0,0,1,4,9.49,10.15,10.15,0,0,1-1.44,5.68,43.61,43.61,0,0,1-5.89,6.41A18.91,18.91,0,0,0,53.35,55a15.69,15.69,0,0,0-1,6.29H46.5a21.4,21.4,0,0,1,1.12-7.61,20.19,20.19,0,0,1,5-6.62l2.7-2.61a11.34,11.34,0,0,0,2-2.34,8.17,8.17,0,0,0,1.37-4.46,8.52,8.52,0,0,0-2-5.61q-2-2.38-6.52-2.38-5.63,0-7.79,4.09A15.61,15.61,0,0,0,41,40.35H35.11Q35.11,33.22,39.19,28.87Zm7.18,37.92h6.57v6.87H46.37V66.79Z"/> |
| </g> |
| </svg> |
| </div> |
| <div ng-switch-default></div> |
| </div> |