actix-admin 0.8.0

An admin interface for actix-web
Documentation 
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

<div class="{% if not model_field.use_tom_select_callback %}select{% endif %} 
    {{ additional_classes | default(value='')}}
    {% if model.errors | length > 0 or model.custom_errors | length > 0 %}
        {% if 
        model.errors | get(key=model_field.field_name, default="" ) !="" 
        or 
        model.custom_errors | get(key=model_field.field_name, default="" ) !="" 
        %}is-danger{% else %}is-success{% endif %}
    {% endif %}">
    <select name="{{ model_field.field_name }}" class="form-control">
        {% if model_field.is_option %}
        <option value=""></option>
        {% else %}
        <option value="" selected disabled>Select</option>
        {% endif %}
        {% if not model_field.use_tom_select_callback %}
            {% for select_list_item in select_lists[model_field.field_name] -%}
            <option {% if select_list_item[0]==model.values | get(key=model_field.field_name, default="" ) %} selected {%
                endif %} value="{{ select_list_item[0] }}">{{ select_list_item[1] | split(pat="_") |
                join(sep=" ") }}</option>
            {%- endfor %}
        {% else %} <!-- prepopulate existing value -->
            <option value="{{ model.values | get(key=model_field.field_name, default='') }}" selected>
                {{ model.fk_values | get(key=model_field.field_name, default= (model.values | get(key=model_field.field_name, default='fk not found'))) }}
            </option>
        {% endif %}
    </select>
</div>

{% if model_field.use_tom_select_callback %}
<script>
    var settings = {
        plugins: ['remove_button'],
        // select fields from remote data
        valueField: 'value',
		labelField: 'label',
		searchField: 'label',
		// fetch remote data
		load: function(query, callback) {
			var url = '{{ base_path | safe }}/' + {{ model_field.foreign_key | lower | safe }} + '/search?q=' + encodeURIComponent(query);
			fetch(url)
				.then(response => response.json())
				.then(json => {
					callback(json.items);
				}).catch(()=>{
					callback();
				});
		},
		// custom rendering functions for options and items
		render: {
			option: function(item, escape) {
				return `<div class="py-2 d-flex">
							<div>
								<div class="mb-1">
									<span class="h4">
										${ escape(item.label) }
									</span>
								</div>
							</div>
						</div>`;
			},
			item: function(item, escape) {
				return `<div class="py-2 d-flex">
							<div>
								<div class="mb-1">
									<span class="h4">
										${ escape(item.label) }
									</span>
								</div>
							</div>
						</div>`;
			}
		},
    };
    new TomSelect('select[name="{{ model_field.field_name }}"]',settings);
</script>
{% endif %}