fix: move predefined scenarios

Fixes #12

Signed-off-by: Matej Focko <mfocko@redhat.com>
This commit is contained in:
Matej Focko 2022-05-17 16:40:26 +02:00
parent 7ead7a02d0
commit 7caf62cf42
Signed by: mfocko
GPG key ID: 7C47D46246790496
2 changed files with 72 additions and 76 deletions

View file

@ -78,6 +78,37 @@
</div> </div>
</div> </div>
<div class="row py-3">
<h4 class="col-auto">Prepared scenarios</h4>
<div
class="col-auto btn-group"
role="group"
aria-label="Prepared scenarios"
>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareDifferentRanks()"
data-bs-toggle="tooltip"
data-bs-placement="auto"
title="This scenario shows differences in ranks between AVL and WAVL after a deletion of key 1 from the prepared trees."
>
Different ranks
</button>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareDifferentTrees()"
data-bs-toggle="tooltip"
data-bs-placement="auto"
title="This scenario shows differences in ranks between AVL and WAVL after a deletion of key -31 from the prepared trees."
>
Different trees after delete
</button>
</div>
</div>
<div class="row py-3"> <div class="row py-3">
<div class="col"> <div class="col">
<div class="row"> <div class="row">
@ -165,39 +196,6 @@
<div class="row py-3"> <div class="row py-3">
<div class="col px-3" style="text-align: center" id="left"></div> <div class="col px-3" style="text-align: center" id="left"></div>
<div class="col px-3" style="text-align: center" id="right"></div> <div class="col px-3" style="text-align: center" id="right"></div>
<div class="col-2 px-1">
<div class="row">
<h6 class="row">Prepared scenarios</h6>
<div
class="btn-group-vertical"
role="group"
aria-label="Prepared scenarios"
>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareDifferentRanks()"
data-bs-toggle="tooltip"
data-bs-placement="right"
title="This scenario shows differences in ranks between AVL and WAVL after a deletion of key 1 from the prepared trees."
>
Different ranks
</button>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareDifferentTrees()"
data-bs-toggle="tooltip"
data-bs-placement="right"
title="This scenario shows differences in ranks between AVL and WAVL after a deletion of key -31 from the prepared trees."
>
Different trees after delete
</button>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -112,6 +112,47 @@
</div> </div>
</div> </div>
<div class="row py-3">
<h4 class="col-auto">Prepared scenarios</h4>
<div
class="col-auto btn-group"
role="group"
aria-label="Prepared scenarios"
>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareSingleRotationAfterDelete()"
data-bs-toggle="tooltip"
data-bs-placement="auto"
title="This scenario shows a single rotation being performed after a deletion of key 2 from the prepared tree."
>
Single rotation
</button>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareDoubleRotationAfterDelete()"
data-bs-toggle="tooltip"
data-bs-placement="auto"
title="This scenario shows a double rotation being performed after a deletion of key 1 from the prepared tree."
>
Double rotation
</button>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareDemotionOfBothNodesDuringDelete()"
data-bs-toggle="tooltip"
data-bs-placement="auto"
title="This scenario shows a demotion of both parent and sibling of the current node after a deletion of key 2 from the prepared tree."
>
Demotion of both parent and sibling
</button>
</div>
</div>
<div class="row py-3"> <div class="row py-3">
<div class="col-3"></div> <div class="col-3"></div>
<div class="col alert alert-info" role="alert"> <div class="col alert alert-info" role="alert">
@ -123,49 +164,6 @@
<div class="row py-3"> <div class="row py-3">
<div class="col" id="graph" style="text-align: center"></div> <div class="col" id="graph" style="text-align: center"></div>
<div class="col-2 px-1">
<div class="row">
<h6 class="row">Prepared scenarios</h6>
<div
class="btn-group-vertical"
role="group"
aria-label="Prepared scenarios"
>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareSingleRotationAfterDelete()"
data-bs-toggle="tooltip"
data-bs-placement="right"
title="This scenario shows a single rotation being performed after a deletion of key 2 from the prepared tree."
>
Single rotation after delete
</button>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareDoubleRotationAfterDelete()"
data-bs-toggle="tooltip"
data-bs-placement="right"
title="This scenario shows a double rotation being performed after a deletion of key 1 from the prepared tree."
>
Double rotation after delete
</button>
<button
type="button"
class="btn btn-outline-primary"
onclick="prepareDemotionOfBothNodesDuringDelete()"
data-bs-toggle="tooltip"
data-bs-placement="right"
title="This scenario shows a demotion of both parent and sibling of the current node after a deletion of key 2 from the prepared tree."
>
Demotion of both parent and sibling during deletion
</button>
</div>
</div>
</div>
</div> </div>
</div> </div>