availability-ui/resources/views/recoveryPlans/recoveryPlans.blade.php

313 lines
30 KiB
PHP

<div class="page-header">
<div class="row align-items-end">
<div class="col-lg-12">
<div class="page-header-title">
<div class="d-inline">
<h4>Recovery Plans</h4>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card table-card">
<!-- Action Icons -->
<div class="card-header">
<div class="row">
<div class="col-1" data-toggle="tooltip" data-placement="top" title="New Recovery Plan">
<button class="btn-action" data-toggle="modal" data-target="#newRecoveryplan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M31.25,7.4a43.79,43.79,0,0,1-6.62-2.35,45,45,0,0,1-6.08-3.21L18,1.5l-.54.35a45,45,0,0,1-6.08,3.21A43.79,43.79,0,0,1,4.75,7.4L4,7.59v8.34c0,13.39,13.53,18.4,13.66,18.45l.34.12.34-.12c.14,0,13.66-5.05,13.66-18.45V7.59ZM30,15.93c0,11-10,15.61-12,16.43-2-.82-12-5.44-12-16.43V9.14a47.54,47.54,0,0,0,6.18-2.25,48.23,48.23,0,0,0,5.82-3,48.23,48.23,0,0,0,5.82,3A47.54,47.54,0,0,0,30,9.14Z"></path>
<path d="M10.88,16.87a1,1,0,0,0-1.41,1.41l6,6L26.4,13.77A1,1,0,0,0,25,12.33l-9.47,9.19Z"></path>
</svg>
</button>
</div>
<div class="col-1 border-right" data-toggle="tooltip" data-placement="top" title="New Migration Plan">
<button class="btn-action" data-toggle="modal" data-target="#newMigrationplan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M30.31,13c0-.1,0-.21,0-.32a10.26,10.26,0,0,0-10.45-10,10.47,10.47,0,0,0-9.6,6.1A9.74,9.74,0,0,0,1.6,18.4,9.62,9.62,0,0,0,11.25,28H15V26H11.25A7.65,7.65,0,0,1,11,10.74l.67,0,.23-.63a8.43,8.43,0,0,1,8-5.4,8.26,8.26,0,0,1,8.45,8,7.75,7.75,0,0,1,0,.8l-.08.72.65.3A6,6,0,0,1,26.38,26H21v2h5.38a8,8,0,0,0,3.93-15Z"></path>
<path d="M22.28,21.85A1,1,0,0,0,23,20.14l-5-5-5,5a1,1,0,0,0,1.41,1.41L17,19V31.25a1,1,0,1,0,2,0V19l2.57,2.57A1,1,0,0,0,22.28,21.85Z"></path>
</svg>
</button>
</div>
<div class="col-1" data-toggle="tooltip" data-placement="top" title="Edit">
<button class="btn-action" data-toggle="modal" data-target="#editRecoveryplan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M28,30H6V8H19.22l2-2H6A2,2,0,0,0,4,8V30a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V15l-2,2Z"></path>
<path d="M33.53,5.84,30.16,2.47a1.61,1.61,0,0,0-2.28,0L14.17,16.26l-1.11,4.81A1.61,1.61,0,0,0,14.63,23,1.69,1.69,0,0,0,15,23l4.85-1.07L33.53,8.12A1.61,1.61,0,0,0,33.53,5.84ZM18.81,20.08l-3.66.81L16,17.26,26.32,6.87l2.82,2.82ZM30.27,8.56,27.45,5.74,29,4.16,31.84,7Z"></path>
</svg>
</button>
</div>
<div class="col-1 border-right" data-toggle="tooltip" data-placement="top" title="Delete">
<button class="btn-action" data-toggle="modal" data-target="#deleteRecoveryplan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M27.14,34H8.86A2.93,2.93,0,0,1,6,31V11.23H8V31a.93.93,0,0,0,.86,1H27.14A.93.93,0,0,0,28,31V11.23h2V31A2.93,2.93,0,0,1,27.14,34Z"></path>
<path d="M30.78,9H5A1,1,0,0,1,5,7H30.78a1,1,0,0,1,0,2Z"></path>
<rect x="21" y="13" width="2" height="15"></rect>
<rect x="13" y="13" width="2" height="15"></rect>
<path d="M23,5.86H21.1V4H14.9V5.86H13V4a2,2,0,0,1,1.9-2h6.2A2,2,0,0,1,23,4Z"></path>
</svg>
</button>
</div>
<div class="col-1" data-toggle="tooltip" data-placement="top" title="Suspend">
<button class="btn-action" data-toggle="modal" data-target="#suspendRecoveryPlan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M12.93,32H6.07A2.07,2.07,0,0,1,4,29.93V6.07A2.07,2.07,0,0,1,6.07,4h6.87A2.07,2.07,0,0,1,15,6.07V29.93A2.07,2.07,0,0,1,12.93,32ZM13,6H6V30h7Z"></path>
<path d="M29.93,32H23.07A2.07,2.07,0,0,1,21,29.93V6.07A2.07,2.07,0,0,1,23.07,4h6.87A2.07,2.07,0,0,1,32,6.07V29.93A2.07,2.07,0,0,1,29.93,32ZM30,6H23V30h7Z"></path>
</svg>
</button>
</div>
<div class="col-1" data-toggle="tooltip" data-placement="top" title="Test">
<button class="btn-action" data-toggle="modal" data-target="#testRecoveryplan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M33.62,17.53c-3.37-6.23-9.28-10-15.82-10S5.34,11.3,2,17.53L1.72,18l.26.48c3.37,6.23,9.28,10,15.82,10s12.46-3.72,15.82-10l.26-.48ZM17.8,26.43C12.17,26.43,7,23.29,4,18c3-5.29,8.17-8.43,13.8-8.43S28.54,12.72,31.59,18C28.54,23.29,23.42,26.43,17.8,26.43Z"></path>
<path d="M18.09,11.17A6.86,6.86,0,1,0,25,18,6.86,6.86,0,0,0,18.09,11.17Zm0,11.72A4.86,4.86,0,1,1,23,18,4.87,4.87,0,0,1,18.09,22.89Z"></path>
</svg>
</button>
</div>
<div class="col-1 border-right" data-toggle="tooltip" data-placement="top" title="Test Cleanup">
<button class="btn-action" data-toggle="modal" data-target="#cleanupRecoveryPlan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M31.3,16.66c-1.19-2.09-7.94-14.15-7.94-14.15a1,1,0,0,0-1.75,0l-6,10.64-3-5.28a1,1,0,0,0-1.75,0S5.4,17.78,4.42,19.5A9.3,9.3,0,0,0,3,24.61C3,29.72,5.86,34,11.67,34H22.48C28.28,34,33,29,33,22.78A11.13,11.13,0,0,0,31.3,16.66ZM22.48,32H11.77C8.13,32,5,28.66,5,24.61a7.43,7.43,0,0,1,1.16-4.13c.73-1.29,4.05-7.21,5.65-10.07l3,5.28a1,1,0,0,0,.87.51h0a1,1,0,0,0,.87-.51L22.49,5c1.86,3.33,6.15,11,7.07,12.6A9.24,9.24,0,0,1,31,22.78C31,27.87,27.18,32,22.48,32Z"></path>
<path d="M25.75,21.73c-.65-1.16-4.38-7.81-4.38-7.81a.8.8,0,0,0-1.4,0l-4.2,7.48-1.59-2.49a.8.8,0,0,0-1.35,0L9.37,24.35a4.35,4.35,0,0,0-.82,2.6,4.49,4.49,0,0,0,.5,2H11a3,3,0,0,1-.83-2,2.78,2.78,0,0,1,.56-1.73l2.8-4.38,1.66,2.6a.8.8,0,0,0,1.41-.12,7.82,7.82,0,0,1,.4-.8L20.67,16l3.69,6.57a4.83,4.83,0,0,1,.77,2.71A5,5,0,0,1,23.46,29h2.13a6.68,6.68,0,0,0,1.14-3.74,6.45,6.45,0,0,0-1-3.5Z"></path>
</svg>
</button>
</div>
<div class="col-1" data-toggle="tooltip" data-placement="top" title="Failover">
<button class="btn-action" data-toggle="modal" data-target="#failoverRecoveryplan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M10.52,34h-3a1,1,0,0,1-.88-1.44L12.55,21H6a1,1,0,0,1-.85-1.54l10.68-17A1,1,0,0,1,16.64,2H30.07a1,1,0,0,1,.77,1.69L21.78,14h5.38a1,1,0,0,1,.73,1.66l-16.63,18A1,1,0,0,1,10.52,34ZM9.18,32h.91L24.86,16H19.59a1,1,0,0,1-.77-1.69L27.88,4H17.19L7.77,19H14.2a1,1,0,0,1,.88,1.44Z"></path>
</svg>
</button>
</div>
<div class="col-1 border-right" data-toggle="tooltip" data-placement="top" title="Migrate">
<button class="btn-action" data-toggle="modal" data-target="#migrateRecoveryplan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M26.54,20.82a.88.88,0,0,0-.88-.88H20.75l1.1-1.1A.88.88,0,0,0,20.6,17.6l-3.21,3.22L20.6,24a.88.88,0,1,0,1.25-1.24L20.76,21.7h4.9A.88.88,0,0,0,26.54,20.82Z"></path>
<path d="M29.27,21.7a.88.88,0,1,0,0-1.76h-.58a.88.88,0,1,0,0,1.76Z"></path>
<path d="M32.21,20h-.06a.85.85,0,0,0-.85.88.91.91,0,0,0,.91.88.88.88,0,1,0,0-1.76Z"></path>
<path d="M32.59,11a.88.88,0,0,0-1.25,1.24l1.1,1.1H27.53a.88.88,0,1,0,0,1.76h4.9l-1.09,1.09a.88.88,0,0,0,1.25,1.24l3.21-3.22Z"></path>
<path d="M24.5,15.07a.88.88,0,1,0,0-1.76h-.58a.88.88,0,1,0,0,1.76Z"></path>
<path d="M21.9,14.27a.85.85,0,0,0-.85-.88H21a.88.88,0,1,0,0,1.76A.91.91,0,0,0,21.9,14.27Z"></path>
<path d="M30.36,23.65c0,.13,0,.26,0,.39a3.77,3.77,0,0,1-3.62,3.89H7.28a5.32,5.32,0,0,1-5.13-5.48A5.32,5.32,0,0,1,7.28,17H8.91L9,16.12a8.92,8.92,0,0,1,8.62-8h.08a8.49,8.49,0,0,1,6.56,3.29h2.37a10.55,10.55,0,0,0-8.91-5.25h-.11A10.82,10.82,0,0,0,7.22,15a7.28,7.28,0,0,0-7,7.43,7.27,7.27,0,0,0,7.08,7.43H26.77A5.72,5.72,0,0,0,32.35,24a3.77,3.77,0,0,0,0-.39Z"></path>
</svg>
</button>
</div>
<div class="col-1" data-toggle="tooltip" data-placement="top" title="Monitor Tasks">
<a class="btn-action" href="{{ ('availability')}}">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M29.29,34H6.71A1.7,1.7,0,0,1,5,32.31V6.69A1.75,1.75,0,0,1,7,5H9V7H7V32H29V7H27V5h2.25A1.7,1.7,0,0,1,31,6.69V32.31A1.7,1.7,0,0,1,29.29,34Z"></path>
<path d="M16.66,25.76,11.3,20.4A1,1,0,0,1,12.72,19l3.94,3.94,8.64-8.64a1,1,0,0,1,1.41,1.41Z"></path>
<path d="M26,11H10V7.33A2.34,2.34,0,0,1,12.33,5h1.79a4,4,0,0,1,7.75,0h1.79A2.34,2.34,0,0,1,26,7.33ZM12,9H24V7.33A.33.33,0,0,0,23.67,7H20V6a2,2,0,0,0-4,0V7H12.33a.33.33,0,0,0-.33.33Z"></path>
</svg>
</a>
</div>
<div class="col-1 border-right" data-toggle="tooltip" data-placement="top" title="Executions">
<button class="btn-action" data-toggle="modal" data-target="#executionModal">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M32,6H4A2,2,0,0,0,2,8V28a2,2,0,0,0,2,2H32a2,2,0,0,0,2-2V8A2,2,0,0,0,32,6Zm0,22H4V8H32Z"></path>
<path d="M9,14H27a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Z"></path>
<path d="M9,18H27a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Z"></path>
<path d="M9,22H19a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Z"></path>
</svg>
</button>
</div>
<div class="col-1" data-toggle="tooltip" data-placement="top" title="Clone">
<button class="btn-action" data-toggle="modal" data-target="#cloneRecoveryplan">
<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="action-icons">
<path d="M29.5,7h-19A1.5,1.5,0,0,0,9,8.5v24A1.5,1.5,0,0,0,10.5,34h19A1.5,1.5,0,0,0,31,32.5V8.5A1.5,1.5,0,0,0,29.5,7ZM29,32H11V9H29Z"></path>
<path d="M26,3.5A1.5,1.5,0,0,0,24.5,2H5.5A1.5,1.5,0,0,0,4,3.5v24A1.5,1.5,0,0,0,5.5,29H6V4H26Z"></path>
</svg>
</button>
</div>
</div>
</div>
<!-- Table -->
<div class="card-block" style="padding:20px;">
<div class="table-responsive scroll-widget">
<div id="data_table_s3_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="dataTables_length" id="data_table_s3_length">
<label>Show
<select name="data_table_s3_length" aria-controls="data_table_s3" class="custom-select custom-select-sm form-control form-control-sm">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select> entries
</label>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div id="data_table_s3_filter" class="dataTables_filter">
<label>Search:
<input type="search" class="form-control form-control-sm" placeholder="" aria-controls="data_table_s3">
</label>
</div>
</div>
</div>
<div class="row position-relative">
<div class="col-sm-12">
<table id="data_table_s3" class="table table-striped table-bordered nowrap dataTable no-footer slideTable" role="grid" aria-describedby="data_table_s3_info" style="width: 860px;">
<thead>
<tr role="row">
<th tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1"></th>
<th class="sorting_asc" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="Name: activate to sort column descending" style="width: 200px;" aria-sort="ascending">Name</th>
<th class="sorting" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="Description: activate to sort column ascending" style="width: 78px;">Description</th>
<th class="sorting" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="Plan type: activate to sort column ascending" style="width: 136px;">Plan type</th>
<th class="sorting" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="Schedule For Auto Sync: activate to sort column ascending" style="width: 146px;">Schedule For Auto Sync</th>
<th class="sorting" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="Owner: activate to sort column ascending" style="width: 147px;">Owner</th>
<th class="sorting" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="Status: activate to sort column ascending" style="width: 147px;">Status</th>
</tr>
</thead>
<tbody>
<tr role="row" class="odd">
<td class="btn-slideContent"><i class="fas fa-chevron-right"></i></td>
<td class="sorting_1">meow</td>
<td></td>
<td>Recovery Plan</td>
<td>Not scheduled</td>
<td>organization-developer@avmzone3vcf</td>
<td>Not started</td>
<td class="slideContent" style="background-color: #fff;border:none">
<div class="m-3">
<h5 class="modal-title" id="diskSettingsLabel">Meow&nbsp;|&nbsp;<span class="text-primary" style="font-size: 12px;">Not started</span></h5>
<div class="my-2">
<button class="btn-action text-primary border-0 bg-transparent font-weight-bold text-capitalize mr-2" id="" data-toggle="modal" data-target="#newRecoveryStep">NEW STEP</button>
<span>|</span>
<button class="btn-action text-primary border-0 bg-transparent font-weight-bold text-capitalize mx-2" id="">EDIT</button>
<span>|</span>
<button class="btn-action text-primary border-0 bg-transparent font-weight-bold text-capitalize mx-2" id="">DELETE</button>
</div>
<div class="mb-2">
<ul class="list-group list-stepSettings mb-3">
<li class="list-group-item list-stepSettings-Title" style="border-radius: 10px 10px 0px 0px !important;">
<input type="radio" name="" id="" checked>
111&nbsp;|&nbsp;Not Started
</li>
<li class="list-group-item list-stepSettings-content">
<div class="progress-wrapper">
<div class="progress-track">
<div class="fas fa-circle progress-circle"></div>
<div class="progress-bar-step"></div>
<div class="far fa-circle progress-circle"></div>
</div>
<div class="progress-text">
<span>Not started</span>
<span>Completed</span>
</div>
</div>
</li>
</ul>
</div>
<div class="my-2">
<button class="btn-action text-primary border-0 bg-transparent font-weight-bold text-capitalize mr-2" id="" data-toggle="modal" data-target="#attachReplications">ATTACH</button>
<span>|</span>
<button class="btn-action text-primary border-0 bg-transparent font-weight-bold text-capitalize mx-2" id="">DETACH</button>
<span>|</span>
<button class="btn-action text-primary border-0 bg-transparent font-weight-bold text-capitalize mx-2" id="">MOVE TO STEP</button>
</div>
<div class="mb-2">
<!-- Table -->
<div class="card-block" style="padding:20px;">
<div class="table-responsive scroll-widget">
<div id="data_table_s3_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="dataTables_length" id="data_table_s3_length">
<label>Show
<select name="data_table_s3_length" aria-controls="data_table_s3" class="custom-select custom-select-sm form-control form-control-sm">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select> entries
</label>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div id="data_table_s3_filter" class="dataTables_filter">
<label>Search:
<input type="search" class="form-control form-control-sm" placeholder="" aria-controls="data_table_s3">
</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<table id="attach-table" class="table table-striped table-bordered nowrap dataTable no-footer" role="grid" aria-describedby="data_table_s3_info" style="width: 860px;">
<thead>
<tr role="row">
<th class="sorting" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1"><input type="checkbox"></th>
<th class="sorting_asc" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="VM: activate to sort column descending" style="width: 200px;" aria-sort="ascending">VM</th>
<th class="sorting" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="Recovery State: activate to sort column ascending" style="width: 146px;">Recovery State</th>
<th class="sorting" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="Replication Type: activate to sort column ascending" style="width: 147px;">Replication State</th>
<th class="sorting" tabindex="0" aria-controls="data_table_s3" rowspan="1" colspan="1" aria-label="Overall Health: activate to sort column ascending" style="width: 147px;">Overall Health</th>
</tr>
</thead>
<tbody>
<tr role="row" class="odd">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<div id="data_table_s3_processing" class="dataTables_processing card" style="display: none;">Processing...</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-5">
<div class="dataTables_info" id="data_table_s3_info" role="status" aria-live="polite">Showing 1 to 1 of 1 entries</div>
</div>
<div class="col-sm-12 col-md-7">
<div class="dataTables_paginate paging_simple_numbers" id="data_table_s3_paginate">
<ul class="pagination">
<li class="paginate_button page-item previous disabled" id="data_table_s3_previous"><a href="#" aria-controls="data_table_s3" data-dt-idx="0" tabindex="0" class="page-link">Previous</a></li>
<li class="paginate_button page-item active"><a href="#" aria-controls="data_table_s3" data-dt-idx="1" tabindex="0" class="page-link">1</a></li>
<li class="paginate_button page-item next disabled" id="data_table_s3_next"><a href="#" aria-controls="data_table_s3" data-dt-idx="2" tabindex="0" class="page-link">Next</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div id="data_table_s3_processing" class="dataTables_processing card" style="display: none;">Processing...</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-5">
<div class="dataTables_info" id="data_table_s3_info" role="status" aria-live="polite">Showing 1 to 1 of 1 entries</div>
</div>
<div class="col-sm-12 col-md-7">
<div class="dataTables_paginate paging_simple_numbers" id="data_table_s3_paginate">
<ul class="pagination">
<li class="paginate_button page-item previous disabled" id="data_table_s3_previous"><a href="#" aria-controls="data_table_s3" data-dt-idx="0" tabindex="0" class="page-link">Previous</a></li>
<li class="paginate_button page-item active"><a href="#" aria-controls="data_table_s3" data-dt-idx="1" tabindex="0" class="page-link">1</a></li>
<li class="paginate_button page-item next disabled" id="data_table_s3_next"><a href="#" aria-controls="data_table_s3" data-dt-idx="2" tabindex="0" class="page-link">Next</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('/recoveryPlans/modal')