Merge branch 'feature/ui-test' into 'develop'

Feature/ui test

See merge request proj-wise2526-video2document/video2document!71
This commit is contained in:
Hughes, Mike
2025-12-17 16:51:18 +01:00
3 changed files with 38 additions and 11 deletions
+5 -3
View File
@@ -57,7 +57,7 @@
</div> </div>
<div class="step" id="step2" style="display:none;"> <div class="step" id="step2" style="display:none;">
<div class="KI-wrap"> <div class="KI-wrapper">
<label id="labelKI">Select ki:</label> <label id="labelKI">Select ki:</label>
<select name="ai_type" id="ai_type"></select> <select name="ai_type" id="ai_type"></select>
</div> </div>
@@ -146,8 +146,10 @@
<label id="labelSpeakerWriter">Write name:</label> <label id="labelSpeakerWriter">Write name:</label>
<input type="text" id="newSpeaker"> <input type="text" id="newSpeaker">
</div> </div>
<button id="speakerLocker" onclick="rewriteSpeakerName()">Rename Speaker</button> <div class="speakerButton-group">
<button id="speakerResender" onclick="sendSpeakerPackages()">Rewrite document</button> <button id="speakerLocker" onclick="rewriteSpeakerName()">Rename Speaker</button>
<button id="speakerResender" onclick="sendSpeakerPackages()">Rewrite document</button>
</div>
</div> </div>
<div class="step" id="step6" style="display:none;"> <div class="step" id="step6" style="display:none;">
+1 -1
View File
@@ -286,7 +286,7 @@ function showStep(stepNumber) {
return; return;
} }
steps.forEach(step => step.style.display = "none"); steps.forEach(step => step.style.display = "none");
document.getElementById("step" + stepNumber).style.display = "block"; document.getElementById("step" + stepNumber).style.display = "flex";
stepButtons.forEach(btn => btn.classList.remove("active")); stepButtons.forEach(btn => btn.classList.remove("active"));
document.querySelector(`.step-item[data-step="${stepNumber}"]`).classList.add("active"); document.querySelector(`.step-item[data-step="${stepNumber}"]`).classList.add("active");
+32 -7
View File
@@ -109,10 +109,12 @@ body {
} }
#step2 { #step2 {
display: flex;
justify-content: center;
gap: 30px; gap: 30px;
} }
.KI-wrapper {
margin-top: 40px;
}
input[type="file"] { input[type="file"] {
display: none; display: none;
@@ -181,12 +183,10 @@ input[type="file"] {
.submit-btn { .submit-btn {
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
justify-content: center;
padding: 10px 20px; padding: 10px 20px;
margin-left: 300px; margin: 130px auto 10px auto;
margin-top: 30px;
margin-bottom: 70px;
background-color: #007BFF; background-color: #007BFF;
color: white; color: white;
border: none; border: none;
@@ -300,7 +300,6 @@ input[type="file"] {
margin-top: 70px; margin-top: 70px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center;
min-height: 400px; min-height: 400px;
} }
@@ -470,6 +469,21 @@ li {
font-size: larger; font-size: larger;
} }
#step4 {
align-items: center;
}
#step5 {
align-items: flex-start;
}
.button-group {
display: flex;
gap: 12px;
justify-content: center;
margin-top: 10px;
}
.download-btn { .download-btn {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -485,4 +499,15 @@ li {
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
}
#speakerLocker, #speakerResender{
padding: 10px 20px;
margin: 20px auto;
background-color: #007BFF;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
} }