diff --git a/css/edit-prefered-location.css b/css/edit-prefered-location.css index c7f4c72431e5e5ca6a985d817d2b38fa65ce2696..0ed33dd3618431f43a7463a8402cb2b1a645f89e 100644 --- a/css/edit-prefered-location.css +++ b/css/edit-prefered-location.css @@ -1,7 +1,7 @@ .kotak{ width: 40%; margin: 20 30% 0 30%; - padding: 10 10 10 10; + padding: 10; } table{ @@ -33,6 +33,30 @@ table, th, td, tr{ width: 20%; } +#locationinput{ + display: none; + width: 100%; + height: 30; +} + +button{ + background-color: white; + border: none; + height:30; + width:35; + padding: 0; +} + +.editbutton{ + height: 25; + width: 25; +} + +.deletebutton{ + height: 25; + width: 25; +} + .addset div{ display: inline-block; vertical-align: middle; @@ -45,7 +69,7 @@ table, th, td, tr{ .field input{ width: 100%; - height: 2em; + height: 30; } .submitbutton{ @@ -59,5 +83,5 @@ table, th, td, tr{ border-radius: 5px; font-size: 130%; padding: 0 0 0 0; - color: #008800; + color: #000000; } diff --git a/img/delete.png b/img/delete.png new file mode 100644 index 0000000000000000000000000000000000000000..7e8cb0ccf4fb70a4262755940878b781a532b1ea Binary files /dev/null and b/img/delete.png differ diff --git a/img/floppy.png b/img/floppy.png new file mode 100644 index 0000000000000000000000000000000000000000..6ffab1479d782f82caf55a20e2250508d1cb9600 Binary files /dev/null and b/img/floppy.png differ diff --git a/img/pencil.png b/img/pencil.png index f97cf52c4d51fd737ce46193b9bca965dfc74b4a..0d859d1ca4b29177070bda90f8eb424959b7aa4c 100644 Binary files a/img/pencil.png and b/img/pencil.png differ diff --git a/view/edit-prefered-locations.html b/view/edit-prefered-locations.html index c8f3b162ae1f4c59f8407e94a026396d3b904a12..536b61e08fbe8a601d41e681fe31175f39d68898 100644 --- a/view/edit-prefered-locations.html +++ b/view/edit-prefered-locations.html @@ -13,6 +13,27 @@ <th class="tabloc">Location</td> <th class="tabact">Actions</td> </tr> + <tr> + <td class="tabno">1</td> + <td class="tabloc"> + <div id="locationtext">2</div> + <input id="locationinput" type="text"> + </td> + <td class="tabact"> + <div class="addset" align="center"> + <div margin-right=50> + <button onClick=hideMe() class="editsave"> + <img src="../img/pencil.png" class="editbutton" id="imageeditsave"> + </button> + </div> + <div> + <button onClick=f() class="delete"> + <img src="../img/delete.png" class="deletebutton"> + </button> + </div> + </div> + </td> + </tr> </table> <br> <br> @@ -20,7 +41,7 @@ <div class="addset"> <div class="field"><input type="text"></div> <div class="submitbutton"> - <input type="Submit" value="GO!" class="submit"> + <input type="Submit" value="ADD" class="submit"> </div> </div> </div>