// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`failed sendSilencePOST() 1`] = `
"<p class=\\"text-danger\\">
  <i class=\\"fa fa-exclamation-circle\\"></i>
  request failed
</p>"
`;

exports[`silence form 1`] = `
"<div class=\\"modal-dialog\\" role=\\"document\\">    <div class=\\"modal-content\\">      <div class=\\"modal-body\\">
<div class=\\"silence-result-icon text-center text-danger\\">
  <i class=\\"fa fa-exclamation-circle\\"></i>
</div>
<p class=\\"text-center\\">
  New silence form rendering failed.
</p>
<p class=\\"text-center\\">
  request failed
</p>
</div>    </div>  </div>"
`;

exports[`silence form 2`] = `
"<div class=\\"modal-dialog\\" role=\\"document\\">    <div class=\\"modal-content\\">      <div class=\\"modal-body\\">
<div id=\\"newSilenceAlert\\" class=\\"alert alert-danger hidden\\" role=\\"alert\\"></div>
<form id=\\"newSilenceForm\\">
  <div>
    <label class=\\"control-label\\">Alertmanager</label>
    <div class=\\"btn-group bootstrap-select show-tick silence-alertmanager-picker fit-width\\"><button type=\\"button\\" class=\\"btn dropdown-toggle silence-label-select\\" data-toggle=\\"dropdown\\" role=\\"button\\" title=\\"mock\\"><span class=\\"filter-option pull-left\\"><span class=\\"label label-list label-primary\\">mock</span></span>&nbsp;<span class=\\"bs-caret\\"><span class=\\"caret\\"></span></span></button><div class=\\"dropdown-menu open\\" role=\\"combobox\\"><ul class=\\"dropdown-menu inner\\" role=\\"listbox\\" aria-expanded=\\"false\\"><li data-original-index=\\"0\\" class=\\"selected\\"><a tabindex=\\"0\\" class=\\"\\" data-tokens=\\"null\\" role=\\"option\\" aria-disabled=\\"false\\" aria-selected=\\"true\\"><span class=\\"label label-list label-primary\\">mock</span><span class=\\"fa fa-check check-mark\\"></span></a></li></ul></div><select class=\\"selectpicker silence-alertmanager-picker\\" data-style=\\"silence-label-select\\" data-icon-base=\\"fa\\" data-tick-icon=\\"fa-check\\" data-width=\\"fit\\" data-select-all-text=\\"<i class='fa fa-check-square-o'></i>\\" data-deselect-all-text=\\"<i class='fa fa-square-o'></i>\\" data-multiple-separator=\\" \\" multiple=\\"\\" required=\\"\\" tabindex=\\"-98\\">
      
          <option selected=\\"selected\\" value=\\"http://localhost\\" data-content=\\"<span class='label label-list label-primary'>mock</span>\\">
            mock
          </option>
      
    </select></div>
  </div>

  <label class=\\"control-label\\">Labels to match</label>
  <table class=\\"table table-condensed silence-label-selects\\">
    
      
        <tbody><tr>
          <td align=\\"center\\">
            <span class=\\"badge select-label-badge\\" title=\\"\\" data-toggle=\\"tooltip\\" data-original-title=\\"Click to select / deselect all values\\">
              1
            </span>
          </td>
          <td>
            <div class=\\"btn-group bootstrap-select show-tick silence-label-picker fit-width\\"><button type=\\"button\\" class=\\"btn dropdown-toggle bs-placeholder silence-label-select\\" data-toggle=\\"dropdown\\" role=\\"button\\" title=\\"alertname:\\"><span class=\\"filter-option pull-left\\"><span class=\\"label label-list label-default\\">alertname: </span></span>&nbsp;<span class=\\"bs-caret\\"><span class=\\"caret\\"></span></span></button><div class=\\"dropdown-menu open\\" role=\\"combobox\\"><ul class=\\"dropdown-menu inner\\" role=\\"listbox\\" aria-expanded=\\"false\\"><li data-original-index=\\"0\\"><a tabindex=\\"0\\" class=\\"\\" data-tokens=\\"null\\" role=\\"option\\" aria-disabled=\\"false\\" aria-selected=\\"false\\"><span class=\\"label label-list label-primary\\" style=\\"\\">alertname: fakeAlert</span><span class=\\"fa fa-check check-mark\\"></span></a></li></ul></div><select class=\\"selectpicker silence-label-picker\\" data-label-key=\\"alertname\\" data-style=\\"silence-label-select\\" data-icon-base=\\"fa\\" data-tick-icon=\\"fa-check\\" data-width=\\"fit\\" data-select-all-text=\\"<i class='fa fa-check-square-o'></i>\\" data-deselect-all-text=\\"<i class='fa fa-square-o'></i>\\" data-multiple-separator=\\" \\" data-selected-text-format=\\"count > 1\\" multiple=\\"\\" tabindex=\\"-98\\">
              
                  <option value=\\"fakeAlert\\" data-content=\\"<span class='label label-list label-primary' style=''>alertname: fakeAlert</span>\\">
                    alertname: fakeAlert
                  </option>
              
            </select></div>
          </td>
        </tr>
      
        <tr>
          <td align=\\"center\\">
            <span class=\\"badge select-label-badge\\" title=\\"\\" data-toggle=\\"tooltip\\" data-original-title=\\"Click to select / deselect all values\\">
              1
            </span>
          </td>
          <td>
            <div class=\\"btn-group bootstrap-select show-tick silence-label-picker fit-width\\"><button type=\\"button\\" class=\\"btn dropdown-toggle bs-placeholder silence-label-select\\" data-toggle=\\"dropdown\\" role=\\"button\\" title=\\"cluster:\\"><span class=\\"filter-option pull-left\\"><span class=\\"label label-list label-default\\">cluster: </span></span>&nbsp;<span class=\\"bs-caret\\"><span class=\\"caret\\"></span></span></button><div class=\\"dropdown-menu open\\" role=\\"combobox\\"><ul class=\\"dropdown-menu inner\\" role=\\"listbox\\" aria-expanded=\\"false\\"><li data-original-index=\\"0\\"><a tabindex=\\"0\\" class=\\"\\" data-tokens=\\"null\\" role=\\"option\\" aria-disabled=\\"false\\" aria-selected=\\"false\\"><span class=\\"label label-list label-warning\\" style=\\"\\">cluster: prod</span><span class=\\"fa fa-check check-mark\\"></span></a></li></ul></div><select class=\\"selectpicker silence-label-picker\\" data-label-key=\\"cluster\\" data-style=\\"silence-label-select\\" data-icon-base=\\"fa\\" data-tick-icon=\\"fa-check\\" data-width=\\"fit\\" data-select-all-text=\\"<i class='fa fa-check-square-o'></i>\\" data-deselect-all-text=\\"<i class='fa fa-square-o'></i>\\" data-multiple-separator=\\" \\" data-selected-text-format=\\"count > 1\\" multiple=\\"\\" tabindex=\\"-98\\">
              
                  <option value=\\"prod\\" data-content=\\"<span class='label label-list label-warning' style=''>cluster: prod</span>\\">
                    cluster: prod
                  </option>
              
            </select></div>
          </td>
        </tr>
      
        <tr>
          <td align=\\"center\\">
            <span class=\\"badge select-label-badge\\" title=\\"\\" data-toggle=\\"tooltip\\" data-original-title=\\"Click to select / deselect all values\\">
              1
            </span>
          </td>
          <td>
            <div class=\\"btn-group bootstrap-select show-tick silence-label-picker fit-width\\"><button type=\\"button\\" class=\\"btn dropdown-toggle silence-label-select\\" data-toggle=\\"dropdown\\" role=\\"button\\" title=\\"foo: bar\\"><span class=\\"filter-option pull-left\\"><span class=\\"label label-list label-warning\\" style=\\"\\">foo: bar</span></span>&nbsp;<span class=\\"bs-caret\\"><span class=\\"caret\\"></span></span></button><div class=\\"dropdown-menu open\\" role=\\"combobox\\"><ul class=\\"dropdown-menu inner\\" role=\\"listbox\\" aria-expanded=\\"false\\"><li data-original-index=\\"0\\" class=\\"selected\\"><a tabindex=\\"0\\" class=\\"\\" data-tokens=\\"null\\" role=\\"option\\" aria-disabled=\\"false\\" aria-selected=\\"true\\"><span class=\\"label label-list label-warning\\" style=\\"\\">foo: bar</span><span class=\\"fa fa-check check-mark\\"></span></a></li></ul></div><select class=\\"selectpicker silence-label-picker\\" data-label-key=\\"foo\\" data-style=\\"silence-label-select\\" data-icon-base=\\"fa\\" data-tick-icon=\\"fa-check\\" data-width=\\"fit\\" data-select-all-text=\\"<i class='fa fa-check-square-o'></i>\\" data-deselect-all-text=\\"<i class='fa fa-square-o'></i>\\" data-multiple-separator=\\" \\" data-selected-text-format=\\"count > 1\\" multiple=\\"\\" tabindex=\\"-98\\">
              
                  <option selected=\\"selected\\" value=\\"bar\\" data-content=\\"<span class='label label-list label-warning' style=''>foo: bar</span>\\">
                    foo: bar
                  </option>
              
            </select></div>
          </td>
        </tr>
      
    
  </tbody></table>

  <div>
    <ul class=\\"nav nav-tabs\\" role=\\"tablist\\">
      <li role=\\"presentation\\">
        <a href=\\"#startsAtTab\\" aria-controls=\\"startsAtTab\\" role=\\"tab\\" data-toggle=\\"tab\\">
          Starts <span id=\\"silence-start-description\\">in 32 years</span>
        </a>
      </li>
      <li role=\\"presentation\\">
        <a href=\\"#endsAtTab\\" aria-controls=\\"endsAtTab\\" role=\\"tab\\" data-toggle=\\"tab\\">
          Ends <span id=\\"silence-end-description\\">in 32 years</span>
        </a>
      </li>
      <li role=\\"presentation\\" class=\\"active\\">
        <a href=\\"#duration\\" aria-controls=\\"duration\\" role=\\"tab\\" data-toggle=\\"tab\\">
          Duration
        </a>
      </li>
    </ul>
    <div class=\\"tab-content\\">
      <div role=\\"tabpanel\\" class=\\"tab-pane fade\\" id=\\"startsAtTab\\">
        <div id=\\"startsAt\\" class=\\"datetime-picker\\" style=\\"margin-left: 0px;\\"><div class=\\"bootstrap-datetimepicker-widget usetwentyfour timepicker-sbs\\"><div class=\\"row\\"><div class=\\"datepicker col-md-6\\"><div class=\\"datepicker-days\\" style=\\"\\"><table class=\\"table-condensed\\"><thead><tr><th class=\\"prev\\" data-action=\\"previous\\"><span class=\\"fa fa-chevron-left\\" title=\\"Previous Month\\"></span></th><th class=\\"picker-switch\\" data-action=\\"pickerSwitch\\" colspan=\\"5\\" title=\\"Select Month\\">January 2050</th><th class=\\"next\\" data-action=\\"next\\"><span class=\\"fa fa-chevron-right\\" title=\\"Next Month\\"></span></th></tr><tr><th class=\\"dow\\">Su</th><th class=\\"dow\\">Mo</th><th class=\\"dow\\">Tu</th><th class=\\"dow\\">We</th><th class=\\"dow\\">Th</th><th class=\\"dow\\">Fr</th><th class=\\"dow\\">Sa</th></tr></thead><tbody><tr><td data-action=\\"selectDay\\" data-day=\\"12/26/2049\\" class=\\"day old weekend\\">26</td><td data-action=\\"selectDay\\" data-day=\\"12/27/2049\\" class=\\"day old\\">27</td><td data-action=\\"selectDay\\" data-day=\\"12/28/2049\\" class=\\"day old\\">28</td><td data-action=\\"selectDay\\" data-day=\\"12/29/2049\\" class=\\"day old\\">29</td><td data-action=\\"selectDay\\" data-day=\\"12/30/2049\\" class=\\"day old\\">30</td><td data-action=\\"selectDay\\" data-day=\\"12/31/2049\\" class=\\"day old\\">31</td><td data-action=\\"selectDay\\" data-day=\\"01/01/2050\\" class=\\"day active weekend\\">1</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/02/2050\\" class=\\"day weekend\\">2</td><td data-action=\\"selectDay\\" data-day=\\"01/03/2050\\" class=\\"day\\">3</td><td data-action=\\"selectDay\\" data-day=\\"01/04/2050\\" class=\\"day\\">4</td><td data-action=\\"selectDay\\" data-day=\\"01/05/2050\\" class=\\"day\\">5</td><td data-action=\\"selectDay\\" data-day=\\"01/06/2050\\" class=\\"day\\">6</td><td data-action=\\"selectDay\\" data-day=\\"01/07/2050\\" class=\\"day\\">7</td><td data-action=\\"selectDay\\" data-day=\\"01/08/2050\\" class=\\"day weekend\\">8</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/09/2050\\" class=\\"day weekend\\">9</td><td data-action=\\"selectDay\\" data-day=\\"01/10/2050\\" class=\\"day\\">10</td><td data-action=\\"selectDay\\" data-day=\\"01/11/2050\\" class=\\"day\\">11</td><td data-action=\\"selectDay\\" data-day=\\"01/12/2050\\" class=\\"day\\">12</td><td data-action=\\"selectDay\\" data-day=\\"01/13/2050\\" class=\\"day\\">13</td><td data-action=\\"selectDay\\" data-day=\\"01/14/2050\\" class=\\"day\\">14</td><td data-action=\\"selectDay\\" data-day=\\"01/15/2050\\" class=\\"day weekend\\">15</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/16/2050\\" class=\\"day weekend\\">16</td><td data-action=\\"selectDay\\" data-day=\\"01/17/2050\\" class=\\"day\\">17</td><td data-action=\\"selectDay\\" data-day=\\"01/18/2050\\" class=\\"day\\">18</td><td data-action=\\"selectDay\\" data-day=\\"01/19/2050\\" class=\\"day\\">19</td><td data-action=\\"selectDay\\" data-day=\\"01/20/2050\\" class=\\"day\\">20</td><td data-action=\\"selectDay\\" data-day=\\"01/21/2050\\" class=\\"day\\">21</td><td data-action=\\"selectDay\\" data-day=\\"01/22/2050\\" class=\\"day weekend\\">22</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/23/2050\\" class=\\"day weekend\\">23</td><td data-action=\\"selectDay\\" data-day=\\"01/24/2050\\" class=\\"day\\">24</td><td data-action=\\"selectDay\\" data-day=\\"01/25/2050\\" class=\\"day\\">25</td><td data-action=\\"selectDay\\" data-day=\\"01/26/2050\\" class=\\"day\\">26</td><td data-action=\\"selectDay\\" data-day=\\"01/27/2050\\" class=\\"day\\">27</td><td data-action=\\"selectDay\\" data-day=\\"01/28/2050\\" class=\\"day\\">28</td><td data-action=\\"selectDay\\" data-day=\\"01/29/2050\\" class=\\"day weekend\\">29</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/30/2050\\" class=\\"day weekend\\">30</td><td data-action=\\"selectDay\\" data-day=\\"01/31/2050\\" class=\\"day\\">31</td><td data-action=\\"selectDay\\" data-day=\\"02/01/2050\\" class=\\"day new\\">1</td><td data-action=\\"selectDay\\" data-day=\\"02/02/2050\\" class=\\"day new\\">2</td><td data-action=\\"selectDay\\" data-day=\\"02/03/2050\\" class=\\"day new\\">3</td><td data-action=\\"selectDay\\" data-day=\\"02/04/2050\\" class=\\"day new\\">4</td><td data-action=\\"selectDay\\" data-day=\\"02/05/2050\\" class=\\"day new weekend\\">5</td></tr></tbody></table></div><div class=\\"datepicker-months\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><thead><tr><th class=\\"prev\\" data-action=\\"previous\\"><span class=\\"fa fa-chevron-left\\" title=\\"Previous Year\\"></span></th><th class=\\"picker-switch\\" data-action=\\"pickerSwitch\\" colspan=\\"5\\" title=\\"Select Year\\">2050</th><th class=\\"next\\" data-action=\\"next\\"><span class=\\"fa fa-chevron-right\\" title=\\"Next Year\\"></span></th></tr></thead><tbody><tr><td colspan=\\"7\\"><span data-action=\\"selectMonth\\" class=\\"month active\\">Jan</span><span data-action=\\"selectMonth\\" class=\\"month\\">Feb</span><span data-action=\\"selectMonth\\" class=\\"month\\">Mar</span><span data-action=\\"selectMonth\\" class=\\"month\\">Apr</span><span data-action=\\"selectMonth\\" class=\\"month\\">May</span><span data-action=\\"selectMonth\\" class=\\"month\\">Jun</span><span data-action=\\"selectMonth\\" class=\\"month\\">Jul</span><span data-action=\\"selectMonth\\" class=\\"month\\">Aug</span><span data-action=\\"selectMonth\\" class=\\"month\\">Sep</span><span data-action=\\"selectMonth\\" class=\\"month\\">Oct</span><span data-action=\\"selectMonth\\" class=\\"month\\">Nov</span><span data-action=\\"selectMonth\\" class=\\"month\\">Dec</span></td></tr></tbody></table></div><div class=\\"datepicker-years\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><thead><tr><th class=\\"prev\\" data-action=\\"previous\\"><span class=\\"fa fa-chevron-left\\" title=\\"Previous Decade\\"></span></th><th class=\\"picker-switch\\" data-action=\\"pickerSwitch\\" colspan=\\"5\\" title=\\"Select Decade\\">2045-2056</th><th class=\\"next\\" data-action=\\"next\\"><span class=\\"fa fa-chevron-right\\" title=\\"Next Decade\\"></span></th></tr></thead><tbody><tr><td colspan=\\"7\\"><span data-action=\\"selectYear\\" class=\\"year\\">2045</span><span data-action=\\"selectYear\\" class=\\"year\\">2046</span><span data-action=\\"selectYear\\" class=\\"year\\">2047</span><span data-action=\\"selectYear\\" class=\\"year\\">2048</span><span data-action=\\"selectYear\\" class=\\"year\\">2049</span><span data-action=\\"selectYear\\" class=\\"year active\\">2050</span><span data-action=\\"selectYear\\" class=\\"year\\">2051</span><span data-action=\\"selectYear\\" class=\\"year\\">2052</span><span data-action=\\"selectYear\\" class=\\"year\\">2053</span><span data-action=\\"selectYear\\" class=\\"year\\">2054</span><span data-action=\\"selectYear\\" class=\\"year\\">2055</span><span data-action=\\"selectYear\\" class=\\"year\\">2056</span></td></tr></tbody></table></div><div class=\\"datepicker-decades\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><thead><tr><th class=\\"prev disabled\\" data-action=\\"previous\\"><span class=\\"fa fa-chevron-left\\" title=\\"Previous Century\\"></span></th><th class=\\"picker-switch\\" data-action=\\"pickerSwitch\\" colspan=\\"5\\">2000-2107</th><th class=\\"next\\" data-action=\\"next\\"><span class=\\"fa fa-chevron-right\\" title=\\"Next Century\\"></span></th></tr></thead><tbody><tr><td colspan=\\"7\\"><span data-action=\\"selectDecade\\" class=\\"decade disabled\\" data-selection=\\"2005\\">2000 - 2011</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2017\\">2012 - 2023</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2029\\">2024 - 2035</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2041\\">2036 - 2047</span><span data-action=\\"selectDecade\\" class=\\"decade active\\" data-selection=\\"2053\\">2048 - 2059</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2065\\">2060 - 2071</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2077\\">2072 - 2083</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2089\\">2084 - 2095</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2101\\">2096 - 2107</span><span></span><span></span><span></span></td></tr></tbody></table></div></div><div class=\\"timepicker col-md-6\\"><div class=\\"timepicker-picker\\"><table class=\\"table-condensed\\"><tr><td><a href=\\"#\\" tabindex=\\"-1\\" title=\\"Increment Hour\\" class=\\"btn\\" data-action=\\"incrementHours\\"><span class=\\"fa fa-chevron-up\\"></span></a></td><td class=\\"separator\\"></td><td><a href=\\"#\\" tabindex=\\"-1\\" title=\\"Increment Minute\\" class=\\"btn\\" data-action=\\"incrementMinutes\\"><span class=\\"fa fa-chevron-up\\"></span></a></td></tr><tr><td><span class=\\"timepicker-hour\\" data-time-component=\\"hours\\" title=\\"Pick Hour\\" data-action=\\"showHours\\">01</span></td><td class=\\"separator\\">:</td><td><span class=\\"timepicker-minute\\" data-time-component=\\"minutes\\" title=\\"Pick Minute\\" data-action=\\"showMinutes\\">00</span></td></tr><tr><td><a href=\\"#\\" tabindex=\\"-1\\" title=\\"Decrement Hour\\" class=\\"btn\\" data-action=\\"decrementHours\\"><span class=\\"fa fa-chevron-down\\"></span></a></td><td class=\\"separator\\"></td><td><a href=\\"#\\" tabindex=\\"-1\\" title=\\"Decrement Minute\\" class=\\"btn\\" data-action=\\"decrementMinutes\\"><span class=\\"fa fa-chevron-down\\"></span></a></td></tr></table></div><div class=\\"timepicker-hours\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><tr><td data-action=\\"selectHour\\" class=\\"hour\\">00</td><td data-action=\\"selectHour\\" class=\\"hour\\">01</td><td data-action=\\"selectHour\\" class=\\"hour\\">02</td><td data-action=\\"selectHour\\" class=\\"hour\\">03</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">04</td><td data-action=\\"selectHour\\" class=\\"hour\\">05</td><td data-action=\\"selectHour\\" class=\\"hour\\">06</td><td data-action=\\"selectHour\\" class=\\"hour\\">07</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">08</td><td data-action=\\"selectHour\\" class=\\"hour\\">09</td><td data-action=\\"selectHour\\" class=\\"hour\\">10</td><td data-action=\\"selectHour\\" class=\\"hour\\">11</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">12</td><td data-action=\\"selectHour\\" class=\\"hour\\">13</td><td data-action=\\"selectHour\\" class=\\"hour\\">14</td><td data-action=\\"selectHour\\" class=\\"hour\\">15</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">16</td><td data-action=\\"selectHour\\" class=\\"hour\\">17</td><td data-action=\\"selectHour\\" class=\\"hour\\">18</td><td data-action=\\"selectHour\\" class=\\"hour\\">19</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">20</td><td data-action=\\"selectHour\\" class=\\"hour\\">21</td><td data-action=\\"selectHour\\" class=\\"hour\\">22</td><td data-action=\\"selectHour\\" class=\\"hour\\">23</td></tr></table></div><div class=\\"timepicker-minutes\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><tr><td data-action=\\"selectMinute\\" class=\\"minute\\">00</td><td data-action=\\"selectMinute\\" class=\\"minute\\">05</td><td data-action=\\"selectMinute\\" class=\\"minute\\">10</td><td data-action=\\"selectMinute\\" class=\\"minute\\">15</td></tr><tr><td data-action=\\"selectMinute\\" class=\\"minute\\">20</td><td data-action=\\"selectMinute\\" class=\\"minute\\">25</td><td data-action=\\"selectMinute\\" class=\\"minute\\">30</td><td data-action=\\"selectMinute\\" class=\\"minute\\">35</td></tr><tr><td data-action=\\"selectMinute\\" class=\\"minute\\">40</td><td data-action=\\"selectMinute\\" class=\\"minute\\">45</td><td data-action=\\"selectMinute\\" class=\\"minute\\">50</td><td data-action=\\"selectMinute\\" class=\\"minute\\">55</td></tr></table></div></div></div></div></div>
      </div>
      <div role=\\"tabpanel\\" class=\\"tab-pane fade\\" id=\\"endsAtTab\\">
        <div id=\\"endsAt\\" class=\\"datetime-picker\\" style=\\"margin-left: 0px;\\"><div class=\\"bootstrap-datetimepicker-widget usetwentyfour timepicker-sbs\\"><div class=\\"row\\"><div class=\\"datepicker col-md-6\\"><div class=\\"datepicker-days\\" style=\\"\\"><table class=\\"table-condensed\\"><thead><tr><th class=\\"prev disabled\\" data-action=\\"previous\\"><span class=\\"fa fa-chevron-left\\" title=\\"Previous Month\\"></span></th><th class=\\"picker-switch\\" data-action=\\"pickerSwitch\\" colspan=\\"5\\" title=\\"Select Month\\">January 2050</th><th class=\\"next\\" data-action=\\"next\\"><span class=\\"fa fa-chevron-right\\" title=\\"Next Month\\"></span></th></tr><tr><th class=\\"dow\\">Su</th><th class=\\"dow\\">Mo</th><th class=\\"dow\\">Tu</th><th class=\\"dow\\">We</th><th class=\\"dow\\">Th</th><th class=\\"dow\\">Fr</th><th class=\\"dow\\">Sa</th></tr></thead><tbody><tr><td data-action=\\"selectDay\\" data-day=\\"12/26/2049\\" class=\\"day old disabled weekend\\">26</td><td data-action=\\"selectDay\\" data-day=\\"12/27/2049\\" class=\\"day old disabled\\">27</td><td data-action=\\"selectDay\\" data-day=\\"12/28/2049\\" class=\\"day old disabled\\">28</td><td data-action=\\"selectDay\\" data-day=\\"12/29/2049\\" class=\\"day old disabled\\">29</td><td data-action=\\"selectDay\\" data-day=\\"12/30/2049\\" class=\\"day old disabled\\">30</td><td data-action=\\"selectDay\\" data-day=\\"12/31/2049\\" class=\\"day old disabled\\">31</td><td data-action=\\"selectDay\\" data-day=\\"01/01/2050\\" class=\\"day active weekend\\">1</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/02/2050\\" class=\\"day weekend\\">2</td><td data-action=\\"selectDay\\" data-day=\\"01/03/2050\\" class=\\"day\\">3</td><td data-action=\\"selectDay\\" data-day=\\"01/04/2050\\" class=\\"day\\">4</td><td data-action=\\"selectDay\\" data-day=\\"01/05/2050\\" class=\\"day\\">5</td><td data-action=\\"selectDay\\" data-day=\\"01/06/2050\\" class=\\"day\\">6</td><td data-action=\\"selectDay\\" data-day=\\"01/07/2050\\" class=\\"day\\">7</td><td data-action=\\"selectDay\\" data-day=\\"01/08/2050\\" class=\\"day weekend\\">8</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/09/2050\\" class=\\"day weekend\\">9</td><td data-action=\\"selectDay\\" data-day=\\"01/10/2050\\" class=\\"day\\">10</td><td data-action=\\"selectDay\\" data-day=\\"01/11/2050\\" class=\\"day\\">11</td><td data-action=\\"selectDay\\" data-day=\\"01/12/2050\\" class=\\"day\\">12</td><td data-action=\\"selectDay\\" data-day=\\"01/13/2050\\" class=\\"day\\">13</td><td data-action=\\"selectDay\\" data-day=\\"01/14/2050\\" class=\\"day\\">14</td><td data-action=\\"selectDay\\" data-day=\\"01/15/2050\\" class=\\"day weekend\\">15</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/16/2050\\" class=\\"day weekend\\">16</td><td data-action=\\"selectDay\\" data-day=\\"01/17/2050\\" class=\\"day\\">17</td><td data-action=\\"selectDay\\" data-day=\\"01/18/2050\\" class=\\"day\\">18</td><td data-action=\\"selectDay\\" data-day=\\"01/19/2050\\" class=\\"day\\">19</td><td data-action=\\"selectDay\\" data-day=\\"01/20/2050\\" class=\\"day\\">20</td><td data-action=\\"selectDay\\" data-day=\\"01/21/2050\\" class=\\"day\\">21</td><td data-action=\\"selectDay\\" data-day=\\"01/22/2050\\" class=\\"day weekend\\">22</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/23/2050\\" class=\\"day weekend\\">23</td><td data-action=\\"selectDay\\" data-day=\\"01/24/2050\\" class=\\"day\\">24</td><td data-action=\\"selectDay\\" data-day=\\"01/25/2050\\" class=\\"day\\">25</td><td data-action=\\"selectDay\\" data-day=\\"01/26/2050\\" class=\\"day\\">26</td><td data-action=\\"selectDay\\" data-day=\\"01/27/2050\\" class=\\"day\\">27</td><td data-action=\\"selectDay\\" data-day=\\"01/28/2050\\" class=\\"day\\">28</td><td data-action=\\"selectDay\\" data-day=\\"01/29/2050\\" class=\\"day weekend\\">29</td></tr><tr><td data-action=\\"selectDay\\" data-day=\\"01/30/2050\\" class=\\"day weekend\\">30</td><td data-action=\\"selectDay\\" data-day=\\"01/31/2050\\" class=\\"day\\">31</td><td data-action=\\"selectDay\\" data-day=\\"02/01/2050\\" class=\\"day new\\">1</td><td data-action=\\"selectDay\\" data-day=\\"02/02/2050\\" class=\\"day new\\">2</td><td data-action=\\"selectDay\\" data-day=\\"02/03/2050\\" class=\\"day new\\">3</td><td data-action=\\"selectDay\\" data-day=\\"02/04/2050\\" class=\\"day new\\">4</td><td data-action=\\"selectDay\\" data-day=\\"02/05/2050\\" class=\\"day new weekend\\">5</td></tr></tbody></table></div><div class=\\"datepicker-months\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><thead><tr><th class=\\"prev disabled\\" data-action=\\"previous\\"><span class=\\"fa fa-chevron-left\\" title=\\"Previous Year\\"></span></th><th class=\\"picker-switch\\" data-action=\\"pickerSwitch\\" colspan=\\"5\\" title=\\"Select Year\\">2050</th><th class=\\"next\\" data-action=\\"next\\"><span class=\\"fa fa-chevron-right\\" title=\\"Next Year\\"></span></th></tr></thead><tbody><tr><td colspan=\\"7\\"><span data-action=\\"selectMonth\\" class=\\"month active\\">Jan</span><span data-action=\\"selectMonth\\" class=\\"month\\">Feb</span><span data-action=\\"selectMonth\\" class=\\"month\\">Mar</span><span data-action=\\"selectMonth\\" class=\\"month\\">Apr</span><span data-action=\\"selectMonth\\" class=\\"month\\">May</span><span data-action=\\"selectMonth\\" class=\\"month\\">Jun</span><span data-action=\\"selectMonth\\" class=\\"month\\">Jul</span><span data-action=\\"selectMonth\\" class=\\"month\\">Aug</span><span data-action=\\"selectMonth\\" class=\\"month\\">Sep</span><span data-action=\\"selectMonth\\" class=\\"month\\">Oct</span><span data-action=\\"selectMonth\\" class=\\"month\\">Nov</span><span data-action=\\"selectMonth\\" class=\\"month\\">Dec</span></td></tr></tbody></table></div><div class=\\"datepicker-years\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><thead><tr><th class=\\"prev disabled\\" data-action=\\"previous\\"><span class=\\"fa fa-chevron-left\\" title=\\"Previous Decade\\"></span></th><th class=\\"picker-switch\\" data-action=\\"pickerSwitch\\" colspan=\\"5\\" title=\\"Select Decade\\">2045-2056</th><th class=\\"next\\" data-action=\\"next\\"><span class=\\"fa fa-chevron-right\\" title=\\"Next Decade\\"></span></th></tr></thead><tbody><tr><td colspan=\\"7\\"><span data-action=\\"selectYear\\" class=\\"year disabled\\">2045</span><span data-action=\\"selectYear\\" class=\\"year disabled\\">2046</span><span data-action=\\"selectYear\\" class=\\"year disabled\\">2047</span><span data-action=\\"selectYear\\" class=\\"year disabled\\">2048</span><span data-action=\\"selectYear\\" class=\\"year disabled\\">2049</span><span data-action=\\"selectYear\\" class=\\"year active\\">2050</span><span data-action=\\"selectYear\\" class=\\"year\\">2051</span><span data-action=\\"selectYear\\" class=\\"year\\">2052</span><span data-action=\\"selectYear\\" class=\\"year\\">2053</span><span data-action=\\"selectYear\\" class=\\"year\\">2054</span><span data-action=\\"selectYear\\" class=\\"year\\">2055</span><span data-action=\\"selectYear\\" class=\\"year\\">2056</span></td></tr></tbody></table></div><div class=\\"datepicker-decades\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><thead><tr><th class=\\"prev disabled\\" data-action=\\"previous\\"><span class=\\"fa fa-chevron-left\\" title=\\"Previous Century\\"></span></th><th class=\\"picker-switch\\" data-action=\\"pickerSwitch\\" colspan=\\"5\\">2000-2107</th><th class=\\"next\\" data-action=\\"next\\"><span class=\\"fa fa-chevron-right\\" title=\\"Next Century\\"></span></th></tr></thead><tbody><tr><td colspan=\\"7\\"><span data-action=\\"selectDecade\\" class=\\"decade disabled\\" data-selection=\\"2005\\">2000 - 2011</span><span data-action=\\"selectDecade\\" class=\\"decade disabled\\" data-selection=\\"2017\\">2012 - 2023</span><span data-action=\\"selectDecade\\" class=\\"decade disabled\\" data-selection=\\"2029\\">2024 - 2035</span><span data-action=\\"selectDecade\\" class=\\"decade disabled\\" data-selection=\\"2041\\">2036 - 2047</span><span data-action=\\"selectDecade\\" class=\\"decade active\\" data-selection=\\"2053\\">2048 - 2059</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2065\\">2060 - 2071</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2077\\">2072 - 2083</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2089\\">2084 - 2095</span><span data-action=\\"selectDecade\\" class=\\"decade\\" data-selection=\\"2101\\">2096 - 2107</span><span></span><span></span><span></span></td></tr></tbody></table></div></div><div class=\\"timepicker col-md-6\\"><div class=\\"timepicker-picker\\"><table class=\\"table-condensed\\"><tr><td><a href=\\"#\\" tabindex=\\"-1\\" title=\\"Increment Hour\\" class=\\"btn\\" data-action=\\"incrementHours\\"><span class=\\"fa fa-chevron-up\\"></span></a></td><td class=\\"separator\\"></td><td><a href=\\"#\\" tabindex=\\"-1\\" title=\\"Increment Minute\\" class=\\"btn\\" data-action=\\"incrementMinutes\\"><span class=\\"fa fa-chevron-up\\"></span></a></td></tr><tr><td><span class=\\"timepicker-hour\\" data-time-component=\\"hours\\" title=\\"Pick Hour\\" data-action=\\"showHours\\">02</span></td><td class=\\"separator\\">:</td><td><span class=\\"timepicker-minute\\" data-time-component=\\"minutes\\" title=\\"Pick Minute\\" data-action=\\"showMinutes\\">00</span></td></tr><tr><td><a href=\\"#\\" tabindex=\\"-1\\" title=\\"Decrement Hour\\" class=\\"btn\\" data-action=\\"decrementHours\\"><span class=\\"fa fa-chevron-down\\"></span></a></td><td class=\\"separator\\"></td><td><a href=\\"#\\" tabindex=\\"-1\\" title=\\"Decrement Minute\\" class=\\"btn\\" data-action=\\"decrementMinutes\\"><span class=\\"fa fa-chevron-down\\"></span></a></td></tr></table></div><div class=\\"timepicker-hours\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><tr><td data-action=\\"selectHour\\" class=\\"hour disabled\\">00</td><td data-action=\\"selectHour\\" class=\\"hour\\">01</td><td data-action=\\"selectHour\\" class=\\"hour\\">02</td><td data-action=\\"selectHour\\" class=\\"hour\\">03</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">04</td><td data-action=\\"selectHour\\" class=\\"hour\\">05</td><td data-action=\\"selectHour\\" class=\\"hour\\">06</td><td data-action=\\"selectHour\\" class=\\"hour\\">07</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">08</td><td data-action=\\"selectHour\\" class=\\"hour\\">09</td><td data-action=\\"selectHour\\" class=\\"hour\\">10</td><td data-action=\\"selectHour\\" class=\\"hour\\">11</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">12</td><td data-action=\\"selectHour\\" class=\\"hour\\">13</td><td data-action=\\"selectHour\\" class=\\"hour\\">14</td><td data-action=\\"selectHour\\" class=\\"hour\\">15</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">16</td><td data-action=\\"selectHour\\" class=\\"hour\\">17</td><td data-action=\\"selectHour\\" class=\\"hour\\">18</td><td data-action=\\"selectHour\\" class=\\"hour\\">19</td></tr><tr><td data-action=\\"selectHour\\" class=\\"hour\\">20</td><td data-action=\\"selectHour\\" class=\\"hour\\">21</td><td data-action=\\"selectHour\\" class=\\"hour\\">22</td><td data-action=\\"selectHour\\" class=\\"hour\\">23</td></tr></table></div><div class=\\"timepicker-minutes\\" style=\\"display: none;\\"><table class=\\"table-condensed\\"><tr><td data-action=\\"selectMinute\\" class=\\"minute\\">00</td><td data-action=\\"selectMinute\\" class=\\"minute\\">05</td><td data-action=\\"selectMinute\\" class=\\"minute\\">10</td><td data-action=\\"selectMinute\\" class=\\"minute\\">15</td></tr><tr><td data-action=\\"selectMinute\\" class=\\"minute\\">20</td><td data-action=\\"selectMinute\\" class=\\"minute\\">25</td><td data-action=\\"selectMinute\\" class=\\"minute\\">30</td><td data-action=\\"selectMinute\\" class=\\"minute\\">35</td></tr><tr><td data-action=\\"selectMinute\\" class=\\"minute\\">40</td><td data-action=\\"selectMinute\\" class=\\"minute\\">45</td><td data-action=\\"selectMinute\\" class=\\"minute\\">50</td><td data-action=\\"selectMinute\\" class=\\"minute\\">55</td></tr></table></div></div></div></div></div>
      </div>
      <div role=\\"tabpanel\\" class=\\"tab-pane active fade in\\" id=\\"duration\\">
        <table class=\\"table-condensed silence-duration-table\\">
          <tbody>
            <tr>
              <td>
                <a href=\\"#\\" class=\\"btn silence-duration-btn\\" data-duration-action=\\"increment\\" data-duration-unit=\\"days\\" data-duration-step=\\"1\\">
                  <i class=\\"fa fa-chevron-up\\"></i>
                </a>
              </td>
              <td></td>
              <td class=\\"silence-separator\\"></td>
              <td>
                <a href=\\"#\\" class=\\"btn silence-duration-btn\\" data-duration-action=\\"increment\\" data-duration-unit=\\"hours\\" data-duration-step=\\"1\\">
                  <i class=\\"fa fa-chevron-up\\"></i>
                </a>
              </td>
              <td></td>
              <td class=\\"silence-separator\\"></td>
              <td>
                <a href=\\"#\\" class=\\"btn silence-duration-btn\\" data-duration-action=\\"increment\\" data-duration-unit=\\"minutes\\" data-duration-step=\\"5\\">
                  <i class=\\"fa fa-chevron-up\\"></i>
                </a>
              </td>
              <td></td>
            </tr>
            <tr>
              <td>
                <div id=\\"silence-duration-days\\" class=\\"text-center silence-duration-text\\">0</div>
              </td>
              <td class=\\"silence-duration-label\\">
                <span class=\\"text-center text-muted\\">days</span>
              </td>
              <td class=\\"silence-separator\\"></td>
              <td>
                <div id=\\"silence-duration-hours\\" class=\\"text-center silence-duration-text\\">1</div>
              </td>
              <td class=\\"silence-duration-label\\">
                <span class=\\"text-center text-muted\\">hours</span>
              </td>
              <td class=\\"silence-separator\\"></td>
              <td>
                <div id=\\"silence-duration-minutes\\" class=\\"text-center silence-duration-text\\">0</div>
              </td>
              <td class=\\"silence-duration-label\\">
                <span class=\\"text-center text-muted\\">minutes</span>
              </td>
            </tr>
            <tr>
              <td>
                <a href=\\"#\\" class=\\"btn silence-duration-btn\\" data-duration-action=\\"decrement\\" data-duration-unit=\\"days\\" data-duration-step=\\"1\\">
                  <i class=\\"fa fa-chevron-down\\"></i>
                </a>
              </td>
              <td></td>
              <td class=\\"silence-separator\\"></td>
              <td>
                <a href=\\"#\\" class=\\"btn silence-duration-btn\\" data-duration-action=\\"decrement\\" data-duration-unit=\\"hours\\" data-duration-step=\\"1\\">
                  <i class=\\"fa fa-chevron-down\\"></i>
                </a>
              </td>
              <td></td>
              <td class=\\"silence-separator\\"></td>
              <td>
                <a href=\\"#\\" class=\\"btn silence-duration-btn\\" data-duration-action=\\"decrement\\" data-duration-unit=\\"minutes\\" data-duration-step=\\"5\\">
                  <i class=\\"fa fa-chevron-down\\"></i>
                </a>
              </td>
              <td></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>

  <div class=\\"form-group\\">
    <div class=\\"input-group\\">
      <span class=\\"input-group-addon\\">
        <i class=\\"fa fa-envelope\\"></i>
      </span>
      <input type=\\"email\\" class=\\"form-control\\" id=\\"createdBy\\" placeholder=\\"Email\\" name=\\"createdBy\\" required=\\"\\">
    </div>
  </div>

  <div class=\\"form-group\\">
    <div class=\\"input-group\\">
      <span class=\\"input-group-addon\\">
        <i class=\\"fa fa-comment\\"></i>
      </span>
      <input type=\\"text\\" class=\\"form-control\\" id=\\"comment\\" placeholder=\\"Comment\\" name=\\"comment\\" required=\\"\\">
    </div>
  </div>

  <hr class=\\"separator\\">

  <div class=\\"row\\">
    <div class=\\"col-sm-6\\">
      <a class=\\"text-muted icon-as-button\\" data-toggle=\\"collapse\\" href=\\"#silenceJSON\\" aria-expanded=\\"false\\" aria-controls=\\"silenceJSON\\">
          <i class=\\"fa fa-chevron-right\\"></i>
          <i class=\\"fa fa-chevron-down\\"></i>
      </a>
    </div>
    <div class=\\"col-sm-6 text-right\\">
      <button id=\\"silenceSubmit\\" type=\\"submit\\" class=\\"btn btn-success\\">
        <i class=\\"fa fa-floppy-o\\"></i>
      </button>
    </div>
  </div>

  <div class=\\"collapse\\" id=\\"silenceJSON\\">
    <pre id=\\"silenceJSONBlob\\">curl http://localhost/api/v1/silences
  -X POST --data {
  \\"matchers\\": [
    {
      \\"name\\": \\"foo\\",
      \\"value\\": \\"bar\\",
      \\"isRegex\\": false
    }
  ],
  \\"startsAt\\": \\"2050-01-01T01:00:00.000Z\\",
  \\"endsAt\\": \\"2050-01-01T02:00:00.000Z\\",
  \\"createdBy\\": \\"\\",
  \\"comment\\": \\"\\"
}</pre>
  </div>

  
</form>
</div>    </div>  </div>"
`;

exports[`silence form 3`] = `
"<div class=\\"modal-dialog\\" role=\\"document\\">    <div class=\\"modal-content\\">      <div class=\\"modal-body\\">
<table class=\\"table\\">
  
    <tbody><tr>
      <td>
        <span class=\\"label label-list label-primary\\">
          mock
        </span>
      </td>
      <td class=\\"silence-post-result\\" data-uri=\\"http://localhost\\">
<p class=\\"text-success\\">
  <i class=\\"fa fa-check-circle\\"></i>
  abcdef
</p>
</td>
    </tr>
  
</tbody></table>
</div>    </div>  </div>"
`;

exports[`successful sendSilencePOST() 1`] = `
"<p class=\\"text-success\\">
  <i class=\\"fa fa-check-circle\\"></i>
  abcdef
</p>"
`;
