customAutoLoad UI : minor prettify++

languages/en_CA.json

@@ -483,6 +483,8 @@
    "DetectorText": "<p>When the Width and Height boxes are shown you should set them to 640x480 or below. This will optimize the read speed of frames.</p>",
    "RecordingText": "It is recommended that you set <b>Record File Type</b> to <b class=\"h_t_input h_t_jpeg h_t_socket\">WebM</b><b class=\"h_t_input h_t_mjpeg h_t_h264 h_t_hls h_t_mp4 h_t_local\">MP4</b> and <b>Video Codec</b> to <b class=\"h_t_input h_t_jpeg h_t_socket\">libvpx</b><b class=\"h_t_input h_t_h264 h_t_hls h_t_mp4\">copy or </b><b class=\"h_t_input h_t_mjpeg h_t_h264 h_t_hls h_t_mp4 h_t_local\">libx264</b> because your <b>Input Type</b> is set to <b class=\"h_t_text\"></b>.",
    "'Already Installing...'": "'Already Installing...'",
+   "Time Created": "Time Created",
+   "Last Modified": "Last Modified",
    "Mode": "Mode",
    "Run Installer": "Run Installer",
    "Install": "Install",

libs/customAutoLoad.js

@@ -20,10 +20,14 @@ module.exports = async (s,config,lang,app,io) => {
     }
     const getModule = (moduleName) => {
         const modulePath = modulesBasePath + moduleName
-        const isDirectory = fs.lstatSync(modulePath).isDirectory()
+        const stats = fs.lstatSync(modulePath)
+        const isDirectory = stats.isDirectory()
         const newModule = {
             name: moduleName,
             path: modulePath + '/',
+            size: stats.size,
+            lastModified: stats.mtime,
+            created: stats.ctime,
             isDirectory: isDirectory,
         }
         if(isDirectory){

web/libs/js/super.customAutoLoad.js

@@ -13,10 +13,12 @@ $(document).ready(function(){
             existingElement.find('[calm-action="status"]').text(module.disabled ? lang.Enable : lang.Disable)
         }else{
             listElement.append(`
-                <div class="col-md-6">
+                <div class="col-md-12">
                     <div class="card" package-name="${module.name}">
                         <div class="card-body">
                             <div><h4 class="title mt-0">${humanName}</h4></div>
+                            <div><pre><b>${lang['Time Created']} :</b> ${module.created}</pre></div>
+                            <div><pre><b>${lang['Last Modified']} :</b> ${module.lastModified}</pre></div>
                             <div class="mb-2">
                                 ${!module.isIgnitor ? `
                                     ${module.hasInstaller ? `