update src

migliori · Dec 13, 2023 · 422e730 · 422e730
1 parent ad867a0
commit 422e730
Show file tree

Hide file tree

Showing 9 changed files with 2,936 additions and 2,048 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,12 @@
 MEMO.txt
+.vscode
+.htaccess
+apple-touch-icon.png
+browserconfig.xml
+favicon-16x16.png
+favicon-32x32.png
+favicon.ico
+manifest.json
+mstile-150x150.png
+node_modules
+safari-pinned-tab.svg
diff --git a/README.md b/README.md
@@ -74,7 +74,7 @@ Clone / download or install with npm
             }
         };
 
-        var ft = new fileTree('file-tree-wrapper', options);
+        var ft = new FileTree('file-tree-wrapper', options);
     });
 </script>
 ```
@@ -128,7 +128,7 @@ They are located in *dist/templates/*
                 template: 'your-custom-template'
             };
 
-            var ft = new fileTree('file-tree-wrapper', options);
+            var ft = new FileTree('file-tree-wrapper', options);
         });
     </script>
     ```
@@ -158,7 +158,7 @@ You can write your own in any server language (nodeJs, ASP, ...). ie:
                 connector: 'asp'
             };
 
-            var ft = new fileTree('file-tree-wrapper', options);
+            var ft = new FileTree('file-tree-wrapper', options);
         });
     </script>
     ```

diff --git a/demo-2.html b/demo-2.html
@@ -2,7 +2,7 @@
 <html lang="en">
 
 <head>
-    <title>File Tree Generator Demo 2 - Bootstrap modal Image Picker</title>
+    <title>File Tree Demo 2 - Bootstrap modal Image Picker</title>
     <meta name="description" content="Retrieves directories and files recursively with Ajax from a main directory and displays the tree structure. Programmed in pure Javascript / CSS without any dependency. PHP connector is provided, you can write your own in any server language (NodeJS, ASP, ...)">
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -13,14 +13,14 @@
 
 <body>
 
-    <h1 class="pt-5 text-center">File Tree Generator Demo 2 - Bootstrap modal Image Picker</h1>
+    <h1 class="pt-5 text-center">File Tree Demo 2 - Bootstrap modal Image Picker</h1>
 
     <div class="d-flex mx-auto justify-content-center my-3" role="group">
         <a href="index.html" class="btn btn-primary mr-4">Demo 1</a>
         <a href="#" class="btn btn-secondary disabled">Demo 2</a>
     </div>
 
-    <p class="text-center">Documentation &amp; Download: <a href="https://github.com/migliori/file-tree-generator" title="File Tree Generator">https://github.com/migliori/file-tree-generator</a></p>
+    <p class="text-center">Documentation &amp; Download: <a href="https://github.com/migliori/file-tree" title="File Tree">https://github.com/migliori/file-tree</a></p>
     <!-- Button trigger modal -->
     <div class="text-center my-5">
         <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#file-tree-modal">Choose an image</button>
@@ -77,7 +77,7 @@ <h5 class="modal-title" id="file-tree-modal-label">Choose an image</h5>
                 }
             };
 
-            var ft = new fileTree('file-tree-wrapper', options);
+            var ft = new FileTree('file-tree-wrapper', options);
         });
     </script>
 </body>

diff --git a/dist/js/file-tree.js b/dist/js/file-tree.js
diff --git a/dist/js/file-tree.js.map b/dist/js/file-tree.js.map
diff --git a/gulpfile.js b/gulpfile.js
@@ -1,26 +1,26 @@
 
-var gulp = require('gulp');
-var browserify = require('browserify');
-var source = require('vinyl-source-stream');
-var watchify = require('watchify');
-var tsify = require('tsify');
-var fancy_log = require('fancy-log');
-var uglify = require('gulp-uglify');
-var sourcemaps = require('gulp-sourcemaps');
-var buffer = require('vinyl-buffer');
-var paths = {
+const gulp = require('gulp');
+const browserify = require('browserify');
+const source = require('vinyl-source-stream');
+const watchify = require('watchify');
+const tsify = require('tsify');
+const fancy_log = require('fancy-log');
+const uglify = require('gulp-uglify');
+const sourcemaps = require('gulp-sourcemaps');
+const buffer = require('vinyl-buffer');
+const paths = {
     files: ['src/ajax/*.*', 'src/connectors/*.*', 'src/lib/*?/*.*', 'src/templates/*.*', 'src/icons/fonts/*.*', 'src/icons/style.css']
 };
 
-var watchedBrowserify = watchify(browserify({
+const watchedBrowserify = watchify(browserify({
     basedir: '.',
     debug: true,
     entries: ['src/ts/file-tree.ts'],
     cache: {},
     packageCache: {}
 }).plugin(tsify));
 
-function bundle() {
+function bundle () {
     return watchedBrowserify
         /* .transform('babelify', {
             presets: ['es2015'],

diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 
 <head>
-    <title>File Tree Generator Demo</title>
+    <title>File Tree Demo</title>
     <meta name="description" content="Retrieves directories and files recursively with Ajax from a main directory and displays the tree structure. Programmed in pure Javascript / CSS without any dependency. PHP connector is provided, you can write your own in any server language (NodeJS, ASP, ...)">
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -13,15 +13,15 @@
 
 <body>
 
-    <h1 class="pt-5 text-center">File Tree Generator Demo</h1>
+    <h1 class="pt-5 text-center">File Tree Demo</h1>
 
     <div class="d-flex mx-auto justify-content-center my-3" role="group">
         <a href="#" class="btn btn-secondary mr-4 disabled">Demo 1</a>
         <a href="demo-2.html" class="btn btn-primary">Demo 2</a>
     </div>
     <div class="container py-2 mb-4 text-center">
         <p class="lead">This script scans a directory recursively and allows to navigate inside it like a file explorer.<br> It normally allows to drag and drop files from one directory to another.<br> This feature is disabled in the demo.</p>
-        <p class="text-center">Documentation &amp; Download: <a href="https://github.com/migliori/file-tree-generator" title="File Tree Generator">https://github.com/migliori/file-tree-generator</a></p>
+        <p class="text-center">Documentation &amp; Download: <a href="https://github.com/migliori/file-tree" title="File Tree">https://github.com/migliori/file-tree</a></p>
     </div>
     <div class="py-2 mb-4 text-center text-muted border">
         <p id="ft-output" class="small mb-0">&nbsp;<br>&nbsp;</p>
@@ -39,7 +39,7 @@ <h1 class="pt-5 text-center">File Tree Generator Demo</h1>
     <script>
         document.addEventListener("DOMContentLoaded", function(event) {
 
-            var options = {
+            const options = {
                 mainDir: 'demo-files',
                 dragAndDrop: false,
                 elementClick: function (filePath, fileName) {
@@ -53,7 +53,7 @@ <h1 class="pt-5 text-center">File Tree Generator Demo</h1>
                 }
             };
 
-            var ft = new fileTree('file-tree-wrapper', options);
+            const ft = new FileTree('file-tree-wrapper', options);
         });
     </script>
 </body>