<div class="at-RowItem" ng-class="{'at-RowItem--isHeader': headerValue, 'at-RowItem--inline': inline}"
    ng-show="status || headerValue || value || valueBindHtml || (smartStatus && smartStatus.summary_fields.recent_jobs.length) || (tagValues && tagValues.length)">
        <div class="at-RowItem-status" ng-if="status">
            <a ng-if="headerLink" ng-href="{{ headerLink }}"
                aw-tool-tip="{{ statusTip }}" aw-tip-watch="statusTip"
                data-placement="top">
                    <i class="fa icon-job-{{ status }}"></i>
            </a>
            <i ng-if="!headerLink" class="fa icon-job-{{ status }}"></i>
        </div>
        <div class="at-RowItem-header" ng-if="headerValue && headerLink">
            <a ng-href="{{ headerLink }}">{{ headerValue }}</a>
        </div>
        <div class="at-RowItem-header" ng-if="headerValue && !headerLink">
            {{ headerValue }}
        </div>
        <div class="at-RowItem-tag at-RowItem-tag--header" ng-if="headerTag">
            {{ headerTag }}
        </div>
        <div class="at-RowItem-label" ng-if="labelValue && labelLink">
            <a ng-href="{{ labelLink }}">{{ labelValue }}</a>
        </div>
        <div class="at-RowItem-label" ng-if="labelValue && !labelLink && !labelState">
            {{ labelValue }}
        </div>
        <div class="at-RowItem-label" ng-if="labelValue && labelState">
            <a ui-sref="{{ labelState }}"  ui-sref-opts="{reload: true, notify: true}">{{ labelValue }}</a>
        </div>
        <div class="at-RowItem-value" ng-if="value && valueLink">
            <a ng-href="{{ valueLink }}">{{ value }}</a>
        </div>
        <div class="at-RowItem-value" ng-class="{'at-RowItem-badge': badge}" ng-if="value && !valueLink"
            ng-bind-html="value">
        </div>
        <div class="at-RowItem-value" ng-class="{'at-RowItem-badge': badge}" ng-if="valueBindHtml"
            ng-bind-html="valueBindHtml">
        </div>
        <aw-smart-status jobs="smartStatus.summary_fields.recent_jobs"
            template-type="smartStatus.type" ng-if="smartStatus">
        </aw-smart-status>
        <div class="at-RowItem-tagContainer" ng-if="tagValues && tagValues.length">
            <div ng-repeat="tag in tagValues" class="at-RowItem-tag at-RowItem-tag--primary">
                <span ng-switch="tag.kind" class="at-RowItem-tagIcon"
                    ng-if="tagsAreCreds">
                    <span class="fa fa-cloud" ng-switch-when="cloud"></span>
                    <span class="fa fa-info" ng-switch-when="insights"></span>
                    <span class="fa fa-sitemap" ng-switch-when="net"></span>
                    <span class="fa fa-code-fork" ng-switch-when="scm"></span>
                    <span class="fa fa-key" ng-switch-when="ssh"></span>
                    <span class="fa fa-archive" ng-switch-when="vault"></span>
                </span>
                {{ tag.name }}
            </div>
        </div>
</div>
