Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(gsoc'24): TestBench (Creator, Panel, Validator, DialogBox) Vue Component Implemented #323

Merged
merged 9 commits into from
Jul 29, 2024
Merged

feat(gsoc'24): TestBench (Creator, Panel, Validator, DialogBox) Vue Component Implemented #323

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
d074dca
created testbench panel and creator component
niladrix719 Jun 10, 2024
2d0eb5a
updated testbench component
niladrix719 Jun 12, 2024
960718f
created a new testbench creator component
niladrix719 Jun 17, 2024
f9be0e5
updated test bench
niladrix719 Jun 20, 2024
8c924d3
updated testbench
niladrix719 Jun 20, 2024
f45542a
testbench creator, panel, validator, and dialog box implemented
niladrix719 Jun 22, 2024
a443052
some code clean ups
niladrix719 Jun 22, 2024
96d9b09
Merge branch 'main' of https://github.com/niladrix719/cv-frontend-vue…
niladrix719 Jul 29, 2024
72201a7
Merge branch 'main' of https://github.com/niladrix719/cv-frontend-vue…
niladrix719 Jul 29, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
190 changes: 20 additions & 170 deletions src/components/Extra.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,7 @@

<!-- --------------------------------------------------------------------------------------------- -->
<!-- Layout Element Panel -->
<div
class="noSelect defaultCursor layoutElementPanel draggable-panel draggable-panel-css"
>
<div class="noSelect defaultCursor layoutElementPanel draggable-panel draggable-panel-css">
<div class="panel-header">
Layout Elements
<span class="fas fa-minus-square minimize"></span>
Expand All @@ -37,129 +35,10 @@
<!-- --------------------------------------------------------------------------------------------- -->

<!-- --------------------------------------------------------------------------------------------- -->
<!-- Testbench Panel -->
<div class="testbench-manual-panel draggable-panel noSelect defaultCursor">
<div class="panel-header">
Testbench
<span class="fas fa-minus-square minimize panel-button"></span>
<span
class="fas fa-external-link-square-alt maximize panel-button-icon"
></span>
</div>
<div class="panel-body tb-test-not-null tb-panel-hidden">
<div class="tb-manual-test-data">
<div style="margin-bottom: 10px; overflow: auto">
<span id="data-title" class="tb-data"
><b>Test:</b> <span></span
></span>
<span id="data-type" class="tb-data"
><b>Type:</b> <span></span
></span>
</div>
<button
id="edit-test-btn"
class="custom-btn--basic panel-button tb-dialog-button"
>
Edit
</button>
<button
id="remove-test-btn"
class="custom-btn--tertiary panel-button tb-dialog-button"
>
Remove
</button>
</div>
<div style="overflow: auto; margin-bottom: 10px">
<div class="tb-manual-test-buttons tb-group-buttons">
<span style="line-height: 24px; margin-right: 5px"
><b>Group: </b></span
>
<button
id="prev-group-btn"
class="custom-btn--basic panel-button tb-case-button-left tb-case-button"
>
<i class="tb-case-arrow tb-case-arrow-left"></i>
</button>
<span class="tb-test-label group-label"></span>
<button
id="next-group-btn"
class="custom-btn--basic panel-button tb-case-button-right tb-case-button"
>
<i class="tb-case-arrow tb-case-arrow-right"></i>
</button>
</div>
<div class="tb-manual-test-buttons tb-case-buttons">
<span style="line-height: 24px; margin-right: 5px"
><b>Case: </b></span
>
<button
id="prev-case-btn"
class="custom-btn--basic panel-button tb-case-button-left tb-case-button"
>
<i class="tb-case-arrow tb-case-arrow-left"></i>
</button>
<span class="tb-test-label case-label"></span>
<button
id="next-case-btn"
class="custom-btn--basic panel-button tb-case-button-right tb-case-button"
>
<i class="tb-case-arrow tb-case-arrow-right"></i>
</button>
</div>
</div>
<div style="text-align: center">
<table class="tb-manual-table">
<tr id="tb-manual-table-labels">
<th>LABELS</th>
</tr>
<tr id="tb-manual-table-bitwidths">
<td>Bitwidth</td>
</tr>
<tr id="tb-manual-table-current-case">
<td>Current Case</td>
</tr>
<tr id="tb-manual-table-test-result">
<td>Result</td>
</tr>
</table>
</div>
<div style="display: table; margin-top: 20px; margin-left: 8px">
<div class="testbench-manual-panel-buttons">
<button
id="validate-btn"
class="custom-btn--basic panel-button tb-dialog-button"
>
Validate
</button>
<button
id="runall-btn"
class="custom-btn--primary panel-button tb-dialog-button"
>
Run All
</button>
</div>
<span class="testbench-runall-label">
<span id="runall-summary">placeholder</span> Tests Passed
<span id="runall-detailed-link" style="color: #18a2cd"
>View Detailed</span
>
</span>
</div>
</div>
<div class="panel-body tb-test-null">
<div class="tb-manual-test-data">
<div style="margin-bottom: 10px; overflow: auto">
<p><i>No Test is attached to the current circuit</i></p>
</div>
<button
id="attach-test-btn"
class="custom-btn--primary panel-button tb-dialog-button"
>
Attach Test
</button>
</div>
</div>
</div>
<!-- Testbench -->
<TestBenchPanel />
<!-- --------------------------------------------------------------------------------------------- -->
<TestBenchCreator />
<!-- --------------------------------------------------------------------------------------------- -->

<!-- --------------------------------------------------------------------------------------------- -->
Expand Down Expand Up @@ -196,67 +75,44 @@
title="Select Theme"
></div> -->
<ApplyThemes />
<div
id="CustomColorThemesDialog"
class="customScroll"
tabindex="0"
style="display: none"
title="Custom Theme"
></div>
<input
id="importThemeFile"
type="file"
name="themeFile"
style="display: none"
multiple
/>
<div id="CustomColorThemesDialog" class="customScroll" tabindex="0" style="display: none" title="Custom Theme">
</div>
<input id="importThemeFile" type="file" name="themeFile" style="display: none" multiple />
<!-- --------------------------------------------------------------------------------------------- -->

<!-- --------------------------------------------------------------------------------------------- -->
<!-- Simulation Area - Canvas (3) + Help Section-->
<div id="simulation" class="simulation">
<!-- <div id="restrictedDiv" class="alert alert-danger display--none"></div> -->
<div id="canvasArea" class="canvasArea">
<canvas
id="backgroundArea"
style="
<canvas id="backgroundArea" style="
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
"
></canvas>
<canvas
id="simulationArea"
style="
"></canvas>
<canvas id="simulationArea" style="
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
"
></canvas>
"></canvas>
<div id="miniMap">
<canvas
id="miniMapArea"
style="position: absolute; left: 0; top: 0; z-index: 3"
></canvas>
<canvas id="miniMapArea" style="position: absolute; left: 0; top: 0; z-index: 3"></canvas>
</div>

<div id="Help"></div>
<div
class="sk-folding-cube loadingIcon"
style="
<div class="sk-folding-cube loadingIcon" style="
display: none;
position: absolute;
right: 50%;
bottom: 50%;
z-index: 100;
"
>
">
<div class="sk-cube1 sk-cube"></div>
<div class="sk-cube2 sk-cube"></div>
<div class="sk-cube4 sk-cube"></div>
Expand All @@ -272,17 +128,8 @@
<!-- --------------------------------------------------------------------------------------------- -->

<!-- --------------------------------------------------------------------------------------------- -->
<!-- Dialog Box 1 - Testbench -->
<div id="setTestbenchData" style="display: none" title="Create Test"></div>
<!-- --------------------------------------------------------------------------------------------- -->

<!-- --------------------------------------------------------------------------------------------- -->
<!-- Dialog Box 2 - Testbench -->
<div
id="testbenchValidate"
style="display: none"
title="Testbench Validation"
></div>
<!-- Dialog Box - Testbench -->
<TestBenchValidator />
<!-- --------------------------------------------------------------------------------------------- -->

<!-- --------------------------------------------------------------------------------------------- -->
Expand Down Expand Up @@ -320,4 +167,7 @@ import CustomShortcut from './DialogBox/CustomShortcut.vue'
import InsertSubcircuit from './DialogBox/InsertSubcircuit.vue'
import OpenOffline from './DialogBox/OpenOffline.vue'
import ReportIssue from './ReportIssue/ReportIssue.vue'
import TestBenchPanel from './Panels/TestBenchPanel/TestBenchPanel.vue'
import TestBenchCreator from './Panels/TestBenchPanel/TestBenchCreator.vue'
import TestBenchValidator from './Panels/TestBenchPanel/TestBenchValidator.vue'
</script>
Loading
Loading