
<table class="table table-bordered table-striped tableTrans">
                                            <thead>
                                                <tr>
                                                    <td class="headerBox"></td>
                                                    <td class="headerKey">Property name</td>
                                                    <td class="headerModify">Propose a different value</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr ng-repeat="(propIndex,prop) in template.properties" >
                                                    <td class="leftCol">
                                                        <input type="checkbox" ng-model="wikiprops.params.templates[templateIndex].props[propIndex].checked"
                                                               />
                                                    </td>
                                                    <td class="centerCol">
                                                        <label 
                                                            title="Click for a description"
                                                            ng-click="wikiprops.showDialog($event,prop.key.desc)">{{prop.key.label}} ({{prop.key.dbpediaKey}})</label>
                                                    </td>
                                                    <td class="rightCol">
                                                        <div class="divInput" id="inputContainer">
                                                            <select class="selectType" id="selectype{{prop.key.dbpediaKey}}" ng-model="wikiprops.params.templates[templateIndex].props[propIndex].type"
                                                                    ng-show=" (wikiprops.params.templates[templateIndex].props[propIndex].selector == 'single' ||
                                                                               wikiprops.params.templates[templateIndex].props[propIndex].selector == 'nothing') &&
                                                                               wikiprops.params.templates[templateIndex].props[propIndex].valuetype != 'java.lang.String'">
                                                                <option>=</option>
                                                                <option>&lt;</option>
                                                                <option>&gt;</option>
                                                                <option>&ge;</option>
                                                                <option>&le;</option>
                                                            </select>
                                                            <select class="selectTypeString" ng-show="wikiprops.params.templates[templateIndex].props[propIndex].valuetype == 'java.lang.String'"
                                                                    ng-model="wikiprops.params.templates[templateIndex].props[propIndex].type">
                                                                <option>=</option>
                                                                <option>equals</option>
                                                                <option>starts with</option>
                                                                <option>contains</option>
                                                            </select>

                                                            <input type="text" class="inputWithSelect" ng-model="wikiprops.params.templates[templateIndex].props[propIndex].value"
                                                                   id="input{{prop.key.dbpediaKey}}"
                                                                   ng-required="wikiprops.params.templates[templateIndex].props[propIndex].checked">

                                                            <div ng-switch="wikiprops.params.templates[templateIndex].props[propIndex].valuetype">
                                                                <div ng-switch-when="java.util.Date" class="radioDataSelector" >
                                                                    <div class="radioTable dateRange radioDataSelector" prova="{{prop.key.dbpediaKey}}">
                                                                        <input type="radio" name="radio" id="radioSingle{{prop.key.dbpediaKey}}" 
                                                                               ng-model="wikiprops.params.templates[templateIndex].props[propIndex].selector"
                                                                               ng-change="wikiprops.clickSingleDate(prop.key.dbpediaKey,prop.values[0].val,
                                                                                           wikiprops.params.templates[templateIndex].props[propIndex])"
                                                                               value="single"><label for="radio1">Single</label>
                                                                        <input type="radio" name="radio" id="radioRange{{prop.key.dbpediaKey}}"
                                                                               ng-model="wikiprops.params.templates[templateIndex].props[propIndex].selector"
                                                                               ng-change="wikiprops.clickRangeDate(prop.key.dbpediaKey, prop.values[0].val,
                                                                                           wikiprops.params.templates[templateIndex].props[propIndex])"
                                                                               value="range"><label for="radio2">Range</label>
                                                                    </div>
                                                                    <div class="fromTo" id="fromTo{{prop.key.dbpediaKey}}">
                                                                        <label for="inputFrom{{prop.key.dbpediaKey}}" class="fromToLabel"
                                                                               >From:</label>
                                                                        <input type="text" id="inputFrom{{prop.key.dbpediaKey}}"
                                                                               style="width: 37%;">
                                                                        <label for="inputTo{{prop.key.dbpediaKey}}" class="fromToLabel">To:</label>
                                                                        <input type="text" id="inputTo{{prop.key.dbpediaKey}}"
                                                                               style="width: 37%;">
                                                                    </div>
                                                                </div>
                                                                <div ng-switch-when="java.lang.Long" class="radioDigitSelector" >
                                                                    <div class="radioTable radioDataSelector" prova="{{prop.key.dbpediaKey}}">
                                                                        <input type="radio" name="radio" id="radioSingle{{prop.key.dbpediaKey}}"
                                                                               ng-model="wikiprops.params.templates[templateIndex].props[propIndex].selector"
                                                                               ng-change="wikiprops.clickSingleDigit(prop.key.dbpediaKey,prop.values[0].val,
                                                                                   wikiprops.params.templates[templateIndex].props[propIndex])"
                                                                               value="single"><label for="radio1">Single</label>
                                                                        <input type="radio" name="radio" id="radioRange{{prop.key.dbpediaKey}}" 
                                                                               ng-model="wikiprops.params.templates[templateIndex].props[propIndex].selector"
                                                                               ng-change="wikiprops.clickRangeDigit(prop.key.dbpediaKey,prop.values[0].val,
                                                                                   wikiprops.params.templates[templateIndex].props[propIndex])"
                                                                               value="range"><label for="radio2">Range</label>
                                                                    </div>
                                                                    <div  id="sliderSingle{{prop.key.dbpediaKey}}" class="slider"></div>
                                                                    <div  id="sliderRange{{prop.key.dbpediaKey}}" class="slider"></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
