@stratusjs/idx/src/property/details-sub-section.component.html

AngularJS idx/property Service and Components bundle to be used as an add on to StratusJS

<section id="{{::elementId}}" data-ng-class="::className" role="region" aria-labelledby="{{::sectionNameId}}" data-ng-if="visibleFields">
	<strong data-ng-bind="::sectionName" class="section-name" id="{{::sectionNameId}}"></strong>
	<div data-ng-repeat="(itemVariable, item) in ::items" class="sub-detail">
		<div data-ng-if="::!item.hide && model.data.hasOwnProperty(itemVariable)" data-ng-switch="::typeOf(model.data[itemVariable])" role="text">
			<div data-ng-switch-when="array">
				<span data-ng-if="::item.name" data-ng-bind="::item.name + ':'" class="item-label"></span>
				<span data-ng-repeat="item in ::model.data[itemVariable]" class="repeatedArray"><span data-ng-bind="::item"></span><span class="hideLastChild">,&nbsp;</span></span>
			</div>
			<div data-ng-switch-when="boolean">
				<span data-ng-if="::item.name" data-ng-bind="::item.name + ':'" class="item-label"></span>
				<span data-ng-bind="::model.data[itemVariable] ? (item.hasOwnProperty('true') ? item.true : 'Yes') : (item.hasOwnProperty('false') ? item.false : 'No')"></span>
			</div>
			<div data-ng-switch-when="number" data-ng-if="model.data[itemVariable] > 0">
				<span data-ng-if="::item.name" data-ng-bind="::item.name + ':'" class="item-label"></span>
				<span data-ng-switch="::item.comma">
					<span data-ng-switch-when="true" data-ng-bind="::item.prepend + (model.data[itemVariable] | number) + item.append"></span>
					<span data-ng-switch-default data-ng-bind="::item.prepend + (model.data[itemVariable]) + item.append"></span>
				</span>
			</div>
			<div data-ng-switch-default data-ng-if="model.data[itemVariable] !== '' && model.data[itemVariable] !== '0'">
				<span data-ng-if="::item.name && !item.hideName" data-ng-bind="::item.name + ':'" class="item-label"></span>
                <span data-ng-switch="::item.html">
				    <span data-ng-switch-when="true" data-ng-bind-html="::item.prepend + (model.data[itemVariable]) + item.append"></span>
				    <span data-ng-switch-default data-ng-bind="::item.prepend + (model.data[itemVariable]) + item.append"></span>
                </span>
			</div>
		</div>
	</div>
</section>