nakarte

Source code of https://map.sikmir.ru (fork)
git clone git://git.sikmir.ru/nakarte
Log | Files | Refs | LICENSE

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>&nbsp;&nbsp;<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 -->