apollo_developers/assets/views/status-update/fees_status.html

<style>
    b.fa {
        display: inline-block;
        border-radius: 60px;
        box-shadow: 0px 0px 2px #FF6600;
        padding: 0.5em 0.6em;


    }
    b.fa1 {
        display: inline-block;
        border-radius: 60px;
        box-shadow: 0px 0px 2px green;
        padding: 0.5em 0.6em;


    }
    a {
        color: #007AFF;
    }

</style>
<!-- start: PAGE TITLE -->
<section id="page-title">
    <div class="row">
        <div class="col-sm-8">

            <h1 class="mainTitle" translate="Student Fees Status">{{ mainTitle }}</h1>
            
            <span class="mainDescription">Update fees status. </span>
           
        </div>
        <div ncy-breadcrumb></div>
    </div>
</section>
<!-- end: PAGE TITLE -->
<!-- start: LIST GROUP -->
<div class="container-fluid container-fullw bg-white" ng-controller="feesStatusCtrl" data-ng-init="init()">
    <form name="Form" id="form" novalidate method="post">

    <div class="row">
        <fieldset>
            <legend>Search</legend>
            <div class="row">
                <div class="col-md-3 form-group" ng-class="{'has-error':Form.mobilenumber.$dirty && Form.mobilenumber.$invalid}">
                    <label>
                        Mobile Number
                    </label>

                    <input type="text"  placeholder="Search Mobile Number" ladda="ldloading1.zoom_in" data-style="zoom-in"
                           autofocus tabindex="1" class="form-control" name="mobilenumber" id="mobilenumber" ng-minlength="10" ng-maxlength="12"
                           ng-model="myModel.mobileNumber" ng-pattern="/^[0-9]*$/" ng-change="getStudentDetails(Form,myModel);"/>
                    <span class="error text-small block"
                          ng-if="Form.mobilenumber.$error.maxlength || Form.mobilenumber.$error.minlength || Form.mobilenumber.$error.pattern">Enter a valid mobile number</span>

                </div>

                <div class="col-md-3 form-group">
                    <label>
                        Student Name
                    </label>

                    <input type="text"  placeholder="Search Student Name"
                           tabindex="2" class="form-control" name="studentname"
                           ng-model="myModel.studentName" ng-pattern="/^[a-zA-Z.\s]*$/" ng-change="getStudentDetails(Form,myModel);" />
                    <span class="error text-small block"
                          ng-if="Form.studentname.$dirty && Form.studentname.$error.pattern">Invalid student name </span>
                </div>
                <div class="col-md-3 form-group">
                    <label>
                        University
                    </label>
                    <select class="form-control" name="university" tabindex="3" id="university"
                            ng-model="myModel.universityName"
                            ng-options="details.universityName for details in university" ng-change="getStudentDetails(Form,myModel);">
                        <option value=""> Select University</option>
                    </select>

                </div>
                <div class="col-md-3 form-group">
                    <label>
                        Course
                    </label>
                    <select ui-select2 class="form-control" name="course" tabindex="4" id="course"
                            ng-model="myModel.courseName"
                            ng-options="courseDetails.CourseID as courseDetails.CourseName for courseDetails in myModel.universityName.courseDetails" ng-change="getStudentDetails(Form,myModel);">
                        <option value=""> Select Course</option>
                    </select>

                </div>

            </div>
        </fieldset>

    </div>
    </form>




    <div class="table-responsive">

        <table class="table table-hover" ng-controller="studentModalDemoCtrl">
            <thead>
            <tr>
                <th>Student Name</th>
                <th>Mobile Number</th>
                <th>University</th>
                <th>Course</th>
              <!--  <th>Session</th>-->
                <th>Action</th>
                <th></th>

            </tr>
            </thead>
            <tbody dir-paginate="user in studentInfo|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
            <tr>
                <td><a tooltip="View Student" class="text-dark" ng-click="open(user);">{{user.Firstname}}</a></td>
                <td><a tooltip="View Student" class="text-dark" ng-click="open(user);">{{user.MobileNumber}}</a></td>
                <td>{{user.UniversityName}}</td>
                <td>{{user.CourseName}}</td>
              <!--  <td>{{user.SessionName}}</td>-->
                <td>
                    <input type="button" class="btn btn-info btn-xs btn-transparent tooltips" tooltip-placement="bottom" tooltip="Click To Set Fees" id="setRow{{user.ID}}" value="Set Fees" ng-click="setFees(user)">
                </td>
                <td>
                  <b></b>  <input type="button" class="btn btn-info btn-xs btn-transparent tooltips" tooltip-placement="bottom" tooltip="Click To Receive Fees" id="editRow{{user.ID}}" value="Receive Fees" ng-click="updateFees(user)">
                </td>



            </tr>
            <tr ng-show="editId === user.ID" ng-if="editId === user.ID">
                <td colspan="12" ng-include
                    src="'assets/views/status-update/updateFeesStatus.html'"></td>
            </tr>
            <tr ng-show="viewId === user.ID" ng-if="viewId === user.ID">
                <td colspan="12" ng-include
                    src="'assets/views/status-update/setFeesForStudent.html'"></td>
            </tr>
            </tbody>

        </table>
        <dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
        </dir-pagination-controls>

    </div>



    <!--<div class="row">
        <fieldset>
            <div class="table-responsive">
            <table ng-table="tableParams" class="table table-hover">
                <tbody ng-repeat="user in studentInfo">
                <tr>
                    <td data-title="'Student Name'"> {{user.Firstname}} </td>
                    <td data-title="'Mobile Number'"> {{user.MobileNumber}} </td>
                    <td data-title="'University'">{{user.UniversityName}}</td>
                    <td data-title="'Course'">{{user.CourseName}}</td>
                    <td data-title="'Batch'">{{user.BatchName}}</td>
                    <td data-title="'Action'">
                        <input type="button" class="btn btn-info btn-xs btn-transparent tooltips" tooltip-placement="bottom" tooltip="Click Update Fees" id="editRow{{user.ID}}" value="Update Fees" ng-click="updateFees(user)">

                    </td>
                </tr>
                <tr ng-show="editId === user.ID" ng-if="editId === user.ID">
                    <td colspan="12" ng-include
                        src="'assets/views/status-update/updateFeesStatus.html'"></td>
                </tr>
                </tbody>
            </table>
            </div>









        </fieldset>

    </div>-->

</div>
<!-- end: LIST GROUP -->