control.html (2427B)
1 <!-- ko if: minimizeToButton --> 2 <div class="leaflet-search-button leaflet-bar leaflet-control-single-button" 3 data-bind="attr: {title: inputPlaceholder}"> 4 <a href="#" data-bind="click: onButtonClick"> 5 <div class="icon-search"></div> 6 </a> 7 </div> 8 <!-- /ko --> 9 <!-- ko ifnot: minimizeToButton --> 10 <div class="leaflet-search-placeholder"></div> 11 <div class="leaflet-search" 12 tabindex="-1" 13 data-bind=" 14 css: {hasresults: showResults() || showError() || showWarningTooShort()}, 15 hasFocusNested: controlOrChildHasFocus, 16 event: {keydown: onKeyDown}"> 17 <div class="leaflet-search-input-wrapper"> 18 <input 19 tabindex="-1" 20 type="search" 21 maxlength="4096" 22 class="leaflet-search-input" 23 data-bind=" 24 textInput: query, 25 event: { 26 contextmenu: defaultEventHandle, 27 mousemove: defaultEventHandle 28 }, 29 hasFocus: inputHasFocus, 30 attr: { 31 placeholder: inputPlaceholder, 32 title: helpText, 33 }, 34 "> 35 <div class="leaflet-search-clear-button" data-bind="visible: query, click: onClearClick"></div> 36 </div> 37 <ul class="leaflet-search-results" data-bind="visible: showResults"> 38 <!-- ko foreach: {data: items} --> 39 <li data-bind=" 40 event: {mouseover: $root.onItemMouseOver}, 41 click: $root.onItemClick, 42 css: {highlighted: $index() === $root.highlightedIndex()}"> 43 <p><span class="title" data-bind="text: title"></span> <img class="icon" data-bind="visible: icon, attr: {src: icon}"><span class="category" data-bind="text: category"></span></p> 44 <p class="address" data-bind="text: address"></p> 45 </li> 46 <!-- /ko --> 47 <!-- ko if: attribution --> 48 <li class="search-provider-attribution"> 49 Search powered by <a data-bind=" 50 text: attribution().text, 51 attr: {href: attribution().url}, 52 event: {contextmenu: defaultEventHandle}"></a> 53 </li> 54 <!-- /ko --> 55 </ul> 56 <div class="leaflet-search-error" data-bind="visible: showError, text: error"></div> 57 <div class="leaflet-search-error" data-bind="visible: showWarningTooShort">Query too short</div> 58 </div> 59 <!-- /ko -->