RamBase Guidelines

Card view is used for example in the OPP application and in TASK

Opportunities (OPP)

Example of use of card view:

<div ng-repeat="opportunity in vm.opportunityController.opportunities[stage.opportunityStageId]">
	<div ng-click="vm.select(opportunity.salesOpportunityId); $event.stopPropagation();" ng-dblclick="vm.navigateToDetails(opportunity.salesOpportunityId)" ng-		show="(stage.opportunityStageId === opportunity.opportunityStage.opportunityStageId &amp;&amp; (!vm.draggable.draggingActive || 		(opportunity.opportunityStage.opportunityStageId === 	vm.draggable.draggedStageId)))" id="101219" k-hint="vm.draggable.hint" data-stage="100000" k-		dragstart="vm.draggable.dragStart" k-dragend="vm.draggable.dragEnd" k-filter="'.drag'" 	kendo-draggable="" data-role="draggable">
		
		<div class="ol-col-item rb-border drag k-state-selected" data-title="Re: Requirement RQM skisse" data-stage="100000" ng-class="{ 'k-state-selected rb-border': 				opportunity.salesOpportunityId == vm.salesOpportunityId, 'rb-border': opportunity.salesOpportunityId != vm.salesOpportunityId }">
			<div class="titlearea">
				<div class="rb-title wrap">Re: Requirement RQM skisse</div>                                    
				<div ng-if="!(opportunity.value.recurringRevenueAmount &amp;&amp; opportunity.value.contractMonths)" class="small"> 5,000</div>
			</div>

			<div ng-if="opportunity.salesOpportunityId == vm.salesOpportunityId" class="rb-circle">
				<span><i class="icon-right-open" ng-click="vm.navigateToDetails(opportunity.salesOpportunityId)"></i></span>
			</div>

		</div>
		<div class="infoarea">
			<div class="small">
				<span ng-if="opportunity.customer.customerId">Customer: COA report test user </span>
			</div>
		</div>
	</div>
</div>

Task