From 320cf96104a7e567a1b6de03917c034c392d6d9d Mon Sep 17 00:00:00 2001
From: gandhimathi <bitbucket@venbainfotech.com>
Date: Wed, 10 Jan 2018 18:02:04 +0530
Subject: [PATCH] course details changes done

---
 .../status-update/setFeesForStudent.html      | 162 ++++++++++++++++--
 1 file changed, 143 insertions(+), 19 deletions(-)

diff --git a/Apollo/assets/views/status-update/setFeesForStudent.html b/Apollo/assets/views/status-update/setFeesForStudent.html
index 2ea0b0c7..f4d0a368 100755
--- a/Apollo/assets/views/status-update/setFeesForStudent.html
+++ b/Apollo/assets/views/status-update/setFeesForStudent.html
@@ -1,3 +1,8 @@
+<style>
+    a {
+        color: #ffffff;
+    }
+</style>
 <form name="Form" id="form" novalidate>
     <div class="row">
         <div class="col-md-12">
@@ -11,12 +16,12 @@
                             <legend>Set Fees For Student</legend>
                             <div class="row">
 
-                                <div class="col-md-4 form-group"
+                                <div class="col-md-3 form-group"
                                      ng-class="{'has-error':Form.setfeesType.$dirty && Form.setfeesType.$invalid, 'has-success':Form.setfeesType.$valid}">
                                     <label>
                                         Fees Type <span class="symbol required"></span>
                                     </label>
-                                    <select class="form-control" name="setfeesType" tabindex="7" id="setfeesType"
+                                    <select class="form-control" name="setfeesType" tabindex="7" id="setfeesType" ng-change="changeInstallemt(setModel.feesType,Form);"
                                             ng-model="setModel.feesType"
                                             ng-options="fees.Sem_Year for fees in feesStructureInfo"
                                             required>
@@ -25,7 +30,7 @@
                                     <span class="error text-small block"
                                           ng-if="Form.setfeesType.$dirty && Form.setfeesType.$invalid">Fees type is required</span>
                                 </div>
-                                <div class="col-md-4 form-group"
+                                <div class="col-md-3 form-group"
                                      ng-class="{'has-error':Form.setsessionname.$dirty && Form.setsessionname.$invalid, 'has-success':Form.setsessionname.$valid}">
                                     <label>
                                         Session Name <span class="symbol required"></span>
@@ -41,25 +46,21 @@
                                     <!--<span class="success text-small"-->
                                     <!--ng-if="Form.stopname.$valid">Thank You!</span>-->
                                 </div>
-                                <div class="col-md-4 form-group"
-                                     ng-class="{'has-error':Form.setrollNo.$dirty && Form.setrollNo.$invalid, 'has-success':Form.setrollNo.$valid}">
+                                <div class="col-md-3 form-group"
+                                     ng-class="{'has-error':Form.setrollNo.$dirty && Form.setrollNo.$invalid}">
                                     <label>
-                                        Roll Number <span class="symbol required"></span>
+                                        Roll Number
                                     </label>
 
                                     <input type="text"  placeholder="Enter Roll No"
                                            tabindex="9" class="form-control" name="setrollNo"
-                                           ng-model="setModel.feesType.RollNo" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
+                                           ng-model="setModel.feesType.RollNo" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
                                     <span class="error text-small block"
                                           ng-if="Form.setrollNo.$dirty && Form.setrollNo.$error.required">Roll no is required</span>
                                     <span class="error text-small block"
                                           ng-if="Form.setrollNo.$dirty && Form.setrollNo.$error.pattern">Invalid roll no </span>
                                 </div>
-
-
-                            </div>
-                            <div class="row">
-                                <div class="col-md-4 form-group"
+                                <div class="col-md-3 form-group"
                                      ng-class="{'has-error':Form.feesAmount.$dirty && Form.feesAmount.$invalid,'has-success':Form.feesAmount.$valid}">
                                     <label>
                                         Course Fees <span class="symbol required"></span>
@@ -75,7 +76,12 @@
                                           ng-if="Form.feesAmount.$error.maxlength || Form.feesAmount.$error.pattern">Enter a valid amount</span>
 
                                 </div>
-                                <div class="col-md-4 form-group"
+
+
+                            </div>
+                            <div class="row">
+
+                                <div class="col-md-3 form-group"
                                      ng-class="{'has-error':Form.STF.$dirty && Form.STF.$invalid}">
                                     <label>
                                         STF/WR
@@ -91,7 +97,7 @@
                                           ng-if="Form.STF.$error.maxlength || Form.STF.$error.pattern">Enter a valid amount</span>
 
                                 </div>
-                                <div class="col-md-4 form-group"
+                                <div class="col-md-3 form-group"
                                      ng-class="{'has-error':Form.others.$dirty && Form.others.$invalid}">
                                     <label>
                                         Others</span>
@@ -138,9 +144,7 @@
                                           ng-if="Form.paid.$error.maxlength || Form.paid.$error.pattern">Enter a valid amount</span>
 
                                 </div>-->
-                            </div>
-                            <div class="row">
-                                <div class="col-md-4 form-group"
+                                <div class="col-md-3 form-group"
                                      ng-class="{'has-error':Form.waiver.$dirty && Form.waiver.$invalid}">
                                     <label>
                                         Waiver</span>
@@ -157,14 +161,134 @@
 
                                 </div>
                             </div>
+
+                            <div class="row">
+                                <div class="col-md-12">
+                                    <div class="panel panel-white" id="panel2">
+                                        <div class="panel-heading bg-light-blue">
+                                            <h4 class="panel-title text-white">Installment Details</h4>
+
+                                            <ct-paneltool class="panel-tools" tool-collapse="tool-collapse"></ct-paneltool>
+                                        </div>
+
+
+
+                                        <div collapse="panel2" ng-init="panel2=false" class="panel-wrapper">
+                                            <div class="panel-body">
+
+                                                <div class="row">
+                                                    <div class="col-md-3 form-group"
+                                                         ng-class="{'has-error':Form.insName.$dirty && Form.insName.$invalid,'has-success':Form.insName.$valid}">
+                                                        <label>
+                                                            Installment <span
+                                                                class="symbol required"></span>
+                                                        </label>
+
+                                                        <input type="text"  placeholder="Enter Installment"
+                                                               tabindex="14" class="form-control" name="insName"
+                                                               ng-model="myModelInstallemt.name" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
+                                                        <span class="error text-small block"
+                                                              ng-if="Form.insName.$dirty && Form.insName.$error.required">Installment is required</span>
+                                                        <span class="error text-small block"
+                                                              ng-if="Form.insName.$dirty && Form.insName.$error.pattern">Enter a valid installment</span>
+                                                    </div>
+                                                    <div class="col-md-3 form-group"
+                                                         ng-class="{'has-error':Form.instfeesAmount.$dirty && Form.instfeesAmount.$invalid, 'has-success':Form.instfeesAmount.$valid}">
+                                                        <label>
+                                                            Amount <span
+                                                                class="symbol required"></span>
+                                                        </label>
+
+                                                        <input type="text"  placeholder="Enter Amount"
+                                                               autofocus tabindex="15" class="form-control" name="instfeesAmount" id="instfeesAmount" ng-maxlength="8"
+                                                               ng-model="myModelInstallemt.amount" ng-pattern="/^[0-9]*$/" required="" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
+                                                        <span class="error text-small block"
+                                                              ng-if="Form.instfeesAmount.$dirty && Form.instfeesAmount.$invalid"
+                                                              ng-hide="Form.instfeesAmount.$error.maxlength || Form.instfeesAmount.$error.pattern">Amount is required</span>
+                                                        <span class="error text-small block"
+                                                              ng-if="Form.instfeesAmount.$error.maxlength || Form.instfeesAmount.$error.pattern">Enter a valid amount</span>
+
+                                                    </div>
+                                                    <div data-ng-controller="DatepickerDemoCtrl">
+                                                        <div class="col-md-3 form-group"
+                                                             ng-class="{'has-error':Form.date.$dirty && Form.date.$invalid, 'has-success':Form.date.$valid}">
+                                                            <label>
+                                                                Due Date <span
+                                                                    class="symbol required"></span>
+                                                            </label>
+                                                            <input type="text"
+                                                                   class="form-control " tabindex="16"
+                                                                   ng-click="startOpen = !startOpen"
+                                                                   datepicker-popup="dd-MM-yyyy"
+                                                                   ng-model="myModelInstallemt.date"
+                                                                   is-open="startOpen"
+                                                                   ng-init="startOpen = false"
+                                                                   name="date"
+                                                                   datepicker-options="dateOptions"
+                                                                   placeholder="Select Date"
+                                                                   min-date="minDate"
+                                                                   max-date="futureDate"
+                                                                   close-text="Close" required="required" ng-disabled="myModelInstallemt.date !=''"/>
+                                                            <span class="error text-small block"
+                                                                  ng-if="Form.date.$dirty && Form.date.$error.required">Date is required.</span>
+                                                            <!--<span class="success text-small block"-->
+                                                            <!--ng-if="Form.date.$valid ">Thank You</span>-->
+                                                        </div>
+
+                                                    </div>
+                                                    <div class="col-md-3">
+                                                        <input type="button" class="btn btn-sm btn-info" title="Click to add one more items" value="Add More" ng-click="clickMoreItems(myModelInstallemt,Form,setModel.feesType);" style="margin-top:16%;" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"/>
+                                                    </div>
+                                                </div>
+                                                <div class="row" ng-repeat="n in updateMoreItems">
+                                                    <div class="col-md-3 form-group" ng-class="{'has-error':n.Name==undefined, 'has-success':n.Name!=undefined}">
+                                                        <label>
+
+                                                        </label>
+
+                                                        <input type="text"  placeholder="Enter Installment"
+                                                               class="form-control" name="instllment{{$index}}"
+                                                               ng-model="n.Name" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'" required/>
+                                                        <span class="error text-small block"  ng-if="n.Name==undefined">Enter a valid installment</span>
+                                                    </div>
+                                                    <div class="col-md-3 form-group" ng-class="{'has-error':n.Amount==undefined, 'has-success':n.Amount!=undefined}">
+                                                        <label>
+                                                        </label>
+
+                                                        <input type="text"  placeholder="Enter Fees Amount"
+                                                               autofocus class="form-control" name="amount{{$index}}" id="amount{{$index}}" ng-maxlength="8"
+                                                               ng-model="n.Amount" ng-pattern="/^[0-9]*$/" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'" required/>
+                                                        <span class="error text-small block"  ng-if="n.Amount==undefined">Enter a valid amount</span>
+
+                                                    </div>
+                                                    <div class="col-md-3 form-group" ng-class="{'has-error':n.DueDate==undefined, 'has-success':n.DueDate!=undefined}">
+                                                        <label>
+                                                        </label>
+
+                                                        <input type="text"  placeholder="Enter Date"
+                                                               autofocus class="form-control" name="date{{$index}}" id="date{{$index}}"
+                                                               ng-model="n.DueDate" required readonly/>
+                                                        <span class="error text-small block"  ng-if="n.DueDate==undefined">Enter a valid date</span>
+
+                                                    </div>
+                                                </div>
+
+
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+
                             <div class="row">
                                 <div class="col-md-12">
                                     <div class="pull-right">
-                                        <button type="submit" ladda="ldloading5.zoom_in" tabindex="14" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="submitFeesForStudent(user,Form,setModel.feesType,'zoom-in')" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"> <!--ng-disabled="setModel.feesType.ExistValue=='1'"-->
+                                        <button type="submit" ladda="ldloading5.zoom_in" tabindex="17" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="submitFeesForStudent(user,Form,setModel.feesType,'zoom-in',myModelInstallemt)" ng-disabled="setModel.feesType.ExistValue=='1' && userType!='R004'"> <!--ng-disabled="setModel.feesType.ExistValue=='1'"-->
                                             Save
                                         </button>
 
-                                        <input type="button" class="btn btn-warning btn-wide" tabindex="15" value="Cancel"
+                                        <input type="button" class="btn btn-warning btn-wide" tabindex="18" value="Cancel"
                                                ng-click="cancel();">
 
                                         </input>