Skip to content

Commit

Permalink
Response timestamps
Browse files Browse the repository at this point in the history
  • Loading branch information
@faisalnjs
faisalnjs authored Oct 6, 2024
2 parents fad4965 + e8b8f13 commit 2f259c3
Show file tree
Hide file tree
Showing 6 changed files with 214 additions and 54 deletions.
4 changes: 4 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,10 @@ Next generation AI-powered homework checking, cloud hosted ☁️🚀✅

Vite will start a development server at `localhost:5173`

### Credits

- [khui0](https://github.com/khui0) - Base Virtual Clicker

## Build

`npm run build`
Expand Down
54 changes: 37 additions & 17 deletions admin/responses.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -94,38 +94,46 @@ <h1>Awaiting Scoring</h1>
<div class="button-grid inputs">
<!-- <label style="width: -webkit-fill-available" class="small">ID</label> -->
<label style="width: -webkit-fill-available" square></label>
<label style="width: -webkit-fill-available" class="small">Segment</label>
<label style="width: -webkit-fill-available" class="small">Question</label>
<label style="width: -webkit-fill-available" class="small">Seat</label>
<label style="width: -webkit-fill-available" class="small" data-segment>Segment</label>
<label style="width: -webkit-fill-available" class="small" data-question>Question</label>
<label style="width: -webkit-fill-available" class="small" data-seat-code>Seat</label>
<label style="width: -webkit-fill-available" class="small" data-time-taken>Spent</label>
<label style="width: -webkit-fill-available" class="small" data-time-taken>Revised</label>
<label style="width: -webkit-fill-available" class="small" data-time-taken>Total</label>
<label style="width: -webkit-fill-available">Response</label>
<label style="width: -webkit-fill-available" class="smedium">Time</label>
<label style="width: -webkit-fill-available" class="small">Status</label>
</div>
<div class="section">
<div class="button-grid inputs">
<!-- <input type="text" autocomplete="off" class="small" id="response-id-input" value="" disabled /> -->
<button square id="flag-response-button"><i class="bi bi-flag"></i></button>
<input type="text" autocomplete="off" class="small" id="response-segment-input" value="" disabled />
<input type="text" autocomplete="off" class="small" id="response-question-input" value="" disabled />
<input type="text" autocomplete="off" class="small" id="response-seat-code-input" value="" disabled />
<input type="text" autocomplete="off" class="small" id="response-segment-input" value="" disabled data-segment />
<input type="text" autocomplete="off" class="small" id="response-question-input" value="" disabled data-question />
<input type="text" autocomplete="off" class="small" id="response-seat-code-input" value="" disabled data-seat-code />
<input type="text" autocomplete="off" class="small" id="response-time-taken-input" value="" disabled data-time-taken />
<input type="text" autocomplete="off" class="small" id="response-time-taken-input" value="" disabled data-time-taken />
<input type="text" autocomplete="off" class="small" id="response-time-taken-input" value="" disabled data-time-taken />
<input type="text" autocomplete="off" id="response-response-input" value="" disabled />
<input type="text" autocomplete="off" class="smedium" id="response-timestamp-input" value="" disabled />
<button square id="mark-correct-button"><i class="bi bi-check-circle"></i></button>
<button square id="mark-incorrect-button"><i class="bi bi-x-circle"></i></button>
</div>
</div>
</div>
<div class="section trendingResponses">
<div class="section trendingResponses" data-trends>
<h1>Trends</h1>
<div class="button-grid inputs">
<label style="width: -webkit-fill-available" class="small">Segment</label>
<label style="width: -webkit-fill-available" class="small">Question</label>
<label style="width: -webkit-fill-available" class="small" data-segment>Segment</label>
<label style="width: -webkit-fill-available" class="small" data-question>Question</label>
<label style="width: -webkit-fill-available">Response</label>
<label style="width: -webkit-fill-available" class="small">#</label>
<label style="width: -webkit-fill-available" class="small">Status</label>
</div>
<div class="section">
<div class="button-grid inputs">
<input type="text" autocomplete="off" class="small" id="response-segment-input" value="" disabled />
<input type="text" autocomplete="off" class="small" id="response-question-input" value="" disabled />
<input type="text" autocomplete="off" class="small" id="response-segment-input" value="" disabled data-segment />
<input type="text" autocomplete="off" class="small" id="response-question-input" value="" disabled data-question />
<input type="text" autocomplete="off" id="response-response-input" value="" disabled />
<input type="text" autocomplete="off" class="small" id="response-count-input" value="" disabled />
<button square id="mark-correct-button"><i class="bi bi-check-circle"></i></button>
Expand All @@ -138,20 +146,28 @@ <h1>Marked Responses</h1>
<div class="button-grid inputs">
<!-- <label style="width: -webkit-fill-available" class="small">ID</label> -->
<label style="width: -webkit-fill-available" square></label>
<label style="width: -webkit-fill-available" class="small">Segment</label>
<label style="width: -webkit-fill-available" class="small">Question</label>
<label style="width: -webkit-fill-available" class="small">Seat</label>
<label style="width: -webkit-fill-available" class="small" data-segment>Segment</label>
<label style="width: -webkit-fill-available" class="small" data-question>Question</label>
<label style="width: -webkit-fill-available" class="small" data-seat-code>Seat</label>
<label style="width: -webkit-fill-available" class="small" data-time-taken>Spent</label>
<label style="width: -webkit-fill-available" class="small" data-time-taken>Revised</label>
<label style="width: -webkit-fill-available" class="small" data-time-taken>Total</label>
<label style="width: -webkit-fill-available">Response</label>
<label style="width: -webkit-fill-available" class="smedium">Time</label>
<label style="width: -webkit-fill-available" class="small">Status</label>
</div>
<div class="section">
<div class="button-grid inputs">
<!-- <input type="text" autocomplete="off" class="small" id="response-id-input" value="" disabled /> -->
<button square id="flag-response-button"><i class="bi bi-flag"></i></button>
<input type="text" autocomplete="off" class="small" id="response-segment-input" value="" disabled />
<input type="text" autocomplete="off" class="small" id="response-question-input" value="" disabled />
<input type="text" autocomplete="off" class="small" id="response-seat-code-input" value="" disabled />
<input type="text" autocomplete="off" class="small" id="response-segment-input" value="" disabled data-segment />
<input type="text" autocomplete="off" class="small" id="response-question-input" value="" disabled data-question />
<input type="text" autocomplete="off" class="small" id="response-seat-code-input" value="" disabled data-seat-code />
<input type="text" autocomplete="off" class="small" id="response-time-taken-input" value="" disabled data-time-taken />
<input type="text" autocomplete="off" class="small" id="response-time-taken-input" value="" disabled data-time-taken />
<input type="text" autocomplete="off" class="small" id="response-time-taken-input" value="" disabled data-time-taken />
<input type="text" autocomplete="off" id="response-response-input" value="" disabled />
<input type="text" autocomplete="off" class="smedium" id="response-timestamp-input" value="" disabled />
<button square id="mark-correct-button"><i class="bi bi-check-circle"></i></button>
<button square id="mark-incorrect-button"><i class="bi bi-x-circle"></i></button>
</div>
Expand All @@ -167,6 +183,10 @@ <h1>Marked Responses</h1>
<i class="bi bi-skip-forward-circle-fill"></i>
<i class="bi bi-stop-circle-fill" style="display: none;"></i>
</button>
<button class="icon" data-timestamps>
<i class="bi bi-clock"></i>
<i class="bi bi-clock-fill" style="display: none;"></i>
</button>
<!-- <button class="pill" data-modal-view="settings/code">
<span class="code">000</span>
</button>
Expand Down
Loading

0 comments on commit 2f259c3

Please sign in to comment.