apollodec/Apollo/assets/views/callTrackingLeadDetails.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;


    }
    .listCoutShow {
        margin: 12px;
        padding: 4px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #46b8da;
        border-radius: 7px;
        color: #FFF;
        background-color: #46b8da;
        text-align: center;
    }

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

            <h1 class="mainTitle" translate="Day wise leads.">{{ mainTitle }}</h1>
            
                        <span class="mainDescription">Leads created on a given date. </span>
           
        </div>
        <!-- <div ncy-breadcrumb></div>-->
    </div>
</section>
<!-- end: PAGE TITLE -->
<!-- start: LIST GROUP -->
<div class="container-fluid container-fullw bg-white" ng-controller="callTrackingLeadCtrl" data-ng-init="init(myModel)">
    <div class="row">
        <div class="row">
            <div data-ng-controller="DatepickerDemoCtrl">
                <div class="col-md-3 form-group">
                    <label>
                        Select Date
                    </label>
                    <input type="text"
                           class="form-control "
                           ng-click="startOpen = !startOpen"
                           datepicker-popup="dd-MM-yyyy"
                           ng-model="myModel.leadDate"
                           is-open="startOpen"
                           ng-init="startOpen = false"
                           name="date"
                           datepicker-options="dateOptions"
                           placeholder="Select Date"
                           max-date="maxDate"
                           close-text="Close" ng-change="checkDate(myModel)" ng-readonly="true"/>
                    <input class="form-control" type="text" ng-model="myModel.search" id="search" autofocus placeholder="Search Date" ng-hide="hideDateSearch==true" />
                </div>
            </div>
            <div class="col-md-2">
                <label>
                   Search
                </label>
                <input class="form-control" type="text" ng-model="search2" id="search2" autofocus tabindex="1" placeholder="Search anything" />
            </div>
        </div>
        <div class="row">
            <div class="pull-right">
                <div style="margin: 8px;">
                    <div style="width: 45px; display: initial;">
                                            <span style="font-size: 14px;
    color: black;">Total Count:</span> <span class="listCoutShow"> {{ data.length }}</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="table-responsive">

            <fieldset>


                <table class="table table-hover" ng-controller="studentModalDemoCtrl">
                    <thead>
                    <tr >
                        <th></th>
                        <th ng-click="sort('TrackingID')">ID
                            <span class="glyphicon sort-icon" ng-show="sortKey=='TrackingID'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
                        </th>
                        <th ng-click="sort('followupDetails')">Followup
                            <span class="glyphicon sort-icon" ng-show="sortKey=='followupDetails'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
                        </th>

                        <th ng-click="sort('LeadName')">Name
                            <span class="glyphicon sort-icon" ng-show="sortKey=='LeadName'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
                        </th>
                        <th ng-click="sort('MobileNumber')">Mobile
                            <span class="glyphicon sort-icon" ng-show="sortKey=='MobileNumber'" ng-class="{'glyphicon-chevron-up':reverse,'glyphicon-chevron-down':!reverse}"></span>
                        </th>

                        <th>University</th>
                        <th>Course</th>
                        <th>Activity
                        </th>
                        <th>Assigned </th>
                        <th>Created </th>
                        <th>Comments</th>
                        <th>Status</th>

                    </tr>
                    </thead>
                    <tbody dir-paginate="p in data|unique:'TrackingID'|orderBy:sortKey:reverse|filter:search:strict|filter:search2:strict|itemsPerPage:10">
                    <tr>
                        <td ng-if="p.Flag==false">
                            <a class="glyphicon ng-scope fa margin-right-5  fa-flag text-grey text-extra-large"  tooltip="Potential" ng-click="markAsImportant(p.TrackingID,true);"></a>
                        </td>
                        <td ng-if="p.Flag==true">
                            <a class="glyphicon ng-scope fa margin-right-5  fa-flag text-purple text-extra-large"  tooltip="Potential" ng-click="markAsImportant(p.TrackingID,false);"></a>
                        </td>
                        <td><a class="text-orange" ng-click="setEditId(p,'','','','','',myModel.search);">{{p.TrackingID}}</a></td>
                        <td>{{p.followupDetails }}</td>
                        <td><a tooltip="View Student" class="text-dark" ng-click="open(p);">{{p.LeadName}}</a></td>
                        <td><a tooltip="View Student" class="text-dark" ng-click="open(p);">{{p.MobileNumber}}</a></td>
                        <td>{{p.UniversityName}}</td>
                        <td>{{p.CourseName }}</td>
                        <td>{{p.ActivityName}}</td>
                        <td>{{p.Firstname}}</td>
                        <td>{{p.CreatedOn}}</td>
                        <!--<td ng-if="p.StatusCode=='S001'"><a href="#"  class="text-orange" ng-click="setEditId(p);" title="Open"><b class="fa fa-hover fa-phone " aria-hidden="true"></b>
                        </a></td>
                        <td ng-if="p.StatusCode!='S001'"><a href="#"  class="text-green" ng-click="setEditId(p);" title="Close"><b class="fa fa-hover fa-phone " style="display: inline-block;
                            border-radius: 60px;
                            box-shadow: 0px 0px 2px green;
                            padding: 0.5em 0.6em;" aria-hidden="true"></b>
                        </a></td>-->

                        <td>{{p.FollowupComments}}</td>

                        <td ng-if="p.statusName!='CLOSE'">

                            <a class="text-dark" tooltip="Click To View" ng-click="setEditId(p,'','','','','',myModel.search);">
                                <span class="label label-sm label-warning"> {{p.statusName}} </span>
                            </a>

                            <!--<span class="label label-sm label-warning">{{p.statusName}}</span>--></td>
                        <td ng-if="p.statusName=='CLOSE'">
                            <a class="text-dark" tooltip="Click To View" ng-click="setEditId(p,'','','','','',myModel.search);">
                                <span class="label label-sm label-success"> {{p.statusName}} </span>
                            </a>
                            <!--<span class="label label-sm label-success">{{p.statusName}}</span>--></td>


                    </tr>
                    </tbody>

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

        </div>
    </div>

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