10 examples of 'how to create folder structure in javascript' in JavaScript

116
function folder_render(model){
117
  var mode = model.state.isFolded ? 'fold' : '';
118
  return '<span>'
119
      + (model.component.caption || '')
120
      + '<span>'
121
        + model.content
122
      + '</span>'
123
    + '</span>';
124
}

121
function renderFolders(tree, folders) {
122
    if (folders.length > 0) {
123
        console.log(folders);
124
        for (var f = 0; f < folders.length; f++) {
125
            var folder = folders[f];
126
            if(folder.subfolders !== false){
127
                renderFolders(tree, folder.subfolders);
128
            }
129
            tree.add("fo" + folder.ID, "fo" + folder.parent, folder.name, "javascript:alert('bla')", "", "", basicImgPath + "folder.png", basicImgPath + "folder.png", "", 0);
130
        }
131
    }
132
}

26
function addFolder(parent, folder) {
27
    //Update sidemenu
28
    $(parent).append(folder.renderHTML());
29
    
30
    //Update folderRecord[]
31
    folderRecord.push(folder);
32
33
    /*-----------------------Add event listeners-----------------------*/
34
35
    //Get DOM Element
36
    var el = $("#FD-"+folder.id);
37
    var targetWrap = $(el).find('.TargetWrap').first();
38
    var subDirContainer = $(el).find('.SubDir').first();
39
    
40
    //Hide SubDirectories
41
    subDirContainer.slideUp();
42
43
    //Toggle Folder Dropdown
44
    targetWrap.on("click", function(){ 
45
        selectFolder(folder);
46
        if(folder.isExpanded) 
47
            collapseFolder(folder);
48
        else 
49
            expandFolder(folder);
50
    });
51
    
52
}

103
function renderFolderList(item) {
104
   	var titleLink = "<a>" 
105
   		+ item.entity.title + "</a>";
106
   	
107
    var s = "<li>" + titleLink;
108
    if (item.children.list.length &gt; 0) {
109
        s += "<ul>\n";
110
        for (var i = 0; i &lt; item.children.list.length; i++) {
111
            var childItem = item.children.list[i];
112
            s += renderFolderList(childItem);
113
        }
114
        s += "</ul>\n";
115
    }
116
    s += "</li>\n"
117
    return s;
118
}

132
function get_tree(id){
133
	//gets the array of files/folders, passes to callback
134
	$("[data-tree-ul='"+id+"']").html("");
135
	tree_folder(id, function(){
136
		//removes the loading icon
137
		$("[data-tree-li='"+id+"']>span>i").removeClass("fa-folder");
138
    $("[data-tree-li='"+id+"']>span>i").removeClass("fa-circle-o-notch");
139
		$("[data-tree-li='"+id+"']>span>i").removeClass("fa-spin");
140
    $("[data-tree-li='"+id+"']>span>i").addClass("fa-folder-open");
141
	});
142
}

476
function createFolders() {
477
    // Create folders. This should me automated on copyFiles() step somehow.
478
    fs.mkdir(path.join(output, 'java'), this.parallel());
479
    fs.mkdir(path.join(output, 'images'), this.parallel());
480
    fs.mkdir(path.join(output, 'fonts'), this.parallel());
481
},

40
$tree.one('loaded.fu.tree', function selectFolder () {
41
	$tree.one('setFocus.fu.tree', function triggerDisclosure () {
42
		var $finalTargetFolder = $(document.activeElement);
43
44
		$tree.one('disclosedFolder.fu.tree', function triggerKeypress () {
45
			$tree.one('setFocus.fu.tree', function selectChildFolder () {
46
				var $focused = $(document.activeElement);
47
48
				assert.notOk($focused.hasClass('tree-open'), 'key is being pressed on closed folder.');
49
				assert.notEqual($focused.attr('id'), $finalTargetFolder.attr('id'), 'focus has changed from initially targeted folder.');
50
				$tree.on('keyboardNavigated.fu.tree', function testFocus () {
51
					var $finalFocusedFolder = $(document.activeElement);
52
53
					assert.equal($finalFocusedFolder.attr('id'), $finalTargetFolder.attr('id'), 'focus has changed.');
54
					assert.notOk($focused.hasClass('tree-open'), 'folder is now closed.');
55
				});
56
				var leftKeyDown = self.getKeyDown('left', $focused);
57
58
				$focused.trigger(leftKeyDown);
59
			});
60
61
			// focus on first selectable folder
62
			$tree.tree('selectFolder', $($finalTargetFolder.find('.tree-branch:not(".hidden")')[0]));
63
		});
64
65
		$tree.tree('discloseFolder', $($tree.find('.tree-branch:not(".hidden")')[0]));
66
	});
67
68
	// focus on first selectable folder
69
	$tree.tree('selectFolder', $($tree.find('.tree-branch:not(".hidden")')[0]));
70
});

10
export default function generateNavigationForFolder (folder, userRoles, callback) {
11
  const tree = dirTree(folder, {extensions: /\.md/}, (item) => {
12
    item.path = item.path.substring(item.path.indexOf('/pages')).replace('.md', '')
13
    item.name = item.name.replace('.md', '')
14
  })
15
  tree.children.forEach(item => {
16
    validatePathsRecursive(item)
17
  })
18
19
  getAccessMapForFolderChildren(folder, userRoles, map => {
20
    generateNavigationByNodes(tree.children, map, callback)
21
  })
22
}

3
function addToFolders(value, folders) {
4
    return folders.concat(value).sort();
5
}

67
function loadFolder() {
68
    $('#main-parent-container', { css: '-webkit-filter:blur(1px)' })
69
    $('#_addsongfolder', { text: lang.config.addSongFolder })
70
    $('#path-list-container', { empty() { } })
71
72
73
    configFile.musicFolder.forEach(v =>
74
        $('#path-list-container', {
75
            append: create('li', {
76
                text: v,
77
                on: { click: removeItem }
78
            })
79
        })
80
    )
81
82
    $('#add-songs', { text: lang.config.addSongBtn })
83
    $('#remove-songs', { text: lang.config.removeSongBtn })
84
85
    // Execute the animation at the end of the code
86
    $($('.parent-container-config')[1], {
87
        removeClass: 'hide',
88
        child: 0,
89
        addClass: 'container-config-anim'
90
    })
91
}