activity-panel.html

<div class="activity-panel">
	<div class="activity-type">
		<div class="inputfield">
			<!-- Activity Panel: List activites and on selection of one, display note -->
			<label class="input-title">Choose type</label>
			<div class="menu clearfix">
				<div class="menuitem col-xs-4 col-sm-2" ng-repeat="activityObj in activities">
					<div class="icon"></div>
					<button class="choice btn btn-choice activity" chooseone="activity"
						ng-click="setActivityType(activityObj.code)">{{activityObj.desc}}</button>
				</div>
			</div>
		</div>
	</div>
	<div class="activity-option" ng-show="activity._.isVisible.subtype == true">
		<!-- SLEEPING -->
		<div class="inputfield sleeping" ng-show="activity._.isVisible.sleeptype == true">
			<label class="input-title">Select detail</label>
			<div class="menu clearfix">
				<div class="menuitem col-xs-4 col-sm-2">
					<div class="icon"></div>
					<button class="choice btn btn-choice activity" chooseone="subactivity"
						ng-click="setActivitySubType('SLEEP')">Off to sleep</button>
				</div>
				<div class="menuitem col-xs-4 col-sm-2">
					<div class="icon"></div>
					<button class="choice btn btn-choice activity" chooseone="subactivity"
						ng-click="setActivitySubType('AWAKE')">Woke up</button>
				</div>
			</div>
		</div>
		<!-- MORE TEXT -->
		<div class="inputfield text" ng-show="activity._.isVisible.details == true">
			<label class="input-title">{{activity.subtypeTitle}}</label>
			<input type="text" name="" class="" ng-model="activity.details"
				 on-action="'KEYUP, [whom, note], true'" scope-obj="activity._.isVisible">
		</div>
		<div class="inputfield text" ng-show="activity.activitytype == 'TRVLG'">
			<label class="input-title">Via</label>
			<input type="text" name="" class="" ng-model="activity.travellingvia"
				 on-action="'KEYUP, [whom, note], true'" scope-obj="activity._.isVisible">
		</div>
	</div>
	<div class="whom" ng-show="activity._.isVisible.whom == true">
		<div class="inputfield secondary-detail">
	        <label class="input-title">Who is with you</label>
	        <tags-autocomplete choices="activity._.names" enteredtext="activity.whom.text"
	            minlength="1" placeholder="" result="activity.whom.peopleobj" type="'WHOM'"
	            tags="activity.whom.taglist"></tags-autocomplete>
	    </div>
	</div>
	<div class="note" ng-show="activity._.isVisible.note == true">
		<div class="inputfield secondary-detail">
			<label class="input-title">More info</label>
			<editor scope-obj="activity.note" is-editable="true"></editor>
		</div>
	</div>
</div>