✨ Ajoute la gestion primaire des images

Pour #4

resources/js/app.js

@@ -28,6 +28,7 @@ window.Vue = require('vue');
  */
 
 import App from './components/App.vue';
+
 Vue.config.productionTip = false;
 
 /** Function for collapse card */
@@ -41,6 +42,26 @@ document.querySelectorAll('[data-toggle="card-collapse"]').forEach(function(card
     });
 });
 
+let fileNameChanged = function(element, label) {
+    let labelVal = label.innerText;
+    let fileName = '';
+    if (element.value) {
+        fileName = element.value.split('\\').pop();
+    }
+    if (fileName) {
+        label.firstChild.nextSibling.classList = "fe fe-check";
+        label.querySelector('.js-fileName').innerHTML = fileName;
+    } else {
+        label.firstChild.nextSibling.classList = "fe fe-upload";
+        label.querySelector('.js-fileName').innerHTML = labelVal;
+    }
+};
+let inputFiles = document.querySelectorAll(".input-file");
+for (let i = 0, l = inputFiles.length; i < l; i++) {
+    inputFiles[i].onchange = fileNameChanged.bind(null, inputFiles[i], inputFiles[i].nextSibling.nextSibling);
+}
+
+// new Vue();
 const app = new Vue({
     render: h => h(App),
 }).$mount('#app');