First version

[src/app-framework-demo.git] / afm-client / app / Frontend / pages / Sample / Sample.html

diff --git a/afm-client/app/Frontend/pages/Sample/Sample.html b/afm-client/app/Frontend/pages/Sample/Sample.html
new file mode 100644 (file)
index 0000000..03a4558
--- /dev/null
+++ b/afm-client/app/Frontend/pages/Sample/Sample.html
@@ -0,0 +1,35 @@
+<!-- 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>