UNPKG

alpaca

Version:

Alpaca provides the easiest and fastest way to generate interactive forms for the web and mobile devices. It runs simply as HTML5 or more elaborately using Bootstrap, jQuery Mobile or jQuery UI. Alpaca uses Handlebars to process JSON schema and provide

github.com/gitana/alpaca

gitana/alpaca

55 lines (50 loc) • 1.83 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<script type="text/x-handlebars-template"> {{#compare actionbarStyle "left"}} <div class="alpaca-array-item-flex-container"> {{#if dragAndDrop}} <i class="glyphicon glyphicon-menu-hamburger alpaca-array-item-move"></i> {{/if}} <div> {{#arrayActionbar}}{{/arrayActionbar}} </div> <div class="alpaca-array-item-flex-1"> {{#itemField}}{{/itemField}} </div> </div> {{else}} {{#compare actionbarStyle "right"}} <div class="alpaca-array-item-flex-container"> {{#if dragAndDrop}} <i class="glyphicon glyphicon-menu-hamburger alpaca-array-item-move"></i> {{/if}} <div class="alpaca-array-item-flex-1"> {{#itemField}}{{/itemField}} </div> <div> {{#arrayActionbar}}{{/arrayActionbar}} </div> </div> {{else}} {{#if dragAndDrop}} <div class="alpaca-array-item-flex-container"> <i class="glyphicon glyphicon-menu-hamburger alpaca-array-item-move"></i> {{else}} <div> {{/if}} <div class="alpaca-array-item-flex-1"> {{#compare actionbarStyle "top"}} <div> {{#arrayActionbar}}{{/arrayActionbar}} </div> {{/compare}} {{#itemField}}{{/itemField}} {{#compare actionbarStyle "bottom"}} <div> {{#arrayActionbar}}{{/arrayActionbar}} </div> {{/compare}} </div> </div> {{/compare}} {{/compare}} </script>