{"id":439,"date":"2015-07-06T14:19:43","date_gmt":"2015-07-06T18:19:43","guid":{"rendered":"http:\/\/hartemc.com.208-70-162-36.ruralitehosting.com\/?page_id=439"},"modified":"2018-01-10T09:06:27","modified_gmt":"2018-01-10T14:06:27","slug":"outage-center","status":"publish","type":"page","link":"https:\/\/www.hartemc.com\/outage-center\/","title":{"rendered":"Outage Center"},"content":{"rendered":"<p>Hart EMC&#8217;s goal is to provide you with uninterrupted electricity 100% of the time, but we all know that nothing is perfect. Whatever the reason, we are ready around the clock to restore your power as soon as possible. All times are in Eastern Prevailing Time (EDT or EST).<br \/>\n    <style>\n        [ng\\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {\n            display: none !important;\n        }\n    <\/style>\n    <div ng-cloak class=\"fullWidth hartemc-outage-center\"\n         ng-controller=\"refreshPanelsController as vm\">\n        <div><br \/>\n    <style xmlns=\"http:\/\/www.w3.org\/1999\/html\">\n        [ng\\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {\n            display: none !important;\n        }\n    <\/style>\n    <div ng-cloak class=\"fullWidth hartemc-outage-center\" id=\"power-outages-section\"\n         ng-controller=\"powerOutagesController as vm\">\n        <div class=\"row collapse\">\n            <div class=\"table-wrap\">\n                <div class=\"outage-panel power-outages\">\n                    <h2 class=\"panel-title\">Power Outages\n                        <button ng-click=\"toggleHelpModal()\" class=\"context-sensitive-help qmark\">\n                            <img src=\"https:\/\/www.hartemc.com\/wp-content\/plugins\/hartemc-outage-center\/images\/question-mark.svg\" alt=\"Power Outages Help\" style=\"height:35px;width:35px\">\n                        <\/button>\n                    <\/h2>\n                    <div class=\"panel-headline\">\n                        <div class=\"row power-outages-row\">\n                            <div class=\"small-5 columns name\">Counties<\/div>\n                            <div class=\"small-4 columns total-out\"># Affected<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-content\">\n                        <div ng-repeat=\"county in vm.powerOutages\" class=\"row power-outages-row\"\n                             ng-style=\"{'background-color': failSafe?'#FFFFFF':county.Color}\">\n                            <div class=\"small-5 columns name text-left\">\n\t\t\t\t\t\t\t\t<span ng-bind=\"county.Name\"><\/span>\n                            <\/div>\n                            <div class=\"small-4 columns total-out text-right\">\n                                <span ng-if=\"!failSafe\" ng-bind=\"county.TotalOut\"><\/span>\n                                <span ng-if=\"failSafe\">-<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <time-stamp><\/time-stamp>\n                <\/div>\n            <\/div>\n        <\/div>\n        <button id=\"power-outages-refresh\" class=\"tiny button data-refresh-button\">Refresh Data<\/button>\n\n        <modal-help show=\"helpModalShown\">\n            <h2>Information<\/h2>\n            <div id=\"power-outages-help\"\n                 class=\"help-content\"><p class=\"p1\"><span class=\"s1\">The values seen in the <b>Power Outages<\/b> section are the number of member locations out of power by county and a System Total. This number consists of the number of locations involved in managed outages and the number of outage reports that are not yet part of a managed outage. Once enough reports are received and information from other systems is included, a group of outages become a managed outage incident. When this happens the managed outage shows up in the Outages in Progress list. Outages that are limited to individual locations or transformers are not included in the Outages in Progress list but are included in the Power Outage numbers, so the total out shown by Outages in Progress and Power Outages may not be exactly the same number. The information is updated every 5 minutes.\u00a0<\/span><\/p>            <\/div>\n        <\/modal-help>\n\n    <\/div>\n\n\t<\/div>\n        <button class=\"tiny button data-refresh-button\" ng-if=\"outageButtonHidden\" ng-click=\"refreshOutages()\" disabled aria-live=\"polite\">{{hiddenMessage}}<\/button>\n        <button class=\"tiny button data-refresh-button\" ng-if=\"!outageButtonHidden\" ng-click=\"refreshOutages()\" aria-live=\"polite\">Refresh Available<\/button>\n        <div><\/p>\n    <style>\n        [ng\\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {\n            display: none !important;\n        }\n    <\/style>\n    <div ng-cloak class=\"hartemc-outage-center fullWidth\"\n         id=\"outages-in-progress-section\"\n         ng-controller=\"outagesInProgressController as vm\">\n        <div class=\"row collapse\">\n            <div class=\"table-wrap\">\n                <div class=\"outage-panel outages-in-progress\">\n                    <h2 class=\"panel-title\">Outages In Progress\n                        <button ng-click=\"toggleHelpModal()\" class=\"context-sensitive-help qmark\">\n                            <img src=\"https:\/\/www.hartemc.com\/wp-content\/plugins\/hartemc-outage-center\/images\/question-mark.svg\" alt=\"Outages In Progress Help\" style=\"height:35px;width:35px\">\n                        <\/button>\n                    <\/h2>\n\n                    <div class=\"panel-headline\">\n                        <div class=\"row table-row outages-in-progress-row text-right\">\n                            <div class=\"small-9 medium-5 large-6 columns name text-left\">Name<\/div>\n                            <div class=\"small-3 large-2 columns total-out\"># Out<\/div>\n                            <div class=\"hide-for-small-only medium-4 large-4 columns name\">State<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"panel-content\" ng-if=\"!failSafe\">\n                        <div class=\"row\"\n                             href=\"#info-panel-incident-number-{{incident.IncidentID}}\"\n                             ng-repeat=\"incident in vm.outageIncidentsInProgress\"\n                        >\n                            <button ng-click=\"toggleOutageModal(incident)\" class=\"button-row\">\n                            <div id=\"incident-number-{{incident.IncidentID}}\"\n                                 class=\"table-row outages-in-progress-row\">\n                                <div class=\"small-9 medium-5 large-6 columns name\">{{incident.Name ? incident.Name :\n                                    '--'}}\n                                <\/div>\n                                <div class=\"small-3 large-2 columns total-out\">{{incident.TotalOut ? incident.TotalOut :\n                                    '--'}}\n                                <\/div>\n                                <div class=\"hide-for-small-only medium-4 large-4 columns name\">{{incident.State ?\n                                    incident.State : '--'}}\n                                <\/div>\n                            <\/div>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <time-stamp><\/time-stamp>\n                <\/div>\n            <\/div>\n        <\/div>\n        <button id=\"outages-in-progress-refresh\" class=\"tiny button data-refresh-button\">Refresh Data<\/button>\n\n        <modal-help show=\"helpModalShown\">\n            <h2>Information<\/h2>\n            <div id=\"outages-in-progress-help\"\n                 class=\"help-content\"><p class=\"p1\"><span class=\"s1\">Once enough reports are received and information from other systems is included, a group of outages become a managed outage incident. When this happens the managed outage shows up in the <b>Outages in Progress<\/b> list. Outages that are limited to individual locations or transformers are not included in the Outages in Progress list. Clicking or tapping an individual list item will display detailed information for that outage incident. An incident where the power has been restored will remain on the list for approximate 20 minutes. \u00a0 The information is updated every 5 minutes.<\/span><\/p>            <\/div>\n        <\/modal-help>\n        <modal-outage show=\"outageModalShown\">\n            <div class=\"info-panel\">\n                <div class=\"info-panel-item title\">Outage Details<\/div>\n                <div class=\"info-panel-item outage-number\">Incident Number:\n                    <span>{{inc.IncidentID ? inc.IncidentID : '--'}}<\/span><\/div>\n                <div class=\"info-panel-item outage-name\">Name:\n                    <span>{{inc.Name ? inc.Name : '--'}}<\/span><\/div>\n                <div class=\"info-panel-item start-time\">Start Time: <span class=\"moment-time\"\n                                                                          data-utc-time=\"{{inc.StartTime ? inc.StartTime : '--'}}\">{{inc.StartTime ? inc.StartTime : '--'}}<\/span>\n                <\/div>\n                <div class=\"info-panel-item end-time\">End Time: <span class=\"moment-time\"\n                                                                      data-utc-time=\"{{inc.EndTime ? inc.EndTime : '--'}}\">{{inc.EndTime ? inc.EndTime : '--'}}<\/span>\n                <\/div>\n                <!-- <div class=\"info-panel-item ert\">ERT: <span><{{inc.ERT ? inc.ERT : '--'}}<\/span><\/div> -->\n                <div class=\"info-panel-item info\">Info:\n                    <span>{{inc.Info ? inc.Info : '--'}}<\/span><\/div>\n                <div class=\"info-panel-item status\">State:\n                    <span>{{inc.State ? inc.State : '--'}}<\/span><\/div>\n                <div class=\"info-panel-item number-affected\">Members Out:\n                    <span>{{inc.TotalOut ? inc.TotalOut : '--'}}<\/span><\/div>\n            <\/div>\n            <div class=\"arrow-left\"><\/div>\n        <\/modal-outage>\n    <\/div>\n\n\t<\/div>\n    <\/div>\n\n\n    <\/p>\n    <style id=\"modal-styling\">\n        .reveal-modal{\n            min-height: 300px;\n        }\n\n        .ng-modal {\n            transition: 0.2s ease-in-out opacity;\n        }\n\n        .ng-modal .reveal-modal {\n            display: block;\n            visibility: visible;\n        }\n\n        .ng-modal .reveal-modal-bg {\n            display: block;\n        }\n\n        .ng-modal.ng-hide-add,\n        .ng-modal.ng-hide-remove{\n            display: block !important;\n        }\n\n        .ng-modal.ng-hide{\n            opacity: 0;\n        }\n\n\n        .reveal-modal.ng-hide-add,\n        .reveal-modal.ng-hide-remove{\n            display: block !important;\n        }\n\n        .reveal-modal.ng-hide{\n            -webkit-transform: scale(0.9);\n            opacity: 0;\n        }\n\n        .demo .button{\n            margin: 60px auto 0;\n        }\n\n        .demo .button, .demo .button:focus{\n            outline: none;\n        }\n\n        [ng\\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {\n            display: none !important;\n        }\n    <\/style>\n\n    <div\n        ng-cloak\n        id=\"outages-near-me-section\"\n        class=\"fullWidth hartemc-outage-center\"\n        ng-controller=\"outagesNearMeController as vm\"\n    >\n        <div class=\"row collapse\">\n            <div class=\"table-wrap\">\n                <div class=\"outage-panel outages-near-me\">\n                    <h2 class=\"panel-title\">Outages Near Me\n                        <button ng-click=\"toggleHelpModal()\" class=\"context-sensitive-help qmark\">\n                            <img src=\"https:\/\/www.hartemc.com\/wp-content\/plugins\/hartemc-outage-center\/images\/question-mark.svg\" alt=\"Outages Near Me Help\" style=\"height:35px;width:35px\">\n                        <\/button>\n                    <\/h2>\n\n                    <div class=\"panel-headline small-12\">\n                        <!-- ng-if=\"serviceArea && activeOutages\" -->\n                        <div class=\"row table-row outages-near-me-row text-right\">\n                            <div class=\"small-7 medium-8 large-8 columns name text-left\">Name<\/div>\n                            <div class=\"small-2 medium-2 large-2 columns total-out\"># Out<\/div>\n                            <div style=\"padding-left:0;\" class=\"small-3 medium-2 large-2 columns distance\">Distance<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div ng-if=\"!locationServicesDisabled\" id=\"outages-near-me-panel\" class=\"panel-content\">\n                        <div ng-if=\"!serviceArea\" class=\"row text-center\">\n                            Please ensure that you are within the Hart EMC service area.\n                        <\/div>\n                        <div ng-if=\"!activeOutages\" class=\"row text-center\">\n                            It looks like no outages are close by.\n                        <\/div>\n                    \n                    <div class=\"row\"\n                         href=\"#info-panel-incident-number-{{incident.IncidentID}}\"\n                         ng-repeat=\"incident in vm.outageIncidentsNearMe\"\n                    >\n                        <button ng-click=\"toggleOutageModal(incident)\">\n                            <div\n                                id=\"incident-number-{{incident.IncidentID}}\"\n                                class=\"table-row outages-in-progress-row\">\n                                <div  class=\"small-7 medium-8 large-8 columns name\">{{incident.Name ? incident.Name :\n                                    '--'}}\n                                <\/div>\n                                <div class=\"small-2 medium-2 large-2 columns total-out\">{{incident.TotalOut ? incident.TotalOut :\n                                    '--'}}\n                                <\/div>\n                                <div class=\"small-3 medium-2 large-2 columns distance\">{{incident.distance ? (incident.distance | number:2) :\n                                    '--'}}<\/div>\n                            <\/div>\n                        <\/button>\n                    <\/div>\n                    <a class=\"row\"\n                       href=\"#info-panel-incident-number-{{incident.IncidentID}}\"\n                       ng-repeat=\"incident in vm.outageIncidentsInProgress\"\n                    >\n                        <div id=\"incident-number-{{incident.IncidentID}}\"\n                             class=\"table-row outages-in-progress-row\"\n                        >\n                            <div class=\"small-9 medium-5 large-6 columns name\">{{incident.Name ? incident.Name :\n                                '--'}}\n                            <\/div>\n                            <div class=\"small-3 large-2 columns total-out\">{{incident.TotalOut ? incident.TotalOut :\n                                '--'}}\n                            <\/div>\n                            <div class=\"hide-for-small-only medium-4 large-4 columns name\">{{incident.State ?\n                                incident.State : '--'}}\n                            <\/div>\n                        <\/div>\n                        <div id=\"info-panel-incident-number-{{incident.IncidentID ? incident.IncidentID : '--'}}\"\n                             class=\"row-details\">\n                            <!-- stuff here -->\n                        <\/div>\n                    <\/a>\n                    <\/div>\n                    <time-stamp><\/time-stamp>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"device-timestamp\">Location timestamp: <\/div>\n        <div class=\"device-accuracy\">Accuracy:  meters<\/div>\n        <button ng-if=\"!failSafe && !locationServicesDisabled && !locationButtonHidden\" ng-click=\"refreshOutages()\" id=\"outages-near-me-refresh\" class=\"tiny button data-refresh-button\" aria-live=\"polite\">Use my location to find outages<\/button>\n        <button ng-if=\"failSafe || (!locationServicesDisabled && locationButtonHidden)\" ng-click=\"refreshOutages()\" id=\"outages-near-me-refresh\" class=\"tiny button data-refresh-button\" aria-live=\"polite\" disabled>{{hiddenMessage}}<\/button>\n        <div ng-if=\"locationServicesDisabled\" id=\"display-when-location-services-disabled\">Due to the wide-spread nature of the current outage events, searching for outages near you has been temporarily disabled.<\/div>\n\n        <modal-help show=\"helpModalShown\">\n            <h2>Information<\/h2>\n            <div id='outages-near-me-help' class='help-content'>\n                <p class=\"p1\"><span class=\"s1\">When you click or tap the <b>Outages Near Me<\/b> button the Outage Center will take your location, if you grant it permission, and display the In Progress Outages that are within a distance of about 3 miles in every direction. Since power outages are not a single point but a broad area, the distance to one of those areas may be zero for many locations. The accuracy of the calculation depends on your location, type of Location provided by the mobile device and whether you are moving or not. Please note that most desktop web browsers will provide the information to the Outage Center but this location can be off by many miles. This feature is meant to help you identify the Outage Incident that your home or business is involved in. The information is updated every 5 minutes.<\/span><\/p>            <\/div>\n        <\/modal-help>\n        <modal-outage show=\"outageModalShown\">\n            <div class=\"info-panel\">\n                <div class=\"info-panel-item title\">Outage Details<\/div>\n                <div class=\"info-panel-item outage-number\">Incident Number:\n                    <span>{{inc.IncidentID ? inc.IncidentID : '--'}}<\/span><\/div>\n                <div class=\"info-panel-item outage-name\">Name:\n                    <span>{{inc.Name ? inc.Name : '--'}}<\/span><\/div>\n                <div class=\"info-panel-item start-time\">Start Time: <span class=\"moment-time\"\n                                                                          data-utc-time=\"{{inc.StartTime ? inc.StartTime : '--'}}\">{{inc.StartTime ? inc.StartTime : '--'}}<\/span>\n                <\/div>\n                <div class=\"info-panel-item end-time\">End Time: <span class=\"moment-time\"\n                                                                      data-utc-time=\"{{inc.EndTime ? inc.EndTime : '--'}}\">{{inc.EndTime ? inc.EndTime : '--'}}<\/span>\n                <\/div>\n                <!-- <div class=\"info-panel-item ert\">ERT: <span><{{inc.ERT ? inc.ERT : '--'}}<\/span><\/div> -->\n                <div class=\"info-panel-item info\">Info:\n                    <span>{{inc.Info ? inc.Info : '--'}}<\/span><\/div>\n                <div class=\"info-panel-item status\">State:\n                    <span>{{inc.State ? inc.State : '--'}}<\/span><\/div>\n                <div class=\"info-panel-item number-affected\">Members Out:\n                    <span>{{inc.TotalOut ? inc.TotalOut : '--'}}<\/span><\/div>\n            <\/div>\n            <div class=\"arrow-left\"><\/div>\n        <\/modal-outage>\n\n\n    <\/div>\n    <!--    <button id=\"outages-near-me-refresh\" class=\"tiny button data-refresh-button\">Use my location to find outages-->\n    <!--    <\/button>-->\n    <!-- \t<button id=\"outages-near-me-refresh-watch\" class=\"tiny button data-refresh-button\">Watch My Position<\/button> -->\n\n\n\n    \n<p><a href=\"http:\/\/hartemc.maps.arcgis.com\/apps\/webappviewer\/index.html?id=08cbe90d90914a719bc0a6a813bd70f3\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-784\" src=\"https:\/\/www.hartemc.com\/wp-content\/uploads\/foldedmap75x66.png\" alt=\"Folded map icon\" width=\"75\" height=\"66\" \/><\/a>\u00a0<a href=\"http:\/\/hartemc.maps.arcgis.com\/apps\/webappviewer\/index.html?id=08cbe90d90914a719bc0a6a813bd70f3\">Switch to the Outage Map.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hart EMC&#8217;s goal is to provide you with uninterrupted electricity 100% of the time, but we all know that nothing is perfect. Whatever the reason, we are ready around the clock to restore your power as soon as possible. All times are in Eastern Prevailing Time (EDT or EST). \u00a0Switch to the Outage Map.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","inline_featured_image":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/www.hartemc.com\/wp-json\/wp\/v2\/pages\/439"}],"collection":[{"href":"https:\/\/www.hartemc.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hartemc.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hartemc.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hartemc.com\/wp-json\/wp\/v2\/comments?post=439"}],"version-history":[{"count":0,"href":"https:\/\/www.hartemc.com\/wp-json\/wp\/v2\/pages\/439\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hartemc.com\/wp-json\/wp\/v2\/media?parent=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}