Skip to content

Commit

Permalink
modified permission page
Browse files Browse the repository at this point in the history
  • Loading branch information
@khaoulamerah
khaoulamerah committed Sep 20, 2024
1 parent 83e0712 commit cb36439
Show file tree
Hide file tree
Showing 7 changed files with 1,300 additions and 95 deletions.
45 changes: 41 additions & 4 deletions frontend/template/assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11494,18 +11494,16 @@ input[type="button"].btn-block {
align-items: center;
color: white;
}

.checkbox-con input[type="checkbox"] {
appearance: none;
width: 48px;
height: 27px;
height: 25px;
border: 2px solid #ff0000;
border-radius: 20px;
background: #f1e1e1;
position: relative;
box-sizing: border-box;
}

.checkbox-con input[type="checkbox"]::before {
content: "";
width: 14px;
Expand Down Expand Up @@ -11546,7 +11544,46 @@ input[type="button"].btn-block {
cursor: pointer;
user-select: none;
}

.icon-exclamation{
position: relative;
right:26.5%;
font-size:25px;
color: #fc424a;
}





.flex {
display: flex;
width: 100%;
gap: 6px;
}


@keyframes pulse {
from {
transform: scale(0.9);
opacity: 1;
}

to {
transform: scale(1.8);
opacity: 0;
}
}











.card {
position: relative;
display: flex;
Expand Down
126 changes: 59 additions & 67 deletions frontend/template/pages/Permission/Check_all_accounts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -437,17 +437,17 @@ <h6 class="p-3 mb-0">Profile</h6>
<label for="#" style="font-family: Arial, Helvetica, sans-serif;"> is admin</label>
</div>
</div> <br>

<i class="fa-solid fa-triangle-exclamation icon-exclamation"></i>
<div class="badge-outline-danger margin-right " style="background-color: #191c24;">
<div class="row margin-left-l">
<div class="checkbox-con">
<input id="checkbox" type="checkbox">
</div>
<div class="col">
<label for="#" style="color:aliceblue;font-family: Arial, Helvetica, sans-serif;"> is super admin</label>
<label for="#" style="color:aliceblue;font-family: Arial, Helvetica, sans-serif; margin-top: 0.7rem;"> is super admin</label>
</div>
</div>
<p style="padding: 0.7rem;"> By granting this user super admin rights,you will give them full control over all possible operations on the website</p>
<p style="padding: 0.7rem;">By granting this user super admin rights,you will give them full control over all possible operations on the website</p>
</div> <br>

</div><br>
Expand Down Expand Up @@ -491,12 +491,18 @@ <h3 class="Personnal-informations">Personnal informations </h3>
</div>
</div><br>
<hr><br>
<div class="row links-title">
<h3 class="Personnal-informations"> Groups</h3>
<div>
<h3 class="Personnal-informations "> All Permissions </h3>

<div class="form-group row">
<div class="col">
<h3 class="Personnal-informations"> Groups</h3>
<div id="the-basics"> </div>
</div>
</div><br>
<div class="col">
<h3 class="Personnal-informations "> All Permissions </h3>
<div id="bloodhound"> </div>
</div>
</div>

<div class="form-group row">
<div class="col">
<label class="links">Total number of groups</label>
Expand All @@ -511,7 +517,6 @@ <h3 class="Personnal-informations "> All Permissions </h3>
</div>
</div>
</div>

<div class="form-group row">
<div class="col">
<div id="the-basics">
Expand All @@ -525,79 +530,66 @@ <h3 class="Personnal-informations "> All Permissions </h3>
</div>
</div>


<div class="form-group row">
<div class="col">
<div class="flex">
<label class="links">Group</label>
<div id="the-basics">
<input class="typeahead" type="text" placeholder="teacher">
</div>
</div>
<div class="badge badge-outline-success btn-profile Check"><a href="#">Check</a></div>

<div class="col">
<label class="links">permissions</label>
<div id="bloodhound">
<input class="typeahead" type="text" placeholder="see teacher’s space">
</div>
</div>
</div>

<div class="form-group row">
<div class="col">
<div id="the-basics"> </div>
</div>
<div class="col">
<div id="bloodhound">
<input class="typeahead" type="text" placeholder="see teacher’s space">
</div>
</div>
</div>

<div class="form-group row">
<div class="col">
<div id="the-basics"> </div>
<label class="links margin-left-l">date of creation: 20/07/2024</label>
</div>
<div class="col">
<div id="bloodhound">
<input class="typeahead" type="text" placeholder="see teacher’s space">
</div>
<div class="flex">
<div>
<input required="" placeholder="teacher" type="text" class="input typeahead">
</div>
<div class="badge badge-outline-success btn-profile"><a href="Check_courses.html">Check</a></div>
</div>
</div>
</div>

<div class="form-group row">
<div class="col">
<div id="the-basics"> </div>
</div>
<div class="col">
<div class="flex">
<label class="links">permission </label>
</div>
<div id="bloodhound">
<input class="typeahead" type="text" placeholder="see teacher’s space">
</div>
</div>
<div class="badge badge-outline-danger">Delete</div>
</div>
<div class="form-group row">
<div class="col">
<div id="the-basics"> </div>
</div>
<div class="col">
</div><br>
<div id="bloodhound">
<input class="typeahead" type="text" placeholder="see teacher’s space">
</div>
</div>
<div class="badge badge-outline-danger">Delete</div>
</div>
<div class="form-group row">
<div class="col">
<div id="the-basics"> </div>
</div>
<div class="col">
</div><br>
<div id="bloodhound">
<input class="typeahead" type="text" placeholder="see teacher’s space">
</div><br>

<div class="flex">
<label class="links margin-left-l">date of creation: 20/07/2024</label>
</div>
</div>
<div class="badge badge-outline-danger">Delete</div>
<div class="flex">
<div>
<input required="" placeholder="perm 4 (libre)" type="text" class="typeahead"style="width: 23vw;">
</div>
<div class="badge badge-outline-danger">Delete</div>
</div>
<div class="flex">
<label class="links margin-left-l">date of creation: 20/07/2024</label>
</div>
<div class="flex">
<div>
<input required="" placeholder="perm 4 (libre)" type="text" class="typeahead"style="width: 23vw;">
</div>
<div class="badge badge-outline-danger">Delete</div>
</div>
<div class="flex">
<label class="links margin-left-l">date of creation: 20/07/2024</label>
</div>
<div class="flex">
<div>
<input required="" placeholder="perm 4 (libre)" type="text" class="typeahead" style="width: 23vw;">
</div>
<div class="badge badge-outline-danger">Delete</div>
</div>

</div>

</div>

<br></form><br>
</div>
</div>
Expand Down
Loading

0 comments on commit cb36439

Please sign in to comment.