apollo_developers/assets/views/student/studentPdf.html

<style>
   /* .container-fullw {
        margin-left: -22%;
        margin-right: -47%;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #eee;
    }*/
    .ti-plus:before {
        color: #006f95;
    }
    .table > tbody > tr > td, .table > tfoot > tr > td {
        /* border-bottom: 1px solid #e2e2e4; */
        color: #5b5b60 !important;
        border-top: none;
        border-bottom: none;

    }




</style>
<!-- start: UI BOOTSTRAP MODALS -->
<div class="container-fluid container-fullw bg-white">
    <!-- /// controller:  'ModalDemoCtrl' -  localtion: assets/js/controllers/bootstrapCtrl.js /// -->
    <div ng-controller="studentModalDemoCtrl">
        <div class="modal-header">
            <button class="btn btn-success btn-sm" ng-click="export(pdfItems.studentDetails.Firstname);">Ok</button>
        </div>
        <div class="modal-body">
            <div id="exportthis">
                    <table id="basic" style="margin-top: 2%">
                        <tbody>
                        <tr>

                            <td ng-if="pdfItems.studentDetails.ProfilePicPath=='' || pdfItems.studentDetails.ProfilePicPath==null" style="border-right-style: hidden; text-align: center;" rowspan="3">
                                <strong class="text-blue">{{pdfItems.studentDetails.Firstname}} {{pdfItems.studentDetails.Lastname}}</strong>
                            </td>
                            <td ng-if="pdfItems.studentDetails.ProfilePicPath!='' && pdfItems.studentDetails.ProfilePicPath!=null" style="border-right-style: hidden; text-align: center;" rowspan="3">
                                <div class="user-image">
                                    <strong class="text-blue">{{pdfItems.studentDetails.Firstname}} {{pdfItems.studentDetails.Lastname}}</strong>
                                    <img class="pull-center" ng-src="images/{{pdfItems.studentDetails.ProfilePicPath}}" alt="">
                                    <!-- <img ng-src="{{userInfo.avatar}}" alt="" ng-if="!obj.flow.files.length && !noImage">
                                     <img flow-img="obj.flow.files[0]" ng-if="obj.flow.files.length">-->
                                </div>
                            </td>
                            <td>
                                <table class="table">
                                    <!--<thead>
                                    <tr>
                                        <th colspan="3" > <span class="text-azure">Contact Information</span></th>
                                    </tr>
                                    </thead>-->
                                    <tbody>
                                    <!--<tr>
                                        <td>Name</td>
                                        <td>

                                            {{pdfItems.studentDetails.Firstname}} {{pdfItems.studentDetails.Lastname}}
                                        </td>
                                    </tr>-->
                                    <tr>
                                        <td>

                                            <strong>Mobile Number</strong></br> {{pdfItems.studentDetails.MobileNumber}}
                                        </td>

                                        <td>
                                            <strong>Email</strong></br>

                                            {{pdfItems.studentDetails.EmailID}}
                                        </td>

                                        <td>
                                            <strong>Alternate Number</strong></br>{{pdfItems.studentDetails.AlternateNumber}}</td>
                                        <td><strong>Aadhar Number</strong></br>{{pdfItems.studentDetails.AadharNumber}}</td>
                                        <td><strong>Gender</strong></br>{{pdfItems.studentDetails.Gender}}</td>

                                        <td><strong>Date Of Birth</strong></br>{{pdfItems.studentDetails.DOB}}</td>
                                    </tr>
                                    <tr>



                                        <td><strong>Father's Name</strong></br>{{pdfItems.studentDetails.Fathername}}</td>


                                        <td><strong>Mother's Name</strong></br>
                                            {{pdfItems.studentDetails.MotherName}}
                                        </td>
                                        <td><strong>Present Address</strong></br>
                                            {{pdfItems.studentDetails.PresentAddress}}
                                        </td>

                                        <td><strong>Permanent Address</strong></br>
                                            {{pdfItems.studentDetails.PermanentAddress}}
                                        </td>

                                        <td><strong>Qualification</strong></br>{{pdfItems.studentDetails.PreQualification}}</td>

                                        <td><strong>Designation</strong></br>{{pdfItems.studentDetails.Designation}}</td>



                                    </tr>
                                    <tr>

                                        <td><strong>Occupation</strong></br>{{pdfItems.studentDetails.Occupation}}</td>

                                        <td><strong>Caste</strong></br>{{pdfItems.studentDetails.Caste}}</td>

                                        <td><strong>Religion</strong></br>{{pdfItems.studentDetails.Religion}}</td>

                                        <td><strong>Refered By</strong></br>{{pdfItems.studentDetails.ReferredBy}}</td>
                                        <td><strong>Refered Person No</strong></br>{{pdfItems.studentDetails.ReferersMobileNumber}}</td>


                                    </tr>

                                    </tbody>
                                </table>
                            </td>
                        </tr>

                        </tbody>
                    </table>

                <div class="row" ng-repeat="course in pdfItems.courseDetails.courseStatus" style="margin-right: -15px; margin-top: 5%;
    margin-left: 10px;">
                    <div class="col-md-4">
                            <label style="color: green">University&nbsp;:&nbsp;{{course.UniversityName}}</label>

                    </div>
                    <div class="col-md-4">
                        <label style="color: green">Course&nbsp;:&nbsp;{{course.CourseName}}</label>

                    </div>
                    <div class="col-md-4">
                        <label style="color: green">Enrollment ID &nbsp;:&nbsp;{{course.EnrollmentID}}</label>

                    </div>

                        <div class="col-md-12" style="margin-top: 2%">
                                <table class="table" id="cutable">
                                    <thead>
                                    <tr>
                                        <th>Sem/Year</th>
                                        <th>Batch</th>
                                        <th ng-if="course.feesDetails[0].ProgramType=='P001' || course.feesDetails[0].ProgramType=='P002'">Session From/Session To</th>
                                        <th ng-if="course.feesDetails[0].ProgramType=='Y001'">Session</th>
                                        <th>Roll Number</th>
                                        <th>Total Payable Fees</th>
                                        <th>Referral/Waiver</th>
                                        <th>Paid Fees</th>
                                        <th>Balance Fees</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr ng-repeat="fees in course.feesDetails">
                                        <td>

                                            {{fees.FeesName}}
                                        </td>

                                        <td>
                                            {{fees.BatchName}}
                                        </td>
                                        <td ng-if="course.feesDetails[0].ProgramType=='P001' || course.feesDetails[0].ProgramType=='P002'">
                                            {{fees.SessionName}}/{{fees.ToSessionName}}
                                        </td>
                                        <td ng-if="course.feesDetails[0].ProgramType=='Y001'">
                                            {{fees.SessionName}}
                                        </td>

                                        <td>
                                            {{fees.RollNo}}
                                        </td>
                                        <td>
                                            {{fees.PayableAmount}}
                                        </td>
                                        <td>
                                            <span>{{fees.StudentWaiverRefAmount}}</span>
                                        </td>

                                        <td>
                                            <span>{{fees.StudentPaidAmount}}</span></td>
                                        <td>
                                            {{fees.BalanceAmount}}
                                        </td>

                                    </tr>


                                    </tbody>
                                </table>

                        </div>

                </div>
            </div>


        </div>



    </div>
</div>
<!-- end: UI BOOTSTRAP MODALS -->