<!-- Foundation Annotations generate tmp/route.js -->
---
name: mysample
url:  /sample
controller:   SampleController as ctrl
animationIn: slideInRight
---

<h1><img class="logo" src="images/logo/triskel_iot_bzhx250.png" alt="IoT.bzh Logo" style="height:150px;">
    Post File Upload
</h1>

<div class="sample-box box-content">
    
    <!-- Usage: upload-xxxxx
         name     = [xxxxxx] is use a field label for xform input field. Should match with server side
         category = [avatar] should match to a valid directory of thumbnail within AppConfig.path
         thumbnail= [tux-bzh.png] a valid image within AppConfig.paths.[category]
         istoobig = [istoobig.png] used image from AppConfig.paths.[category] when file is oversized
         maxsize  = [xxx] maximum size in KB [default max depend on upload-type]
         accept = [image] acceptable accept for upload
    -->
    <upload-image name="avatar" category="avatar" thumbnail="tux-visitor.png" maxsize="100" 
        posturl="/api/post/upload-image" callback="ctrl.FileUploaded" accept="image" title="Change your Avatar">
    </upload-image>
    
    <!-- Warning: name=xxx should match with what server expect [used as xform input name -->
    <upload-audio  name="music" posturl="/api/post/upload-music" callback="ctrl.FileUploaded" title="Upload your Music"></upload-audio>

    <!-- Warning: name=xxx should match with what server expect [used as xform input name -->
    <upload-appli  name="appli" posturl="/api/post/upload-appli" callback="ctrl.FileUploaded" title="Upload AGL App"></upload-appli>

</div>

<link-button href="home" icon="fi-home" label="home"></link-button>