CINXE.COM

Smartcar Status

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- force IE browsers in compatibility mode to use their most aggressive rendering engine --> <meta charset="utf-8"> <title>Smartcar Status</title> <meta name="description" content="Welcome to Smartcar&#39;s home for real-time and historical data on system performance."> <!-- Mobile viewport optimization --> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <!-- Time this page was rendered - http://purl.org/dc/terms/issued --> <meta name="issued" content="1732359562"> <!-- Mobile IE allows us to activate ClearType technology for smoothing fonts for easy reading --> <meta http-equiv="cleartype" content="on"> <!-- Le fonts --> <style> @font-face { font-family: 'proxima-nova'; src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaLight-f0b2f7c12b6b87c65c02d3c1738047ea67a7607fd767056d8a2964cc6a2393f7.eot?host=status.smartcar.com'); src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaLight-f0b2f7c12b6b87c65c02d3c1738047ea67a7607fd767056d8a2964cc6a2393f7.eot?host=status.smartcar.com#iefix') format('embedded-opentype'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaLight-e642ffe82005c6208632538a557e7f5dccb835c0303b06f17f55ccf567907241.woff?host=status.smartcar.com') format('woff'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaLight-0f094da9b301d03292f97db5544142a16f9f2ddf50af91d44753d9310c194c5f.ttf?host=status.smartcar.com') format('truetype'); font-weight:300; font-style:normal; } @font-face { font-family: 'proxima-nova'; src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegular-366d17769d864aa72f27defaddf591e460a1de4984bb24dacea57a9fc1d14878.eot?host=status.smartcar.com'); src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegular-366d17769d864aa72f27defaddf591e460a1de4984bb24dacea57a9fc1d14878.eot?host=status.smartcar.com#iefix') format('embedded-opentype'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegular-2ee4c449a9ed716f1d88207bd1094e21b69e2818b5cd36b28ad809dc1924ec54.woff?host=status.smartcar.com') format('woff'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegular-a40a469edbd27b65b845b8000d47445a17def8ba677f4eb836ad1808f7495173.ttf?host=status.smartcar.com') format('truetype'); font-weight:400; font-style:normal; } @font-face { font-family: 'proxima-nova'; src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegularIt-0bf83a850b45e4ccda15bd04691e3c47ae84fec3588363b53618bd275a98cbb7.eot?host=status.smartcar.com'); src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegularIt-0bf83a850b45e4ccda15bd04691e3c47ae84fec3588363b53618bd275a98cbb7.eot?host=status.smartcar.com#iefix') format('embedded-opentype'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegularIt-0c394ec7a111aa7928ea470ec0a67c44ebdaa0f93d1c3341abb69656cc26cbdd.woff?host=status.smartcar.com') format('woff'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaRegularIt-9e43859f8015a4d47d9eaf7bafe8d1e26e3298795ce1f4cdb0be0479b8a4605e.ttf?host=status.smartcar.com') format('truetype'); font-weight:400; font-style:italic; } @font-face { font-family: 'proxima-nova'; src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaSemibold-09566917307251d22021a3f91fc646f3e45f8d095209bcd2cded8a1979f06e54.eot?host=status.smartcar.com'); src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaSemibold-09566917307251d22021a3f91fc646f3e45f8d095209bcd2cded8a1979f06e54.eot?host=status.smartcar.com#iefix') format('embedded-opentype'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaSemibold-86724fb2152613d735ba47c3f47a9ad2424b898bea4bece213dacee40344f966.woff?host=status.smartcar.com') format('woff'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaSemibold-cf3e4eb7fbdf6fb83e526cc2a0141e55b01097e6e1abfd4cbdc3eda75d183f74.ttf?host=status.smartcar.com') format('truetype'); font-weight:500; font-style:normal; } @font-face { font-family: 'proxima-nova'; src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaBold-622ea489d20e12e691663f83217105e957e2d3d09703707d40155a29c06cc9d9.eot?host=status.smartcar.com'); src: url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaBold-622ea489d20e12e691663f83217105e957e2d3d09703707d40155a29c06cc9d9.eot?host=status.smartcar.com#iefix') format('embedded-opentype'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaBold-c8dc577ff7f76d2fc199843e38c04bb2e9fd15889421358d966a9f846c2ed1cd.woff?host=status.smartcar.com') format('woff'), url('https://dka575ofm4ao0.cloudfront.net/assets/ProximaNovaBold-27177fe9242acbe089276ee587feef781446667ffe9b6fdc5b7fe21ad73e12f3.ttf?host=status.smartcar.com') format('truetype'); font-weight:700; font-style:normal; } </style> <link rel="shortcut icon" type="image/x-icon" href="//dka575ofm4ao0.cloudfront.net/pages-favicon_logos/original/192707/smartcar_wheel_black.png" /> <link rel="shortcut icon" href='//dka575ofm4ao0.cloudfront.net/pages-favicon_logos/original/192707/smartcar_wheel_black.png'> <link rel="alternate" type="application/atom+xml" href="https://status.smartcar.com/history.atom" title="Smartcar Status History - Atom Feed"> <link rel="alternate" type="application/rss+xml" href="https://status.smartcar.com/history.rss" title="Smartcar Status History - RSS Feed"> <!-- Canonical Link to ensure that only the custom domain is indexed when present --> <link rel="canonical" href="https://status.smartcar.com"> <meta name="_globalsign-domain-verification" content="y_VzfckMy4iePo5oDJNivyYIjh8LffYa4jzUndm_bZ"/> <link rel="alternate" type="application/atom+xml" title="ATOM" href="https://status.smartcar.com/history.atom" /> <!-- Le styles --> <link rel="stylesheet" media="screen" href="https://dka575ofm4ao0.cloudfront.net/packs/0.8826066e0f95dc57bbe6.css" /> <link rel="stylesheet" media="all" href="https://dka575ofm4ao0.cloudfront.net/assets/status/status_manifest-260e48dd9b8c9b04e8d6c6286f76aecb8ac22f273beea6dba3eee902141bcbfe.css" /> <script src="https://dka575ofm4ao0.cloudfront.net/assets/jquery-3.5.1.min-729e416557a365062a8a20f0562f18aa171da57298005d392312670c706c68de.js"></script> <script> window.pageColorData = {"blue":"#3498DB","border":"#E0E0E0","body_background":"#FFFFFF","font":"#333333","graph":"#3498DB","green":"#2FCC66","light_font":"#AAAAAA","link":"#00819D","orange":"#E67E22","red":"#E74C3C","yellow":"#F1C40F","no_data":"#B3BAC5"}; </script> <style> /* BODY BACKGROUND */ /* BODY BACKGROUND */ /* BODY BACKGROUND */ /* BODY BACKGROUND */ /* BODY BACKGROUND */ body, .layout-content.status.status-api .section .example-container .example-opener .color-secondary, .grouped-items-selector, .layout-content.status.status-full-history .history-nav a.current, div[id^="subscribe-modal"] .modal-footer, div[id^="subscribe-modal"], div[id^="updates-dropdown"] .updates-dropdown-section, #uptime-tooltip .tooltip-box { background-color:#FFFFFF; } #uptime-tooltip .pointer-container .pointer-smaller { border-bottom-color:#FFFFFF; } /* PRIMARY FONT COLOR */ /* PRIMARY FONT COLOR */ /* PRIMARY FONT COLOR */ /* PRIMARY FONT COLOR */ body.status, .color-primary, .color-primary:hover, .layout-content.status-index .status-day .update-title.impact-none a, .layout-content.status-index .status-day .update-title.impact-none a:hover, .layout-content.status-index .timeframes-container .timeframe.active, .layout-content.status-full-history .month .incident-container .impact-none, .layout-content.status.status-index .incidents-list .incident-title.impact-none a, .incident-history .impact-none, .layout-content.status .grouped-items-selector.inline .grouped-item.active, .layout-content.status.status-full-history .history-nav a.current, .layout-content.status.status-full-history .history-nav a:not(.current):hover, div[id^="subscribe-modal"] .modal-header .close, .grouped-item-label, #uptime-tooltip .tooltip-box .tooltip-content .related-events .related-event a.related-event-link { color:#333333; } .layout-content.status.status-index .components-statuses .component-container .name { color:#333333; color:rgba(51,51,51,.8); } /* SECONDARY FONT COLOR */ /* SECONDARY FONT COLOR */ /* SECONDARY FONT COLOR */ /* SECONDARY FONT COLOR */ small, .layout-content.status .table-row .date, .color-secondary, .layout-content.status .grouped-items-selector.inline .grouped-item, .layout-content.status.status-full-history .history-footer .pagination a.disabled, .layout-content.status.status-full-history .history-nav a, #uptime-tooltip .tooltip-box .tooltip-content .related-events #related-event-header { color:#AAAAAA; } /* BORDER COLOR */ /* BORDER COLOR */ /* BORDER COLOR */ /* BORDER COLOR */ /* BORDER COLOR */ /* BORDER COLOR */ body.status .layout-content.status .border-color, hr, .tooltip-base, .markdown-display table, div[id^="subscribe-modal"], #uptime-tooltip .tooltip-box { border-color:#E0E0E0; } div[id^="subscribe-modal"] .modal-footer, .markdown-display table td { border-top-color:#E0E0E0; } .markdown-display table td + td, .markdown-display table th + th { border-left-color:#E0E0E0; } div[id^="subscribe-modal"] .modal-header, #uptime-tooltip .pointer-container .pointer-larger { border-bottom-color:#E0E0E0; } #uptime-tooltip .tooltip-box .outage-field { /* Generate the background-color for the outage-field from the css_body_background_color and css_border_color. For the default background (#ffffff) and default css_border_color (#e0e0e0), use the luminosity of the default background with a magic number to arrive at the original outage-field background color (#f4f5f7). I used the formula Target Color = Color * alpha + Background * (1 - alpha) to find the magic number of ~0.08. For darker css_body_background_color, luminosity values are lower so alpha trends toward becoming transparent (thus outage-field background becomes same as css_body_background_color). */ background-color: rgba(224,224,224,0.31); /* outage-field border-color alpha is inverse to the luminosity of css_body_background_color. That is to say, with a default white background this border is transparent, but on a black background, it's opaque css_border_color. */ border-color: rgba(224,224,224,0.0); } /* CSS REDS */ /* CSS REDS */ /* CSS REDS */ /* CSS REDS */ /* CSS REDS */ /* CSS REDS */ /* CSS REDS */ .layout-content.status.status-index .status-day .update-title.impact-critical a, .layout-content.status.status-index .status-day .update-title.impact-critical a:hover, .layout-content.status.status-index .page-status.status-critical, .layout-content.status.status-index .unresolved-incident.impact-critical .incident-title, .flat-button.background-red { background-color:#E74C3C; } .layout-content.status-index .components-statuses .component-container.status-red:after, .layout-content.status-full-history .month .incident-container .impact-critical, .layout-content.status-incident .incident-name.impact-critical, .layout-content.status.status-index .incidents-list .incident-title.impact-critical a, .status-red .icon-indicator, .incident-history .impact-critical, .components-container .component-inner-container.status-red .component-status, .components-container .component-inner-container.status-red .icon-indicator { color:#E74C3C; } .layout-content.status.status-index .unresolved-incident.impact-critical .updates { border-color:#E74C3C; } /* CSS ORANGES */ /* CSS ORANGES */ /* CSS ORANGES */ /* CSS ORANGES */ /* CSS ORANGES */ /* CSS ORANGES */ .layout-content.status.status-index .status-day .update-title.impact-major a, .layout-content.status.status-index .status-day .update-title.impact-major a:hover, .layout-content.status.status-index .page-status.status-major, .layout-content.status.status-index .unresolved-incident.impact-major .incident-title { background-color:#E67E22; } .layout-content.status-index .components-statuses .component-container.status-orange:after, .layout-content.status-full-history .month .incident-container .impact-major, .layout-content.status-incident .incident-name.impact-major, .layout-content.status.status-index .incidents-list .incident-title.impact-major a, .status-orange .icon-indicator, .incident-history .impact-major, .components-container .component-inner-container.status-orange .component-status, .components-container .component-inner-container.status-orange .icon-indicator { color:#E67E22; } .layout-content.status.status-index .unresolved-incident.impact-major .updates { border-color:#E67E22; } /* CSS YELLOWS */ /* CSS YELLOWS */ /* CSS YELLOWS */ /* CSS YELLOWS */ /* CSS YELLOWS */ /* CSS YELLOWS */ .layout-content.status.status-index .status-day .update-title.impact-minor a, .layout-content.status.status-index .status-day .update-title.impact-minor a:hover, .layout-content.status.status-index .page-status.status-minor, .layout-content.status.status-index .unresolved-incident.impact-minor .incident-title, .layout-content.status.status-index .scheduled-incidents-container .tab { background-color:#F1C40F; } .layout-content.status-index .components-statuses .component-container.status-yellow:after, .layout-content.status-full-history .month .incident-container .impact-minor, .layout-content.status-incident .incident-name.impact-minor, .layout-content.status.status-index .incidents-list .incident-title.impact-minor a, .status-yellow .icon-indicator, .incident-history .impact-minor, .components-container .component-inner-container.status-yellow .component-status, .components-container .component-inner-container.status-yellow .icon-indicator, .layout-content.status.manage-subscriptions .confirmation-infobox .fa { color:#F1C40F; } .layout-content.status.status-index .unresolved-incident.impact-minor .updates, .layout-content.status.status-index .scheduled-incidents-container { border-color:#F1C40F; } /* CSS BLUES */ /* CSS BLUES */ /* CSS BLUES */ /* CSS BLUES */ /* CSS BLUES */ /* CSS BLUES */ .layout-content.status.status-index .status-day .update-title.impact-maintenance a, .layout-content.status.status-index .status-day .update-title.impact-maintenance a:hover, .layout-content.status.status-index .page-status.status-maintenance, .layout-content.status.status-index .unresolved-incident.impact-maintenance .incident-title, .layout-content.status.status-index .scheduled-incidents-container .tab { background-color:#3498DB; } .layout-content.status-index .components-statuses .component-container.status-blue:after, .layout-content.status-full-history .month .incident-container .impact-maintenance, .layout-content.status-incident .incident-name.impact-maintenance, .layout-content.status.status-index .incidents-list .incident-title.impact-maintenance a, .status-blue .icon-indicator, .incident-history .impact-maintenance, .components-container .component-inner-container.status-blue .component-status, .components-container .component-inner-container.status-blue .icon-indicator { color:#3498DB; } .layout-content.status.status-index .unresolved-incident.impact-maintenance .updates, .layout-content.status.status-index .scheduled-incidents-container { border-color:#3498DB; } /* CSS GREENS */ /* CSS GREENS */ /* CSS GREENS */ /* CSS GREENS */ /* CSS GREENS */ /* CSS GREENS */ /* CSS GREENS */ .layout-content.status.status-index .page-status.status-none { background-color:#2FCC66; } .layout-content.status-index .components-statuses .component-container.status-green:after, .status-green .icon-indicator, .components-container .component-inner-container.status-green .component-status, .components-container .component-inner-container.status-green .icon-indicator { color:#2FCC66; } /* CSS LINK COLOR */ /* CSS LINK COLOR */ /* CSS LINK COLOR */ /* CSS LINK COLOR */ /* CSS LINK COLOR */ /* CSS LINK COLOR */ a, a:hover, .layout-content.status-index .page-footer span a:hover, .layout-content.status-index .timeframes-container .timeframe:not(.active):hover, .layout-content.status-incident .subheader a:hover { color:#00819D; } .flat-button, .masthead .updates-dropdown-container .show-updates-dropdown, .layout-content.status-full-history .show-filter.open { background-color:#00819D; } /* CUSTOM COLOR OVERRIDES FOR UPTIME SHOWCASE */ .components-section .components-uptime-link { color: #aaaaaa; } .layout-content.status .shared-partial.uptime-90-days-wrapper .legend .legend-item { color: #aaaaaa; opacity: 1; } .layout-content.status .shared-partial.uptime-90-days-wrapper .legend .legend-item.light { color: #aaaaaa; opacity: 1; } .layout-content.status .shared-partial.uptime-90-days-wrapper .legend .spacer { background: #aaaaaa; opacity: 1; } </style> <!-- custom css --> <!-- polyfills --> <script crossorigin="anonymous" src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.js"></script> <!-- Le HTML5 shim --> <!--[if lt IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <!-- injection for static --> </head> <body class="status index status-none"> <div class="layout-content status status-index starter"> <div class="masthead-container basic"> <div class="masthead has-logo"> <div class="logo-container"> <a href="https://smartcar.com"><img alt="Page logo" src="//dka575ofm4ao0.cloudfront.net/pages-transactional_logos/retina/192707/Frame_1.png" /></a> </div> <div class="updates-dropdown-container" data-js-hook="updates-dropdown-container"> <a href="#" data-js-hook="show-updates-dropdown" id="show-updates-dropdown" class="show-updates-dropdown" aria-label="Subscribe to updates" aria-expanded="false" aria-haspopup="dialog" role="button"> </a> <!-- Accessibility guidelines for tabs: https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html --> <div class="updates-dropdown" data-js-hook="updates-dropdown" id="updates-dropdown" style="display:none"> <div class="updates-dropdown-nav nav-items-5" role="tablist" aria-label="Subscribe to updates"> <a href="#updates-dropdown-email" aria-controls="updates-dropdown-email" aria-label="Subscribe via email" role="tab" aria-selected="true" id="updates-dropdown-email-btn"> <span class="icon-container email"> </a> <a href="#updates-dropdown-slack" aria-controls="updates-dropdown-slack" aria-label="Subscribe via slack" role="tab" id="updates-dropdown-slack-btn"> <span class="icon-container slack"> </a> <a href="#updates-dropdown-support" aria-controls="updates-dropdown-support" aria-label="Contact support" role="tab" id="updates-dropdown-support-btn"> <span class="icon-container support"> </a> <a href="#updates-dropdown-atom" aria-controls="updates-dropdown-atom" aria-label="Subscribe via RSS" role="tab" id="updates-dropdown-atom-btn"> <span class="icon-container rss"> </a> <button data-js-hook="updates-dropdown-close" aria-label="Close subscribe form" id="updates-dropdown-close-btn"> x </button> </div> <div class="updates-dropdown-sections-container"> <div class="updates-dropdown-section email" id="updates-dropdown-email" style="display:none" role="tabpanel" aria-labelledby="updates-dropdown-email-btn"> <div class="directions"> Get email notifications whenever Smartcar <strong>creates</strong>, <strong>updates</strong> or <strong>resolves</strong> an incident. </div> <form id="subscribe-form-email" action="/subscriptions/new-email" accept-charset="UTF-8" data-remote="true" method="post"> <input type="hidden" name="email_otp_verify_flow" id="email_otp_verify_flow" value="false" autocomplete="off" /> <!-- make sure not to put cookie values in here since this gets cached --> <label for="email">Email address:</label> <input name="email" id="email" type="text" class="full-width" data-js-hook="email-notification-field" autocomplete="email"> <input name="email_otp_auth_token" type='hidden' id="email-otp-token-field"> <div class="opt-container-section" id="email-otp-container", style="display:none" > <label for="email-otp">Enter OTP:</label> <input name="otp" id="email-otp" type="text" value="" class="prepend full-width"> <p id="email-otp-timer">Resend OTP in: <span id="email-otp-countdown"></span> seconds </p> <p id="resend-email-otp"> Didn't receive the OTP? <a href="#" id="resend-email-otp-btn" >Resend OTP </a> </p> </div> <input type="hidden" name="captcha_error" id="captcha_error" value="false" autocomplete="off" /> <input type="submit" value="Subscribe via Email" class="flat-button full-width g-recaptcha" id="subscribe-btn-email" data-disabled-text="Subscribing..." data-sitekey=6LdTS8AUAAAAAOIbCKoCAP4LQku1olYGrywPTaZz data-callback="submitNewEmailSubscriber" data-error-callback="emailSubscriberCaptchaError" > <div class="terms_and_privacy_information bottom small"><div class="privacy_policy_information small">By subscribing you agree to our <a target="_blank" rel="noopener" href="https://smartcar.com/privacy/">Privacy Policy</a>.</div> This site is protected by reCAPTCHA and the Google <a target="_blank" rel="noopener" href="https://policies.google.com/privacy">Privacy Policy</a> and <a target="_blank" rel="noopener" data-js-hook="captcha-terms-of-service-link" href="https://policies.google.com/terms">Terms of Service</a> apply.</div> </form> </div> <div class="updates-dropdown-section slack" id="updates-dropdown-slack" style="display:none" role="tabpanel" aria-labelledby="updates-dropdown-slack-btn"> <div class="directions"> Get incident updates and maintenance status messages in Slack. </div> <a value="Subscribe via Slack" class="flat-button full-width" id="subscribe-btn-slack" data-disabled-text="Subscribing..." data-revert-on-success="true" style="margin-top:.75rem" href="https://subscriptions.statuspage.io/slack_authentication/kickoff?page_code=zcz325qs1vvv">Subscribe via Slack</a> <div class="terms_and_privacy_information bottom small">By subscribing you acknowledge our <a target="_blank" rel="noopener" href="https://smartcar.com/privacy/">Privacy Policy</a>. In addition, you agree to the Atlassian <a target="_blank" rel="noopener" href="https://www.atlassian.com/legal/cloud-terms-of-service">Cloud Terms of Service</a> and acknowledge Atlassian's <a target="_blank" rel="noopener" href="https://www.atlassian.com/legal/privacy-policy">Privacy Policy</a>.</div> </div> <div class="updates-dropdown-section support" id="updates-dropdown-support" style="display:none" role="tabpanel" aria-labelledby="updates-dropdown-support-btn"> Visit our <a target="_blank" href="https://smartcar.com/contact/">support site</a>. </div> <div class="updates-dropdown-section atom" id="updates-dropdown-atom" role="tabpanel" aria-labelledby="updates-dropdown-atom-btn"> Get the <a href="https://status.smartcar.com/history.atom" target="_blank">Atom Feed</a> or <a href="https://status.smartcar.com/history.rss" target="_blank">RSS Feed</a>. </div> </div> </div> </div> <script> $(function () { const phoneNumberInput = $('#phone-number'); const errorDiv = $('#sms-atl-error') if(errorDiv.length){ function checkSelectedCountry() { const selectedCountry = $('#phone-country').val(); const isOtpEnabled = $('#phone-number-country-code').attr('data-otp-enabled') === 'true'; const form = document.getElementById('subscribe-form-sms'); form.action = '/subscriptions/new-sms'; const isOtpFlow = document.getElementById('otp_verify_flow'); document.getElementById('otp-container').style.display = "none"; if(false && selectedCountry === 'sg') { // Replace 'SG' with the actual value representing Singapore in your select tag phoneNumberInput.prop('disabled', true); errorDiv.html(`Due to new Singapore government regulations, we're currently not supporting text subscriptions in Singapore.<a href="https://community.atlassian.com/t5/Statuspage-articles/Attention-SMS-notifications-will-be-disabled-on-August-1st-2023/ba-p/2424398" target="_blank"> Learn more.</a> <br> Select another method to subscribe.`); } else { phoneNumberInput.prop('readonly', false); errorDiv.html(''); if(false){ if(isOtpEnabled){ document.getElementById('subscribe-btn-sms').value = "Send OTP"; } else { isOtpFlow.value = false; document.getElementById('subscribe-btn-sms').value = "Subscribe via Text Message"; } } } } $('#phone-country').on('change', checkSelectedCountry); checkSelectedCountry(); } }); document.addEventListener('DOMContentLoaded', function() { const dropdown = document.querySelector('#phone-number-country-code .phone-country'); if (dropdown){ const wrapperDiv = document.getElementById('phone-number-country-code'); const selectedOption = dropdown.options[dropdown.selectedIndex]; const otpEnabled = selectedOption.getAttribute('data-otp-enabled'); wrapperDiv.setAttribute('data-otp-enabled', otpEnabled); dropdown.addEventListener('change', function() { const selectedOption = dropdown.options[dropdown.selectedIndex]; const otpEnabled = selectedOption.getAttribute('data-otp-enabled'); wrapperDiv.setAttribute('data-otp-enabled', otpEnabled); }); } }); var countdownTimer; var resendBtn = document.getElementById('resend'); var timer = document.getElementById('timer'); var form = document.getElementById('subscribe-form-sms'); var RESEND_TIMER = 30; $(function() { $('#subscribe-form-sms').on('ajax:success', function(e, data, status, xhr){ const form = this; const action = form.getAttribute('action'); if (data.type === 'success' && data.otp_flow === true) { document.getElementById('subscriber_code').value = data.subscriber_code document.getElementById('otp-container').style.display = "block"; $('#phone-number').prop('readonly', true); var display = document.getElementById('countdown'); disableResend(); startTimer(RESEND_TIMER, display) document.getElementById('subscribe-btn-sms').value = "Verify OTP and Subscribe"; document.getElementById('otp_verify_flow').value = true; form.action = '/subscriptions/verify-otp'; } else if (data.type === 'success' && action.includes('verify')){ document.getElementById('otp-container').style.display = "none"; $('#phone-number').val('').prop('readonly', false); $('#otp').val(''); document.getElementById('subscribe-btn-sms').value = "Send OTP"; document.getElementById('otp_verify_flow').value = false; form.action = '/subscriptions/new-sms'; SP.currentPage.updatesDropdown.hide(); } }); $("#btn-subcriber-change-number").on('click', () => { document.getElementById('otp-container').style.display = "none"; $('#phone-number').prop('readonly', false); document.getElementById('subscribe-btn-sms').value = "Send OTP"; form.action = '/subscriptions/new-sms'; return false }) $('#resend-otp-btn').on('click', function(e) { e.preventDefault(); let phoneNumber = $('#phone-number').val(); let countryCode = $('.phone-country').val(); $.ajax({ type: 'POST', url: "/subscriptions/new-sms", data: { phone_number: phoneNumber, phone_country: countryCode, type: 'resend' }, }).done(function(data) { var messageOptions = (data.type !== undefined && data.type !== null) ? { cssClass: data.type } : {}; HRB.utils.notify(data.text, messageOptions); var display = document.getElementById('countdown'); disableResend(); timer.style.display = "none" if (data.type === 'success') { startTimer(RESEND_TIMER, display); } }) }); }) function startTimer(duration, display){ var timer = duration, seconds; clearInterval(countdownTimer); countdownTimer = setInterval(function () { seconds = parseInt(timer % 60, 10); display.textContent = seconds; if(--timer < 0){ enableResend(); clearInterval(countdownTimer); } }, 1000); disableResend(); } function enableResend(){ resendBtn.style.display = "block"; timer.style.display = "none" } function disableResend(){ resendBtn.style.display = "none"; timer.style.display = "block" } $(function() { $('#subscribe-form-email').on('submit', function() { var tokenField = document.getElementById('email-otp-token-field'); let page_code = "zcz325qs1vvv" let key = keyForEmailOtpToken($('#email').val(), page_code); tokenField.value = localStorage.getItem(key); }); }); var emailOtpCountdownTimer; var emailOtpResendBtn = document.getElementById('resend-email-otp'); var emailOtpTimer = document.getElementById('email-otp-timer'); var emailOtpForm = document.getElementById('subscribe-form-email'); var EMAIL_OTP_RESEND_TIMER = 600; $(function() { $('#subscribe-form-email').on('ajax:success', function(e, data, status, xhr){ const form = this; const action = form.getAttribute('action'); if (data.type === 'success' && data.email_otp_verify_flow === true) { document.getElementById('email-otp-container').style.display = "block"; var display = document.getElementById('email-otp-countdown'); display.textContent = EMAIL_OTP_RESEND_TIMER; disableEmailOtpResend(); startEmailOtpTimer(EMAIL_OTP_RESEND_TIMER, display) document.getElementById('subscribe-btn-email').value = "Verify OTP and Subscribe"; document.getElementById('email_otp_verify_flow').value = true; form.action = '/subscriptions/verify-email-otp'; } else if (data.type === 'success' && action.includes('verify')){ let email = $('#email') let page_code = "zcz325qs1vvv" let key = keyForEmailOtpToken(email.val(), page_code); localStorage.setItem(key, data.email_otp_auth_token); document.getElementById('email-otp-container').style.display = "none"; email.val('').prop('readonly', false); $('#email-otp').val(''); document.getElementById('subscribe-btn-email').value = "Send OTP"; document.getElementById('email_otp_verify_flow').value = false; form.action = '/subscriptions/new-email'; SP.currentPage.updatesDropdown.hide(); } }); $('#resend-email-otp-btn').on('click', function(e) { e.preventDefault(); let email = $('#email').val(); $.ajax({ type: 'POST', url: "/subscriptions/new-email", data: { email: email }, }).done(function(data) { var messageOptions = (data.type !== undefined && data.type !== null) ? { cssClass: data.type } : {}; HRB.utils.notify(data.text, messageOptions); if (data.type === 'success') { var display = document.getElementById('email-otp-countdown'); display.textContent = EMAIL_OTP_RESEND_TIMER; disableEmailOtpResend(); emailOtpTimer.style.display = "none" startEmailOtpTimer(EMAIL_OTP_RESEND_TIMER, display); } }) }); }) function startEmailOtpTimer(duration, display){ var timer = duration, seconds; clearInterval(emailOtpCountdownTimer); emailOtpCountdownTimer = setInterval(function () { seconds = parseInt(timer, 10); display.textContent = seconds; if(--timer < 0){ enableEmailOtpResend(); clearInterval(emailOtpCountdownTimer); } }, 1000); disableEmailOtpResend(); } function enableEmailOtpResend(){ emailOtpResendBtn.style.display = "block"; emailOtpTimer.style.display = "none" } function disableEmailOtpResend(){ emailOtpResendBtn.style.display = "none"; emailOtpTimer.style.display = "block" } function keyForEmailOtpToken(email, pageCode) { return email + '|' + pageCode+ '|SUBSCRIBE_VIA_EMAIL'; } </script> <div class="clearfix"></div> </div> </div> <!-- this is outside of the .container so that the cover photo can go full width on mobile --> <div class="container"> <div class="page-status status-none"> <span class="status font-large"> All Systems Operational </span> <span class="last-updated-stamp font-small"></span> </div> <div class="text-section"> <h4 class="font-largest"> <a id="about-this-site" href="#about-this-site" class="no-link">About This Site</a> </h4> <p class="color-secondary font-regular"> This page reflects the uptime of Smartcar's core services, including our Connect flow and API. Services related to third party car brand reliability are not included. To learn more about car brand reliability, follow this page: <a target="_blank" href="https://brandreliability.smartcar.com/">https://brandreliability.smartcar.com/</a> </p> </div> <div class="components-section font-regular"> <i class="component-status hidden major_outage"></i> <div class="components-uptime-link history-footer-link"> Uptime over the past <var data-var="num" data-pluralize="90">90</var> days. <a href="/uptime">View historical uptime.</a> </div> <div class="components-container one-column"> <div class="component-container border-color"> <div data-component-id="cxpy8d3hsxy7" class="component-inner-container status-green showcased" data-component-status="operational" data-js-hook=""> <span class="name"> Smartcar API </span> <span class="tooltip-base tool" title="All API requests through Smartcar">?</span> <span class="component-status " title="" > Operational </span> <span class="tool icon-indicator fa fa-check" title="Operational"></span> <div class="shared-partial uptime-90-days-wrapper"> <svg class="availability-time-line-graphic" id="uptime-component-cxpy8d3hsxy7" preserveAspectRatio="none" height="34" viewBox="0 0 448 34"> <rect height="34" width="3" x="0" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-0" data-html="true" tabindex="0" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="5" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-1" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="10" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-2" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="15" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-3" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="20" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-4" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="25" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-5" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="30" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-6" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="35" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-7" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="40" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-8" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="45" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-9" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="50" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-10" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="55" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-11" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="60" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-12" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="65" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-13" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="70" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-14" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="75" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-15" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="80" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-16" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="85" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-17" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="90" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-18" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="95" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-19" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="100" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-20" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="105" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-21" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="110" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-22" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="115" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-23" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="120" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-24" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="125" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-25" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="130" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-26" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="135" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-27" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="140" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-28" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="145" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-29" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="150" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-30" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="155" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-31" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="160" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-32" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="165" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-33" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="170" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-34" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="175" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-35" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="180" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-36" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="185" y="0" fill="#e74c3c" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-37" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="190" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-38" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="195" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-39" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="200" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-40" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="205" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-41" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="210" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-42" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="215" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-43" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="220" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-44" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="225" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-45" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="230" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-46" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="235" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-47" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="240" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-48" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="245" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-49" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="250" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-50" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="255" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-51" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="260" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-52" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="265" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-53" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="270" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-54" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="275" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-55" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="280" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-56" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="285" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-57" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="290" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-58" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="295" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-59" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="300" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-60" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="305" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-61" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="310" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-62" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="315" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-63" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="320" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-64" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="325" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-65" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="330" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-66" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="335" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-67" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="340" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-68" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="345" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-69" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="350" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-70" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="355" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-71" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="360" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-72" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="365" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-73" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="370" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-74" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="375" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-75" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="380" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-76" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="385" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-77" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="390" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-78" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="395" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-79" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="400" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-80" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="405" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-81" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="410" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-82" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="415" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-83" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="420" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-84" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="425" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-85" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="430" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-86" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="435" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-87" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="440" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-88" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="445" y="0" fill="#2fcc66" role="tab" class="uptime-day component-cxpy8d3hsxy7 day-89" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> </svg> <div class="legend "> <div class="legend-item light legend-item-date-range"> <span class="availability-time-line-legend-day-count">90</span> days ago </div> <div class="spacer"></div> <div class="legend-item legend-item-uptime-value legend-item-cxpy8d3hsxy7"> <span id="uptime-percent-cxpy8d3hsxy7"> <var data-var="uptime-percent">99.89</var> </span> % uptime </div> <div class="spacer"></div> <div class="legend-item light legend-item-date-range">Today</div> </div> </div> </div> </div> <div class="component-container border-color"> <div data-component-id="w4qqbnq8bgp8" class="component-inner-container status-green showcased" data-component-status="operational" data-js-hook=""> <span class="name"> Smartcar Connect </span> <span class="tooltip-base tool" title="Uptime for Smartcar Connect is dedicated to uptime of internal services. Reliability of vehicle authorization is tied to each car brand, and is excluded from uptime.">?</span> <span class="component-status " title="" > Operational </span> <span class="tool icon-indicator fa fa-check" title="Operational"></span> <div class="shared-partial uptime-90-days-wrapper"> <svg class="availability-time-line-graphic" id="uptime-component-w4qqbnq8bgp8" preserveAspectRatio="none" height="34" viewBox="0 0 448 34"> <rect height="34" width="3" x="0" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-0" data-html="true" tabindex="0" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="5" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-1" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="10" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-2" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="15" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-3" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="20" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-4" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="25" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-5" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="30" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-6" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="35" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-7" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="40" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-8" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="45" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-9" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="50" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-10" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="55" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-11" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="60" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-12" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="65" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-13" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="70" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-14" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="75" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-15" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="80" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-16" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="85" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-17" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="90" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-18" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="95" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-19" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="100" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-20" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="105" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-21" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="110" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-22" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="115" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-23" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="120" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-24" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="125" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-25" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="130" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-26" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="135" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-27" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="140" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-28" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="145" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-29" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="150" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-30" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="155" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-31" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="160" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-32" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="165" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-33" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="170" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-34" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="175" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-35" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="180" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-36" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="185" y="0" fill="#e74c3c" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-37" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="190" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-38" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="195" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-39" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="200" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-40" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="205" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-41" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="210" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-42" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="215" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-43" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="220" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-44" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="225" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-45" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="230" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-46" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="235" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-47" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="240" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-48" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="245" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-49" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="250" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-50" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="255" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-51" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="260" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-52" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="265" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-53" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="270" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-54" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="275" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-55" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="280" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-56" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="285" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-57" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="290" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-58" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="295" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-59" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="300" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-60" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="305" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-61" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="310" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-62" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="315" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-63" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="320" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-64" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="325" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-65" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="330" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-66" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="335" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-67" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="340" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-68" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="345" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-69" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="350" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-70" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="355" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-71" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="360" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-72" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="365" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-73" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="370" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-74" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="375" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-75" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="380" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-76" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="385" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-77" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="390" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-78" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="395" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-79" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="400" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-80" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="405" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-81" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="410" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-82" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="415" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-83" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="420" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-84" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="425" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-85" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="430" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-86" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="435" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-87" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="440" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-88" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="445" y="0" fill="#2fcc66" role="tab" class="uptime-day component-w4qqbnq8bgp8 day-89" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> </svg> <div class="legend "> <div class="legend-item light legend-item-date-range"> <span class="availability-time-line-legend-day-count">90</span> days ago </div> <div class="spacer"></div> <div class="legend-item legend-item-uptime-value legend-item-w4qqbnq8bgp8"> <span id="uptime-percent-w4qqbnq8bgp8"> <var data-var="uptime-percent">99.89</var> </span> % uptime </div> <div class="spacer"></div> <div class="legend-item light legend-item-date-range">Today</div> </div> </div> </div> </div> <div class="component-container border-color"> <div data-component-id="mg7m1xdlwzkr" class="component-inner-container status-green showcased" data-component-status="operational" data-js-hook=""> <span class="name"> Smartcar Dashboard </span> <span class="tooltip-base tool" title="Smartcar&amp;apos;s Developer Dashboard is a portal which enables our customers to manage their integration with API and Connect.">?</span> <span class="component-status " title="" > Operational </span> <span class="tool icon-indicator fa fa-check" title="Operational"></span> <div class="shared-partial uptime-90-days-wrapper"> <svg class="availability-time-line-graphic" id="uptime-component-mg7m1xdlwzkr" preserveAspectRatio="none" height="34" viewBox="0 0 448 34"> <rect height="34" width="3" x="0" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-0" data-html="true" tabindex="0" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="5" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-1" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="10" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-2" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="15" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-3" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="20" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-4" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="25" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-5" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="30" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-6" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="35" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-7" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="40" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-8" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="45" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-9" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="50" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-10" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="55" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-11" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="60" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-12" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="65" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-13" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="70" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-14" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="75" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-15" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="80" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-16" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="85" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-17" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="90" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-18" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="95" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-19" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="100" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-20" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="105" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-21" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="110" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-22" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="115" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-23" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="120" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-24" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="125" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-25" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="130" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-26" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="135" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-27" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="140" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-28" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="145" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-29" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="150" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-30" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="155" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-31" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="160" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-32" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="165" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-33" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="170" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-34" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="175" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-35" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="180" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-36" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="185" y="0" fill="#e74c3c" role="tab" class="uptime-day component-mg7m1xdlwzkr day-37" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="190" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-38" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="195" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-39" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="200" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-40" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="205" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-41" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="210" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-42" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="215" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-43" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="220" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-44" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="225" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-45" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="230" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-46" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="235" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-47" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="240" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-48" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="245" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-49" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="250" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-50" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="255" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-51" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="260" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-52" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="265" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-53" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="270" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-54" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="275" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-55" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="280" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-56" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="285" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-57" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="290" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-58" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="295" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-59" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="300" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-60" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="305" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-61" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="310" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-62" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="315" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-63" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="320" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-64" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="325" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-65" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="330" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-66" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="335" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-67" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="340" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-68" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="345" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-69" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="350" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-70" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="355" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-71" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="360" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-72" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="365" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-73" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="370" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-74" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="375" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-75" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="380" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-76" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="385" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-77" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="390" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-78" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="395" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-79" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="400" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-80" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="405" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-81" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="410" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-82" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="415" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-83" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="420" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-84" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="425" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-85" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="430" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-86" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="435" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-87" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="440" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-88" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> <rect height="34" width="3" x="445" y="0" fill="#2fcc66" role="tab" class="uptime-day component-mg7m1xdlwzkr day-89" data-html="true" tabindex="-1" aria-describedby="uptime-tooltip" /> </svg> <div class="legend "> <div class="legend-item light legend-item-date-range"> <span class="availability-time-line-legend-day-count">90</span> days ago </div> <div class="spacer"></div> <div class="legend-item legend-item-uptime-value legend-item-mg7m1xdlwzkr"> <span id="uptime-percent-mg7m1xdlwzkr"> <var data-var="uptime-percent">99.89</var> </span> % uptime </div> <div class="spacer"></div> <div class="legend-item light legend-item-date-range">Today</div> </div> </div> </div> </div> </div> <div class="component-statuses-legend font-small"> <div class="legend-item status-green"> <span class="icon-indicator fa fa-check"></span> Operational </div> <div class="legend-item status-yellow"> <span class="icon-indicator fa fa-minus-square"></span> Degraded Performance </div> <div class="legend-item status-orange"> <span class="icon-indicator fa fa-exclamation-triangle"></span> Partial Outage </div> <div class="breaker"></div> <div class="legend-item status-red"> <span class="icon-indicator fa fa-times"></span> Major Outage </div> <div class="legend-item status-blue"> <span class="icon-indicator fa fa-wrench"></span> Maintenance </div> </div> </div> <script type="text/javascript" charset="utf-8"> function calculateViewbox (dayCount, rectWidth, rectPadding) { var viewBox = []; if (dayCount === 90) { viewBox.push(0); } else { var offset = 90 - dayCount; viewBox.push((offset * rectWidth) + (rectPadding * (offset))); // x origin } viewBox.push(0); // y origin viewBox.push((rectWidth * dayCount) + (rectPadding * (dayCount - 1))); // svg width viewBox.push(34); // svg height return viewBox.join(' '); } document.addEventListener('DOMContentLoaded', function () { var MAX_WIDTH_30_DAYS = 600, MAX_WIDTH_60_DAYS = 1024, svgs = document.getElementsByClassName('availability-time-line-graphic'), rects = svgs[0].getElementsByTagName('rect'), rectWidth = parseInt(rects[0].getAttribute('width')), rectPadding = parseInt(rects[1].getAttribute('x')) - parseInt(rects[0].getAttribute('x')) - rectWidth, throttled = false, delay = 150, timeoutId; function getKeyAndCount(width) { if (width <= MAX_WIDTH_30_DAYS) { return { dayCount: 30, uptimeKey: 'thirty'} } else if (width <= MAX_WIDTH_60_DAYS) { return { dayCount: 60, uptimeKey: 'sixty'} } else { return { dayCount: 90, uptimeKey: 'ninety'} } } function setUptimeValue(values, uptimeKey) { var queryID = '.legend-item-' + values.component; var currentUptime = document.querySelector(queryID); if (currentUptime) { // Faster than setting innerHTML to "" then adding nodes var clone = currentUptime.cloneNode(false); var uptimeSpan = document.createElement('span'); uptimeSpan.id = 'uptime-percent-' + values.component uptimeSpan.innerText = values[uptimeKey] clone.appendChild(uptimeSpan); var appendText = document.createTextNode(' % uptime'); clone.appendChild(appendText); currentUptime.parentNode.replaceChild(clone, currentUptime); } } function setDayCount(el, dayCount) { // Faster than setting innerHTML to "" then adding nodes var clone = el.cloneNode(false); var dateSpan = document.createElement('span') dateSpan.className = "availability-time-line-legend-day-count" dateSpan.innerText= dayCount; clone.appendChild(dateSpan); var appendText = document.createTextNode(' days ago'); clone.appendChild(appendText); el.parentNode.replaceChild(clone, el); } function resizeSvgViewBoxes () { var width = window.innerWidth; var columnInfo = getKeyAndCount(width); var dayCount = columnInfo.dayCount, uptimeKey = columnInfo.uptimeKey; var newViewboxValue = calculateViewbox(dayCount, rectWidth, rectPadding); // If a user quickly resizes from < 450 to > 900 without stopping, // it will retain the same 30 day info as it wont have changed, but this only // impacts 30 day display as it is the only one with shortened text if (newViewboxValue !== svgs[0].getAttribute('viewBox')) { for (var i = 0; i < svgs.length; i++) { var el = svgs[i]; if (el.getAttribute('viewBox') !== newViewboxValue) { el.setAttribute('viewBox', newViewboxValue); } } var dayCountElements = document.querySelectorAll('.legend-item-date-range:first-of-type'); for (var i = 0; i < dayCountElements.length; i++) { setDayCount(dayCountElements[i], dayCount); } uptimeValues = [{"component":"cxpy8d3hsxy7","ninety":99.89,"sixty":99.85,"thirty":100.0},{"component":"w4qqbnq8bgp8","ninety":99.89,"sixty":99.85,"thirty":100.0},{"component":"mg7m1xdlwzkr","ninety":99.89,"sixty":99.85,"thirty":100.0}]; for (var i = 0; i < uptimeValues.length; i++) { setUptimeValue(uptimeValues[i], uptimeKey) } const uptimeLinkVar = document.querySelector('.components-uptime-link > var') if (uptimeLinkVar) { uptimeLinkVar.innerHTML = dayCount; } } } window.addEventListener('resize', function () { clearTimeout(timeoutId); timeoutId = setTimeout(function () { resizeSvgViewBoxes(); }, delay); }); resizeSvgViewBoxes(); }); </script> <div id="uptime-tooltip"> <div class="pointer-container"> <div class="pointer-larger"></div> <div class="pointer-smaller"></div> </div> <div class="tooltip-box"> <div class="tooltip-content"> <div class="tooltip-close"> <i class="fa fa-times"></i> </div> <div class="date"></div> <div class="outages"> <div class="outage-field major"> <span class="label"> <i class="component-status page-colors text-color major_outage"></i> Major outage </span> <span class="value-hrs"></span> <span class="value-mins"></span> </div> <div class="outage-field partial"> <span class="label"> <i class="component-status page-colors text-color partial_outage"></i> Partial outage </span> <span class="value-hrs"></span> <span class="value-mins"></span> </div> <div class="no-outages-msg"> No downtime recorded on this day. </div> <div class="no-data-msg"> No data exists for this day. </div> <div id="major-outage-group-count" class="outage-count"> <i class="component-status page-colors text-color major_outage"></i> <span class="count"></span> had a major outage. </div> <div id="partial-outage-group-count" class="outage-count"> <i class="component-status page-colors text-color partial_outage"></i> <span class="count"></span> had a partial outage. </div> </div> <div class="related-events"> <h3 id="related-event-header">Related</h3> <ul id="related-events-list"></ul> </div> <div class="no-related-msg"> <p>No incidents or maintenance related to this downtime.</p> </div> </div> </div> </div> <script src="https://dka575ofm4ao0.cloudfront.net/assets/vendor/bowser-1643ca34a6d589b2d4d42163a891e4512d5d7657125e09bb5f3d44288114e6bd.js"></script> <script type="text/javascript"> /** This file contains the code needed to handle display of the uptime tooltips on status. Note: because it's in ERB, only ES5 syntax is allowed. */ var uptimeData = {"cxpy8d3hsxy7":{"component":{"code":"cxpy8d3hsxy7","name":"Smartcar API","startDate":"2020-09-26"},"days":[{"date":"2024-08-26","outages":{},"related_events":[]},{"date":"2024-08-27","outages":{},"related_events":[]},{"date":"2024-08-28","outages":{},"related_events":[]},{"date":"2024-08-29","outages":{},"related_events":[]},{"date":"2024-08-30","outages":{},"related_events":[]},{"date":"2024-08-31","outages":{},"related_events":[]},{"date":"2024-09-01","outages":{},"related_events":[]},{"date":"2024-09-02","outages":{},"related_events":[]},{"date":"2024-09-03","outages":{},"related_events":[]},{"date":"2024-09-04","outages":{},"related_events":[]},{"date":"2024-09-05","outages":{},"related_events":[]},{"date":"2024-09-06","outages":{},"related_events":[]},{"date":"2024-09-07","outages":{},"related_events":[]},{"date":"2024-09-08","outages":{},"related_events":[]},{"date":"2024-09-09","outages":{},"related_events":[]},{"date":"2024-09-10","outages":{},"related_events":[]},{"date":"2024-09-11","outages":{},"related_events":[]},{"date":"2024-09-12","outages":{},"related_events":[]},{"date":"2024-09-13","outages":{},"related_events":[]},{"date":"2024-09-14","outages":{},"related_events":[]},{"date":"2024-09-15","outages":{},"related_events":[]},{"date":"2024-09-16","outages":{},"related_events":[]},{"date":"2024-09-17","outages":{},"related_events":[]},{"date":"2024-09-18","outages":{},"related_events":[]},{"date":"2024-09-19","outages":{},"related_events":[]},{"date":"2024-09-20","outages":{},"related_events":[]},{"date":"2024-09-21","outages":{},"related_events":[]},{"date":"2024-09-22","outages":{},"related_events":[]},{"date":"2024-09-23","outages":{},"related_events":[]},{"date":"2024-09-24","outages":{},"related_events":[]},{"date":"2024-09-25","outages":{},"related_events":[]},{"date":"2024-09-26","outages":{},"related_events":[]},{"date":"2024-09-27","outages":{},"related_events":[]},{"date":"2024-09-28","outages":{},"related_events":[]},{"date":"2024-09-29","outages":{},"related_events":[]},{"date":"2024-09-30","outages":{},"related_events":[]},{"date":"2024-10-01","outages":{},"related_events":[]},{"date":"2024-10-02","outages":{"p":26069},"related_events":[{"name":"Smartcar Connect, Dashboard, and Token Refresh Errors","code":"zz0qyltx0yhd"}]},{"date":"2024-10-03","outages":{},"related_events":[]},{"date":"2024-10-04","outages":{},"related_events":[]},{"date":"2024-10-05","outages":{},"related_events":[{"name":"Smartcar API - access token refresh errors and API timeouts","code":"sbydbb5m72f2"}]},{"date":"2024-10-06","outages":{},"related_events":[]},{"date":"2024-10-07","outages":{},"related_events":[]},{"date":"2024-10-08","outages":{},"related_events":[]},{"date":"2024-10-09","outages":{},"related_events":[]},{"date":"2024-10-10","outages":{},"related_events":[]},{"date":"2024-10-11","outages":{},"related_events":[]},{"date":"2024-10-12","outages":{},"related_events":[]},{"date":"2024-10-13","outages":{},"related_events":[]},{"date":"2024-10-14","outages":{},"related_events":[]},{"date":"2024-10-15","outages":{},"related_events":[]},{"date":"2024-10-16","outages":{},"related_events":[]},{"date":"2024-10-17","outages":{},"related_events":[]},{"date":"2024-10-18","outages":{},"related_events":[]},{"date":"2024-10-19","outages":{},"related_events":[]},{"date":"2024-10-20","outages":{},"related_events":[]},{"date":"2024-10-21","outages":{},"related_events":[]},{"date":"2024-10-22","outages":{},"related_events":[]},{"date":"2024-10-23","outages":{},"related_events":[]},{"date":"2024-10-24","outages":{},"related_events":[]},{"date":"2024-10-25","outages":{},"related_events":[]},{"date":"2024-10-26","outages":{},"related_events":[]},{"date":"2024-10-27","outages":{},"related_events":[]},{"date":"2024-10-28","outages":{},"related_events":[]},{"date":"2024-10-29","outages":{},"related_events":[]},{"date":"2024-10-30","outages":{},"related_events":[]},{"date":"2024-10-31","outages":{},"related_events":[]},{"date":"2024-11-01","outages":{},"related_events":[]},{"date":"2024-11-02","outages":{},"related_events":[]},{"date":"2024-11-03","outages":{},"related_events":[]},{"date":"2024-11-04","outages":{},"related_events":[]},{"date":"2024-11-05","outages":{},"related_events":[]},{"date":"2024-11-06","outages":{},"related_events":[]},{"date":"2024-11-07","outages":{},"related_events":[]},{"date":"2024-11-08","outages":{},"related_events":[]},{"date":"2024-11-09","outages":{},"related_events":[]},{"date":"2024-11-10","outages":{},"related_events":[]},{"date":"2024-11-11","outages":{},"related_events":[]},{"date":"2024-11-12","outages":{},"related_events":[]},{"date":"2024-11-13","outages":{},"related_events":[]},{"date":"2024-11-14","outages":{},"related_events":[]},{"date":"2024-11-15","outages":{},"related_events":[]},{"date":"2024-11-16","outages":{},"related_events":[]},{"date":"2024-11-17","outages":{},"related_events":[]},{"date":"2024-11-18","outages":{},"related_events":[]},{"date":"2024-11-19","outages":{},"related_events":[]},{"date":"2024-11-20","outages":{},"related_events":[]},{"date":"2024-11-21","outages":{},"related_events":[]},{"date":"2024-11-22","outages":{},"related_events":[]},{"date":"2024-11-23","outages":{},"related_events":[]}]},"w4qqbnq8bgp8":{"component":{"code":"w4qqbnq8bgp8","name":"Smartcar Connect","startDate":"2020-09-26"},"days":[{"date":"2024-08-26","outages":{},"related_events":[]},{"date":"2024-08-27","outages":{},"related_events":[]},{"date":"2024-08-28","outages":{},"related_events":[]},{"date":"2024-08-29","outages":{},"related_events":[]},{"date":"2024-08-30","outages":{},"related_events":[]},{"date":"2024-08-31","outages":{},"related_events":[]},{"date":"2024-09-01","outages":{},"related_events":[]},{"date":"2024-09-02","outages":{},"related_events":[]},{"date":"2024-09-03","outages":{},"related_events":[]},{"date":"2024-09-04","outages":{},"related_events":[]},{"date":"2024-09-05","outages":{},"related_events":[]},{"date":"2024-09-06","outages":{},"related_events":[]},{"date":"2024-09-07","outages":{},"related_events":[]},{"date":"2024-09-08","outages":{},"related_events":[]},{"date":"2024-09-09","outages":{},"related_events":[]},{"date":"2024-09-10","outages":{},"related_events":[]},{"date":"2024-09-11","outages":{},"related_events":[]},{"date":"2024-09-12","outages":{},"related_events":[]},{"date":"2024-09-13","outages":{},"related_events":[]},{"date":"2024-09-14","outages":{},"related_events":[]},{"date":"2024-09-15","outages":{},"related_events":[]},{"date":"2024-09-16","outages":{},"related_events":[]},{"date":"2024-09-17","outages":{},"related_events":[]},{"date":"2024-09-18","outages":{},"related_events":[]},{"date":"2024-09-19","outages":{},"related_events":[]},{"date":"2024-09-20","outages":{},"related_events":[]},{"date":"2024-09-21","outages":{},"related_events":[]},{"date":"2024-09-22","outages":{},"related_events":[]},{"date":"2024-09-23","outages":{},"related_events":[]},{"date":"2024-09-24","outages":{},"related_events":[]},{"date":"2024-09-25","outages":{},"related_events":[]},{"date":"2024-09-26","outages":{},"related_events":[]},{"date":"2024-09-27","outages":{},"related_events":[]},{"date":"2024-09-28","outages":{},"related_events":[]},{"date":"2024-09-29","outages":{},"related_events":[]},{"date":"2024-09-30","outages":{},"related_events":[]},{"date":"2024-10-01","outages":{},"related_events":[]},{"date":"2024-10-02","outages":{"p":26069},"related_events":[{"name":"Smartcar Connect, Dashboard, and Token Refresh Errors","code":"zz0qyltx0yhd"}]},{"date":"2024-10-03","outages":{},"related_events":[]},{"date":"2024-10-04","outages":{},"related_events":[]},{"date":"2024-10-05","outages":{},"related_events":[]},{"date":"2024-10-06","outages":{},"related_events":[]},{"date":"2024-10-07","outages":{},"related_events":[]},{"date":"2024-10-08","outages":{},"related_events":[]},{"date":"2024-10-09","outages":{},"related_events":[]},{"date":"2024-10-10","outages":{},"related_events":[]},{"date":"2024-10-11","outages":{},"related_events":[]},{"date":"2024-10-12","outages":{},"related_events":[]},{"date":"2024-10-13","outages":{},"related_events":[]},{"date":"2024-10-14","outages":{},"related_events":[]},{"date":"2024-10-15","outages":{},"related_events":[]},{"date":"2024-10-16","outages":{},"related_events":[]},{"date":"2024-10-17","outages":{},"related_events":[]},{"date":"2024-10-18","outages":{},"related_events":[]},{"date":"2024-10-19","outages":{},"related_events":[]},{"date":"2024-10-20","outages":{},"related_events":[]},{"date":"2024-10-21","outages":{},"related_events":[]},{"date":"2024-10-22","outages":{},"related_events":[]},{"date":"2024-10-23","outages":{},"related_events":[]},{"date":"2024-10-24","outages":{},"related_events":[]},{"date":"2024-10-25","outages":{},"related_events":[]},{"date":"2024-10-26","outages":{},"related_events":[]},{"date":"2024-10-27","outages":{},"related_events":[]},{"date":"2024-10-28","outages":{},"related_events":[]},{"date":"2024-10-29","outages":{},"related_events":[]},{"date":"2024-10-30","outages":{},"related_events":[]},{"date":"2024-10-31","outages":{},"related_events":[]},{"date":"2024-11-01","outages":{},"related_events":[]},{"date":"2024-11-02","outages":{},"related_events":[]},{"date":"2024-11-03","outages":{},"related_events":[]},{"date":"2024-11-04","outages":{},"related_events":[]},{"date":"2024-11-05","outages":{},"related_events":[]},{"date":"2024-11-06","outages":{},"related_events":[]},{"date":"2024-11-07","outages":{},"related_events":[]},{"date":"2024-11-08","outages":{},"related_events":[]},{"date":"2024-11-09","outages":{},"related_events":[]},{"date":"2024-11-10","outages":{},"related_events":[]},{"date":"2024-11-11","outages":{},"related_events":[]},{"date":"2024-11-12","outages":{},"related_events":[]},{"date":"2024-11-13","outages":{},"related_events":[]},{"date":"2024-11-14","outages":{},"related_events":[]},{"date":"2024-11-15","outages":{},"related_events":[]},{"date":"2024-11-16","outages":{},"related_events":[]},{"date":"2024-11-17","outages":{},"related_events":[]},{"date":"2024-11-18","outages":{},"related_events":[]},{"date":"2024-11-19","outages":{},"related_events":[]},{"date":"2024-11-20","outages":{},"related_events":[]},{"date":"2024-11-21","outages":{},"related_events":[]},{"date":"2024-11-22","outages":{},"related_events":[]},{"date":"2024-11-23","outages":{},"related_events":[]}]},"mg7m1xdlwzkr":{"component":{"code":"mg7m1xdlwzkr","name":"Smartcar Dashboard","startDate":"2020-09-26"},"days":[{"date":"2024-08-26","outages":{},"related_events":[]},{"date":"2024-08-27","outages":{},"related_events":[]},{"date":"2024-08-28","outages":{},"related_events":[]},{"date":"2024-08-29","outages":{},"related_events":[]},{"date":"2024-08-30","outages":{},"related_events":[]},{"date":"2024-08-31","outages":{},"related_events":[]},{"date":"2024-09-01","outages":{},"related_events":[]},{"date":"2024-09-02","outages":{},"related_events":[]},{"date":"2024-09-03","outages":{},"related_events":[]},{"date":"2024-09-04","outages":{},"related_events":[]},{"date":"2024-09-05","outages":{},"related_events":[]},{"date":"2024-09-06","outages":{},"related_events":[]},{"date":"2024-09-07","outages":{},"related_events":[]},{"date":"2024-09-08","outages":{},"related_events":[]},{"date":"2024-09-09","outages":{},"related_events":[]},{"date":"2024-09-10","outages":{},"related_events":[]},{"date":"2024-09-11","outages":{},"related_events":[]},{"date":"2024-09-12","outages":{},"related_events":[]},{"date":"2024-09-13","outages":{},"related_events":[]},{"date":"2024-09-14","outages":{},"related_events":[]},{"date":"2024-09-15","outages":{},"related_events":[]},{"date":"2024-09-16","outages":{},"related_events":[]},{"date":"2024-09-17","outages":{},"related_events":[]},{"date":"2024-09-18","outages":{},"related_events":[]},{"date":"2024-09-19","outages":{},"related_events":[]},{"date":"2024-09-20","outages":{},"related_events":[]},{"date":"2024-09-21","outages":{},"related_events":[]},{"date":"2024-09-22","outages":{},"related_events":[]},{"date":"2024-09-23","outages":{},"related_events":[]},{"date":"2024-09-24","outages":{},"related_events":[]},{"date":"2024-09-25","outages":{},"related_events":[]},{"date":"2024-09-26","outages":{},"related_events":[]},{"date":"2024-09-27","outages":{},"related_events":[]},{"date":"2024-09-28","outages":{},"related_events":[]},{"date":"2024-09-29","outages":{},"related_events":[]},{"date":"2024-09-30","outages":{},"related_events":[]},{"date":"2024-10-01","outages":{},"related_events":[]},{"date":"2024-10-02","outages":{"p":26069},"related_events":[{"name":"Smartcar Connect, Dashboard, and Token Refresh Errors","code":"zz0qyltx0yhd"}]},{"date":"2024-10-03","outages":{},"related_events":[]},{"date":"2024-10-04","outages":{},"related_events":[]},{"date":"2024-10-05","outages":{},"related_events":[]},{"date":"2024-10-06","outages":{},"related_events":[]},{"date":"2024-10-07","outages":{},"related_events":[]},{"date":"2024-10-08","outages":{},"related_events":[]},{"date":"2024-10-09","outages":{},"related_events":[]},{"date":"2024-10-10","outages":{},"related_events":[]},{"date":"2024-10-11","outages":{},"related_events":[]},{"date":"2024-10-12","outages":{},"related_events":[]},{"date":"2024-10-13","outages":{},"related_events":[]},{"date":"2024-10-14","outages":{},"related_events":[]},{"date":"2024-10-15","outages":{},"related_events":[]},{"date":"2024-10-16","outages":{},"related_events":[]},{"date":"2024-10-17","outages":{},"related_events":[]},{"date":"2024-10-18","outages":{},"related_events":[]},{"date":"2024-10-19","outages":{},"related_events":[]},{"date":"2024-10-20","outages":{},"related_events":[]},{"date":"2024-10-21","outages":{},"related_events":[]},{"date":"2024-10-22","outages":{},"related_events":[]},{"date":"2024-10-23","outages":{},"related_events":[]},{"date":"2024-10-24","outages":{},"related_events":[]},{"date":"2024-10-25","outages":{},"related_events":[]},{"date":"2024-10-26","outages":{},"related_events":[]},{"date":"2024-10-27","outages":{},"related_events":[]},{"date":"2024-10-28","outages":{},"related_events":[]},{"date":"2024-10-29","outages":{},"related_events":[]},{"date":"2024-10-30","outages":{},"related_events":[]},{"date":"2024-10-31","outages":{},"related_events":[]},{"date":"2024-11-01","outages":{},"related_events":[]},{"date":"2024-11-02","outages":{},"related_events":[]},{"date":"2024-11-03","outages":{},"related_events":[]},{"date":"2024-11-04","outages":{},"related_events":[]},{"date":"2024-11-05","outages":{},"related_events":[]},{"date":"2024-11-06","outages":{},"related_events":[]},{"date":"2024-11-07","outages":{},"related_events":[]},{"date":"2024-11-08","outages":{},"related_events":[]},{"date":"2024-11-09","outages":{},"related_events":[]},{"date":"2024-11-10","outages":{},"related_events":[]},{"date":"2024-11-11","outages":{},"related_events":[]},{"date":"2024-11-12","outages":{},"related_events":[]},{"date":"2024-11-13","outages":{},"related_events":[]},{"date":"2024-11-14","outages":{},"related_events":[]},{"date":"2024-11-15","outages":{},"related_events":[]},{"date":"2024-11-16","outages":{},"related_events":[]},{"date":"2024-11-17","outages":{},"related_events":[]},{"date":"2024-11-18","outages":{},"related_events":[]},{"date":"2024-11-19","outages":{},"related_events":[]},{"date":"2024-11-20","outages":{},"related_events":[]},{"date":"2024-11-21","outages":{},"related_events":[]},{"date":"2024-11-22","outages":{},"related_events":[]},{"date":"2024-11-23","outages":{},"related_events":[]}]}} var timeoutId; var monthStrings = [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ]; var EVENT_MAX_LENGTH = 90; // Detect device (desktop vs. touch device) function touchDevice() { var browser = bowser.getParser(window.navigator.userAgent); // if type is either mobile or tablet, return true return browser.parse().parsedResult.platform.type !== 'desktop'; } // Class is in format day-<number>. Convert to just number function dayNumberFromClass(className) { return parseInt(className.split('-')[1]); } // Class is in format component-<code>. Convert to just code function componentCodeFromClass(className) { return className.split('-')[1]; } // Convert number to string pixel measurement function intToPixels(number) { return number.toString() + 'px'; } function truncate(str) { return str.substring(0, EVENT_MAX_LENGTH) + (str.length > EVENT_MAX_LENGTH ? '...' : ''); } // Tooltip Handling class constructor function UptimeTooltipHandler(frameWidth) { this.visible = false; this.activeDay = { hovered: false }; this.tooltip = document.getElementById('uptime-tooltip'); this.frameWidth = frameWidth === undefined ? window.innerWidth : frameWidth; this.scrolling = false; window.addEventListener('mousemove', this.tooltipListener.bind(this)); window.addEventListener('orientationchange', this.orientationListener.bind(this)); // on tooltip creation, determine whether to display touch-specific controls var tooltipCloseButton = document.querySelector('.tooltip-close'); if (touchDevice()) { var componentsContainer = document.querySelector('.components-container'); componentsContainer.addEventListener('touchstart', this.handleTouch.bind(this)); tooltipCloseButton.addEventListener('touchstart', this.unhoverTooltip.bind(this)); } else { window.addEventListener('resize', this.resizeListener.bind(this)); // classList not supported by IE < 9 tooltipCloseButton.className += ' hidden'; } // Handle toggle of group elements var groupComponents = document.querySelectorAll('[data-js-hook=component-group-opener]'); for (var i = 0; i < groupComponents.length; i++) { groupComponents[i].addEventListener('click', this.hideTooltip.bind(this)); } var tooltipBox = document.querySelector('#uptime-tooltip .tooltip-box'); tooltipBox.addEventListener('mouseenter', this.mouseEnteredTooltip.bind(this)); tooltipBox.addEventListener('mouseleave', this.unhoverTooltip.bind(this)); } document.querySelectorAll('.uptime-day').forEach(function (rect) { rect.addEventListener('focus', function (event) { var tooltipHandler = new UptimeTooltipHandler(); tooltipHandler.updateHoveredDay(event); tooltipHandler.updateTooltip(event); }); rect.addEventListener('blur', function () { var tooltipHandler = new UptimeTooltipHandler(); tooltipHandler.unhoverTooltip(); }); rect.addEventListener('keydown', function (event) { if (event.key === 'Escape' || event.keyCode === 27) { var tooltipHandler = new UptimeTooltipHandler(); tooltipHandler.unhoverTooltip(); } }); }); UptimeTooltipHandler.prototype.tooltipListener = function(event) { if (!this.tooltipHovered) { this.updateHoveredDay(event); this.updateTooltip(event); } } // this handler will accommodate for mobile orientation change UptimeTooltipHandler.prototype.orientationListener = function(event) { // just close the tooltip this.unhoverTooltip(); } UptimeTooltipHandler.prototype.resizeListener = function(event) { this.frameWidth = window.innerWidth; } UptimeTooltipHandler.prototype.handleTouch = function (event) { if (event.target.classList.contains('uptime-day')) { event.stopPropagation(); this.bladeTouched(event); } } UptimeTooltipHandler.prototype.mouseEnteredTooltip = function() { // Necessary to clear the timeout set for closing the tooltip when the mouse // moves off the blade or timeline, so the tooltip isnt closed on hover clearTimeout(timeoutId); // Sets it to null so the timeout can be set later, as clearTimeout only // cancels the timer, and we need to allow it to be reset in the mouse // move handler below timeoutId = null; this.tooltipHovered = true; } UptimeTooltipHandler.prototype.unhoverTooltip = function() { this.tooltipHovered = false; this.activeDay.hovered = false; this.hideTooltip(); } UptimeTooltipHandler.prototype.bladeTouched = function (event) { event.preventDefault(); var classes = event.target.getAttribute('class').split(' '); var componentCode = componentCodeFromClass(classes[1]) var index = dayNumberFromClass(classes[2]); // If open and tapped on same component and day, close tooltip if (this.visible && this.activeDay.component === componentCode && this.activeDay.index === index) { this.hideTooltip(); } else { this.updateHoveredDay(event); this.updateTooltip(event); } } UptimeTooltipHandler.prototype.updateHoveredDay = function(event) { var classes = event.target.getAttribute('class'); // classList doesn't work in IE var onDay = classes != null && classes.split(' ').indexOf('uptime-day') !== -1; if (onDay) { classes = classes.split(' '); var componentCode = componentCodeFromClass(classes[1]); this.activeDay = { index: dayNumberFromClass(classes[2]), component: componentCode, bounds: event.target.getBoundingClientRect(), isGroup: uptimeData[componentCode].component.isGroup, hovered: true } } else { this.activeDay.hovered = false; } } UptimeTooltipHandler.prototype.updateTooltip = function(event) { var classes = event.target.getAttribute('class'); // classList doesn't work in IE var hoveredOnGraphic = classes != null && classes.split(' ').indexOf('availability-time-line-graphic') !== -1; if (this.activeDay.hovered) { this.updateTooltipData(); this.positionTooltip(); } else if (this.visible && !this.activeDay.hovered && !hoveredOnGraphic) { // Important: since this is on mouse move it will be called multiple times // which will clear timeoutId and reset it to the new value, meaning // it is a race condition to cancel it if (!timeoutId) { var _this = this; timeoutId = setTimeout(function() { _this.hideTooltip(); timeoutId = null; }, 250); } } } UptimeTooltipHandler.prototype.updateTooltipData = function() { // Get the data for the day we're hovered on var day = uptimeData[this.activeDay.component].days[this.activeDay.index]; // Update the date for the tooltip var date = new Date(day.date); // Get the component's start date. Note that it will be undefined here unless it is populated in our database var startDay = uptimeData[this.activeDay.component].component.startDate; var startDate = startDay ? new Date(startDay) : null; // Determine whether current date falls before component's start date. var beforeStartDate = startDate ? date.getTime() < startDate.getTime() : false; // UTC necessary since days are passed yyyy-mm-dd, and new Date uses midnight UTC, so local times // are presented as the day before var dateString = date.getUTCDate() + " " + monthStrings[date.getUTCMonth()] + " " + date.getUTCFullYear(); document.querySelector('#uptime-tooltip .date').innerHTML = dateString; // Update the outage fields if (this.activeDay.isGroup) { this.updateGroupOutageFields() } else { this.updateOutageFields(day.outages.p, day.outages.m, day.related_events, beforeStartDate); } } UptimeTooltipHandler.prototype.hoursFromSeconds = function(s) { return Math.floor(s / 3600); } UptimeTooltipHandler.prototype.minutesFromSeconds = function(s) { // If less than a minute, round up to 1 minute to show that some outage existed if (s > 0 && s < 60) { return 1; } // Otherwise use floor return Math.floor((s % 3600) / 60); } UptimeTooltipHandler.prototype.updateGroupOutageFields = function() { // Hide time info document.querySelector('#uptime-tooltip .outage-field.major').style.display = 'none'; document.querySelector('#uptime-tooltip .outage-field.partial').style.display = 'none'; document.querySelector(".related-events h3").style.display = 'none'; document.querySelector('.no-related-msg').style.display = 'none'; var eventList = document.getElementById("related-events-list") var cloneList = eventList.cloneNode(false); eventList.parentNode.replaceChild(cloneList, eventList); var partialCount = 0; var majorCount = 0; /** We were originally using the operationalCount as part of the no outage copy for group components, but ultimately decided not to use it. I opted to leave the variable in place in case we ever decide to use it in the future. */ var operationalCount = 0; var noDataCount = 0; var showcasedComponentsCount = 0; var components = uptimeData[this.activeDay.component].component.group for (var i = 0; i < components.length; i++) { if (!uptimeData[components[i]]) continue; showcasedComponentsCount++; var outages = uptimeData[components[i]].days[this.activeDay.index].outages; var currentDay = uptimeData[components[i]].days[this.activeDay.index]; var currentDate = new Date(currentDay.date); // Get the component's start date. Note that it will be undefined here unless it is populated in our database var startDay = uptimeData[components[i]].component.startDate; var startDate = startDay ? new Date(startDay) : null; if (outages.p) { partialCount += 1; } if (outages.m) { majorCount += 1; } // Only increase operational count if component has data for this day if (!outages.p && !outages.m) { if (startDate && currentDate.getTime() < startDate.getTime()) { noDataCount +=1; } else { operationalCount +=1; } } } document.querySelector('#major-outage-group-count').style.display = majorCount ? 'block' : 'none'; document.querySelector('#partial-outage-group-count').style.display = partialCount ? 'block' : 'none'; document.querySelector('#major-outage-group-count .count').innerText = majorCount + (majorCount === 1 ? " component" : " components"); document.querySelector('#partial-outage-group-count .count').innerText = partialCount + (partialCount === 1 ? " component" : " components "); // Show no data message only if we do not have data for any showcased components in the group var showNoDataMessage = noDataCount === showcasedComponentsCount; // Show no outages message if we have data for the components and no outages in that data document.querySelector('#uptime-tooltip .no-outages-msg').style.display = (majorCount || partialCount || showNoDataMessage) ? 'none' : 'block'; document.querySelector('#uptime-tooltip .no-data-msg').style.display = showNoDataMessage ? 'block' : 'none'; } UptimeTooltipHandler.prototype.updateOutageFields = function(partial, major, relatedEvents, beforeStartDate) { // Hide group info document.querySelector('#major-outage-group-count').style.display = 'none'; document.querySelector('#partial-outage-group-count').style.display = 'none'; // Show the message that no outage present, if none is present if (partial || major || beforeStartDate) { document.querySelector('#uptime-tooltip .no-outages-msg').style.display = 'none'; } else { document.querySelector('#uptime-tooltip .no-outages-msg').style.display = 'block'; } if (beforeStartDate) { document.querySelector('#uptime-tooltip .no-data-msg').style.display = 'block'; } else { document.querySelector('#uptime-tooltip .no-data-msg').style.display = 'none'; } // Update partial outage field if an outage exists, otherwise hide it if (partial) { var hrs = this.hoursFromSeconds(partial); var mins = this.minutesFromSeconds(partial); document.querySelector('#uptime-tooltip .outage-field.partial .value-hrs').innerHTML = hrs.toString() + ' hrs'; document.querySelector('#uptime-tooltip .outage-field.partial .value-mins').innerHTML = mins.toString() + ' mins'; document.querySelector('#uptime-tooltip .outage-field.partial').style.display = 'flex'; } else { document.querySelector('#uptime-tooltip .outage-field.partial').style.display = 'none'; } // Update major outage field if an outage exists, otherwise hide it if (major) { var hrs = this.hoursFromSeconds(major); var mins = this.minutesFromSeconds(major); document.querySelector('#uptime-tooltip .outage-field.major .value-hrs').innerHTML = hrs.toString() + ' hrs'; document.querySelector('#uptime-tooltip .outage-field.major .value-mins').innerHTML = mins.toString() + ' mins'; document.querySelector('#uptime-tooltip .outage-field.major').style.display = 'flex'; } else { document.querySelector('#uptime-tooltip .outage-field.major').style.display = 'none'; } var eventList = document.getElementById("related-events-list") var cloneList = eventList.cloneNode(false); document.querySelector(".related-events h3").style.display = (relatedEvents.length ? 'block' : 'none'); for (var i = 0; i < relatedEvents.length; i++) { var listItem = document.createElement("li"); listItem.className = "related-event"; var anchor = document.createElement("a"); anchor.className = "related-event-link"; anchor.target = "_blank"; anchor.href = window.Routes.incident_path(relatedEvents[i].code); var text = document.createTextNode(truncate(relatedEvents[i].name)); anchor.appendChild(text); listItem.appendChild(anchor); cloneList.appendChild(listItem); } const displayNoRelatedMsg = ((major || partial) && !relatedEvents.length); document.querySelector('.no-related-msg').style.display = (displayNoRelatedMsg ? 'block' : 'none'); eventList.parentNode.replaceChild(cloneList, eventList); } UptimeTooltipHandler.prototype.positionTooltip = function() { this.calculatePointerCenter(); this.calculateBoxPosition(); // show tooltip this.tooltip.style.display = 'block'; // position pointer var pointer = this.tooltip.getElementsByClassName('pointer-container')[0]; pointer.style.left = intToPixels(this.pointerCenter.x - 8); pointer.style.top = intToPixels(this.pointerCenter.y - 5); // position display box var box = this.tooltip.getElementsByClassName('tooltip-box')[0]; box.style.left = intToPixels(this.boxLeft); box.style.top = intToPixels(this.pointerCenter.y + 5); this.visible = true; } UptimeTooltipHandler.prototype.calculatePointerCenter = function() { var bounds = this.activeDay.bounds; var rectLeft = bounds.left + window.pageXOffset; var rectBottom = bounds.bottom + window.pageYOffset; var rectWidth = bounds.right - bounds.left; this.pointerCenter = { x: rectLeft + Math.floor(rectWidth / 2), y: rectBottom + 5 } } UptimeTooltipHandler.prototype.calculateBoxPosition = function() { var sideWidth = 162.5; if (this.pointerCenter.x - sideWidth < 0) { this.boxLeft = 0; } else if (this.pointerCenter.x + sideWidth > this.frameWidth) { this.boxLeft = this.frameWidth - sideWidth * 2; } else { this.boxLeft = this.pointerCenter.x - sideWidth; } } UptimeTooltipHandler.prototype.hideTooltip = function() { this.tooltip.style.display = 'none'; this.visible = false; } new UptimeTooltipHandler(); </script> <div class="incidents-list format-expanded"> <a class="font-largest no-link" id="past-incidents" href="#past-incidents">Past Incidents</a> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">23</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported today.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">22</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">21</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">20</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">19</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">18</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">17</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">16</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">15</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">14</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">13</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">12</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">11</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date">10</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> <div class="status-day font-regular no-incidents"> <div class="date border-color font-large">Nov <var data-var="date"> 9</var>, <var data-var="year">2024</var></div> <p class="color-secondary">No incidents reported.</p> </div> </div> <div class="page-footer border-color font-small"> <a href="/history" class="history-footer-link"><span style="font-family:arial">&larr;</span> Incident History</a> <span class="color-secondary powered-by"><a class="color-secondary" target="_blank" rel="noopener noreferrer nofollow" href="https://www.atlassian.com/software/statuspage?utm_campaign=status.smartcar.com&amp;utm_content=SP-notifications&amp;utm_medium=powered-by&amp;utm_source=inapp">Powered by Atlassian Statuspage</a></span> </div> </div> </div> <script src="https://dka575ofm4ao0.cloudfront.net/assets/status_manifest-6a7ae3a8e2e1b1e1d9466495faa0851c3f5fff938743f6501c900aa2a8792e8c.js"></script> <div id="cpt-notification-container"></div> <!-- all of the content_for stuff --> <script src="https://dka575ofm4ao0.cloudfront.net/assets/register_subscription_form-589b657fec607087fc5c740c568270907310bc4f6aaa20256e70f01b103025ca.js"></script> <script type="text/javascript"> $(function() { SP.currentPage.registerSubscriptionForm('email'); }); </script> <script src="https://dka575ofm4ao0.cloudfront.net/assets/status_common-c1b99d73ee7ab0fea796bd170723c1daac1381095a7dd7501a38ce6f333d86b3.js"></script> <script> SP.pollForChanges('/api/v2/status.json'); </script> <script> $(function() { $('.tool').tooltipster({ animationDuration: 100, contentAsHTML: true, delay: 100, theme: 'tooltipster-borderless', functionInit: function (instance, helper) { var $origin = $(helper.origin), dataOptions = $origin.attr('data-tooltip-config'); if (dataOptions){ dataOptions = JSON.parse(dataOptions); $.each(dataOptions, function(name, option){ instance.option(name, option); }); } } }); // clicks on first tab in subscribe popout since we won't know which is first // upon construction in the ruby code $('.updates-dropdown-nav > a').eq(0).click(); // twitter follow button needs some margin $('.twitter-follow-button').css('margin-right', '6px'); }); $(function() { // open/close component groups HRB.utils.djshook('component-group-opener').on('click', function() { var groupParentIndicator = $(this).find('.group-parent-indicator'); groupParentIndicator.toggleClass('fa-plus-square-o').toggleClass('fa-minus-square-o').end().parent().toggleClass('open'); toggleGroup(groupParentIndicator) }); }); $(function() { HRB.utils.djshook('component-group-opener').on('keydown', function(event) { if (event.key !== "Enter" && event.key !== " ") { return; } event.preventDefault() var groupParentIndicator = $(this).find('.group-parent-indicator'); groupParentIndicator.toggleClass('fa-plus-square-o').toggleClass('fa-minus-square-o').end().parent().toggleClass('open'); toggleGroup(groupParentIndicator) }); }); function toggleGroup(groupParentIndicator) { var isOpen = groupParentIndicator.attr('aria-expanded') if (isOpen == 'false') { groupParentIndicator.attr('aria-expanded', 'true'); } else { groupParentIndicator.attr('aria-expanded', 'false'); } } $(function() { $(document).on('ajax:complete', '.modal.in', function(e) { // Close the active modal. $('.modal.in').modal('hide'); }); }); </script> <script> /** INITIALIZATION **/ var recaptchaIds = {} // Unfortunately there's no unique selectors on the parent divs that recaptcha adds. The first unique selector // is the iframe rendered 2 levels deep. So this waits until the iframes are added to the page, then finds // the parent div and sets the z index so that it'll render above our modals & dropdowns from the start. function setZIndex(captchaCount, startTime) { // bail after 10s just in case so we don't do this forever if something whaky happens if (new Date() - startTime > 10000) { return; } var iframes = document.querySelectorAll('iframe[title="recaptcha challenge"]'); if (iframes.length != captchaCount) { setTimeout(function() { setZIndex(captchaCount, startTime); }, 500); } for (var i = 0; i < iframes.length; i++) { // incident subscribe modal is 1050, so this has to be above that iframes[i].parentElement.parentElement.style.zIndex = "1100"; } } function updateCaptchaIframeTitle(captchaCount, startTime, updates=0) { if (new Date() - startTime > 10000 || captchaCount === updates) { return; } var iframesWithTitle = document.querySelectorAll('iframe[title="recaptcha challenge expires in two minutes"]'); if (iframesWithTitle.length != captchaCount) { setTimeout(function() { updateCaptchaIframeTitle(captchaCount, startTime, iframesWithTitle.length + updates); }, 500); } for (var i = 0; i < iframesWithTitle.length; i++) { iframesWithTitle[i].title = "recaptcha"; } } function addIncidentCaptcha() { var incidentCaptcha = document.createElement('div'); incidentCaptcha.setAttribute('id', 'subscribe-incident-recaptcha'); incidentCaptcha.setAttribute('class', 'g-recaptcha'); incidentCaptcha.setAttribute('data-sitekey', '6LcZ-b0UAAAAAENi956aWzynTT2ZJ80dGU3F80Op'); incidentCaptcha.setAttribute('data-callback', 'submitIncidentSubscriberSuccess'); incidentCaptcha.setAttribute('data-error-callback', 'submitIncidentSubscriberError'); incidentCaptcha.setAttribute('data-size', 'invisible'); document.body.appendChild(incidentCaptcha); var incidentCode = document.createElement('input'); incidentCode.setAttribute('type', 'hidden'); incidentCode.setAttribute('id', 'submit_incident_code'); document.body.appendChild(incidentCode); } var onloadCallback = function() { // if there is an incident, then add incident captcha element if (document.getElementsByClassName('modal-open-incident-subscribe').length > 0) { addIncidentCaptcha(); } var captchas = document.getElementsByClassName("g-recaptcha"); for(var i = 0; i < captchas.length; i++) { var elId = captchas[i].id; recaptchaIds[elId] = grecaptcha.enterprise.render(elId); } setZIndex(captchas.length, new Date()); updateCaptchaIframeTitle(captchas.length, new Date()); } /** SUBSCRIBE DROPDOWN */ // callbacks for captcha success function submitNewSubscriber(type, error) { if (error) document.querySelector('#subscribe-form-' + type + ' #captcha_error').value = 'true'; document.getElementById('subscribe-form-' + type).dispatchEvent(new Event('submit', {bubbles: true, cancelable: true})); grecaptcha.enterprise.reset(recaptchaIds['subscribe-btn-' + type]); } function submitNewEmailSubscriber(token) { submitNewSubscriber('email'); } function submitNewSmsSubscriber(token) { submitNewSubscriber('sms'); } function submitNewWebhookSubscriber(token) { submitNewSubscriber('webhook'); } function submitIncidentSubscriber(token, error) { var incidentCode = document.getElementById('submit_incident_code').value; var incidentForm = document.getElementById('subscribe-form-' + incidentCode); incidentForm.querySelector('input[name="captcha_error"]').value = error; incidentForm.querySelector('input[name="g-recaptcha-response"]').value = token; incidentForm.dispatchEvent(new Event('submit', {bubbles: true, cancelable: true})); grecaptcha.enterprise.reset(recaptchaIds['subscribe-incident-recaptcha']); } function submitIncidentSubscriberSuccess(token) { submitIncidentSubscriber(token, 'false'); } // callbacks if we get captcha network errors function emailSubscriberCaptchaError(token) { submitNewSubscriber('email', true); } function smsSubscriberCaptchaError(token) { submitNewSubscriber('sms', true); } function webhookSubscriberCaptchaError(token) { submitNewSubscriber('webhook', true); } function submitIncidentSubscriberError(token) { submitIncidentSubscriber(token, 'true'); } // tracking clicks ['email', 'sms', 'webhook'].forEach(function(type) { var el = document.getElementById('subscribe-btn-' + type); el && el.addEventListener("click", function() { $.ajax({ type: "POST", url: "/subscriptions/track_attempt", data: { type: type } }) }) }) // form submission success callbacks $('#subscribe-form-email').on('ajax:success', function(e, data, status, xhr){ if (data.type === 'success') { SP.currentPage.updatesDropdown.hide(); document.getElementById('email').value = ''; } }); $('#subscribe-form-sms').on('ajax:success', function(e, data, status, xhr){ if (data.type === 'success' && data.otp_flow !== true) { SP.currentPage.updatesDropdown.hide(); document.getElementById('phone-number').value = ''; } }); $('#subscribe-form-webhook').on('ajax:success', function(e, data, status, xhr){ if (data.type === 'success') { SP.currentPage.updatesDropdown.hide(); document.getElementById('endpoint-webhooks').value = ''; document.getElementById('email-webhooks').value = ''; } }); $('a.subscribe').on('click', function() { document.body.style.overflow = "hidden"; document.body.style.height = "100vh"; }); $('div.modal-open-incident-subscribe').on('hidden', function(){ document.body.style.overflow = ""; document.body.style.height = ""; }); function submitCaptchaIncidentSubscribe(event) { var incidentCode = event.target.id.split('-')[2]; event.preventDefault(); $.ajax({ type: "POST", url: "/subscriptions/track_attempt", data: { type: 'incident' } }) document.getElementById('submit_incident_code').value = incidentCode; grecaptcha.enterprise.execute(recaptchaIds['subscribe-incident-recaptcha']); } </script> <script src='https://www.recaptcha.net/recaptcha/enterprise.js?onload=onloadCallback&render=explicit' async defer></script> <script src="https://dka575ofm4ao0.cloudfront.net/packs/common-814024cd42fea12d6fe1.chunk.js"></script> <script src="https://dka575ofm4ao0.cloudfront.net/packs/globals-0c851e8c6754c4375f64.chunk.js"></script> <script src="https://dka575ofm4ao0.cloudfront.net/packs/runtime-8a1984f6547cb712c8d9.js"></script> <script> window.addEventListener('load', function () { const urlParams = new URLSearchParams(window.location.search); const messageToken = urlParams.get('slack_message_token'); const channelName = escape(urlParams.get('channel_name')); if(!!messageToken) { switch(messageToken) { case 'slack_auth_error': HRB.utils.notify('The Slack authorization attempt was unsuccessful. Try again.', {cssClass:'error'}); break; case 'subscribers_disabled_error': HRB.utils.notify('Slack subscriptions are not enabled on this page.', {cssClass:'error'}); break; case 'direct_message_channel_error': HRB.utils.notify('Subscriptions aren鈥檛 supported in direct messages. Try subscribing again and choose a channel instead.', {cssClass:'error'}); break case 'duplicate_error': HRB.utils.notify("You're already subscribed to get Slack notifications in that channel.", {cssClass:'error'}); break; case 'duplicate_private_channel_error': HRB.utils.notify(`You're already subscribed to get Slack notifications in #${channelName}. Invite the @Statuspage app to that channel to start getting status updates.`, {cssClass: 'error'}); break; case 'default_success': HRB.utils.notify("You're now subscribed to get Statuspage updates in Slack!", {cssClass:'success'}); break; case 'private_channel_success': HRB.utils.notify(`IMPORTANT: Invite the @Statuspage app to your Slack channel #${channelName} to start getting status updates.`, {cssClass:'success'}); break; } } }); </script> <!-- FOR FLASH NOTICES --> <!-- FOR ERROR --> <script> $(function() { var $link = $('<span class="color-secondary powered-by"><a class="color-secondary" target="_blank" rel="noopener noreferrer nofollow" href="https://www.atlassian.com/software/statuspage?utm_campaign=status.smartcar.com&amp;utm_content=SP-notifications&amp;utm_medium=powered-by&amp;utm_source=inapp">Powered by Atlassian Statuspage</a></span>'); var setPoweredByStyles = function() { if (!$('.powered-by').length) { $link.appendTo($('.page-footer')) } $('.powered-by').attr('style', 'display: inline !important; visibility:visible !important; opacity: 1 !important; position:static !important; text-indent:0px !important; transform:scale(1) !important'); } setInterval(setPoweredByStyles, 1000); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10