From 393d0bbf9f279c8f962249a2384c8a4d36c22c74 Mon Sep 17 00:00:00 2001 From: Irene Edria <ireneedriadr@gmail.com> Date: Thu, 23 Nov 2017 00:10:50 +0700 Subject: [PATCH] add order driver --- .../src/main/webapp/WEB-INF/order_driver.jsp | 19 +++++++++---------- .../WebApp/src/main/webapp/css/app.css | 8 ++++++++ 2 files changed, 17 insertions(+), 10 deletions(-) diff --git a/TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/order_driver.jsp b/TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/order_driver.jsp index 075b049..88b192f 100644 --- a/TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/order_driver.jsp +++ b/TugasBesar2_2017/WebApp/src/main/webapp/WEB-INF/order_driver.jsp @@ -3,7 +3,7 @@ <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> -<div class="container"> +<div ng-app= "" class="container"> <div class="wrapper row"> <div> <div class="page-title row txt-center height-fit float-container"> @@ -13,21 +13,20 @@ </div> </div> <div class="order-form"> - <form action="#" onsubmit="#" method="get"> - <div class="txt-center"> - <h2 class="inline-block">Finding Order....</h2> - </div> - <div class="txt-center"> - <button type="submit" class="form-input find-button">FIND ORDER</button> - </div> - </form> + <div class="txt-center"> + <h2 ng-show="show" class="inline-block">Finding Order....</h2> + </div> + <div class="txt-center"> + <button class="form-input find-button" ng-hide="closeFind" ng-click="show=true; showClose=true; closeFind=true">FIND ORDER</button> + <button class="close-button" ng-show="showClose" ng-click="show=false; closeFind=false; showClose=false">CLOSE</button> + </div> </div> </div> </div> <%@include file="/component/footer.html" %> +<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <script> - src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js" window.onload = toggleActive("nav-order"); </script> diff --git a/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css b/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css index 48ce06d..095bd6c 100644 --- a/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css +++ b/TugasBesar2_2017/WebApp/src/main/webapp/css/app.css @@ -201,6 +201,14 @@ body { font-size: 1.25em; } +.close-button { + width: 200px; + height: 40px; + border: 1px solid #c00; + background: #c00; + font-size: 1.25em; +} + .submit-button:hover { background: #75ff33; font-size: 1.25em; -- GitLab