API tools faq
paste
Guest User

Untitled

a guest
Nov 27th, 2024
44
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.51 KB | None | 0 0
raw download clone embed print report
  1. <div class="page-block space-nav">
  2.     <div class="container container-full">
  3.         <h1 class="page-title left" [innerHTML]="'docs.geocoding_api_playground' | translate | safeHtml"></h1>
  4.         <div class="playground-description-block">
  5.             <!--  <pre>{{ form.errors | json }}</pre> -->
  6.             <p class="playground-description-block__explanation"
  7.               [innerHTML]="'playground_description' | translate | safeHtml">
  8.             </p>
  9.             <button (click)="clearValidators()">Clear</button>
  10.             <div class="w-layout-grid playground-search" [class.hide-middle]="hideMiddle$ | async">
  11.                 <div id="w-node-_91f7c517-c0b8-0073-180a-0fccaac3a78c-cd269d09"
  12.                     class="w-form">
  13.                     <form [formGroup]="form" appEnterKey>
  14.                         <app-drop-list
  15.                                [items]="getAllFormat()"
  16.                                [placeholder]="'format_response' | translate"
  17.                                [defaultItem]="initFormat"
  18.                                (selectionChange)="onChangeFormatChange($event)">
  19.                         </app-drop-list>
  20.                         <div class="playground-params label-thin direction">
  21.                             <label class="custom-radio">
  22.                                 <input type="radio" formControlName="searchType" value="{{SEARCH_TYPE_FORWARD}}"/>
  23.                                 <span class="checkmark"></span>
  24.                                 forward
  25.                             </label>
  26.                             <label class="custom-radio">
  27.                                 <input type="radio" formControlName="searchType" value="{{SEARCH_TYPE_REVERSE}}"/>
  28.                                 <span class="checkmark"></span>
  29.                                 reverse
  30.                             </label>
  31.                         </div>
  32.  
  33.                         <div class="form-input-block-playground block-search-condition"
  34.                             *ngIf="form.controls['searchType'].value !== SEARCH_TYPE_REVERSE">
  35.                             <input class="playground-params-coordinates__lat w-input" maxlength="256"
  36.                                   formControlName="search" #search1
  37.                                   (input)="onInputChange($event)"
  38.                                   placeholder="Ex. 1 rue Rivoli" type="text">
  39.                         </div>
  40.                         <div class="block-spinner-place">
  41.                             <app-spinner *ngIf="pendingSearch$ | async"
  42.                                         [size]="0.5"
  43.                                         [border]="0.5">
  44.                             </app-spinner>
  45.                         </div>
  46.  
  47.                         <div *ngIf="form.controls['searchType'].value !== SEARCH_TYPE_FORWARD"
  48.                             class="playground-coordinates-fields block-coordinates-condition">
  49.  
  50.                             <input class="playground-params-coordinates__lat w-input" maxlength="256"
  51.                                   formControlName="searchTypeLat" #reverseLat
  52.                                   placeholder="{{ 'latitude' | translate }}" type="text" required="required">
  53.  
  54.                             <input class="playground-params-coordinates__lat w-input" maxlength="256"
  55.                                   formControlName="searchTypeLon" #reverseLon
  56.                                   placeholder="{{ 'longitude' | translate }}" type="text" required="required">
  57.                         </div>
  58.  
  59.                         <span class="block-errors_item"
  60.                              *ngIf="form.hasError('invalidCoordinatesSearchType')">
  61.                                           {{ 'wrong_lat_lon' | translate }}   </span>
  62.  
  63.                         <div class="playground-params-add label-thin">
  64.                             <p class="search-additional-params">{{ 'additional_parameters' | translate }}</p>
  65.                             <label class="custom-radio">
  66.                                 <input type="radio" formControlName="optionParams" value="{{SEARCH_OPTIONS_PARAM_IP}}"/>
  67.                                 <span class="checkmark"></span>
  68.                                 IP
  69.                             </label>
  70.                             <label class="custom-radio">
  71.                                 <input type="radio" formControlName="optionParams"
  72.                                       value="{{SEARCH_OPTIONS_PARAM_COORDINATE}}"/>
  73.                                 <span class="checkmark"></span>
  74.                                 {{ 'coordinates' | translate }}
  75.                             </label>
  76.  
  77.                             <label class="custom-radio">
  78.                                 <input type="radio" formControlName="optionParams"
  79.                                       value="{{SEARCH_OPTIONS_PARAM_NONE}}"/>
  80.                                 <span class="checkmark"></span>
  81.                                 {{ 'none' | translate }}
  82.                             </label>
  83.  
  84.                             <div class="playground-coordinates-fields"
  85.                                 *ngIf="form.controls['optionParams'].value == SEARCH_OPTIONS_PARAM_COORDINATE">
  86.  
  87.                                 <input class="playground-params-coordinates__lat w-input" maxlength="256"
  88.                                       formControlName="paramLat" #paramLat
  89.                                       placeholder="{{ 'latitude' | translate }}" type="text"
  90.                                       required="required">
  91.  
  92.                                 <input class="playground-params-coordinates__lat w-input"
  93.                                       formControlName="paramLon" #paramLon
  94.                                       maxlength="256" placeholder="{{ 'longitude' | translate }}" type="text"
  95.                                       required="required">
  96.  
  97.                             </div>
  98.                             <span class="block-errors_item"
  99.                                  *ngIf="form.hasError('invalidCoordinatesOptionCoordinates')">
  100.                                           {{ 'wrong_lat_lon' | translate }}   </span>
  101.                         </div>
  102.                     </form>
  103.                 </div>
  104.  
  105.                 <div id="w-node-_217d379d-b31d-dfb8-4d65-bb713f53222a-cd269d09"
  106.                     class="playground-description-block__map"
  107.                     [class.hide-middle]="hideMiddle$ | async">
  108.                     KKKK HERE !!!!!!!!!!!!!
  109.                     <div class="form-block-4 w-form">
  110.                         <form id="email-form-2" name="email-form-2"
  111.                              data-wf-page-id="672234e8d13d3f24cd269d09"
  112.                              data-wf-element-id="9e7c337b-d033-8cc6-5c4e-83b0872d444d">
  113.                             <div class="search-block">
  114.                                 <input class="form-input search-block__inout w-input" maxlength="256" name="email"
  115.                                       placeholder="{{'address' | translate}}" required="required">
  116.                                 <div class="search-block__list">
  117.  
  118.                                     @for (address of listResponse$ | async; track address) {
  119.                                         <li>
  120.                                             {{ address.firstLine }}
  121.                                             {{ address.secondLine }}
  122.                                         </li>
  123.                                     } @empty {
  124.                                         <li>No result</li>
  125.                                     }
  126.                                 </div>
  127.                             </div>
  128.                         </form>
  129.                     </div>
  130.                 </div>
  131.                 <div id="w-node-_0425e95a-c006-939b-0abe-d107a67c2c4c-cd269d09"
  132.                     class="playground-description-block__result">
  133.                     <div class="show-more-wrapper" (click)="toggleMiddle()">
  134.                         <div class="show-more">
  135.                             <img src="/assets/images/expand-right.svg" loading="lazy" alt="" class="show-more__icon"
  136.                                 [class.right]="(hideMiddle$ | async)"
  137.                            >
  138.                             <div class="show-more__text">{{
  139.                                     !(hideMiddle$ | async)
  140.                                         ? ('show_more' | translate)
  141.                                         : ('show_less' | translate)
  142.                                 }}
  143.                             </div>
  144.                         </div>
  145.                     </div>
  146.                     <div class="request-response-block">
  147.                         <div class="request">
  148.                             <div class="request__wrapper">
  149.                                 <div class="request__header">
  150.                                     <div class="action-done__label">Request</div>
  151.                                     <div class="reqeust__type">GET</div>
  152.                                 </div>
  153.                                 <div class="request__body">
  154.                                     <div class="request__text" [innerHTML]="urlSearch.html | safeHtml">
  155.                                     </div>
  156.                                     <img (click)="copyClipboardJson()" class="copy-icon-absolut-r-b"
  157.                                         src="/assets/images/copy-green-icon.svg" loading="lazy" alt="">
  158.                                 </div>
  159.                             </div>
  160.                         </div>
  161.                         <div class="response">
  162.                             <div class="action-done__label">Response</div>
  163.                             <div class="response__wrapper">
  164.                                 <div class="response__header">
  165.                                     <div class="response-block-icon">
  166.                                         <img tooltip="{{'copy_response' | translate}}" placement="top"
  167.                                             src="/assets/images/copy-green-icon.svg" loading="lazy" alt=""
  168.                                             (click)="copyClipboardJson()" class="copy-icon-absolut-r-t">
  169.                                         <img src="/assets/images/new-window-green-icon.svg" loading="lazy" alt=""
  170.                                             class="copy-icon-absolut-r-t"
  171.                                             (click)="openResponseInTab()"
  172.                                             tooltip="{{'open_in_new_window' | translate}}" placement="top">
  173.                                     </div>
  174.                                 </div>
  175.                             </div>
  176.                             <ng-container *ngIf="!isReceived; else received">
  177.                                 <span>{{ 'do_request_for_results' | translate }}</span>
  178.                             </ng-container>
  179.  
  180.                             <ng-template #received>
  181.                                 <app-spinner *ngIf="pendingSearch$ | async"></app-spinner>
  182.                                 <ng-container *ngIf="!(pendingSearch$ | async) && structure">
  183.                                     <ngx-json-viewer [json]="structure"></ngx-json-viewer>
  184.                                 </ng-container>
  185.                             </ng-template>
  186.  
  187.                         </div>
  188.                     </div>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.     </div>
  193. </div>
  194.  
  195. <ng-template #myTemplate>
  196.     <div style="background-color: var(--green); color: white">
  197.         Tooltip Template
  198.     </div>
  199. </ng-template>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!