git_admin/sx-fc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change UI in payment page

Browse Source
This commit is contained in:
phyusin
2018-03-14 15:08:26 +06:30
parent b836bffb90
commit 70e400c3b9
2 changed files with 37 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/origami.scss
View File

@@ -396,3 +396,13 @@ i.logout_icon{
color: #fff !important; color: #fff !important;
background-color: #5DADE2 !important; background-color: #5DADE2 !important;
} }
/* Start Is Member Modal */
#is_memberModal .modal-body {
height: 200px !important;
}
#is_memberModal .btn {
width: 80%;
}
/* End Is Member Modal */

26
app/views/origami/payments/show.html.erb
View File

@@ -427,22 +427,40 @@
<h1 class="modal-title" id="is_memberModalLabel">Are you Member?</h1> <h1 class="modal-title" id="is_memberModalLabel">Are you Member?</h1>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="btn-group">
<input type="hidden" name="paypar_account_no" id="paypar_account_no" /> <input type="hidden" name="paypar_account_no" id="paypar_account_no" />
<input type="hidden" name="qr_code" id="qr_code" /> <input type="hidden" name="qr_code" id="qr_code" />
<button type="button" class="btn btn-lg btn-link bg-red waves-effect" data-dismiss="modal">No</button> <div class="row text-center m-t-20">
<button type="button" class="btn btn-lg btn-link bg-green waves-effect btn_customer_yes">Yes</button> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<button type="button" class="btn btn-lg btn-link bg-primary waves-effect btn_member">Card Member</button> <button type="button" class="btn btn-lg btn-link bg-primary waves-effect btn_member">Card Member</button>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<button type="button" class="btn btn-lg btn-link bg-primary waves-effect btn_qr_code">QR Code</button> <button type="button" class="btn btn-lg btn-link bg-primary waves-effect btn_qr_code">QR Code</button>
</div> </div>
</div> </div>
<div class="row clearfix"></div>
<div class="row text-center m-t-20">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<button type="button" class="btn btn-lg btn-link bg-green waves-effect btn_customer_yes">Yes</button>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<button type="button" class="btn btn-lg btn-link bg-red waves-effect" data-dismiss="modal">No</button>
</div>
</div>
</div>
<div class="modal-footer"></div> <div class="modal-footer"></div>
</div> </div>
</div> </div>
</div> </div>
<div id="sxModal"> <div id="sxModal">
<div id="sxModal-Content"><h3>Card Tap</h3></div> <div id="sxModal-Content">
<h3>Card Tap</h3>
</div>
<div>
<button type="button" class="btn btn-lg btn-link bg-red waves-effect" data-dismiss="modal">Cancel</button>
</div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">