fix: move predefined scenarios
Fixes #12 Signed-off-by: Matej Focko <mfocko@redhat.com>
This commit is contained in:
parent
7ead7a02d0
commit
7caf62cf42
2 changed files with 72 additions and 76 deletions
|
@ -78,6 +78,37 @@
|
|||
</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="col">
|
||||
<div class="row">
|
||||
|
@ -165,39 +196,6 @@
|
|||
<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="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>
|
||||
|
|
84
index.html
84
index.html
|
@ -112,6 +112,47 @@
|
|||
</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="col-3"></div>
|
||||
<div class="col alert alert-info" role="alert">
|
||||
|
@ -123,49 +164,6 @@
|
|||
|
||||
<div class="row py-3">
|
||||
<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>
|
||||
|
||||
|
|
Loading…
Reference in a new issue