whois.handle: TELUS-FIBRE-PTCMBC2
whois.name: TELUS-FIBRE-PTCMBC02
whois.cidrs: 75.154.176.0/22
whois.created: 2021-07-27T00:00:00.000000
whois.updated: 2021-07-27T00:00:00.000000
whois.allocation_type: REASSIGNMENT
whois.handle: C07972667
whois.name: TELUS-FIBRE-PTCMBC02
whois.street: 2990 Gordon Ave
whois.city: Port Coquitlam
whois.state: BC
whois.postal_code: V3C 4S7
whois.country: CA
services.protocol: HTTP
services.transport_protocol: TCP
services.scan_time: 2025-07-27T14:57:30.941542
services.banner: HTTP/1.1 200 OK
  Date:  <REDACTED>
  Last-Modified: Wed, 18 May 1983 12:43:01 GMT
  ETag: "422138581"
  Content-Type: text/html
  Content-Length: 87
  Accept-Ranges: bytes
  Cache-Control: private
  
services.path: /
services.endpoint_type: HTTP
services.scan_time: 2025-07-27T14:57:30.941542
services.uri: http://75.154.176.221:85/
services.protocol: HTTP/1.1
services.status_reason: OK
services.key: Last-Modified
services.headers: Wed, 18 May 1983 12:43:01 GMT
services.key: Accept-Ranges
services.headers: bytes
services.key: Content-Length
services.headers: 87
services.key: Cache-Control
services.headers: private
services.key: Content-Type
services.headers: text/html
services.key: Date
services.headers: <REDACTED>
services.key: ETag
services.headers: "422138581"
services.html_tags: <META http-equiv="refresh" content="0;URL=default-en-US.htm">
services.body: <html><head><META http-equiv="refresh" content="0;URL=default-en-US.htm"></head></html>
services.body_hash_sha1: sha1:c7f5d29431c39f883431c0efc05b7fe6ff2bea7d
services.supported_versions: HTTP/1.1
services.protocol: HTTP
services.transport_protocol: TCP
services.scan_time: 2025-07-27T15:54:49.953792
services.banner: HTTP/1.1 200 OK
  Content-Length: 102663
  Server: Microsoft-HTTPAPI/2.0
  X-Frame-Options: DENY
  Content-Security-Policy: default-src 'self'; script-src 'self'; connect-src 'self' ws://*:* wss://*:*; img-src 'self' data: blob:; style-src 'self' 'unsafe-inline'; frame-ancestors 'self'; media-src data: blob: 'self' mediastream:;
  Date:  <REDACTED>
  
services.source: OSI_APPLICATION_LAYER
services.part: a
services.vendor: Milestone Systems
services.product: XProtect
services.cpe: cpe:2.3:a:milestonesys:xprotect:*:*:*:*:*:*:*:*
services.source: OSI_APPLICATION_LAYER
services.part: a
services.vendor: Microsoft
services.product: HTTP API
services.version: 2.0
services.cpe: cpe:2.3:a:microsoft:http_api:2.0:*:*:*:*:*:*:*
services.source: OSI_APPLICATION_LAYER
services.part: o
services.vendor: Microsoft
services.product: Windows
services.cpe: cpe:2.3:o:microsoft:windows:*:*:*:*:*:*:*:*
services.value: login-page
services.value: camera
services.path: /index.html
services.endpoint_type: HTTP
services.scan_time: 2025-07-27T15:54:49.953792
services.uri: http://75.154.176.221:8081/index.html
services.protocol: HTTP/1.1
services.status_reason: OK
services.key: Server
services.headers: Microsoft-HTTPAPI/2.0
services.key: X-Frame-Options
services.headers: DENY
services.key: Content-Length
services.headers: 102663
services.key: Content-Security-Policy
services.headers: default-src 'self'; script-src 'self'; connect-src 'self' ws://*:* wss://*:*; img-src 'self' data: blob:; style-src 'self' 'unsafe-inline'; frame-ancestors 'self'; media-src data: blob: 'self' mediastream:;
services.key: Date
services.headers: <REDACTED>
services.html_tags: <title data-translate="Title" id="pageTitle">Web Client</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="user-scalable=no,width=device-width,maximum-scale=1.0,initial-scale=1.0" />
services.body: <!DOCTYPE html>
  <html>
  <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title data-translate="Title" id="pageTitle">Web Client</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  
      <link rel="stylesheet" href="css/main.min.css" />
      
      <!-- Settings file for the entire application -->
      <script src="js/settings.js" type="text/javascript"></script>
      <script src="Configuration?callback=UpdateSettings"></script>
  
      <!-- Localized Strings file -->
      <script src="js/lang/en-US.js" id="lang-source"></script>
  
      <script src="js/main.min.js"></script>
      
      <meta name="viewport" content="user-scalable=no,width=device-width,maximum-scale=1.0,initial-scale=1.0" />
  </head>
  <body>
      <noscript>
          You need to have JavaScript enabled to use the client.
      </noscript>
  
      <section id="topNavigation"></section>
  
      <section id="loginWindow" data-translationContext="LoginWindow">
  
          <header>
              <h1 class="tmpl_titleElement title" data-translate="Title"></h1>
              <h2 class="tmpl_subtitleElement subtitle" data-translate="SubTitle"></h2>
              <a href="#" class="tmpl_customLink customLink" target="_blank">&nbsp;</a>
  
              <a href="#" class="tmpl_currentLanguageElement currentLanguage"></a>
  
              <ul id="languageMenu" class="tmpl_languageMenuElement languageMenu">
                  <li data-locale="ar-SA">
                      <span>Arabic</span>
                      -
                      <span>العربية</span>
                  </li>
                  <li data-locale="bg-BG">
                      <span>Bulgarian</span>
                      -
                      <span>Български</span>
                  </li>
                  <li data-locale="zh-CN">
                      <span>Chinese Simplified</span>
                      -
                      <span>简体中文</span>
                  </li>
                  <li data-locale="zh-TW">
                      <span>Chinese Traditional</span>
                      -
                      <span>繁體中文</span>
                  </li>
                  <li data-locale="hr-HR">
                      <span>Croatian</span>
                      -
                      <span>Hrvatski</span>
                  </li>
                  <li data-locale="cs-CZ">
                      <span>Czech</span>
                      -
                      <span>Čeština</span>
                  </li>
                  <li data-locale="da-DK">
                      <span>Danish</span>
                      -
                      <span>Dansk</span>
                  </li>
                  <li data-locale="nl-NL">
                      <span>Dutch</span>
                      -
                      <span>Nederlands</span>
                  </li>
                  <li data-locale="en-US">
                      <span>English</span>
                  </li>
                  <li data-locale="fa-IR">
                      <span>Farsi</span>
                      -
                      <span>فارسی</span>
                  </li>
                  <li data-locale="fi-FI">
                      <span>Finnish</span>
                      -
                      <span>Suomi</span>
                  </li>
                  <li data-locale="fr-FR">
                      <span>French</span>
                      -
                      <span>Français</span>
                  </li>
                  <li data-locale="de-DE">
                      <span>German</span>
                      -
                      <span>Deutsch</span>
                  </li>
                  <li data-locale="he-IL">
                      <span>Hebrew</span>
                      -
                      <span>עברית</span>
                  </li>
                  <li data-locale="hi-IN">
                      <span>Hindi</span>
                      -
                      <span>हिंदी</span>
                  </li>
                  <li data-locale="hu-HU">
                      <span>Hungarian</span>
                      -
                      <span>Magyar</span>
                  </li>
                  <li data-locale="is-IS">
                      <span>Icelandic</span>
                      -
                      <span>íslenska</span>
                  </li>
                  <li data-locale="it-IT">
                      <span>Italian</span>
                      -
                      <span>Italiano</span>
                  </li>
                  <li data-locale="ja-JP">
                      <span>Japanese</span>
                      -
                      <span>日本語</span>
                  </li>
                  <li data-locale="ko-KR">
                      <span>Korean</span>
                      -
                      <span>한국어</span>
                  </li>
                  <li data-locale="nb-NO">
                      <span>Norwegian</span>
                      -
                      <span>Norsk</span>
                  </li>
                  <li data-locale="pl-PL">
                      <span>Polish</span>
                      -
                      <span>Polski</span>
                  </li>
                  <li data-locale="pt-BR">
                      <span>Portuguese (Brazil)</span>
                      -
                      <span>Português (Brasil)</span>
                  </li>
                  <li data-locale="ru-RU">
                      <span>Russian</span>
                      -
                      <span>Русский</span>
                  </li>
                  <li data-locale="sr-Latn-RS">
                      <span>Serbian</span>
                      -
                      <span>Српски</span>
                  </li>
                  <li data-locale="sk-SK">
                      <span>Slovak</span>
                      -
                      <span>Slovenčina</span>
                  </li>
                  <li data-locale="es-ES">
                      <span>Spanish</span>
                      -
                      <span>Español</span>
                  </li>
                  <li data-locale="sv-SE">
                      <span>Swedish</span>
                      -
                      <span>Svenska</span>
                  </li>
                  <li data-locale="th-TH">
                      <span>Thai</span>
                      -
                      <span>ไทย</span>
                  </li>
                  <li data-locale="tr-TR">
                      <span>Turkish</span>
                      -
                      <span>Türkçe</span>
                  </li>
                  <li data-locale="pseudo">
                      <span>Pseudo</span>
                      -
                      <span>検हाँ_Pseudo_#送n</span>
                  </li>
              </ul>
  
          </header>
  
          <div id="mainArea" class="tmpl_main">
  
              <div class="loginArea">
  
                  <div class="tmpl_loadingApplicationElement loadingApp" data-translate="Loading">
                      Loading...
                  </div>
  
                  <form method="get" action="#" class="tmpl_form" autocomplete="off">
                      <h3 class="tmpl_pageTitleElement" data-translate="PageTitle"></h3>
  
                      <input type="text" autocomplete="off" class="tmpl_usernameInput username" value="" data-translate="Username" placeholder="" title="" />
                      <input type="password" autocomplete="off" class="tmpl_passwordInput password" value="" data-translate="Password" placeholder="" title="" />
                      <input type="text" class="tmpl_codeInput code" value="" data-translate="Code" placeholder="" title="" />
  
                      <a class="tmpl_submit submit" data-translate="LoginButton" title="">
                          <div class="tmpl_submitLoading submitLoading"></div>
                          <span class="tmpl_submitText submitText" data-translate="Login"></span>
                      </a>
                      <input type="submit" value="" class="" />
                      <span class="tmpl_loginMessage loginMessage"></span>
                      <span class="tmpl_loadingContainer loadingContainer"></span>
                      <a class="tmpl_codeRequest optionalLink codeRequest" data-translate="CodeRequest">Request new code</a>
                      <span class="tmpl_capsLockMessage warning" data-translate="CapsLockIsOn"></span>
  
  
                      <div class="tmpl_shareButton optionalButton share" data-translate="ShareTitle" title="Share external URL">
                          <span data-translate="Share">Share</span>
                          <div>
                              <input type="text" class="tmpl_shareAddress" autocomplete="off" value="" data-translate="ShareAddress" placeholder="" />
                              <label data-translate="ShareSendToEmail">Sent to email</label>
                              <div>
                                  <a href="#" class="tmpl_shareSend" data-translate="ShareSend">Send</a>
                                  <span><input type="text" class="tmpl_shareEmail" autocomplete="off" value="" data-translate="ShareEmail" placeholder="" /></span>
                              </div>
                              <span class="tmpl_shareClose"></span>
                          </div>
                      </div>
                      <a href="#" class="tmpl_manageButton optionalButton manage" target="_self" data-translate="ManageTitle" title="Manage your device">
                          <span data-translate="Manage">Manage</span>
                      </a>
  
                  </form>
  
              </div>
  
              <!-- the blue boxes -->
  
          </div>
  
          <div class="legalText">
              <span class="tmpl_legalCopyright">&copy; <span id="copyrightYear">2019</span> <span data-translate="Company"></span> | </span>
              <span class="tmpl_legalLinkWrapper">
                  <a class="tmpl_legalLink" href="#" data-translate="Legal" target="_blank"></a><span> | </span>
              </span>
              <span id="mobileServerVersion"></span>
          </div>
  
      </section>
  
      <section id="viewsListView" data-translationContext="ViewsList">
  
          <section id="searchResults">
              <div class="main">
                  <!-- contains breadcrumb and grid -->
                  <div class="tmpl_breadcrumb breadcrumb">
                      <span class="searchResultsLabel" data-translate="SearchResults"></span>
                      <span class="tmpl_matchesFoundText matchesFoundText"></span>
                  </div>
                  <div class="gridContainer"></div>
              </div>
          </section>
  
          <div class="tmpl_panelContainer panelContainer"></div>
  
          <div class="main">
              <!-- contains breadcrumb and grid -->
              <ul class="tmpl_breadcrumb breadcrumb">
                  <li></li>
              </ul>
              <div class="tmpl_containerElement gridContainer"></div>
          </div>
  
          <!--
              TODO: uncomment once the feature is officially supported, US 202693
  
              <div class="tmpl_buttonsMenu buttonsMenu">
                  <div class="tmpl_micButtonCamsInView btn micButton hidden featureDisabled disabled">VIEW</div>
                  <div class="tmpl_pttErrorMessage pttErrorMessageWrapper"></div>
              </div>
          -->
  
      </section>
  
      <section id="investigationModeView" class="functionalPageBar" data-translationContext="InvestigationMode">
  
          <div class="tmpl_menuIcon menuIcon">
              <div></div>
              <div></div>
              <div></div>
          </div>
  
          <div class="tmpl_addCameraPanelContainer tiledPanelContainer"></div>
  
          <div class="main">
              <!-- contains top bar, grid and timeline -->
  
              <div class="titleBar">
  
                  <div class="buttons">
  
                      <div class="tmpl_saveMenu saveMenu">
  
                          <div class="tmpl_saveProgress progress"></div>
  
                          <div class="label">
                              <span class="tmpl_saveMenuText text" data-translate="Save"></span>
                          </div>
  
                          <div class="icon"></div>
                          <div class="tmpl_cancelInvestigation close hidden"></div>
                      </div>
  
                      <div class="dropdownMenu" data-attachedToClass="saveMenu">
                          <ul>
                              <li data-type="overwrite" data-translate="Save"></li>
                              <li data-type="create" data-translate="SaveAs"></li>
                          </ul>
                      </div>
  
                  </div>
  
                  <div class="tmpl_createNewInvestigation createNewInvestigation" data-translate="NewInvestigation"></div>
  
                  <div class="title">
                      <span class="tmpl_investigationName"></span>
                      <span class="tmpl_editIndicator editIndicator">*</span>
                  </div>
  
                  <div class="tmpl_errorMessage errorMessage message">
                      <span data-translate="Error"></span>
                      <span class="errorLabel"></span>
                  </div>
  
                  <div class="tmpl_notificationMessage notificationMessage message"></div>
  
              </div>
  
              <div class="tmpl_loadInvestigationArea thumbnailsAndTimeline">
  
                  <div class="scrollableArea">
                      <div class="tmpl_gridContainer gridContainer">
                      </div>
  
                  </div>
                  <div class="timeline tmpl_timelineContainer"></div>
  
                  <div class="tmpl_emptyMessage emptyMessage">
  
                      <div class="messageForImport">
                          <p data-translate="ImportMessage"></p>
                      </div>
  
                      <div class="messageForDeletion">
                          <p data-translate="DeletionMessage"></p>
                      </div>
  
                      <div class="messageForNonExistence">
                          <p data-translate="NonExistenceMessage"></p>
                          <p class="details" data-translate="NonExistenceDetails"></p>
                      </div>
  
                      <div class="generalMessage">
                          <a class="tmpl_openAddCamera" href="#" data-translate="EmptyMsgGeneralFirstLine"></a>
                          <p class="details" data-translate="EmptyMsgGeneralOr"></p>
                          <a class="tmpl_openList" href="#" data-translate="EmptyMsgGeneralSecondLine"></a>
  
                          <div class="tmpl_importFootage importFootage">
                              <p class="details" data-translate="EmptyMsgGeneralOr"></p>
                              <a class="tmpl_openImport" href="#" data-translate="EmptyMsgGeneralThirdLine"></a>
                              <span class="tmpl_selectImport selectImport" data-translate="EmptyMsgGeneralThirdLineDescription"></span>
                              <input class="tmpl_browseImport browseImport" type="file">
                          </div>
                      </div>
                  </div>
              </div>
  
  
              <div class="tmpl_dateTimePickerContainer dateTimePickerContainer">
                  <div class="tmpl_dateTimePickerWrapper dateTimePickerWrapper"></div>
              </div>
  
          </div>
  
          <div class="templates">
  
              <div class="tmpl_investigationNameForm investigationNameForm">
                  <label for="investigationNameInputField" data-translate="InvestigationName"></label>
                  <input id="investigationNameInputField" maxlength="255" class="tmpl_investigationNameField" type="text" />
                  <p class="tmpl_investigationNameErrorMessage investigationNameErrorMessage"></p>
              </div>
  
          </div>
  
      </section>
  
      <section id="mapView" data-translationContext="Map">
  
          <div class="tmpl_mapContainer mapContainer"></div>
          <b class="tmpl_close close"></b>
  
      </section>
  
      <section id="alarmsView" class="activePanel functionalPageBar" data-translationContext="Alarms">
  
          <div class="tmpl_menuIcon menuIcon">
              <div></div>
              <div></div>
              <div></div>
          </div>
  
          <div class="tmpl_panelContainer tiledPanelContainer"></div>
  
          <div class="tmpl_main main">
              <!-- contains grid, timeline and alarm details -->
  
              <div class="tmpl_loadingContainer loadingContainer">
                  <div class="tmpl_loadingContent loadingContent"></div>
              </div>
  
              <div class="tmpl_mainDetails mainDetails">
                  <div class="titleBar">
  
                      <div class="tmpl_investigateButton investigateButton actionButton" data-translate="Investigate"></div>
  
                      <div class="title">
                          <span class="tmpl_alarmName"></span>
                      </div>
  
                      <div class="tmpl_errorMessage errorMessage message">
                          <span data-translate="Error"></span>
                          <span class="tmpl_errorLabel errorLabel"></span>
                      </div>
  
                  </div>
  
                  <h4>
                      <span class="tmpl_alarmMessage"></span>
                      <span class="tmpl_alarmTimestamp"></span>
                  </h4>
  
                  <div class="tmpl_thumbnailsAndTimeline thumbnailsAndTimeline">
  
                      <div class="scrollableArea">
                          <div class="tmpl_gridContainer gridContainer"></div>
                      </div>
                      <div class="timeline tmpl_timelineContainer"></div>
  
                  </div>
  
                  <div class="tmpl_details details">
  
                      <div class="tmpl_selectContainer selectContainer"></div>
  
                      <ul>
  
                          <li>
                              <span data-translate="Instructions" class="tmpl_instructionHeading"></span>
                              <span class="tmpl_description"></span>
                          </li>
  
                          <li>
                              <span data-translate="Source" class="tmpl_sourceHeading"></span>
                              <span class="tmpl_source"></span>
                          </li>
  
                          <li>
                              <span data-translate="AlarmDefinition" class="tmpl_definitionHeading"></span>
                              <span class="tmpl_name alarm_definition"></span>
                          </li>
  
                      </ul>
  
                  </div>
  
                  <div class="tmpl_menuContainer menuContainer"></div>
  
              </div>
  
          </div>
  
      </section>
  
      <section id="exportListView" data-translationContext="ExportList">
  
          <div class="title">
  
              <h2 class="tmpl_exportListTypeHeader exportListTypeHeader" data-translate="MyExports"></h2>
  
              <div class="tmpl_exportListTypeMenu dropdownMenu exportListTypeMenu" data-attachedToClass="exportListTypeHeader">
                  <ul>
                      <li data-show="MyExports" data-translate="MyExports"></li>
                      <li data-show="AllExports" data-translate="AllExports"></li>
                  </ul>
                  <div class="pointer"></div>
              </div>
  
              <div class="sortByElement" id="exportSortByElement">
                  <span data-translate="SortBy"></span>
                  <span class="sortByWhat tmpl_sortByWhat" data-translate="Date"></span>
              </div>
  
              <div class="dropdownMenu sort" id="exportSortByMenu" data-attachedToClass="sortByElement">
                  <ul>
                      <li data-sortBy="Date" data-translate="Date"></li>
                      <li class="tmpl_sortByUserMenuItem" data-sortBy="User" data-translate="User"></li>
                      <li data-sortBy="Size" data-translate="Size"></li>
                  </ul>
                  <div class="pointer"></div>
              </div>
  
          </div>
  
          <div class="tmpl_noExportsElement noExports"><span data-translate="NoExportsMessage">There are currently no exports available.</span></div>
  
          <div class="tmpl_contentWrapperElement contentWrapper">
  
              <div id="exportList" class="tmpl_exportListElement">
                  <div class="tmpl_loadingContainer loadingContainer">
                      <div class="tmpl_loadingContent loadingContent"></div>
                  </div>
                  <div id="exportListScrollableArea" class="tmpl_exportListScrollableArea exportListScrollableArea">
                      <!-- export items -->
                  </div>
              </div>
  
              <div id="exportPreviewContainer" class="tmpl_previewElement">
                  <div class="tmpl_previewMessageElement previewMessage">
                      <div class="tmpl_previewMessageTextElement messageText"></div>
                  </div>
                  <div class="logo">
                      <span class="customLogo"></span>
                  </div>
                  <!-- exportPreview -->
              </div>
  
          </div>
  
      </section>
  
      <section id="actionListView" data-translationContext="ActionList">
  
          <div class="tmpl_scrollContainerElement scrollContainer">
              <ul class="tmpl_actionItemsElement actionItems"></ul>
          </div>
          <span class="tmpl_messageElement message"></span>
          <div class="tmpl_noVideoElement noVideo">
              <p data-translate="NoVideo"></p>
          </div>
  
      </section>
  
      <section id="fullscreenView" data-translationContext="FullscreenView">
  
          <ul class="tmpl_breadcrumb breadcrumb">
              <li></li>
          </ul>
  
          <div class="tmpl_imageOuterContainer imageOuterContainer">
  
              <div class="tmpl_dateTimePickerContainer dateTimePickerContainer">
                  <div class="tmpl_dateTimePickerWrapper dateTimePickerWrapper"></div>
              </div>
  
              <div class="tmpl_resizeHandle resizeHandle"></div>
  
              <div class="tmpl_switchToGridButton switchToGridButton" data-translate="SwitchToGridButton" title="Grid view"></div>
              <div class="tmpl_actionsForViewElement actionsForView" data-translate="ActionsForView" title="Actions">
                  <div class="tmpl_actionListMenuElement actionListMenu dropdownMenu" data-attachedToClass="tmpl_actionsForViewElement">
                      <ul></ul>
                  </div>
                  <div class="tmpl_actionLoading actionLoading"></div>
              </div>
              <div class="tmpl_micButtonCamsInView btn micButtonView hidden featureDisabled disabled"></div>
              <div class="tmpl_pttErrorMessage pttErrorMessageWrapper"></div>
  
              <span class="tmpl_switchToNormalButton switchToNormalButton"></span>
              <div class="tmpl_gridContainer gridContainer"></div>
  
          </div>
  
          <div class="tmpl_thumbnailsScroller thumbsScroller">
              <div class="tmpl_thumbnailsScrollerContent scrollContent">
                  <div class="tmpl_thumbnailsContainer container"></div>
              </div>
          </div>
      </section>
  
      <section id="systemStatusView" data-translationContext="SystemStatus">
  
          <div class="tmpl_menu menu"></div>
          <div class="tmpl_systemElement systemElement"></div>
  
      </section>
  
      <section id="settingsListView" data-translationContext="SettingsList">
  
          <div class="tmpl_menu menu"></div>
  
          <div class="tmpl_autoDetection autoDetection">
              <div class="tmpl_autoDiscoveryToggleContainer toggleContainer">
              </div>
              <form class="tmpl_autoDetectionWrapper autoDetectionWrapper">
                  <button class="tmpl_addCameraElement toggleAutoDetectButton icon-plus" data-translate="autoDetectButton" type="button">Add camera</button>
                  <fieldset class="tmpl_cameraCredentials cameraCredentials">
                      <input type="text" name="cameraAddressElement" id="cameraAddressElement" data-validation="Ip" class="tmpl_autoDetectionElement" data-translate="autoDetectLabel" placeholder="Is your camera not automatically detected?" />
                      <input type="text" name="cameraUsernameElement" id="cameraUsernameElement" data-validation="String" class="tmpl_cameraUsernameElement cameraUsernameElement" data-translate="cameraUsernameElement" placeholder="User name if known" />
                      <input autocomplete="off" type="password" name="cameraPasswordElement" id="cameraPasswordElement" data-validation="String" class="tmpl_cameraPasswordElement cameraPasswordElement" data-translate="cameraPasswordElement" placeholder="Password if known" />
  
                      <div class="tmpl_autoDetectionButtons autoDetectionButtons">
                          <button class="tmpl_autoDetectionButton okButton" type="button"></button>
                          <button class="tmpl_cancelDetectionButton cancelButton" type="button"></button>
                      </div>
                  </fieldset>
              </form>
              <span class="tmpl_autoDetectionErrorElement autoDetectionErrorElement"></span>
          </div>
          <div class="tmpl_scrollElement scrollElement">
              <div class="tmpl_listElementWrapper listElementWrapper">
                  <div class="tmpl_listElement listElement" id="settingsList"><span data-translate="loadingCameras">Loading camera's data ...</span></div>
                  <div class="tmpl_disabledElement disabledElement">
                      <a href="#" class="tmpl_disabledCamerasToggleElement">
                          <span class="tmpl_disabledCamerasNumberElement disabledCamerasNumberElement"></span>
                          <span data-translate="disabledCamerasLabel">Disabled camera(s)</span>
                          <span class="tmpl_disabledCamerasToggleFlagElement disabledCamerasToggleFlagElement"></span>
                      </a>
                      <div class="tmpl_disabledCamerasContainer disabledCamerasContainer"></div>
                  </div>
              </div>
          </div>
  
          <div class="tmpl_systemElement systemElement"></div>
      </section>
  
      <section id="usersListView" data-translationContext="UsersList">
  
          <div class="tmpl_menu menu"></div>
  
          <div class="tmpl_addUser addUser">
              <div class="addUserTitleElement">
                  <a href="#" id="addUserButton" class="tmpl_addUserTitleElement" data-translate="AddNewUser">Add new user</a>
                  <span class="tmpl_manualUserAddErrorElement manualUserAddErrorElement"></span>
              </div>
              <div class="tmpl_addUserWrapper addUserWrapper">
                  <fieldset>
                      <input type="text" name="usernameElement" id="usernameElement" data-validation="String" class="tmpl_usernameElement usernameElement" data-translate="usernameElement" placeholder="User name" />
                      <input autocomplete="off" type="password" name="passwordElement" id="passwordElement" data-validation="String" class="tmpl_passwordElement passwordElement" data-translate="passwordElement" placeholder="Password" />
                      <input autocomplete="off" type="password" name="rePasswordElement" id="rePasswordElement" data-validation="String" class="tmpl_rePasswordElement rePasswordElement" data-translate="rePasswordElement" placeholder="Retype password" />
                      <div class="buttons">
                          <button data-translate="OKButton" class="tmpl_okButton" type="button">OK</button>
                          <button data-translate="CancelButton" class="tmpl_cancelButton" type="button">Cancel</button>
                      </div>
                  </fieldset>
              </div>
          </div>
          <div class="tmpl_scrollElement scrollElement">
              <div class="tmpl_listElementWrapper listElementWrapper">
                  <div class="tmpl_listElement listElement" id="usersList"><span data-translate="loadingUsers">Loading user's data ...</span></div>
              </div>
          </div>
  
          <div class="tmpl_systemElement systemElement"></div>
      </section>
  
      <section id="networksListView" data-translationContext="NetworksList">
  
          <div class="tmpl_menu menu"></div>
  
          <div class="showPortSettings">
              <button class="tmpl_showPortSettingsButton" data-translate="portSettingsButton" type="button">Edit port settings</button>
          </div>
  
          <div class="tmpl_scrollElement scrollElement">
              <div class="tmpl_listElementWrapper listElementWrapper">
                  <div class="tmpl_listElement listElement" id="networksList"><span data-translate="loadingNetworks">Loading network's data ...</span></div>
              </div>
          </div>
  
          <div class="tmpl_systemElement systemElement"></div>
      </section>
  
  
      <section id="notificationsListView" data-translationContext="NotificationsList">
  
          <div class="tmpl_menu menu"></div>
  
          <div class="tmpl_addNotification addNotification">
              <div class="addNotificationTitleElement">
                  <a href="#" class="tmpl_addNotificationTitleElement" id="addNotificationButton" data-translate="AddNewNotification">Add new notification</a>
              </div>
          </div>
          <div class="tmpl_scrollElement scrollElement">
              <div class="tmpl_listElementWrapper listElementWrapper">
                  <div class="tmpl_listElement listElement" id="notificationsList"><span data-translate="loadingNotifications">Loading notifications' data ...</span></div>
              </div>
          </div>
  
          <div class="tmpl_systemElement systemElement"></div>
      </section>
  
  
      <section id="datetimeListView" class="transitionEnded" data-translationContext="DatetimesList">
  
          <div class="tmpl_menu menu"></div>
  
          <div class="tmpl_scrollElement scrollElement">
              <div class="tmpl_listElementWrapper listElementWrapper">
                  <div class="tmpl_listElement listElement" id="datetimeList"></div>
              </div>
          </div>
  
          <div class="tmpl_systemElement systemElement"></div>
      </section>
  
      <section id="myProfileListView" class="transitionEnded" data-translationContext="MyProfileList">
  
          <div class="tmpl_menu menu"></div>
  
          <div class="tmpl_scrollElement scrollElement">
              <div class="tmpl_listElementWrapper listElementWrapper">
                  <div class="tmpl_listElement listElement" id="datetimeList"></div>
              </div>
          </div>
  
          <div class="tmpl_systemElement systemElement"></div>
      </section>
  
      <section id="connectionListView" class="transitionEnded" data-translationContext="portSettings">
          <div class="tmpl_menu menu"></div>
          <div class="tmpl_scrollElement scrollElement">
              <div class="tmpl_listElementWrapper listElementWrapper">
                  <div class="tmpl_listElement listElement"></div>
              </div>
          </div>
          <div class="tmpl_systemElement systemElement"></div>
      </section>
  
      <section id="settingsView" data-translationContext="Settings">
  
          <div class="tmpl_menu menu"></div>
  
          <div class="content">
  
              <div class="tmpl_segmentationOption option">
                  <h2 data-translate="SegmentationTitle"></h2>
                  <div class="text">
                      <p data-translate="SegmentationInfo"></p>
                      <p class="tmpl_segmentationContent"></p>
                  </div>
                  <div class="toggleContainer">
                      <label data-translate="SegmentationToggle" class="toggleLabel" id="SegmentationToggleLabel"></label>
                      <div class="tmpl_segmentationToggle"></div>
                  </div>
              </div>
  
              <div class="tmpl_webSocketOption option">
                  <h2 data-translate="WebSocketTitle"></h2>
                  <div class="text">
                      <p data-translate="WebSocketInfo"></p>
                      <p class="tmpl_webSocketContent"></p>
                  </div>
                  <div class="toggleContainer">
                      <label data-translate="WebSocketToggle" class="toggleLabel" id="WebSocketToggleLabel"></label>
                      <div class="tmpl_webSocketToggle"></div>
                  </div>
              </div>
  
              <div class="tmpl_ptzControlOption option">
                  <h2 data-translate="PtzControlTitle"></h2>
                  <div class="text">
                      <p data-translate="PtzControlInfo"></p>
                  </div>
                  <div class="selectContainer">
                      <div class="tmpl_ptzControlSelect"></div>
                  </div>
              </div>
  
              <div class="tmpl_audioSettingsOption option">
                  <h2 data-translate="AudioSettingsTitle"></h2>
                  <div class="tmpl_settingContainer settingContainer">
                      <div class="text">
                          <p data-translate="AudioRecordingDeviceInfo"></p>
                      </div>
                      <div class="selectContainer">
                          <div class="tmpl_audioRecordingDeviceSelect"></div>
                      </div>
                      <div class="grayOutOverlay"></div>
                  </div>
                  <div class="tmpl_audioSettingsError error"></div>
              </div>
  
          </div>
  
      </section>
  
      <div id="fullscreenViewContainer"></div>
  
      <div id="appLoadingContainer"><div id="appLoading"></div></div>
  
      <div id="templates">
  
          <div id="dropdownMenu" class="dropdownMenu" data-attachedToClass="">
              <ul class="tmpl_dropdownContent"></ul>
          </div>
  
          <div id="settingsMenu" class="settingsMenu" data-attachedToClass="">
              <ul class="tmpl_settingsMenuContent"></ul>
          </div>
  
          <div id="messageBar" class="messageBar" data-translationContext="MessageBar">
              <span class="tmpl_message message"></span>
              <a class="tmpl_link link" href="#"></a>
              <a class="tmpl_close close" href="#"></a>
          </div>
  
          <ul id="gridColumnTemplate" class="gridColumn">
              <li class="tmpl_gridItem gridItem"></li>
          </ul>
  
          <div id="addCameraTemplate" class="sidePanel" data-translationContext="CameraPanel">
              <div class="header">
                  <div>
                      <h1 data-translate="AddCameras">Add Cameras</h1>
                  </div>
                  <div class="tmpl_closeIcon closeIcon"></div>
              </div>
          </div>
  
          <div id="investigationPanelTemplate" class="tiledSidePanel investigationSidePanel" data-translationContext="InvestigationPanel">
  
              <ul>
  
                  <li class="addCameraItem">
                      <h2 class="tmpl_addCameraHeading addCameraHeading" data-translate="AddCameras"></h2>
                      <div class="tmpl_addCameraContent addCameraContent"></div>
                      <div class="tmpl_exportMessage exportMessage" data-translate="AddCameraExport"></div>
                  </li>
  
                  <li class="itemsListItem">
  
                      <h2 class="tmpl_listHeading listHeading" data-translate="ListOfInvestigations"></h2>
  
                      <div class="tmpl_filterHeading filterHeading">
                          <div class="tmpl_investigationsType allMyType filter">
                              <span class="tmpl_filterLabel" data-translate="AllInvestigations"></span>
                              <div class="dropdownMenu" data-attachedToClass="allMyType">
                                  <ul>
                                      <li data-type="type" data-criteria="my" data-translate="MyInvestigations"></li>
                                      <li data-type="type" data-criteria="all" data-translate="AllInvestigations"></li>
                                  </ul>
                              </div>
                          </div>
                          <div class="sortCriteria filter">
                              <span class="tmpl_sortLabel" data-translate="SortBy_date"></span>
                              <div class="dropdownMenu" data-attachedToClass="sortCriteria">
                                  <ul>
                                      <li data-type="sort" data-criteria="date" data-translate="DateModified"></li>
                                      <li data-type="sort" data-criteria="state" data-translate="State"></li>
                                  </ul>
                              </div>
                          </div>
                      </div>
  
                      <div class="tmpl_listContent listContent">
                          <div class="tmpl_listInvestigations"></div>
                          <div class="tmpl_noInvestigationsMessage noItemsMessage" data-translate="NoInvestigationsMessage"></div>
                      </div>
                  </li>
  
              </ul>
  
              <div class="text">
                  <p data-translate="PanelIntroFirstLine"></p>
                  <p data-translate="PanelIntroSecondLine"></p>
              </div>
  
          </div>
  
          <div id="alarmsPanelTemplate" class="tiledSidePanel alarmsSidePanel active itemsListActive" data-translationContext="AlarmsPanel">
  
              <ul>
  
                  <li class="itemsListItem">
  
                      <h2 class="tmpl_listHeading listHeading" data-translate="ListOfAlarms"></h2>
  
                      <div class="tmpl_filterHeading filterHeading">
                          <div class="tmpl_alarmsType allMyType filter">
                              <span class="tmpl_filterLabel" data-translate="AllAlarms"></span>
                              <div class="dropdownMenu" data-attachedToClass="allMyType">
                                  <ul>
                                      <li data-criteria="my" data-translate="MyAlarms"></li>
                                      <li data-criteria="all" data-translate="AllAlarms"></li>
                                  </ul>
                              </div>
                          </div>
                          <div class="tmpl_filter sortCriteria filter">
                              <span class="tmpl_sortLabel" data-translate="Filter"></span>
                              <div class="tmpl_filterMenu filterMenu">
                                  <h5 data-translate="States" id="filterStateHeader"></h5>
                                  <div class="tmpl_statesControls"></div>
                                  <h5 data-translate="Priorities" id="filterPriorityHeader"></h5>
                                  <div class="tmpl_prioritiesControls"></div>
                              </div>
                          </div>
                      </div>
  
                      <div class="tmpl_loadingContainer loadingContainer">
                          <div class="tmpl_loadingContent loadingContent"></div>
                      </div>
  
                      <div class="tmpl_listContent listContent">
                          <div class="tmpl_listAlarms"></div>
                          <div class="tmpl_noAlarmsMessage noItemsMessage" data-translate="NoAlarmsMessage"></div>
                      </div>
                  </li>
  
              </ul>
  
              <div id="alarmPanelText" class="text">
                  <p data-translate="PanelIntroFirstLine"></p>
                  <p data-translate="PanelIntroSecondLine"></p>
              </div>
  
          </div>
  
          <div id="investigationItemTemplate" class="investigationItem" data-translationContext="InvestigationItem">
  
              <div class="tmpl_container container">
  
                  <div class="right">
                      <div class="tmpl_state state"></div>
                      <div class="dropdownMenu" data-attachedToClass="state">
                          <ul>
                              <li data-translate="InProgress" data-type="InProgress"></li>
                              <li data-translate="Completed" data-type="Completed"></li>
                          </ul>
                      </div>
                      <div class="actions">
                          <div class="tmpl_delete delete" data-translate="Delete"></div>
                          <div class="tmpl_download download" data-translate="GoToExports"></div>
                      </div>
                  </div>
  
                  <div class="left">
                      <div class="investigation-list-item-main">
                          <h3 class="tmpl_title" data-translate="Rename"></h3>
                          <p class="subinfo">
                              <span>
                                  <span data-translate="Modified"></span>
                                  <span class="tmpl_modified"></span>
                              </span>
                              <span>
                                  <span data-translate="Owner"></span>
                                  <span class="tmpl_owner"></span>
                              </span>
                          </p>
                          <p class="tmpl_investigationError investigationError">
                              <span data-translate="Error"></span>
                              <span class="errorLabel"></span>
                          </p>
                      </div>
                      <ul class="details">
                          <li>
                              <span class="tmpl_startTimeLabel" data-translate="Start"></span>
                              <span class="tmpl_startTime"></span>
                          </li>
                          <li class="endTime">
                              <span data-translate="End"></span>
                              <span class="tmpl_endTime"></span>
                          </li>
                      </ul>
                  </div>
                  <span class="oldInvestigationAudioLabel" data-translate="NoSoundAvailable"></span>
              </div>
  
              <div class="tmpl_exports exports">
  
                  <div class="tmpl_close close"></div>
  
                  <ul>
                      <li class="binary">
                          <a class="tmpl_binaryButton button" data-type="Binary" target="_blank" download>
                              <div class="progress"></div>
                              <div class="label">
                                  <span class="buttonText"></span>
                              </div>
                          </a>
                          <div class="tmpl_deleteBinary deleteExport" data-type="Binary"></div>
                          <div class="content">
                              <div class="exportPackageName">
                                  <span class="type" data-translate="BinaryPackage"></span>
                                  <span class="size"></span>
                              </div>
                              <label class="includeCheckboxWrapper">
                                  <input class="includeCheckboxInput" type="checkbox" />
                                  <span class="includeCheckboxText" data-translate="IncludeAudioInExport"></span>
                              </label>
                          </div>
                          <p class="errorMessage"></p>
                      </li>
                      <li class="avi">
                          <a class="tmpl_aviButton button" data-type="Avi" target="_blank" download>
                              <div class="progress"></div>
                              <div class="label">
                                  <span class="buttonText"></span>
                              </div>
                          </a>
                          <div class="tmpl_deleteAvi deleteExport" data-type="Avi"></div>
                          <div class="content">
                              <div class="exportPackageName">
                                  <span class="type" data-translate="AVIPackage"></span>
                                  <span class="size"></span>
                              </div>
                              <label class="includeCheckboxWrapper">
                                  <input class="includeCheckboxInput" type="checkbox" />
                                  <span class="includeCheckboxText" data-translate="IncludeAudioInExport"></span>
                              </label>
                          </div>
                          <p class="errorMessage"></p>
                      </li>
                      <li class="db">
                          <a class="tmpl_dbButton button" data-type="Db" target="_blank" download>
                              <div class="progress"></div>
                              <div class="label">
                                  <span class="buttonText"></span>
                              </div>
                          </a>
                          <div class="tmpl_deleteDb deleteExport" data-type="Db"></div>
                          <div class="content">
                              <div class="exportPackageName">
                                  <span class="type" data-translate="DatabasePackage"></span>
                                  <span class="size"></span>
                              </div>
                              <label class="includeCheckboxWrapper">
                                  <input class="includeCheckboxInput" type="checkbox" />
                                  <span class="includeCheckboxText" data-translate="IncludeAudioInExport"></span>
                              </label>
                          </div>
                          <p class="errorMessage"></p>
                      </li>
                      <li class="mkv">
                          <a class="tmpl_mkvButton button" data-type="Mkv" target="_blank" download>
                              <div class="progress"></div>
                              <div class="label">
                                  <span class="buttonText"></span>
                              </div>
                          </a>
                          <div class="tmpl_deleteMkv deleteExport" data-type="Mkv"></div>
                          <div class="content">
                              <div class="exportPackageName">
                                  <span class="type" data-translate="MKVPackage"></span>
                                  <span class="size"></span>
                              </div>
                              <label class="includeCheckboxWrapper">
                                  <input class="includeCheckboxInput" type="checkbox" />
                                  <span class="includeCheckboxText" data-translate="IncludeAudioInExport"></span>
                              </label>
                          </div>
                          <p class="errorMessage"></p>
                      </li>
                      <li class="snapshot">
                          <a class="tmpl_imageButton button" target="_blank" download>
                              <div class="progress"></div>
                              <div class="label">
                                  <span class="buttonText"></span>
                              </div>
                          </a>
                          <div class="tmpl_deleteImage deleteExport" data-type="Image"></div>
                          <div class="content">
                              <div class="exportPackageName">
                                  <span class="type" data-translate="SnapshotPackage"></span>
                                  <span class="size"></span>
                              </div>
                              <label class="includeCheckboxWrapper">
                                  <input class="includeCheckboxInput" type="checkbox" />
                                  <span class="includeCheckboxText" data-translate="IncludeAudioInExport"></span>
                              </label>
                          </div>
                          <p class="errorMessage"></p>
                      </li>
                  </ul>
  
                  <div class="exportMessages">
                      <p class="binary" data-translate="ExportBinaryPackageOnly"></p>
                      <p class="avi" data-translate="ExportAviPackageOnly"></p>
                      <p class="db" data-translate="ExportDBPackageOnly"></p>
                      <p class="mkv" data-translate="ExportMKVPackageOnly"></p>
                      <p class="snapshot" data-translate="ExportSnapshotOnly"></p>
                  </div>
              </div>
  
              <div class="saveProgressContainer">
                  <div class="tmpl_saveProgress saveProgress"></div>
              </div>
  
          </div>
  
          <div id="alarmItemTemplate" class="alarmItem" data-translationContext="AlarmItem">
  
              <div class="tmpl_container">
  
                  <div class="tmpl_thumbnail thumbnail"></div>
  
                  <div class="data">
                      <h3 class="tmpl_name"></h3>
                      <p class="firstLine">
                          <span class="tmpl_timestampLabel"></span>
                          <span class="tmpl_timestamp"></span>
                      </p>
                      <p class="tmpl_state state"></p>
                  </div>
  
                  <div class="tmpl_acknowledge actionButton" data-translate="Acknowledge"></div>
  
              </div>
  
          </div>
  
          <div id="listThumbnailsTemplate" class="listThumbnails" data-translationContext="AddCameraSection">
              <div class="cameraSearch">
                  <input type="text" data-translate="Search" class="tmpl_searchField" />
                  <div class="tmpl_searchIcon icon"></div>
              </div>
              <span class="tmpl_hintMessage hint"></span>
              <ul class="tmpl_scrollableArea scrollableArea">
                  <li></li>
              </ul>
          </div>
  
          <div id="multicameraPlaybackTimelineTemplate" class="mutlicameraPlaybackTimeline" data-translationContext="Timeline">
  
              <div class="tmpl_timeframes timeframes">
                  <div class="tmpl_marginMaster marginMaster">
                      <div class="tmpl_startRestrictionMarker startRestrictionMarker">
                      </div>
                      <div class="tmpl_exportMarker exportMarker">
                          <div class="tmpl_startTimeMarker startTimeMarker" data-marker="left">
                              <div class="handle" data-marker="left">
                                  <svg>
                                      <g>
                                          <path d="M8.945,50h-3V30.516l-4.45-4.45c-0.281-0.282-0.439-0.663-0.439-1.061s0.158-0.779,0.439-1.061l4.45-4.45V0h3 v20.224c0,0.587-0.338,1.096-0.83,1.342l-3.438,3.438l3.72,3.72c0.114,0.114,0.209,0.245,0.281,0.39l0.109,0.219 c0.104,0.208,0.158,0.438,0.158,0.671V50z" />
                                      </g>
                                  </svg>
                              </div>
                              <div class="time startTimeIndicator"></div>
                          </div>
                          <div class="tmpl_endTimeMarker endTimeMarker" data-marker="right">
                              <div class="handle" data-marker="right">
                                  <svg>
                                      <g>
                                          <path d="M4.11,50h-3V30.004c0-0.232,0.055-0.463,0.158-0.671l0.109-0.219c0.072-0.145,0.167-0.275,0.281-0.39 l3.72-3.72L1.94,21.566c-0.492-0.246-0.83-0.755-0.83-1.342V0h3v19.494l4.45,4.45C8.842,24.225,9,24.606,9,25.004 s-0.158,0.779-0.439,1.061l-4.45,4.45V50z" />
                                      </g>
                                  </svg>
                              </div>
                              <div class="time endTimeIndicator"></div>
                          </div>
                      </div>
                      <div class="tmpl_endRestrictionMarker endRestrictionMarker">
                      </div>
                  </div>
              </div>
  
              <div class="tmpl_marker marker"></div>
  
              <div class="controls">
  
                  <div class="tmpl_zoom zoom">
                      <div class="tmpl_zoomSliderContainer"></div>
                      <div class="tmpl_zoomValue zoomValue"></div>
                  </div>
  
                  <div class="nav">
                      <div class="tmpl_setSelectionLeft setSelectionLeft exportControls" data-translate="SetExportStartTimeToNow"></div>
                      <div class="tmpl_goToSelectionLeft goToSelectionLeft exportControls" data-translate="GoToSelectionLeft"></div>
                      <div class="tmpl_playBackwards playBackwards"></div>
                      <div>
                          <div class="tmpl_time time"></div>
                          <div class="tmpl_date date"></div>
                      </div>
                      <div class="tmpl_playForward playForward"></div>
                      <div class="tmpl_goToSelectionRight goToSelectionRight exportControls" data-translate="GoToSelectionRight"></div>
                      <div class="tmpl_setSelectionRight setSelectionRight exportControls" data-translate="SetExportEndTimeToNow"></div>
                  </div>
  
                  <div class="tmpl_speedSelect speedSelect">
                      <div class="label">
                          <span class="tmpl_speedSelectText text" data-translate="PlayBackSpeed"></span>
                          <span class="tmpl_speedValue speedValue">x1</span>
                          <span class="icon"></span>
                      </div>
                      <div class="dropdownMenu" data-attachedToClass="speedSelect">
                          <div class="playBackSelectTitle" data-translate="PlayBackSpeed"></div>
                          <ul>
                              <li class="tmpl_speed025" data-value="0.25">x0.25</li>
                              <li class="tmpl_speed05" data-value="0.5">x0.5</li>
                              <li class="tmpl_speed1" data-value="1">x1</li>
                              <li class="tmpl_speed2" data-value="2">x2</li>
                              <li class="tmpl_speed4" data-value="4">x4</li>
                              <li class="tmpl_speed8" data-value="8">x8</li>
                              <li class="tmpl_speed16" data-value="16">x16</li>
                          </ul>
                      </div>
                  </div>
              </div>
          </div>
  
          <div id="multicameraPlaybackTimeslot" class="timeslot">
              <span class="tmpl_time"></span>
              <span class="tmpl_line line"></span>
          </div>
  
          <div id="scrollbarTemplate" class="scrollbar">
              <div class="tmpl_scrollLeftButton left"></div>
              <div class="tmpl_scrollRightButton right"></div>
              <div class="tmpl_scrollHandle handle"></div>
          </div>
  
          <div id="mapTemplate" class="mapThumbnail">
              <div class="mapBox">
                  <div class="tmpl_mapWrapper mapWrapper">
                      <div class="tmpl_map map"></div>
                      <div class="tmpl_header header">
                          <span class="tmpl_title title"></span>
                      </div>
                  </div>
              </div>
              <img class="tmpl_thumbnailImage thumbnailImage" src="images/empty.png" alt='' />
          </div>
  
          <div id="mapCameraTemplate" class="mapCamera">
              <canvas class="tmpl_canvas"></canvas>
              <p class="tmpl_text"></p>
              <b class="tmpl_link"></b>
          </div>
  
          <div id="thumbnailTemplate" class="videoThumbnail" data-translationContext="VideoThumbnail">
              <div class="videoBox tmpl_videoBox">
                  <div class="tmpl_videoWrapperElement videoWrapper">
                      <div class="tmpl_videoCanvasElement videoCanvas">
                          <canvas class="tmpl_canvasElement"></canvas>
                          <div class="tmpl_streamingPlayer streamingPlayer"></div>
  
                          <div class="tmpl_headerElement header">
                              <div class="tmpl_recordingIndicator recordingIndicator"></div>
                              <div class="tmpl_motionIndicator motionIndicator"></div>
                              <div class="tmpl_audioIndicator audioIndicator hidden"></div>
                              <div class="tmpl_micIndicator micIndicator hidden"></div>
                              <div class="directStreamingIndicator"></div>
                              <span class="tmpl_streamStatus streamStatus"></span>
                              <span class="carouselIndicator">Carousel: </span>
                              <span class="tmpl_titleElement title"></span>
                          </div>
  
                          <div class="tmpl_messageElement message">
                              <div class="tmpl_messageContentElement messageContent"></div>
                          </div>
  
                          <div class="carouselControls">
                              <div class="tmpl_prevCamera prevCamera" title="Previous carousel camera"></div>
                              <div class="tmpl_pauseCarousel pauseCarousel" title="Pause / play carousel"></div>
                              <div class="tmpl_nextCamera nextCamera" title="Next carousel camera"></div>
                          </div>
  
                          <div class="tmpl_shroudContainer shroudContainer">
                              <div class="tmpl_shroudWrapper shroudWrapper">
                                  <div class="shroud"></div>
                              </div>
                          </div>
  
                      </div>
                      <div class="cameraButtonsWrapper">
                          <audio class="tmpl_audioPlayer" controls></audio>
                          <div class="tmpl_audioButton btn audioButton hidden featureDisabled disabled"></div>
                          <div class="tmpl_micButton btn micButton hidden featureDisabled disabled"></div>
                      </div>
  
                      <div class="tmpl_settings settings"></div>
                      <div class="tmpl_recordings recordings">
                          <div class="now"></div>
                      </div>
  
                  </div>
              </div>
              <img class="tmpl_thumbnailImage thumbnailImage" src="images/empty.png" alt='' />
          </div>
  
          <div id="thumbnailControlsTemplate" class="tmpl_videoControls videoControls" data-translationContext="VideoControls">
  
              <div class="tmpl_bottomBarElement bottombar">
                  <div class="tmpl_pauseButton btn pauseButton hidden featureDisabled" data-translate="PauseButton" title="Playback"></div>
  
                  <div class="tmpl_toggleFullscreenButton btn toggleFullscreenButton featureDisabled" data-translate="FullscreenButton" title="Full screen"></div>
                  <div class="tmpl_actionButton btn actionButton hidden featureDisabled" data-translate="ActionsCameraButton" title="Actions">
                      <div class="tmpl_actionListCameraMenuElement actionListCameraMenu dropdownMenu" data-attachedToClass="tmpl_actionButton">
                          <ul></ul>
                      </div>
                      <div class="tmpl_actionLoading actionLoading"></div>
                  </div>
                  <div class="tmpl_presetsButton btn presetsButton hidden featureDisabled" data-translate="PresetsButton" title="Pan-tilt-zoom presets">
                      <div class="tmpl_presetsElement presetsMenu dropdownMenu" data-attachedToClass="tmpl_presetsButton">
                          <ul></ul>
                      </div>
                  </div>
                  <div class="tmpl_ptzButton btn ptzButton hidden featureDisabled" data-translate="PtzButton" title="Pan-tilt-zoom"></div>
                  <div class="tmpl_exportButton btn exportButton hidden featureDisabled" data-translate="ExportButton" title="Export"></div>
  
                  <div class="tmpl_zoomIndicator zoomIndicator" data-translate="ZoomIndicator">
                      <span class="tmpl_zoomView zoomView"></span>
                  </div>
  
                  <div class="tmpl_playbackBarButtons playbackBarButtons">
                      <div class="playbackTime">
                          <div class="tmpl_goToTimeButton btn goToTimeButton featureDisabled" data-translate="GoToTimeButton" title="Select playback date and time"></div>
                          <div class="tmpl_playbackTimeIndex timeIndex"></div>
                      </div>
                      <div class="tmpl_playBackButton btn playBackButton" data-translate="PlayBackButton" title="Play backward"></div>
                      <div class="tmpl_playbackJog playbackJog" data-translate="PlaybackJog" title="Shuttle"><div></div></div>
                      <div class="tmpl_playForwardButton btn playForwardButton" data-translate="PlayForwardButton" title="Play forward"></div>
                  </div>
              </div>
  
              <div class="tmpl_playbackPrevFrameButton playbackPrevFrameButton" data-translate="PlaybackPrevFrame" title="Previous frame"></div>
              <div class="tmpl_playbackNextFrameButton playbackNextFrameButton" data-translate="PlaybackNextFrame" title="Next frame"></div>
  
              <div class="tmpl_gestureOverlay gestureOverlay"></div>
  
              <div class="tmpl_ptzManualButtonsOverlay manualButtonsOverlay">
                  <div class="left" data-translate="LeftButton" title="Move left"></div><div class="right" data-translate="RightButton" title="Move right"></div>
                  <div class="up" data-translate="UpButton" title="Move up"></div><div class="down" data-translate="DownButton" title="Move down"></div>
                  <div class="zoomIn" data-translate="ZoomIn" title="Zoom in"></div><div class="zoomOut" data-translate="ZoomOut" title="Zoom out"></div>
              </div>
  
          </div>
  
          <div id="pickerTemplate" class="dateTimePicker" data-translationContext="DateTimePicker">
              <div class="tmpl_datesScroll"><div class="tmpl_datesContainer" data-translate="DragDays" title="Drag to select days"></div></div>
              <div class="tmpl_hoursScroll">
                  <div class="tmpl_hoursRestrictionMarker hoursRestrictionMarker"></div>
                  <div class="tmpl_hoursContainer" data-translate="DragHours" title="Drag to select hours"></div>
              </div>
              <div class="tmpl_minutesScroll">
                  <div class="tmpl_minutesRestrictionMarker minutesRestrictionMarker"></div>
                  <div class="tmpl_minutesContainer" data-translate="DragMinutes" title="Drag to select minutes"></div>
              </div>
  
              <div class="tmpl_weekBack weekBack" data-translate="SelectionControl" title="Go one week backward"></div>
              <div class="tmpl_weekForward weekForward" data-translate="WeekForward" title="Go one week forward"></div>
  
              <div class="indicator"></div>
          </div>
  
          <div id="videoPreviewTemplate" class="videoPreview" data-translationContext="VideoPreview">
              <div class="tmpl_streamPreviewElement streamPreview">
                  <canvas class="tmpl_canvasElement"></canvas>
                  <div class="tmpl_playbackErrorOverlay errorOverlay">
                      <div class="tmpl_playbackErrorLabel errorLabel"></div>
                      <div class="tmpl_prevFrameLocationElement prevFrameLocation">
                          <p data-translate="PreviousImage"></p>
                          <p class="tmpl_prevFrameTimeElement">&nbsp;</p>
                      </div>
                      <div class="tmpl_nextFrameLocationElement nextFrameLocation">
                          <p data-translate="NextImage"></p>
                          <p class="tmpl_nextFrameTimeElement">&nbsp;</p>
                      </div>
                  </div>
              </div>
              <div class="tmpl_prevSequenceButton prevSeq" data-translate="PrevFrameButton" title=""></div>
              <div class="tmpl_nextSequenceButton nextSeq" data-translate="NextFrameButton" title=""></div>
              <div class="tmpl_timePickerContainer picker"></div>
          </div>
  
          <div id="playbackTimePickerTemplate" class="playbackTimePicker" data-translationContext="GoToTimePicker">
              <div class="tmpl_streamDateElement streamDate"></div>
              <div class="tmpl_closeButton closeButton" data-translate="CloseButton" title="Close"></div>
              <div class="tmpl_videoPreviewElement"></div>
              <div class="buttons">
                  <div class="tmpl_liveButton"></div>
                  <div class="tmpl_goToButton"></div>
              </div>
          </div>
  
          <div id="generalDateTimePickerTemplate" class="playbackTimePicker" data-translationContext="GoToTimePicker">
              <div class="tmpl_dateEle
services.body_hash_sha1: sha1:61e6df6979f578cf6241543a0111e8917ef9be2c
services.supported_versions: HTTP/1.1
[binary data, 4 values, 128 bytes]