<!--Timelapse Window-->
<div class="modal full fade dark" id="timelapsejpeg" role="dialog" aria-labelledby="timelapsejpegLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="timelapsejpegLabel"><i class="fa fa-angle-double-right"></i> &nbsp; <span><%-lang['Timelapse']%></span></h4>
        </div>
        <div class="modal-body text-center">
            <div class="row">
                <div class="col-md-4">
                    <div class="fieldHolder form-group-group grey text-left">
                        <h4><%- lang['Search Settings'] %></h4>
                        <div class="form-group">
                          <label><div><span><%-lang['Monitor']%></span></div>
                              <div><select class="form-control dark monitors_list"></select></div>
                          </label>
                        </div>
                        <div class="form-group">
                            <label><div><span><%-lang['Date']%></span></div>
                                <div><input type="text" id="timelapsejpeg_date" class="form-control" value="" /></div>
                            </label>
                        </div>
                        <div class="form-group">
                            <input id="timelapseJpegFps" data-slider-id='timelapseJpegFps' type="text"
                             data-slider-min="1" data-slider-max="30" data-slider-step="1" data-slider-value="15" value="15"/>
                        </div>
                        <div class="btn-group btn-group-justified">
                                <a class="btn btn-primary playPause playPauseText"><%-lang['Play']%></a>
                                <a class="btn btn-danger download_mp4"><%-lang['Download']%></a>
                        </div>
                    </div>
                    <div class="frameIcons row scroll-style-6"></div>
                </div>
                <div class="col-md-8 frameStripContainer contained">
                    <div class="playBackView" style="height:100%"><img></div>
                    <!-- <div class="liveStreamView"></div> -->
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <div class="btn-group">
                <button type="button" class="btn btn-default" data-dismiss="modal"><%-lang.Close%></button>
            </div>
        </div>
    </div>
  </div>
</div>
<link rel="stylesheet" href="<%-window.libURL%>libs/css/dash2.timelapse.jpeg.css">
<script src="<%-window.libURL%>libs/js/dash2.timelapse.jpeg.js"></script>
