Implemented client upload with rangeslider and zip open
[src/app-framework-demo.git] / afb-client / app / Frontend / pages / Sample / Sample.html
1 <!-- Foundation Annotations generate tmp/route.js -->
2 ---
3 name: mysample
4 url:  /sample
5 controller:   SampleController as ctrl
6 animationIn: slideInRight
7 ---
8
9 <h1><img class="logo" src="images/logo/triskel_iot_bzhx250.png" alt="IoT.bzh Logo" style="height:150px;">
10     Post File Upload
11 </h1>
12
13 <div class="sample-box box-content">
14     
15     <!-- Usage: upload-xxxxx
16          name     = [xxxxxx] is use a field label for xform input field. Should match with server side
17          category = [avatar] should match to a valid directory of thumbnail within AppConfig.path
18          thumbnail= [tux-bzh.png] a valid image within AppConfig.paths.[category]
19          istoobig = [istoobig.png] used image from AppConfig.paths.[category] when file is oversized
20          maxsize  = [xxx] maximum size in KB [default max depend on upload-type]
21          accept = [image] acceptable accept for upload
22     -->
23     <upload-image name="avatar" category="avatar" thumbnail="tux-visitor.png" maxsize="100" 
24         posturl="/api/post/upload-image" callback="ctrl.FileUploaded" accept="image">
25     </upload-image>
26     
27     <!-- Warning: name=xxx should match with what server expect [used as xform input name -->
28     <upload-audio  name=music posturl="/api/post/upload-music" callback="ctrl.FileUploaded"></upload-audio>
29
30     <!-- Warning: name=xxx should match with what server expect [used as xform input name -->
31     <upload-appli  name=appli posturl="/api/post/upload-appli" callback="ctrl.FileUploaded"></upload-appli>
32
33 </div>
34
35 <link-button href="home" icon="fi-home" label="home"></link-button>