Subversion Repositories SmartDukaan

Rev

Rev 34010 | Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
33973 tejus.loha 1
<div class="form-group">
2
    <label for="brand_id">Select brand</label>
3
    <select id="brand_id" class="form-control">
4
        <option value="">-- Select --</option>
5
        #foreach($brand in $brands)
6
            <option value="$brand.getId()" #if($brand.getId() == $superCatalogModel.getBrandId()) selected="selected" #end>$brand.getName()</option>
7
        #end
8
    </select>
9
</div>
10
<div class="form-group">
11
    <label for="super_catalog_name">Super catalog name</label>
12
    <select id="super_catalog_name" class="form-control selectOrCreate">
13
        <option value="">-- Select --</option>
14
        #foreach($row in $superCatalogs)
15
            <option value="$row.getId()" #if($row.getId() == $superCatalogModel.getSuperCatalogId()) selected="selected" #end>$row.getSuperCatalogName()</option>
16
        #end
17
    </select>
18
</div>
19
<table class="table" id="catalogMappingTable">
20
    <thead>
21
    <tr>
22
        <th width="70%">Catalog</th>
23
        <th width="20%">Variant</th>
24
        <th width="10%"><button class="btn btn-primary addNew"><i class="fa fa-plus"></i></button></th>
25
    </tr>
26
    </thead>
27
    <tbody id="catalogMapping">
28
        #foreach($mapping in $superCatalogMapping)
29
        <tr data-mapping-id="$mapping.getId()">
30
            <td>
31
                <div class="form-group">
32
                    <select class="form-control catalog_id" id="catalog_id">
33
                        <option value="">-- Select Catalog --</option>
34
                        #foreach($row in $catalogs)
35
                            <option value="$row.getId()" #if($row.getId() == $mapping.getCatalogId()) selected="selected" #end>$row.getBrand() $row.getModelName() $row.getModelNumber()</option>
36
                        #end
37
                    </select>
38
                </div>
39
            </td>
40
            <td>
41
                <div class="form-group">
42
                    <input id="variant_name" class="form-control variant_name" placeholder="Variant name" #if($mapping.getVariantName()) value="$mapping.getVariantName()" #end>
43
                    <input type="hidden" id="mapping_id" value="$mapping.getId()">
44
                </div>
45
            </td>
46
            <td>
47
                <button class="btn btn-danger removeExisting"><i class="fa fa-times"></i></button>
48
            </td>
49
        </tr>
50
        #end
51
        <tr>
52
            <td>
53
                <div class="form-group">
54
                    <select class="form-control select2 catalog_id" id="catalog_id">
55
                        <option value="">-- Select Catalog --</option>
56
                        #foreach($row in $catalogs)
57
                            <option value="$row.getId()">$row.getBrand() $row.getModelName() $row.getModelNumber()</option>
58
                        #end
59
                    </select>
60
                </div>
61
            </td>
62
            <td>
63
                <div class="form-group">
64
                    <input id="variant_name" class="form-control variant_name" placeholder="Variant name">
65
                    <input type="hidden" id="mapping_id" value="0">
66
                </div>
67
            </td>
68
            <td>
69
                <button class="btn btn-primary removeExisting"><i class="fa fa-minus"></i></button>
70
            </td>
71
        </tr>
72
    </tbody>
73
</table>
74
 
75
<script>
76
    $(document).ready(function (){
77
        $('.selectOrCreate').select2({
78
            placeholder: "Select or add new",
79
            tags: true,
80
            createTag: function(params) {
81
                return {
82
                    id: params.term,
83
                    text: params.term,
84
                    newOption: true
85
                };
86
            },
87
            templateResult: function(data) {
88
                return data.newOption ? $('<span class="new-option">Add: ' + data.text + '</span>') : data.text;
89
            },
90
        });
91
    });
92
</script>