
	section
	
		<vue-app>
		
			<edit-mode v-if="view == 'edit'"> 
				
			</edit-mode>
			
			<summary-markup v-if="view == 'summary'" v-model="summaryHtml">
			
			<script>

			{
			
				data: {
					view:'edit',
					summaryHtml:'{{$section->summary_html}}',
					data: {
						...
					}
				},
				
				methods: {
					showEdit:function(){
						// reload data
						// view = 'edit'
					}
					showSummary:function(){
						// reloadSummaryMarkup
						// view = 'summary'
					}
					reloadData:function(){
						//call php /note/section/{internalName}/getData
						//php aggregates section data from the relevant pages / measurements / etc.
						//php can use ob_start on /section/data.php
					}
					reloadSummaryMarkup:function(){
						//call php to regenerate summary 
						//php call java /api/section/updateSummaryHtml
						//return summaryHtmlMarkup
					}
				},
				
				mount: function{
				
				}
			}
			</script>
			
		</vue-app>
	
		edit-mode
		
		summary-mode
		
			$section->summary_html
