Skip to content

Commit

Permalink
Merge pull request #111 from MrunalKashid02/improve-ui-setEvaluation-…
Browse files Browse the repository at this point in the history 
…stakeholder

improve ui stakeholder set evaluation
  • Loading branch information
@Harshdev098
Harshdev098 authored Oct 16, 2024
2 parents 07f940d + c79d982 commit 3dcce57
Show file tree
Hide file tree
Showing 2 changed files with 93 additions and 19 deletions.
64 changes: 58 additions & 6 deletions public/css/stk_mainstyling.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -188,14 +188,28 @@ body{
text-align: center;
padding: 10px;
border-radius: 20px;
box-shadow: 0 10px 10px rgba(0.1, 0.1, 0.7, 0.1);

}
.form-container h4{
font-size: 30px;
}
.form-container form {
display: flex;
flex-direction: column;
margin: 0 auto;

}
.form-container .group{
display: flex;
align-items: center;
flex-direction: column;
}
.radio-group{
align-items: start;
display: flex;
flex-direction: column;

}
.form-container form label{
padding: 8px;
Expand All @@ -209,13 +223,15 @@ body{
border-radius: 10px;
}
.btn{
display: inline;
margin: 8px;
display: flex;
align-items: center;
margin-top: 20px;
justify-content: space-between;

}
.btn button{
padding: 9px 34px;
border-radius: 10px;
margin: 4px;
font-size: 16px;
cursor: pointer;
}
Expand All @@ -228,17 +244,26 @@ body{
border: none;
}
.next-btn{
align-self:flex-end;
background-color: black;
color: white;
margin-left: auto;
}
.submit-btn{
background-color: black;
background-color:green;
color: white;
border: none;
}
.submit-btn:hover{
font-weight: 600;
/* font-weight: 600;
transition: 0.3s ease;
color: blue;
color: black;
background-color: white; */
opacity: 80%;
background-color: rgb(109, 169, 109);
color: white;
transition: 1s ;

}

/* footer styling */
Expand Down Expand Up @@ -330,13 +355,40 @@ ul {
.footer-col {
width: 50%;
margin-bottom: 30px;

}
.form-container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width:auto;
}
.btn button{
font-size: 0px;

}
.btn button i{
font-size: 16px;
}
.btn .submit-btn{
font-size: 16px;

}

}

@media(max-width: 574px) {
.footer-col {
width: 100%;
}
.btn button{
font-size: 0px;

}
.btn button i{
font-size: 16px;
}

}
#step5 p{
font-size: 20px;
Expand Down
48 changes: 35 additions & 13 deletions public/stk_mainpage.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<link rel="stylesheet" href="css/main_page_style.css">
<link rel="stylesheet" href="css/stk_mainstyling.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">

<title>Main Page</title>
</head>

Expand Down Expand Up @@ -91,11 +92,15 @@ <h4>Step1 : Methodology</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque nemo exercitationem molestias
repellendus autem sed. Eum reprehenderit fugiat quia iure repudiandae sunt nisi harum!</p>
<form>
<div class="group">
<div class="radio-group">
<label><input type="radio" value="high" name="step1">High Priority</label>
<label><input type="radio" value="medium" name="step1">Midium</label>
<label><input type="radio" value="medium" name="step1">Medium Priority</label>
<label><input type="radio" value="low" name="step1">Low Priority</label>
</div>
</div>
<div class="btn">
<button class="next-btn" onclick="nextStep()" type="button">Next</button>
<button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa fa-angle-right"></i></button>
</div>
</form>
</div>
Expand All @@ -104,12 +109,16 @@ <h4>Step2 :Ideation or Clarity</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque nemo exercitationem molestias
repellendus autem sed. Eum reprehenderit fugiat quia iure repudiandae sunt nisi harum!</p>
<form>
<div class="group">
<div class="radio-group">
<label><input type="radio" value="high" name="step2">High Priority</label>
<label><input type="radio" value="medium" name="step2">Midium</label>
<label><input type="radio" value="medium" name="step2">Medium Priority</label>
<label><input type="radio" value="low" name="step2">Low Priority</label>
</div>
</div>
<div class="btn">
<button class="prev-btn" onclick="prevStep()" type="button">Back</button>
<button class="next-btn" onclick="nextStep()" type="button">Next</button>
<button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-angle-left"></i>Back</button>
<button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-angle-right"></i></button>
</div>
</form>
</div>
Expand All @@ -118,12 +127,16 @@ <h4>Step3 : Data collection and technique</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque nemo exercitationem molestias
repellendus autem sed. Eum reprehenderit fugiat quia iure repudiandae sunt nisi harum!</p>
<form>
<div class="group">
<div class="radio-group">
<label><input type="radio" value="high" name="step3">High Priority</label>
<label><input type="radio" value="medium" name="step3">Midium</label>
<label><input type="radio" value="medium" name="step3">Medium Priority</label>
<label><input type="radio" value="low" name="step3">Low Priority</label>
</div>
</div>
<div class="btn">
<button class="prev-btn" onclick="prevStep()" type="button">Back</button>
<button class="next-btn" onclick="nextStep()" type="button">Next</button>
<button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-angle-left"></i>Back</button>
<button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-angle-right"></i></button>
</div>
</form>
</div>
Expand All @@ -132,12 +145,16 @@ <h4>Step4 : Quality and Guidelines</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque nemo exercitationem molestias
repellendus autem sed. Eum reprehenderit fugiat quia iure repudiandae sunt nisi harum!</p>
<form>
<div class="group">
<div class="radio-group">
<label><input type="radio" value="high" name="step4">High Priority</label>
<label><input type="radio" value="medium" name="step4">Midium</label>
<label><input type="radio" value="medium" name="step4">Medium Priority</label>
<label><input type="radio" value="low" name="step4">Low Priority</label>
</div>
</div>
<div class="btn">
<button class="prev-btn" onclick="prevStep()" type="button">Back</button>
<button class="next-btn" onclick="nextStep()" type="button">Next</button>
<button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-angle-left"></i>Back</button>
<button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-angle-right"></i></button>
</div>
</form>
</div>
Expand All @@ -146,19 +163,24 @@ <h4>Step5 : Other (optional)</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque nemo exercitationem molestias
repellendus autem sed. Eum reprehenderit fugiat quia iure repudiandae sunt nisi harum!</p>
<form>
<div class="group">
<div class="radio-group">
<label>Name of Method:</label>
<input type="text">
<label>What the method is(less than 100 words):</label>
<input type="text">
<label><input type="radio" value="" name="step5">High Priority</label>
<label><input type="radio" value="" name="step5">Midium</label>
<label><input type="radio" value="" name="step5">Medium Priority</label>
<label><input type="radio" value="" name="step5">Low Priority</label>
<p style="display: none;font-size: 19px;color: green;" id="result">Successfully executed!</p>
<p style="display: none;font-size: 19px;color: red;" id="result2">An error occured!</p>
</div>
</div>
<div class="btn">
<button class="prev-btn" onclick="prevStep()" type="button">Back</button>
<button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-angle-left"></i>Back</button>
<button type="button" onclick="set()" id="submit" class="submit-btn">Submit</button>
</div>
</div>
</form>
</div>
</div>
Expand Down

0 comments on commit 3dcce57

Please sign in to comment.