diff --git a/bricks/header.tmpl b/bricks/header.tmpl index dfafee5..2818480 100644 --- a/bricks/header.tmpl +++ b/bricks/header.tmpl @@ -4,9 +4,12 @@ + + + - - - - diff --git a/examples/accordion.ui b/examples/accordion.ui new file mode 100644 index 0000000..12e6b74 --- /dev/null +++ b/examples/accordion.ui @@ -0,0 +1,33 @@ + +{ + "widgettype":"Accordion", + "options":{ + "item_size":'28px', + "items":[ + { + "name":"test1", + "icon":"/imgs/t.png", + "text":"accordion 1 test", + "content":{ + "widgettype":"Text", + "options":{ + "text":"text content 1", + "i81n":true + } + } + }, + { + "name":"test2", + "icon":"/imgs/t.png", + "text":"accordion 2 test", + "content":{ + "widgettype":"Text", + "options":{ + "text":"text content 2", + "i81n":true + } + } + } + ] + } +} diff --git a/examples/audio.html b/examples/audio.html deleted file mode 100755 index 4ab4a02..0000000 --- a/examples/audio.html +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - - - diff --git a/examples/audio.ui b/examples/audio.ui new file mode 100644 index 0000000..ae37486 --- /dev/null +++ b/examples/audio.ui @@ -0,0 +1,9 @@ + +{ + "id":"audioplayer", + "widgettype":"AudioPlayer", + "options":{ + "autoplay":true, + "url":"http://kimird.com/songs/sample-mp3-file.mp3" + } +} diff --git a/examples/button.html b/examples/button.html deleted file mode 100644 index 36240d0..0000000 --- a/examples/button.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - - - - - - - diff --git a/examples/button.ui b/examples/button.ui new file mode 100644 index 0000000..5923b10 --- /dev/null +++ b/examples/button.ui @@ -0,0 +1,40 @@ + +{ + "widgettype":"HBox", + "options":{ + "height":"auto", + "width":"100%" + }, + "subwidgets":[ + { + "widgettype":"Button", + "options":{ + "name":"test", + "icon":"/bricks/imgs/submit.png", + "label":"test once", + "tooltip":"This is a joke too", + "nonepack":true, + "orientation":"horizontal" + } + }, + { + "widgettype":"Button", + "options":{ + "name":"test", + "icon":"/bricks/imgs/reset.png", + "tooltip":"This is a joke", + "label":"test twice", + "nonepack":true, + "orientation":"horizontal" + } + } + ], + "binds":[ + { + "wid":"self", + "event":"click", + "actiontype":"script", + "script":"alert('HBox clicked');" + } + ] +} diff --git a/examples/datagrid.html b/examples/datagrid.html deleted file mode 100644 index 858633e..0000000 --- a/examples/datagrid.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - diff --git a/examples/datagrid.ui b/examples/datagrid.ui new file mode 100644 index 0000000..c60417f --- /dev/null +++ b/examples/datagrid.ui @@ -0,0 +1,7 @@ + +{ + "widgettype":"urlwidget", + "options":{ + "url":"users.bcrud" + } +} diff --git a/examples/datagrid1.html b/examples/datagrid1.html deleted file mode 100644 index 9b74065..0000000 --- a/examples/datagrid1.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - diff --git a/examples/docs.html b/examples/docs.html deleted file mode 100755 index ccb4f7b..0000000 --- a/examples/docs.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - diff --git a/examples/docs.ui b/examples/docs.ui new file mode 100644 index 0000000..4926f49 --- /dev/null +++ b/examples/docs.ui @@ -0,0 +1,8 @@ + +{ + "widgettype":"MarkdownViewer", + "options":{ + "navigator":true, + "md_url":"../docs/index.md" + } +} diff --git a/examples/editabletree.html b/examples/editabletree.html deleted file mode 100644 index 3cfe04e..0000000 --- a/examples/editabletree.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - diff --git a/examples/editabletree.ui b/examples/editabletree.ui new file mode 100644 index 0000000..cc19f0b --- /dev/null +++ b/examples/editabletree.ui @@ -0,0 +1,7 @@ + +{ + "widgettype":"urlwidget", + "options":{ + "url":"editabletree.json" + } +} diff --git a/examples/error.html b/examples/error.html deleted file mode 100644 index 432bc26..0000000 --- a/examples/error.html +++ /dev/null @@ -1,105 +0,0 @@ - - - - - - - - - diff --git a/examples/error.ui b/examples/error.ui new file mode 100644 index 0000000..cebeeeb --- /dev/null +++ b/examples/error.ui @@ -0,0 +1,83 @@ + +{ + "widgettype":"Tree", + "options":{ + "idField":"id", + "textField":"text", + "data":[ + { + "id":1, + "text":"node1", + "is_leaf":false, + "children":[ + { + "id":11, + "text":"node11", + "is_leaf":false, + "children":[ + { + "id":112, + "text":"node.12", + "is_leaf":false, + "children":[ + { + "id":1112, + "text":"node1112", + "is_leaf":true + }, + { + "id":1113, + "text":"node113", + "is_leaf":true + } + ] + }, + { + "id":113, + "text":"node113", + "is_leaf":true + } + ] + }, + { + "id":12, + "text":"node12", + "is_leaf":true + }, + { + "id":13, + "text":"node13", + "is_leaf":true + } + ] + }, + { + "id":2, + "text":"node2", + "is_leaf":false, + "children":[ + { + "id":21, + "text":"node21", + "is_leaf":true + }, + { + "id":22, + "text":"node22", + "is_leaf":true + }, + { + "id":23, + "text":"node23", + "is_leaf":true + } + ] + }, + { + "id":3, + "text":"node3", + "is_leaf":true + } + ] + } +} diff --git a/examples/fileupload.html b/examples/fileupload.html deleted file mode 100755 index b266316..0000000 --- a/examples/fileupload.html +++ /dev/null @@ -1,64 +0,0 @@ - - - - -
- -
- - - - diff --git a/examples/fileupload.ui b/examples/fileupload.ui new file mode 100644 index 0000000..7e316cf --- /dev/null +++ b/examples/fileupload.ui @@ -0,0 +1,32 @@ + +{ + "widgettype":"VBox", + "options":{ + }, + "subwidgets":[ + { + "id":"file1", + "widgettype":"UtFile", + "options":{ + "name":"file1", + "label":"File 1" + } + }, + { + "widgettype":"Text", + "options":{ + "text":"upload" + }, + } + ], + + "binds":[ + { + "wid":"self", + "event":"clcik", + "action":{ + "rfname":"do_upload" + } + } + ] +} diff --git a/examples/footer.html b/examples/footer.html deleted file mode 100755 index 55d5d50..0000000 --- a/examples/footer.html +++ /dev/null @@ -1,4 +0,0 @@ - ; - const app = BricksApp(opts); - app.run(); - diff --git a/examples/form.html b/examples/form.html deleted file mode 100644 index 007b637..0000000 --- a/examples/form.html +++ /dev/null @@ -1,167 +0,0 @@ - - - - - - - - - diff --git a/examples/form.ui b/examples/form.ui new file mode 100644 index 0000000..a0c8d96 --- /dev/null +++ b/examples/form.ui @@ -0,0 +1,151 @@ + +{ + "widgettype":"VBox", + "options":{"height":"100%"}, + "subwidgets":[ + { + "widgettype":"HBox", + "options":{"height":"auto"}, + "subwidgets":[ + { + "widgettype":"Text", + "options":{ + "otext":"Please change Font size", + "i18n":true + } + }, + { + "widgettype":"Button", + "options":{ + "label":"A", + "width":"auto", + "item_rate":1.4 + }, + "binds":[ + { + "wid":"self", + "event":"click", + "actiontype":"script", + "target":"app", + "script":"bricks_app.textsize_bigger()" + } + ] + }, + { + "widgettype":"Button", + "options":{ + "label":"A", + "width":"auto", + "item_rate":0.8 + }, + "binds":[ + { + "wid":"self", + "event":"click", + "actiontype":"script", + "target":"app", + "script":"bricks_app.textsize_smaller()" + } + ] + } + ] + }, + { + "widgettype":"Form", + "options":{ + "submit_url":"/ttt/ttt.dspy", + "title":"Test hahah Form", + "description":"test input implemented", + "fields":[ + { + "uitype":"email", + "name":"email", + "label":"Email", + 'required':true + }, + { + "uitype":"tel", + "name":"tel", + "pattern":"{\d}3-{\d}4-{\d}4", + "label":"Tel", + 'required':true + }, + { + "uitype":"file", + "name":"file", + "label":"File", + 'required':true + }, + { + "uitype":"str", + "minlength":3, + "length":30, + "value":"tlegre", + "name":"name", + "label":"Name", + 'required':true + }, + { + "uitype":"int", + "minlength":3, + "length":30, + "value":12432, + "name":"integer", + "label":"Integer", + 'required':true + }, + { + "uitype":"float", + "dec_length":3, + "length":25, + "name":"float", + "label":"Float" + }, + { + "uitype":"date", + "name":"date", + "label":"Date", + 'required':true + }, + { + "uitype":"password", + "minlength":3, + "length":30, + "name":"password", + "label":"Password", + 'required':true + }, + { + "uitype":"checkbox", + "name":"checkbox", + "label":"CheckBox", + "value":2, + "dataurl":"test_code.json", + 'required':true + }, + { + "uitype":"audio", + "name":"audio", + "label":"Audio", + 'required':true + }, + { + "uitype":"code", + "name":"code", + "label":"Code", + "value":2, + "dataurl":"test_code.json", + 'required':true + }, + { + "uitype":"text", + "name":"text", + "value":"This is a test", + "label":"Text", + 'required':true + } + ] + } + } + ] +} diff --git a/examples/hbox.html b/examples/hbox.html deleted file mode 100755 index 2e8d26c..0000000 --- a/examples/hbox.html +++ /dev/null @@ -1,65 +0,0 @@ - - - - - - - - diff --git a/examples/hbox.ui b/examples/hbox.ui new file mode 100644 index 0000000..de1835f --- /dev/null +++ b/examples/hbox.ui @@ -0,0 +1,50 @@ + +{ + "widgettype":"HBox", + "options":{ + }, + "subwidgets":[ + { + "widgettype":"Title1", + "options":{ + "text":"Pic Viewer", + "i18n":true + }, + "binds":[ + { + "wid":"self", + "target":"self", + "event":"click", + "actiontype":"script", + "script":"alert('hahahahahah');" + } + ] + }, + { + "widgettype":"urlwidget", + "options":{ + "url":"/bricks/image.tmpl", + "i18n":true + } + }, + { + "id":"mymodal", + "widgettype":"Modal", + "options":{ + "auto_close":true, + "auto_open":false, + "width":"700px", + "height":"400px", + "archor":"cl", + }, + "subwidgets":[ + { + "widgettype":"Text", + "options":{ + "text":"This is a test" + } + } + ] + } + ] +} diff --git a/examples/header.html b/examples/header.html deleted file mode 100755 index 99f1be7..0000000 --- a/examples/header.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/examples/image.ui b/examples/image.ui new file mode 100644 index 0000000..2ef10de --- /dev/null +++ b/examples/image.ui @@ -0,0 +1,9 @@ + +{ + "widgettype":"Image", + "options":{ + "url":"https://cdn.pixabay.com/photo/2018/04/26/16/31/marine-3352341_960_720.jpg", + "height":"100%", + "width":"100%" + } +} diff --git a/examples/m3u8.html b/examples/m3u8.html deleted file mode 100755 index 46a8e0f..0000000 --- a/examples/m3u8.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - - - - - diff --git a/examples/m3u8.ui b/examples/m3u8.ui new file mode 100644 index 0000000..0b3dce6 --- /dev/null +++ b/examples/m3u8.ui @@ -0,0 +1,10 @@ + +{ + "id":"videoplayer", + "widgettype":"VideoPlayer", + "options":{ + "autoplay":true, + "url":"https://abc-iview-mediapackagestreams-2.akamaized.net/out/v1/6e1cc6d25ec0480ea099a5399d73bc4b/index.m3u8", + "type":"hls" + } +} diff --git a/examples/markdonw.html b/examples/markdonw.html deleted file mode 100755 index e69de29..0000000 diff --git a/examples/markdown.html b/examples/markdown.html deleted file mode 100755 index 51c125e..0000000 --- a/examples/markdown.html +++ /dev/null @@ -1,38 +0,0 @@ - - - - -
- - - - - diff --git a/examples/markdown.ui b/examples/markdown.ui new file mode 100644 index 0000000..68e6439 --- /dev/null +++ b/examples/markdown.ui @@ -0,0 +1,21 @@ + +{ + "widgettype":"VBox", + "options":{ + }, + "subwidgets":[ + { + "widgettype":"Title1", + "options":{ + "text":"Pic Viewer", + "i18n":true + } + }, + { + "widgettype":"MarkdownViewer", + "options":{ + "md_url":"test1.md" + } + } + ] +} diff --git a/examples/message.html b/examples/message.html deleted file mode 100644 index b4b8ae2..0000000 --- a/examples/message.html +++ /dev/null @@ -1,107 +0,0 @@ - - - - - - - - - - - diff --git a/examples/message.ui b/examples/message.ui new file mode 100644 index 0000000..cebeeeb --- /dev/null +++ b/examples/message.ui @@ -0,0 +1,83 @@ + +{ + "widgettype":"Tree", + "options":{ + "idField":"id", + "textField":"text", + "data":[ + { + "id":1, + "text":"node1", + "is_leaf":false, + "children":[ + { + "id":11, + "text":"node11", + "is_leaf":false, + "children":[ + { + "id":112, + "text":"node.12", + "is_leaf":false, + "children":[ + { + "id":1112, + "text":"node1112", + "is_leaf":true + }, + { + "id":1113, + "text":"node113", + "is_leaf":true + } + ] + }, + { + "id":113, + "text":"node113", + "is_leaf":true + } + ] + }, + { + "id":12, + "text":"node12", + "is_leaf":true + }, + { + "id":13, + "text":"node13", + "is_leaf":true + } + ] + }, + { + "id":2, + "text":"node2", + "is_leaf":false, + "children":[ + { + "id":21, + "text":"node21", + "is_leaf":true + }, + { + "id":22, + "text":"node22", + "is_leaf":true + }, + { + "id":23, + "text":"node23", + "is_leaf":true + } + ] + }, + { + "id":3, + "text":"node3", + "is_leaf":true + } + ] + } +} diff --git a/examples/miniform.html b/examples/miniform.html deleted file mode 100644 index ed36207..0000000 --- a/examples/miniform.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - diff --git a/examples/miniform.ui b/examples/miniform.ui new file mode 100644 index 0000000..2414d43 --- /dev/null +++ b/examples/miniform.ui @@ -0,0 +1,7 @@ + +{ + "widgettype":"urlwidget", + "options":{ + "url":"miniform.json" + } +} diff --git a/examples/modal.html b/examples/modal.html deleted file mode 100755 index e6a31c9..0000000 --- a/examples/modal.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - diff --git a/examples/model.ui b/examples/model.ui new file mode 100644 index 0000000..d1794df --- /dev/null +++ b/examples/model.ui @@ -0,0 +1,7 @@ + +{ + "widgettype":"urlwidget", + "options":{ + "url":"modal.json" + } +} diff --git a/examples/recorder.html b/examples/recorder.html deleted file mode 100644 index e1e53e0..0000000 --- a/examples/recorder.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - - - - diff --git a/examples/recorder.ui b/examples/recorder.ui new file mode 100644 index 0000000..d1c0614 --- /dev/null +++ b/examples/recorder.ui @@ -0,0 +1,17 @@ +{ + "id":"recorder", + "widgettype":"AudioRecorder", + "options":{ + "height":"40px", + "upload_url":"{{entire_url('stt.dspy')}}", + "start_icon":"/bricks/imgs/start_recording.png" + }, + "binds":[ + { + "wid":"self", + "event":"uploaded", + "actiontype":"script", + "script":"alert('kwargs', kwargs, args)" + } + ] +} diff --git a/examples/scroll.html b/examples/scroll.html deleted file mode 100644 index 8af9d9a..0000000 --- a/examples/scroll.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - diff --git a/examples/scroll.ui b/examples/scroll.ui new file mode 100644 index 0000000..93ce80b --- /dev/null +++ b/examples/scroll.ui @@ -0,0 +1,7 @@ + +{ + "widgettype":"urlwidget", + "options":{ + "url":"scroll.json" + } +} diff --git a/examples/t1.html b/examples/t1.html deleted file mode 100755 index 72104ee..0000000 --- a/examples/t1.html +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - -
- - - diff --git a/examples/tab.html b/examples/tab.html deleted file mode 100755 index adf510f..0000000 --- a/examples/tab.html +++ /dev/null @@ -1,75 +0,0 @@ - - - - - - - - - - diff --git a/examples/tab.ui b/examples/tab.ui new file mode 100644 index 0000000..f4a1e3c --- /dev/null +++ b/examples/tab.ui @@ -0,0 +1,58 @@ + +{ + "widgettype":"TabPanel", + "options":{ + "tab_wide":"auto", + "height":"100%", + "tab_long":"70%", + "tab_pos":"top", + "items":[ + { + "name":"c", + "label":"C", + "content":{ + "widgettype":"Text", + "options":{ + "text":"This is a C language documents" + } + }, + "icon":null + + }, + { + "name":"javascript", + "removable":true, + "label":"JavaScript", + "content":{ + "widgettype":"Text", + "options":{ + "text":"This is JavaScript language documents" + } + }, + "icon":null + }, + { + "name":"php", + "label":"PHP", + "content":{ + "widgettype":"Text", + "options":{ + "text":"This is PHP language documents" + } + }, + "icon":null + }, + { + "name":"python", + "label":"Python", + "content":{ + "widgettype":"Text", + "options":{ + "text":"This is Python language documents" + } + }, + "icon":null + }, + ] + } +} diff --git a/examples/table.ui b/examples/table.ui new file mode 100644 index 0000000..236ebee --- /dev/null +++ b/examples/table.ui @@ -0,0 +1,7 @@ + +{ + "widgettype":"urlwidget", + "options":{ + "url":"tables.json" + } +} diff --git a/examples/tables.html b/examples/tables.html deleted file mode 100644 index 83df085..0000000 --- a/examples/tables.html +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - diff --git a/examples/terminal.html b/examples/terminal.html deleted file mode 100644 index ed3bd6e..0000000 --- a/examples/terminal.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - -
- - - diff --git a/examples/test11.html b/examples/test11.html deleted file mode 100644 index b9fd7dd..0000000 --- a/examples/test11.html +++ /dev/null @@ -1,144 +0,0 @@ - - - - - - -
Test Grid table
-
-
- - - diff --git a/examples/testlogin.html b/examples/testlogin.html deleted file mode 100644 index bd54065..0000000 --- a/examples/testlogin.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - diff --git a/examples/text.html b/examples/text.html deleted file mode 100755 index 7d1b3cf..0000000 --- a/examples/text.html +++ /dev/null @@ -1,117 +0,0 @@ - - - - - - - - - - - diff --git a/examples/toolbar.html b/examples/toolbar.html deleted file mode 100755 index c8b8549..0000000 --- a/examples/toolbar.html +++ /dev/null @@ -1,48 +0,0 @@ - - - - - - - - - - diff --git a/examples/toolbar.ui b/examples/toolbar.ui new file mode 100644 index 0000000..07089a7 --- /dev/null +++ b/examples/toolbar.ui @@ -0,0 +1,31 @@ + +{ + "widgettype":"Toolbar", + "options":{ + "target":null, + "orientation":"horizontal", + "tool_margin":"15px", + "tools":[ + { + "name":"c", + "Label":"C", + "icon":null + }, + { + "name":"javascript", + "Label":"JavaScript", + "icon":null + }, + { + "name":"php", + "Label":"PHP", + "icon":null + }, + { + "name":"python", + "Label":"Python", + "icon":null + }, + ] + } +} diff --git a/examples/tree.html b/examples/tree.html deleted file mode 100644 index d8af8b8..0000000 --- a/examples/tree.html +++ /dev/null @@ -1,24 +0,0 @@ - - - - - - - - - - diff --git a/examples/tree.ui b/examples/tree.ui new file mode 100644 index 0000000..54c6615 --- /dev/null +++ b/examples/tree.ui @@ -0,0 +1,7 @@ + +{ + "widgettype":"urlwidget", + "options":{ + "url":"tree.json" + } +} diff --git a/examples/vbox.html b/examples/vbox.html deleted file mode 100755 index aa359df..0000000 --- a/examples/vbox.html +++ /dev/null @@ -1,70 +0,0 @@ - - - - - - - - - diff --git a/examples/vbox.ui b/examples/vbox.ui new file mode 100644 index 0000000..ba251b6 --- /dev/null +++ b/examples/vbox.ui @@ -0,0 +1,97 @@ + +{ + "widgettype":"VBox", + "options":{ + }, + "subwidgets":[ + { + "widgettype":"Title1", + "options":{ + "text":"Pic Viewer", + "i18n":true + } + }, + { + "widgettype":"Title2", + "options":{ + "text":"Pic Viewer", + "i18n":true + } + }, + { + "widgettype":"Title3", + "options":{ + "text":"Pic Viewer", + "i18n":true + } + }, + { + "widgettype":"Title4", + "options":{ + "text":"Pic Viewer", + "i18n":true + } + }, + { + "widgettype":"Title5", + "options":{ + "text":"Pic Viewer", + "i18n":true + } + }, + { + "widgettype":"Title6", + "options":{ + "text":"Pic Viewer", + "i18n":true + } + }, + { + "widgettype":"Text", + "options":{ + "text":"Pic Viewer", + "i18n":true + } + }, + { + "widgettype":"HBox", + "options":{ + }, + "subwidgets":[ + { + "widgettype":"Button", + "options":{ + "label":"A", + "item_rate":1.4 + }, + "binds":[ + { + "wid":"self", + "event":"click", + "actiontype":"script", + "target":"app", + "script":"bricks_app.textsize_bigger()" + } + ] + }, + { + "widgettype":"Button", + "options":{ + "label":"A", + "item_rate":0.7, + "item_size":"20px" + }, + "binds":[ + { + "wid":"self", + "event":"click", + "actiontype":"script", + "target":"app", + "script":"bricks_app.textsize_smaller()" + } + ] + } + ] + } + ] +} diff --git a/examples/vbox1.ui b/examples/vbox1.ui new file mode 100644 index 0000000..3c67e98 --- /dev/null +++ b/examples/vbox1.ui @@ -0,0 +1,40 @@ + +{ + "widgettype":"VBox", + "options":{ + }, + "subwidgets":[ + { + "widgettype":"Title1", + "options":{ + "text":"Pic Viewer", + "i18n":true + } + }, + { + "widgettype":"urlwidget", + "options":{ + "url":"/bricks/image.tmpl" + } + }, + { + "id":"mymodal", + "widgettype":"Modal", + "options":{ + "auto_close":true, + "auto_open":false, + "width":"700px", + "height":"400px", + "archor":"cl", + }, + "subwidgets":[ + { + "widgettype":"Text", + "options":{ + "text":"This is a test" + } + } + ] + } + ] +} diff --git a/examples/video.html b/examples/video.html deleted file mode 100755 index 1ed16ac..0000000 --- a/examples/video.html +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - diff --git a/examples/video.ui b/examples/video.ui new file mode 100644 index 0000000..a55618c --- /dev/null +++ b/examples/video.ui @@ -0,0 +1,10 @@ + +{ + "id":"videoplayer", + "widgettype":"VideoPlayer", + "options":{ + "autoplay":true, + "url":"http://kimird.com/video/sample-mp4-file.mp4", + "type":"mp4" + } +}