<div class="content-filter">
    <div class="listing-ct-actions" ng-if="project()">
        <button class="btn btn-danger btn-delete pficon pficon-delete"
            ng-click="removeProject(project())"></button>
        <button class="btn btn-default pficon pficon-edit"
            ng-click="modifyProject(project())"></button>
    </div>
    <h3 ng-if="project()">
        <i class="pficon pficon-project"></i>
        <span ng-if="project().metadata.annotations['openshift.io/display-name']">
            {{ project().metadata.annotations['openshift.io/display-name'] }} ({{ project().metadata.name }})
        </span>
        <span ng-if="!project().metadata.annotations['openshift.io/display-name']">
            {{ project().metadata.name }}
        </span>
    </h3>
    <h3 ng-if="!project()">
        <i class="pficon pficon-project"></i>
        <span>
            {{ projName }}
        </span>
    </h3>
    <a ng-href="#/projects" translate>Show all Projects</a>
</div>
<div class="listing-ct-inline" ng-if="project()">
    <p class="project-description" ng-if="project().metadata.annotations['openshift.io/description']">
        {{ project().metadata.annotations['openshift.io/description'] }}
    </p>
    <h3 translate>Membership</h3>
    <div project-body class="listing-ct-body">
    </div>
</div>
<div class="listing-ct-inline" ng-if="!project()">
    <h3 translate>The project '{{ projName }}' does not exist.</h3>
</div>
