Root Explorer PHP

Editing: compose.blade.php

@extends('layouts.master')
@section('content')
<div class="mainbar">
	<div class="matter">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="widget">
						<div class="widget-head">
							<div class="col-md-12">
								<div class="">Compose Mail</div>
								
							</div>
						</div>

<div class="widget-content">
							
							<div class="table-responsive">
                            @if(Session::has('error'))
                            <span style="color:red;">
                                {{ Session::get('error')}}
                                </span>
                            @endif

<form class="form-horizontal" action='/sendEmail' method='post' enctype="multipart/form-data">
                                @csrf 
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <label ><strong>FROM</strong></label><br/>
                                    <select class="form-control" name="from_email">
                                        <option value="acma@acma.in">acma@acma.in</option>
                                        <option value="finance@acma.in">finance@acma.in</option>
                                        <option value="dg@acma.in">dg@acma.in</option>
                                        <option value="president@acma.in">president@acma.in</option>
                                        <option value="ceo-tech@acma.in">ceo-tech@acma.in</option>
                                        <option value="acoe@acma.in">acoe@acma.in</option>
                                        <option value="amf@acma.in">amf@acma.in</option>
                                        <option value="acoe@acmamf.in">acoe@acmamf.in</option>
                                        <option value="ceo-tech@acmamf.in">ceo-tech@acmamf.in</option>
                                        <option value="dceo@acmamf.in">dceo@acmamf.in</option>
                                        <option value="secretary@acmamf.in">secretary@acmamf.in</option>
                                        
                                    </select>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <div class="col-lg-12">
                                <label ><strong>Select Mail List</strong></label><br/>
                                   <div class="check_box">
                                   <label><input type="checkbox" value="all" id="all_groups"> All Groups</label>
                                        @foreach($data as $lead)

@if($lead['name'] != 'ACOE' && $lead['name']!= 'ACMA EC Elections' && $lead['name'] != 'ACoE')
                                            <label><input class="groups" type="checkbox" name="group_ids[]" value="{{ $lead['id'] }}"> {{ $lead['name'] }}</label>
                                        @endif
                                        @endforeach
                                   </div>
                                </div>
                            </div>
                            <hr>

<div class="form-group">
                                <div class="col-lg-12">
                                <label ><strong>Select ACoE Members</strong></label><br/>
                                   <div class="check_box">
                                   
                                        @foreach($data as $lead)
                                        @if($lead['name'] == 'ACoE')
                                        <label><input class="acoe" type="checkbox" name="group_ids[]" value="{{ $lead['id'] }}"> {{ $lead['name'] }}</label>
                                        @endif
                                        @endforeach
                                   </div>
                                </div>
                            </div>
                            <hr>

<div class="form-group">
                                <div class="col-lg-12">
                                <input type="text" name="subject" class="form-control " id="subject" placeholder="Subject" required>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <div class="col-lg-12">
                                    <textarea name="body" id="msg-body" class="form-control " placeholder="Write Something here..">
                                        @if($format)
                                            {{ $format->body }}
                                        @endif
                                    </textarea>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <div class="col-lg-4">
                                    <a id="select-files" href="javascript:;" class="btn btn-primary"><i class="fa fa-paperclip"></i> Attach Files</a>
                                    <input type="file" id="select-attatchment"  class="attachments" style="display:none;" multiple/>
                                </div>
                            </div>
                            <p>
                                Please make sure the file name does not have any special characters except underscore (for ex: file_name)
                                <a href="javascript:void(0)" data-toggle="modal" data-target="#exampleModal">View Example</a>
                            </p>
                            <div class="form-group">
                                <div class="col-lg-4" id="filename">
                                    
                                </div>
                                <div class="col-lg-4" id="deleted-files">
                                    
                                </div>
                            </div>

</div>

<div class="modal fade bd-example-modal-lg" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Files Example</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      <p> To ensure that your file can be properly processed and received, please make sure that it has a valid file extension and does not contain any special characters.</p>
        <br>
      <p>To check the file extension, look at the file name and make sure it ends with a valid extension like .jpg, .png, .pdf, etc. If the file does not have a valid extension, please do not attach it to the email.</p>
        <br>
      <p> Additionally, please ensure that the file does not contain any special characters like %, $, &, etc. These characters can cause errors in the email transmission and make it difficult for the recipient to open the file.</p>
        <br>
      <p> Before attaching the file, please also validate the contents of the file to ensure that it meets the required criteria. For example, if you are attaching a text file, make sure it contains only text and not any executable code. Similarly, if you are attaching an image file, make sure it contains only image data and not any malicious code.</p>
      <br>
      <p>
        here are some file name examples that are considered valid and should not cause any issues during the upload or attachment process:
        <ul>
            <li>
                mydocument.docx
            </li>
            <li>
                familyphoto.jpg
            </li>
            <li>
                financialreport.pdf
            </li>
            <li>
                projectpresentation.pptx
            </li>
            <li>
                researchpaper.doc
            </li>
            <li>
                invoice_2022.xlsx
            </li>
            <li>
                vacationvideo.mp4
            </li>
            <li>
                logo.png
            </li>
            <li>
                musictrack.mp3
            </li>
        </ul>
      </p>
      <br>
      <p>
      These file names contain valid file extensions and do not contain any special characters, making them suitable for uploading or attaching to emails. However, it's important to note that these are just examples and the actual file name will depend on the type and purpose of the file being uploaded or attached.
      </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal"> I Understand</button>
      </div>
    </div>
  </div>
</div>

@endsection

document.addEventListener("DOMContentLoaded", function(){
    document.getElementById("select-attatchment").addEventListener("change", function(){

var files = this.files;
        for(var i =0; i < files.length; i++) {
            var filename = files[i].name;
            if(!isValidFilename(filename)) {
                alert("Invalid filename: " + filename);
                
                document.getElementById('filename').innerHTML = '';
                console.log(this);
                return false;
            }

}

});

function isValidFilename(filename) {
            var regex = /^[a-zA-Z0-9_\-\.]+$/; 
            return regex.test(filename);
        }

});

//this option is dynamically hiding on page load whiel composing the email to avoid the expose binary data
   $(document).ready(function() {
        
        // $('.note-image-input').hide();
        $('.note-image-input').hide().prop('disabled', true);
    });

// document.addEventListener("DOMContentLoaded", function() {
//     let validFiles = [];

//     document.getElementById("select-attatchment").addEventListener("change", function(event) {
//         var files = this.files;

//         // Temporary array to hold the new selection of valid files
//         var newValidFiles = [];

//         for (var i = 0; i < files.length; i++) {
//             var filename = files[i].name;
//             if (!isValidFilename(filename)) {
//                 alert("Invalid filename: " + filename);
//             } else {
//                 newValidFiles.push(files[i]);
//             }
//         }

//         // Merge existing valid files with the new valid files
//         validFiles = validFiles.concat(newValidFiles);

//         // Create a new DataTransfer object to hold all valid files
//         var dataTransfer = new DataTransfer();
//         for (var j = 0; j < validFiles.length; j++) {
//             dataTransfer.items.add(validFiles[j]);
//         }

//         // Update the file input with the combined valid files
//         this.files = dataTransfer.files;

//         // Optional: Display valid filenames (if you have an element to show filenames)
//         var filenameDisplay = document.getElementById('filename');
//         if (filenameDisplay) {
//             filenameDisplay.innerHTML = '';
//             for (var k = 0; k < validFiles.length; k++) {
//                 filenameDisplay.innerHTML += validFiles[k].name + '<br>';
//             }
//         }
//     });

//     function isValidFilename(filename) {
//         var regex = /^[a-zA-Z0-9_\-\.]+$/;
//         return regex.test(filename);
//     }
// });

</script>

[ CANCEL ]

Name	Type	Actions
.. (Parent Directory)
📄 add_group.blade.php	FILE	[EDIT]
📄 add_group_member.blade.php	FILE	[EDIT]
📄 add_group_user.blade.php	FILE	[EDIT]
📄 add_user.blade.php	FILE	[EDIT]
📄 allmember.blade.php	FILE	[EDIT]
📄 authentication.blade.php	FILE	[EDIT]
📄 compose-test.blade.php	FILE	[EDIT]
📄 compose.blade.php	FILE	[EDIT]
📄 composer-backup-july1-24.blade.php	FILE	[EDIT]
📄 contactus.blade.php	FILE	[EDIT]
📄 edit_group.blade.php	FILE	[EDIT]
📄 edit_group_member.blade.php	FILE	[EDIT]
📄 edit_group_user.blade.php	FILE	[EDIT]
📁 emails/	DIR
📄 forget_password.blade.php	FILE	[EDIT]
📄 group_members.blade.php	FILE	[EDIT]
📄 group_users.blade.php	FILE	[EDIT]
📄 groups.blade.php	FILE	[EDIT]
📄 import_group_member.blade.php	FILE	[EDIT]
📁 layouts/	DIR
📄 login.blade.php	FILE	[EDIT]
📄 mail_detail.blade.php	FILE	[EDIT]
📄 password_reset.blade.php	FILE	[EDIT]
📄 sentbox.blade.php	FILE	[EDIT]
📄 theme1.blade.php	FILE	[EDIT]
📄 user.blade.php	FILE	[EDIT]
📄 welcome.blade.php	FILE	[EDIT]

[ Root System Explorer ]

Editing: compose.blade.php