<div class="popover">
    <div class="popover-content">
        <div class="form-group">
            <div>
                <label class="control-label">Name</label>:
                <span>{{def.name}}</span>
            </div>
            <div>
                <label class="control-label">Label</label>:
                <span>{{def.definition.label}}</span>
            </div>
            <div>
                <label class="control-label">Number of usages</label>:
                <span>{{def.numberOfUsages}}</span>
            </div>
            <div>
                <label class="control-label">Required</label>:
                <span>{{(def.required ? 'Yes' : 'No') | translate}}</span>
            </div>
            <div>
                <label class="control-label">Can be deleted</label>:
                <span>{{(def.definition.canBeDeleted ? 'Yes' : 'No') | translate}}</span>
            </div>
            <div>
                <label class="control-label">Can be modified</label>:
                <span>{{(def.definition.canBeModified ? 'Yes' : 'No') | translate}}</span>
            </div>
            <div>
                <label class="control-label">Type</label>:
                <span>{{def.type}}</span>
            </div>
        </div>
        <div class="form-actions pull-right">
            <button ng-click="$hide()" type="button" class="btn btn-primary">
                {{'Close' | translate}}
            </button>
        </div>
        <div class="clearfix"></div>
    </div>
</div>