Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
66 changes: 17 additions & 49 deletions FrontEnd/Library/src/app/acceptrequest/acceptrequest.component.css
Original file line number Diff line number Diff line change
@@ -1,67 +1,35 @@

.text-danger1{

width: 160%;
/* width: 160%; */
padding: 8px 6px;
margin: 0px;
box-sizing: border-box;
border: 1px ;
border: 1px ;
background-color: #a7bdb08f;
color: rgb(0, 0, 0);
border-radius: 7px;
border-radius: 7px;

}

.date{
width: 160%;
padding: 8px 6px;
margin: 0px;
box-sizing: border-box;
border: 1px ;
background-color: #a7bdb08f;
color: rgb(0, 0, 0);
border-radius: 7px;
}
.btn{
width: 100%;
padding: 7px 2px;
margin: 5px ;
box-sizing: border-box;
border: 2px solid rgb(27, 26, 26);
background-color:rgba(106, 215, 56, 0.682);
color: rgb(0, 0, 0);
border-radius: 7px;
}
.table-bordered{
border: 1px solid;
}
th {
background-color: #232524;
color: white;
width: 15%;
text-align: center;
}




td {
background-color: #a7bdb08f;
color: rgb(0, 0, 0);
width: 15%;
text-align: center;

width: 50%;
height: 50%;
text-align: left;
margin-top: auto;
padding: auto;
padding: 5%;
padding-left: 4%;
}


.btnList{
border: none;
padding: 1px;
background: rgb(0, 0, 0);
font-size: 13px;
font-style: italic ;
color: rgb(255, 255, 255);
border-radius: 3px;
}

table{
text-align: center;
/* margin-left: 40%;
margin-top:5%; */
text-align: left;
/* margin-left: 40%;*/
margin-top:5%;
}
25 changes: 11 additions & 14 deletions FrontEnd/Library/src/app/acceptrequest/acceptrequest.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,27 @@


<div class="text-center">
<form [formGroup]="ObjSampleForm" (ngSubmit)="onSubmit()"><br>
<form [formGroup]="ObjSampleForm" ><br>


<label><h2>AcceptRequest </h2></label>
<table align="center">


<br>

<div>Return Date&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input style="width: 180px; margin:0 auto;" type="date" class="text-danger1" placeholder="returnDate" formControlName="returnDate" name="returnDate" min="{{date | date :'yyyy-MM-dd' }}" (input)="datas()" required></div>
<tr> <td>
Return Date </td><td><input type="date" class="text-danger1" placeholder="returnDate" formControlName="returnDate" name="returnDate" min="{{date | date :'yyyy-MM-dd' }}" (input)="datas()" required>
<span class="text-danger" class="text-danger" *ngIf="ObjSampleForm.controls['returnDate'].touched && ObjSampleForm.hasError('required','returnDate')"><small>Return Date is required</small>
</span><br><br>
</span></td></tr>

<div>Due Date&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="date" style="width: 180px; margin:0 auto;" class="text-danger1" placeholder="dueDate" formControlName="dueDate" name="dueDate" min="{{this.val}}" required></div>
<tr><td>Due Date</td><td><input type="date" class="text-danger1" placeholder="dueDate" formControlName="dueDate" name="dueDate" min="{{this.val}}" required>
<span class="text-danger" class="text-danger" *ngIf="ObjSampleForm.controls['dueDate'].touched && ObjSampleForm.hasError('required','dueDate')"><small>Due Date is required</small>
</span><br>
</span><br></td></tr>


<input class="btn" style="width: 180px;" type="submit" name="onSubmit" value="Submit" [disabled]="!ObjSampleForm.valid"><br><br><br>

</table>
<tr><td></td>
<td>
<button mat-raised-button (click)="submit()" [disabled]="!ObjSampleForm.valid" color="primary" style="position: relative;" class="mycls" >Submit</button>
</td></tr></table>

</form>
</div>



Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ ObjSampleForm:FormGroup=new FormGroup(
)


onSubmit(){
submit(){
this.update(this.borrowId)
}

Expand Down
222 changes: 59 additions & 163 deletions FrontEnd/Library/src/app/addbooks/addbooks.component.css
Original file line number Diff line number Diff line change
@@ -1,18 +1,64 @@
/* /*
.table-bordered{
border: 1px solid;

* {
box-sizing: border-box;
}

@media only screen and (max-width: 620px) {
/* For mobile phones: */
.right {
width: 87%;

}
/* .form-control{
top:15%;
}
*/
.csvv{
position: relative;
left: 8%;
top:65px;
}

.centered{
top: 18%;
left:45%;
}
.mat-dialog-container{
margin-left: 20%;
}

.form-control{
width: 10%;
}

.mycls{
left: 35%;
margin-left: 20%;
}

.csvv{
/* position: relative; */
left: -55%;
/* top:65px; */
}


}

*/


/* ----- */


.split {
height: 100%;
/* width: 50%; */
position: fixed;
/* z-index: 1; */
top: 0;
top: 5%;
overflow-x: hidden;
padding-top: 20px;
padding-top: 5%;
padding-bottom: 10%;
}

.left {
Expand All @@ -36,34 +82,24 @@
text-align: center;
}
.form-control{
width: 50vh;
width: 40vh;

}
.csvv{
position: relative;
left: 105%;
/* top:65px; */
left: 95%;
top:5%;
}

/* .centered{
top: 18%;
left:45%;
}
.mat-dialog-container{
margin-left: 20%;
}
*/





table{
width: 90%;
scroll-behavior: auto;
border: none;
text-align: left;
height: 100px;
text-size-adjust: auto;


}
th {
background-color: #ffffff;
Expand All @@ -76,146 +112,6 @@ margin-left: 20%;
padding-top: 6px;padding-bottom: 6px;
text-align: left;
}
/* .form-control{
width: fit-content;
} */

/* .main {
height: 100%;
overflow: hidden;
overflow-y: scroll;
} */

/* div{
position: relative;

width: 100%;

} */





/*
@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);
.fa-2x {
font-size: 2em;
}
.fa {
position: relative;
display: table-cell;
width: 60px;
height: 36px;
text-align: center;
vertical-align: middle;
font-size:20px;
}

.main-menu {
background:#446cb3;
margin: 0%;

border-right:0px solid #030303;
position:absolute;
top:0;
bottom:0;
height: 770px;
overflow: hidden;

left:0;
width:220px;
overflow:-moz-hidden-unscrollable;
-webkit-transition:width .05s linear;
transition:width .05s linear;
-webkit-transform:translateZ(0) scale(1,1);
z-index:1000;
}

.main-menu>ul {
margin:7px 0;
}
body{height: 0vh;
background-color: #030303;
}
.main-menu li {
position:relative;
display:block;
width:250px;
}

.main-menu li>a {
position:relative;
display:table;
border-collapse:collapse;
border-spacing:0;
color:rgb(237, 248, 244);
font-family: arial;
font-size: 14px;
text-decoration:none;
-webkit-transform:translateZ(0) scale(1,1);
-webkit-transition:all .1s linear;
transition:all .1s linear;
}

.main-menu .nav-icon {
position:relative;
display:table-cell;
width:60px;
height:36px;
text-align:center;
vertical-align:middle;
font-size:18px;
}

.main-menu .nav-text {
position:relative;
display:table-cell;
vertical-align:middle;
width:190px;
font-family: 'Titillium Web', sans-serif;
}

.main-menu>ul.logout {
position:absolute;
left:0;
bottom:0;
}

.no-touch .scrollable.hover {
overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
}

a:hover,a:focus {
text-decoration:none;
}

nav {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}

nav ul,nav li {
outline:0;
margin:0;
padding:0;
}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
color:rgb(243, 234, 234);
background-color:#565985;
}
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 300;
src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff');
}
*/
Loading