JSFiddle - React, Tailwind, and code Playground

by Alan Doe

HTML

<script src="http://angular-file-upload.appspot.com/js/ng-file-upload.js"></script>
<div ng-app="uploadit" ng-controller="myCtrl">
    <div ngf-drop class="fileUpload" ng-model="files" ngf-multiple="true" ngf-allow-dir="true"></div>
    <div ngf-no-file-drop>sorry no file drops</div>
</div>

CSS

.fileUpload {
    width:300px;
    height:300px;
    background-color:rgb(240, 240, 240);
}

JavaScript

function file(name, path, parent, extn) {
    this.name = name;
    this.path = path;
    this.parent = parent;
    this.extention = extn;
}

function direct(name, path, parent, files) {
    this.name = name;
    this.path = path;
    this.parent = parent;
    this.files = files;

}

var tree = {
    files: [],
    directories: []
};


var mod = angular.module("uploadit", ["ngFileUpload"]);

mod.controller('myCtrl', function ($scope) {

    $scope.$watch('files', function () {
        $scope.upload($scope.files);
    });


    $scope.upload = function (uploads) {
        if (uploads && uploads.length) {

            for (var c = 0; c < uploads.length; c++) {
                var file = uploads[c];
                var keys = [];
                
                addFile(file);

            }
        }

    };



});

function addFile(file) {
    var pathor = file.path.split('/');
                
                alert('pathor ' + pathor);
                
                    var directoryQ = '';
                if(pathor.length >= 2)
                {
                    var name = pathor[pathor.length - 1];
                    alert('my name is ' + name);
                    
                    for(var t = 0; t < pathor.length; t++)
                    {
                       
                        
                        if(name.indexOf(pathor[t]) >= 0)
                        {
                   alert('matched name '+ name + 'at ' +t+ ' pathor');
                        }
                        else{
                            directoryQ += pathor[t];
                            directoryQ += '/';
                        }
                    }
                    
                    alert(directoryQ + ': parent directory ' );
                }

}

function addDirectory(direct) {

}