JezK
Edit File: add-newsletter.php
<?php include("./app/checkSession.php"); if (empty($_SESSION['admin_name']) && $_SESSION['admin_name'] == "") { echo "<script>window.location.href='index.php'</script>"; } include("header.php"); $subscriberDetails = $adminObj->newLetterlistNotBlock(); // print_r($subscriberDetails); $optionData = ''; foreach($subscriberDetails as $val) { $optionData.='<option value="'.$val['email'].'" >'.$val['email'].'</option>'; } ?> <link rel="stylesheet" type="text/css" href="css/nice-select.css"> <link href='https://cdn.jsdelivr.net/npm/froala-editor@3.2.0/css/froala_editor.pkgd.min.css' rel='stylesheet' type='text/css' /> <div class="container px-md-5 px-0"> <div class="container mt-3"> <a href="javascript:history.back(1)" class="pl-md-0 pl-0 pr-3 pr-md-0 mb-3"><img src="images/back_main.png" class="mb-3"></a> <div class="row"> <div class="tophead col-md-4"> <h6><?php echo $lang['ADD_NEWS_LETTER'];?></h6> </div> <div class="col-md-4"> </div> </div> </div> <div class="container mt-3"> <div class="bg-white tbl-border pl-3 pr-3"> <form action="app/newlettersApp.php" method="post" onsubmit="return validateNewsletter()"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label><?php echo $lang['TO'] ?></label><br> <select id="multiselect" name="others[]" multiple="multiple" style="background:#f5f9ff;" style="background:#f5f9ff;"> <?= $optionData;?> <!-- <option value="1" >HTML</option> <option value="2" >CSS</option> <option value="3">MySql</option> <option value="4">XML</option> <option value="5">JSON</option> <option value="6">YAML</option> <option value="7">MongoDB</option> <option value="8">SQLite</option> --> </select> </div> </div> <div class="col-md-6"> <div class="form-group"> <label><?php echo $lang['SUBJECT'] ?></label> <input type="text" id="subject" class="form-control" placeholder="<?php echo $lang['SUBJECT'] ?>" name="subject" style="background:#f5f9ff;"> <div class="error subadmin_email_error"></div> </div> </div> <div class="col-md-12"> <div class="form-group"> <!-- <textarea type="text" id="review" class="form-control pl-3" placeholder="Write Here" name="review" value="" rows="6" style="background:#f5f9ff;">Write here </textarea> --> <!-- <div id="toolbar-container"></div> <div id="editor"></div> --> <textarea name="message"></textarea> <div class="error subadmin_phone_error " style="color: red;"></div> </div> </div> <!--<div class="col-md-6"> <a href="" class="mr-2"><img src="images/font.png"></a> <a href="" class="mr-2"><img src="images/Attachment.png"></a> <a href="" class="mr-2"><img src="images/link.png"></a> </div> --> <div class="col-sm-6 text-md-right text-center"> <div class="form-group mb-1 mt-md-0 mt-2 col-sm-5 offset-sm-7 pr-0 w-100"> <div class="custom-input"> <button type="submit" class="svBtn py-2"><?php echo $lang['SEND'];?></button> <input type="hidden" name="addsubadmin" value="add"> </div> </div> </div> </div> <form> </div> </div> </div> <!-- footer --> <?php include("footer.php"); ?> <script type="text/javascript" src="js/validations.js?x=1"></script> <script type="text/javascript" src="../js/validations.js?x=2"></script> <script type="text/javascript" src="js/multi-select.js"></script> <script type="text/javascript" src="js/nice-select.js"></script> <script src="js/msfmultiselect.js"></script> <link rel="stylesheet" type="text/css" href="css/msfmultiselect.css" /> <!-- <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/froala-editor@3.2.0/js/froala_editor.pkgd.min.js'></script> --> <script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script> <script> CKEDITOR.replace('message'); // ClassicEditor // .create( document.querySelector( '#editor' ), { // ckfinder: { // uploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json' // } // } ) // .then( editor => { // const toolbarContainer = document.querySelector( '#toolbar-container' ); // toolbarContainer.appendChild( editor.ui.view.toolbar.element ); // } ) // .catch( error => { // console.error( error ); // } ); var select = new MSFmultiSelect( document.querySelector('#multiselect'), { theme: 'theme1', selectAll: true, searchBox: true, width: 250, height: 30, onChange: function(checked, value, instance) { //console.log(checked, value, instance); }, //appendTo: '#myselect', //readOnly:true, placeholder: 'To', //autoHide: false, afterSelectAll: function(checked, values, instance) { console.log(checked, values, instance); } } ); </script> <script type="text/javascript"> $(document).ready(function() { // $('#to_contact').niceSelect(); $('#people').multiSelect('select_all'); // new FroalaEditor('textarea#froala-editor'); }); function getcity(country_id) { $.ajax({ type: "POST", url: 'http://uflexit.krify.com/ajax.php', data: ({ action: 'get_cities', country_id: country_id }), success: function(data) { $('#city').html(data); } }); } (function($) { var optionsDate = $.extend({}, { format: 'DD-MM-YYYY' }); $(document).ready(function() { $('#datepicker').datetimepicker(optionsDate); }); })(jQuery); jQuery('#datepicker').datetimepicker({ //defaultDate: '', format: 'DD-MM-YYYY', minDate: new Date() }); function validateNewsletter(){ var to=document.getElementById('multiselect').value; if(to==""){ alert("Plaese select atleast one email to send notification"); return false; } } </script>