18
18
< link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css ">
19
19
20
20
<!-- Boostrap custom colors -->
21
- < link rel ="stylesheet " type ="text/css " href ="custom_bootstrap.min.css ">
21
+ < link rel ="stylesheet " type ="text/css " href ="custom_bootstrap.min.css ">
22
22
23
23
<!--BootBox PopUp Eliminar Empleat-->
24
24
< script src =https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/5.5.2/bootbox.min.js > </ script >
25
25
26
26
<!--Custom Css-->
27
- < link rel ="stylesheet " type ="text/css " href ="index.css ">
27
+ < link rel ="stylesheet " type ="text/css " href ="index.css ">
28
28
29
29
<!-- Data table -->
30
- < link rel ="stylesheet " type ="text/css " href ="https://cdn.datatables.net/1.10.24/css/dataTables.bootstrap4.min.css "/>
31
-
30
+ < link rel ="stylesheet " type ="text/css "
31
+ href ="https://cdn.datatables.net/1.10.24/css/dataTables.bootstrap4.min.css " />
32
+
32
33
< script type ="text/javascript " src ="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js "> </ script >
33
34
< script type ="text/javascript " src ="https://cdn.datatables.net/1.10.24/js/dataTables.bootstrap4.min.js "> </ script >
34
35
35
- </ link >
36
+ </ link >
36
37
</ head >
37
38
38
39
< body >
@@ -45,7 +46,8 @@ <H4 class="headertitle">CRUD Empleats</H4>
45
46
< h6 > Exercici realitzat utilitzant: Spring Api Rest, Javascript, jquery i Bootstrap.</ h6 >
46
47
</ div >
47
48
< div class ="col-sm-4 my-auto text-right ">
48
- < button type ="button " class ="btn btn-primary add " data-toggle ="modal " data-target ="#modal " onclick ="newEmployee(); ">
49
+ < button type ="button " class ="btn btn-primary add " data-toggle ="modal " data-target ="#modal "
50
+ onclick ="newEmployee(); ">
49
51
< i class ="bi bi-person-plus-fill icon " style ="margin-right: 5px; "> </ i >
50
52
Nou Empleat</ button >
51
53
</ div >
@@ -54,20 +56,21 @@ <h6>Exercici realitzat utilitzant: Spring Api Rest, Javascript, jquery i Bootstr
54
56
< table id ="employeeTable " class ="table table-hover table-striped ">
55
57
< thead >
56
58
< tr >
57
- < th style ="width:4% " > #</ th >
59
+ < th style ="width:4% " id =" id " > #</ th >
58
60
< th style ="width:28% "> Nom</ th >
59
61
< th style ="width:28% "> Càrreg</ th >
60
62
< th style ="width:28% "> Salari</ th >
61
63
< th style ="width:12% "> Accions</ th >
62
64
</ tr >
63
65
</ thead >
64
- < tbody >
66
+ < tbody >
65
67
< td > id</ td >
66
68
< td > nom</ td >
67
69
< td > carreg</ td >
68
70
< td > sou</ td >
69
- < td > < button type ="button " class ="btn btn-primary add " data-toggle ="modal " data-target ="#modal " onclick ="newEmployee(); ">
70
- Nou Empleat</ button > </ td >
71
+ < td > < button type ="button " class ="btn btn-primary add " data-toggle ="modal "
72
+ data-target ="#modal " onclick ="newEmployee(); ">
73
+ Nou Empleat</ button > </ td >
71
74
72
75
</ tbody >
73
76
</ table >
@@ -96,11 +99,12 @@ <h5 class="modal-title" id="modaltitle"><span id=formType>Afegir nou</span> empl
96
99
< div class ="input-group-prepend w-25 ">
97
100
< span class ="input-group-text w-100 "> Nom</ span >
98
101
</ div >
99
- < input class ="form-control " type ="text " id ="name " placeholder ="Indrodueix el nom de l'empleat. ">
102
+ < input class ="form-control " type ="text " id ="name "
103
+ placeholder ="Indrodueix el nom de l'empleat. ">
100
104
</ div >
101
105
< div class ="input-group mb-3 ">
102
106
< div class ="input-group-prepend w-25 ">
103
- < span class ="input-group-text w-100 " > Càrreg</ span >
107
+ < span class ="input-group-text w-100 "> Càrreg</ span >
104
108
</ div >
105
109
< select class ="form-control " id ="job ">
106
110
< option value ="Default "> Escull un càrreg</ option >
@@ -111,13 +115,15 @@ <h5 class="modal-title" id="modaltitle"><span id=formType>Afegir nou</span> empl
111
115
< option value ="Administratiu "> Administratiu</ option >
112
116
</ select >
113
117
</ div >
118
+
119
+ < div class ="modal-footer ">
120
+ < button type ="reset " class ="btn btn-secondary cancel "
121
+ data-dismiss ="modal "> Cancel·lar</ button >
122
+ < input type ="button " class ="btn btn-primary save " value ="Afegir " id ="action "
123
+ onclick ="sendEmployee(); ">
124
+ </ div >
114
125
</ form >
115
126
</ div >
116
- < div class ="modal-footer ">
117
- < button type ="reset " class ="btn btn-secondary cancel " data-dismiss ="modal "> Cancel·lar</ button >
118
- < input type ="submit " class ="btn btn-primary save " value ="Afegir " id ="action "
119
- onclick ="sendEmployee(); ">
120
- </ div >
121
127
</ div >
122
128
</ div >
123
129
</ div >
0 commit comments