file-upload.html

<link rel="import" href="common.html">
<link rel="import" href="browser.html">
<link rel="stylesheet" href="file-upload.css">

</template>

	<li id="upload-menuitem" class="dropdown-submenu"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Upload as</a>
		<ul class="dropdown-menu">
			<li id="upload-json" class="uploadFile"><a href="#">Json</a></li>
			<li id="upload-ea" class="uploadFile"><a href="#">Xml(EA)</a></li>
			<li id="upload-refontouml" class="uploadFile"><a href="#">Refontouml</a></li>
		</ul>
	</li>
	
	<div id="file-chooser" class="row-fluid">
		<label id="browse-button" class="btn btn-primary">
			<input id="file-input" type="file" accept="" style="display:none;">Choose File...
		</label>
		<span id="file-path">  No file selected...</span>
	</div>
	
	<div id="refontouml-options">				
		<div class="checkbox"><label><input id="refontouml-ignore-package" type="checkbox" value="">Ignore package hierarchy</label></div>
		<div class="checkbox"><label><input id="refontouml-classes-as-events" type="checkbox" value="" checked>Classes without stereotypes as Events</label></div>		
	</div>		
	
	<div id="ea-options">				
		<div class="checkbox"><label><input id="ignore-unnamed-eatypes" type="checkbox" value="" checked>Ignore unnamed classes and datatypes</label></div>
		<div class="checkbox"><label><input id="set-1-eamultiplicities" type="checkbox" value="" checked>Set [1] for invalid multiplicities</label></div>		
	</div>
	
</template>

<script>
	var fileUploadDoc = document._currentScript.ownerDocument;
	install_template('#upload-menuitem','#file-menu',fileUploadDoc);
	
	var fileChooserTemplate = fileUploadDoc.querySelector('#file-chooser');	 
	var refOptionsTemplate = fileUploadDoc.querySelector('#refontouml-options');	
	var eaOptionsTemplate = fileUploadDoc.querySelector('#ea-options');
</script>

<script src="file-upload.js"></script>