1 {% extends "master-admin.html" %}
4 $( document ).on("click", ".add-field",
6 var buttonRow = $(this).parents(".add-row")
7 var ourTable = $(this).parents(".extensible-table")
8 var lastRow = $(ourTable).find(".list-field:last")
9 var newRow = $(lastRow).clone()
11 var inputFields = lastRow.find("input")
12 for (i = 0; i < inputFields.length; i++) {
13 $(inputFields[i]).prop("disabled", false)
15 var lastIndex = parseInt(newRow.find("td:first").text())
16 newRow.find("td:first").text(lastIndex + 1)
17 var inputFields = newRow.find("input")
18 for (i = 0; i < inputFields.length; i++) {
19 var separator = (lastIndex-1).toString()+"-"
20 var nArr = $(inputFields[i]).attr("name").split(separator)
21 var newidx = lastIndex.toString()+"-"
22 if (nArr.length === 2) {
23 $(inputFields[i]).attr("name", nArr[0]+newidx+nArr[1])
25 $(inputFields[i]).attr("value", "")
27 $(newRow).appendTo(ourTable)
28 $(buttonRow).appendTo(ourTable)
32 $("#uploadFile").on("change", function()
34 var files = !!this.files ? this.files : [];
35 if (!files.length || !window.FileReader) return; // no file selected, or no FileReader support
37 if (/^image/.test( files[0].type)){ // only image file
38 var reader = new FileReader(); // instance of the FileReader
39 reader.readAsDataURL(files[0]); // read the local file
41 reader.onloadend = function(){ // set image data as background of div
42 $("#imagePreview").css("background-image", "url("+this.result+")");
52 <div class="col-md-3 col-sm-3 col-xs-6">
55 <div class="col-md-3 col-sm-3 col-xs-6" role="alert">
57 <div class="alert alert-{{message_type}}">
67 <form class="form-horizontal" role="form" id="{{ name }}" action="{{ action }}" method="post" enctype="multipart/form-data"">
68 {% for k, v in config.iteritems() %}
69 <div class="form-group">
70 <label class="col-sm-2" for="{{ v.name }}">{{ v.name }}:</label>
71 <div class="col-sm-10">
72 {% set value = v.get_value() -%}
73 {% if v.__class__.__name__ in ['String', 'Template'] -%}
74 <input type="text" class="form-control" name="{{ v.name }}"
78 {% if v.is_readonly() -%}
82 {% elif v.__class__.__name__ == 'Image' -%}
83 <!-- FIXME: This is limited to a single instance of Image -->
85 <img src="{{ value }}"
86 height="100" width="200"
90 <input type="file" name="{{ v.name }}"
94 style="display: none;" />
95 <input type="button" value="Select Image..." onclick="document.getElementById('uploadFile').click();" />
97 <div id="imagePreview"></div>
98 {% elif v.__class__.__name__ == 'List' -%}
99 <textarea class="form-control" name="{{ v.name }}"
100 {% if v.is_readonly() -%}
105 {{- value|join('\n') -}}
108 {% elif v.__class__.__name__ == 'Choice' -%}
109 {% set entries = v.get_allowed() -%}
111 {% for e in entries -%}
112 <div class="col-md-4">
113 <input type="checkbox" name="{{ v.name }}_{{ e }}"
114 {%- if value and e in value %}
117 {% if v.is_readonly() -%}
124 {% elif v.__class__.__name__ == 'Pick' -%}
125 {% set entries = v.get_allowed() -%}
127 {% for e in entries -%}
128 <div class="col-md-4">
129 <input type="radio" name="{{ v.name }}" value="{{ e }}"
133 {% if v.is_readonly() -%}
140 {% elif v.__class__.__name__ == 'Condition' -%}
141 <input type="checkbox" name="{{ v.name }}"
145 {% if v.is_readonly() -%}
149 {% elif v.__class__.__name__ == 'ComplexList' -%}
150 <table class="table table-striped extensible-table">
151 <tr><th>#</th><th>Name</th><th>Delete</th></tr>
152 {% for line in value -%}
153 {%- set basename = "%s %d-"|format(v.name, loop.index0) -%}
154 <tr class="list-field">
155 <td>{{loop.index}}</td>
157 <input type="text" name="{{basename}}name"
158 {%- if line.__class__.__name__ == 'list' -%}
159 value="{{ line|join(' / ') }}"
163 {% if v.is_readonly() -%}
169 <input type="checkbox" name="{{basename}}delete">
170 <!-- Never checked by default -->
174 <!-- Template for new row -->
175 {%- set basename = "%s %d-"|format(v.name, value|length) -%}
176 <tr class="list-field" style="display:none">
177 <td>{{value|length + 1}}</td>
179 <input type="text" name="{{basename}}name" value=""
183 <input type="checkbox" name="{{basename}}delete"
187 <!-- End of Template -->
189 <td><button class="btn add-field" type="button"> + </button></td>
193 {% elif v.__class__.__name__ == 'MappingList' -%}
194 <table class="table table-striped extensible-table">
195 <tr><th>#</th><th>From</th><th>To</th><th>Delete</th></tr>
196 {% for line in value -%}
197 {%- set basename = "%s %d-"|format(v.name, loop.index0) -%}
198 <tr class="list-field">
199 <td>{{loop.index}}</td>
201 <input type="text" name="{{basename}}from"
202 {% if line[0].__class__.__name__ == 'list' -%}
203 value="{{ line[0]|join(' / ') }}"
205 value="{{ line[0] }}"
210 <input type="text" name="{{basename}}to"
211 {% if line[1].__class__.__name__ == 'list' -%}
212 value="{{ line[1]|join(' / ') }}"
214 value="{{ line[1] }}"
219 <input type="checkbox" name="{{basename}}delete">
220 <!-- Never checked by default -->
224 <!-- Template for new row -->
225 {%- set basename = "%s %d-"|format(v.name, value|length) -%}
226 <tr class="list-field" style="display:none">
227 <td>{{value|length + 1}}</td>
229 <input type="text" name="{{basename}}from" value=""
233 <input type="text" name="{{basename}}to"
237 <input type="checkbox" name="{{basename}}delete"
239 <!-- Never checked by default -->
242 <!-- End of Template -->
244 <td><button class="btn add-field" type="button"> + </button></td>
249 {{ v.__class__.__name__ }}
251 <span class="help-block">{{ v.description }}</span>
258 <button id="submit" class="btn btn-primary" name="submit" type="submit" value="Submit">
261 <a href="{{ back }}" class="btn btn-default" title="Back">Back</a>