EVOLUTION-NINJA
Edit File: account_notification.php
<?php $this->load->view('includes/admin_header');?> <div class="main-container ace-save-state" id="main-container"> <div class="main-content"> <div class="main-content-inner"> <div class=" page-content" style="background-color:#f0f0f0;"> <div class="row row-form1"> <div class="col-sm-12 col-md-10"> <h4>Accounts Notification</h4> </div> </div> <div class="row" style="background-color:white;margin-top:10px;"> <div class="col-xs-12"> <!-- PAGE CONTENT BEGINS --> <div class="hr dotted"></div> <div class="hr_tab"> <ul class="nav nav-pills"> <li class="active"><a data-toggle="pill" href="#home">Today</a></li> <!--<li><a data-toggle="pill" href="#menu2">Tomorrow</a></li>--> <li><a data-toggle="pill" href="#menu1">History</a></li> <!--<li><a data-toggle="pill" href="#menu3">All Days</a></li>--> <li style="float:right;"> <select class="form-control"> <option>Notified Date - Newest to Oldest</option> <option>2</option> <option>3</option> <option>4</option> </select> </li> </ul> <div class="tab-content"> <div id="home" class="tab-pane fade in active"> <form> <div class="row"> <div class="col-sm-8"> <div class="get_noti"> <div class="get_noti_img"> <i class="fa fa-bell" aria-hidden="true"></i> </div> <div class="get_noti_name"> <p style="font-size:16px;">Notifications</p> </div> </div> <div class="input_text"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search by name, phone number and address" aria-describedby="basic-addon1"> <span class="input-group-addon" id="basic-addon1"><a href=""><i class="fa fa-times-circle-o" aria-hidden="true"></i></a></span> </div> </div> <div id="todays_notifications"></div> <!-- <div class="accept_job"> <h4 style="color:#000;">Aswathraj</h4> <p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p> <p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p> <p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p> </div> <div class="accept_job"> <h4 style="color:#000;">Sooraj R.</h4> <p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p> <p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p> <p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p> </div> <div class="accept_job"> <h4 style="color:#000;">Ateeq K.</h4> <p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p> <p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p> <p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p> </div> --> </div> <div class="col-sm-4"> </div> </div> </form> </div> <div id="menu1" class="tab-pane fade"> <div class="row"> <div class="col-sm-12 col-xs-12 col-md-6"> <label class="col-sm-4">From Date <span style="color:red">*</span></label> <div class="col-sm-8 yes_form"> <input type="text" name="from_date" id="sel1" class="form-control " id="sel1" required> </div> </div> </div> </br></br> <form> <div class="row"> <div class="col-sm-8"> <div class="get_noti"> <div class="get_noti_img"> <i class="fa fa-bell" aria-hidden="true"></i> </div> <div class="get_noti_name"> <p style="font-size:16px;">Notifications</p> </div> </div> <div class="input_text"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search by name, phone number and address" aria-describedby="basic-addon1"> <span class="input-group-addon" id="basic-addon1"><a href=""><i class="fa fa-times-circle-o" aria-hidden="true"></i></a></span> </div> </div> <div id="thisweek_notifications"></div> </div> <div class="col-sm-4"> </div> </div> </form> </div> <div id="menu2" class="tab-pane fade"> <form> <div class="row"> <div class="col-sm-8"> <div class="get_noti"> <div class="get_noti_img"> <i class="fa fa-bell" aria-hidden="true"></i> </div> <div class="get_noti_name"> <p style="font-size:16px;">Get Notified of New Leads</p> <p>Turn on desktop notifications</p> </div> </div> <div class="input_text"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search by name, phone number and address" aria-describedby="basic-addon1"> <span class="input-group-addon" id="basic-addon1"><a href=""><i class="fa fa-times-circle-o" aria-hidden="true"></i></a></span> </div> </div> <div class="accept_job"> <h4 style="color:#000;">Aswathraj</h4> <p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p> <p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p> <p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p> </div> <div class="accept_job"> <h4 style="color:#000;">Sooraj R.</h4> <p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p> <p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p> <p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p> </div> <div class="accept_job"> <h4 style="color:#000;">Ateeq K.</h4> <p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p> <p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p> <p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p> </div> </div> <div class="col-sm-4"> </div> </div> </form> </div> <div id="menu3" class="tab-pane fade"> <form> <div class="row"> <div class="col-sm-8"> <div class="get_noti"> <div class="get_noti_img"> <i class="fa fa-bell" aria-hidden="true"></i> </div> <div class="get_noti_name"> <p style="font-size:16px;">Notifications</p> </div> </div> <div class="input_text"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search by name, phone number and address" aria-describedby="basic-addon1"> <span class="input-group-addon" id="basic-addon1"><a href=""><i class="fa fa-times-circle-o" aria-hidden="true"></i></a></span> </div> </div> <div id="alldays_notifications"></div> <!-- <div class="accept_job"> <h4 style="color:#000;">Aswathraj</h4> <p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p> <p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p> <p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p> </div> <div class="accept_job"> <h4 style="color:#000;">Sooraj R.</h4> <p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p> <p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p> <p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p> </div> <div class="accept_job"> <h4 style="color:#000;">Ateeq K.</h4> <p style="color:#707070;">Web Designers & Developer <span style="color:#00a651;float:right;">13 Credits</span></p> <p style="color:#707070;">Basaveshwar Nagar, Bengaluru, Karnataka, India</p> <p style="text-align:right;"><button type="button" class="btn btn-primary btn-xs">Accept Job</button></p> </div> --> </div> <div class="col-sm-4"> </div> </div> </form> </div> </div> </div> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <div class="footer"> <div class="footer-inner"> <div class="footer-content"> <span class="blue">All Right Reserved © 2017</span> <a href=""> Jay Blues Technologies</a> </div> </div> </div> <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"> <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i> </a> </div><!-- /.main-container --> <!-- basic scripts --> <!--[if !IE]> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); </script> <!-- page specific plugin scripts --> <!--[if lte IE 8]> <script src="assets/js/excanvas.min.js"></script> <![endif]--> <script src="<?php echo base_url('admin_assets/assets/js/jquery-ui.custom.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.ui.touch-punch.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.easypiechart.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.sparkline.index.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.flot.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.flot.pie.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/assets/js/jquery.flot.resize.min.js');?>"></script> <link rel="stylesheet" href="<?php echo base_url('admin_assets/css/datepicker3.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/css/fullcalendar.min.css');?>" /> <script src="<?php echo base_url('admin_assets/event/assets/js/bootstrap-datepicker.js');?>"></script> <script src="<?php echo base_url('admin_assets/event/assets/js/fullcalendar.min.js');?>"></script> </body> </html> <style> .breadcrumb{ margin-top: -10px !important; } /* styling the grid page's grid elements */ .org-desg [class*="col-"] { margin-top: 2px; margin-bottom: 2px; position: relative; text-overflow: ellipsis; } .org-desg span{ position: relative; z-index: 2; } .org-desg { background-color:#f8f7fb; border: 1px solid #DDD; min-height:85px; padding:10px; border:5px solid #fff; } .org-desg a{ color:black !important; } .org-desg i{ color:black !important; } .dp { border:10px solid #eee; transition: all 0.2s ease-in-out; } .dp:hover { border:2px solid #eee; transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); /*-webkit-font-smoothing:antialiased;*/ } .tab-content{ border:none !important; } .tab-pane h3{ padding-left:15px; } .round_img img { float:left; margin-right:15px; } .round_img p { font-size:16px; font-weight:bold; padding-top:8px; } .round_img p span { float:right; } .till_date p { padding-top:8px; font-size:16px; text-align:center; } .till_date span { color:#458BD6; } .btn_apply_leave { text-align:right; } .btn_apply_leave > i { margin-left:10px; font-size:18px; color:#959595; } .bdr_button { border-bottom:1px solid #C5D0DC; padding-bottom: 8px; } .leave_year { margin-bottom:0px; font-size: 16px; padding-top: 8px; } .btn_apply_leave select { width: 50%; float: left; height: 25px; padding: 1px 6px !important; } .round_img1 img { float:left; margin-right:10px; } .round_img1 p { padding-top:1px; } .table_btn a { color:#000; border:1px solid #458BD6; padding:3px 5px; border-radius:5px; } .row-pad { margin-left: 0px; margin-right: 0px; padding:5px 10px; } .row-bg { background:#F5F6F7; border-left: 1px solid #D5D5D5; border-right: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; } /*----------------*/ .get_noti { padding-top:10px; padding-bottom:10px; background:#7E8EA5; padding-left:15px; } .get_noti_img, .get_noti_name { display:table-cell; color:#fff; } .get_noti_img { } .get_noti_img i { background:#FCFCFC; width:40px; height:40px; line-height:40px; color:#CDDBF5; border-radius:50%; text-align:center; font-size:18px; margin-right:10px; } .get_noti_name { vertical-align:middle; margin-left:10px; } .get_noti_name p { margin-bottom:0px; } .input_text { border-left:1px solid #acacac; border-right:1px solid #acacac; padding:10px; } .accept_job { border-top:1px solid #acacac; border-left:1px solid #acacac; border-right:1px solid #acacac; padding:10px; } </style> <script type="text/javascript"> $('.text-click').click(function(){ $('.show-text').show(); $('.text-click').hide(); }); </script> <script type="text/javascript"> $('#sel1').datepicker( { changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: 'MM yy', onClose: function(dateText, inst) { var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); $(this).datepicker('setDate', new Date(year, month, 1)); } }); </script> <script type="text/javascript"> $(document).ready(function(){ // setInterval(TodaysLegalNotifications, 2000); // setInterval(AlldaysLegalNotifications, 2000); // setInterval(ThisweekLegalNotifications, 2000); //setInterval(AMCNotifications,2000); //ThisweekLegalNotifications(); AMCNotifications(); // TodaysLegalNotifications(); // AlldaysLegalNotifications(); $('#sel1,#sel2').change(function(){ var from=$('#sel1').val(); var to=$('#sel2').val(); $.ajax({ type : 'get', url : '<?php echo site_url("yaskawa/get_sort_amc_notification")?>', data:{'from':from,'to':to}, success:function(response){ response=jQuery.parseJSON(response); if(response.result==1) { var content = ''; $.each(response.notification,function(key,val){ content += '<div class="accept_job">'; content += '<a href="<?php echo site_url('account-info'); ?>/'+val.account_id+'"><p><b>'+val.account_name+' Website domain '+val.website+' is up for renewal for the year 2018-19.</b></p></a>'; content += '</div>'; }); $("#todays_notifications").html(content); } else { $("#todays_notifications").empty(); } } }); }); function AMCNotifications() { $.ajax({ type : 'get', url : '<?php echo site_url("yaskawa/get_amc_notification")?>', success:function(response){ response=jQuery.parseJSON(response); if(response.result==1) { var content = ''; $.each(response.notification,function(key,val){ content += '<div class="accept_job">'; content += '<a href="<?php echo site_url('account-info'); ?>/'+val.account_id+'"><p><b>'+val.account_name+' Website domain '+val.website+' is up for renewal for the year 2018-19.</b></p></a>'; content += '</div>'; }); $("#todays_notifications").html(content); } else { $("#todays_notifications").empty(); } } }); } }); </script>