folder-structure-display
v1.1.5
Published
Easily create a simple folder structure using this package
Downloads
4
Maintainers
Readme
��#� �F�o�l�d�e�r� �S�t�r�u�c�t�u�r�e� �D�i�s�p�l�a�y�
�
�
�
��f�o�l�d�e�r�-�s�t�r�u�c�t�u�r�e�-�d�i�s�p�l�a�y�
� �i�s� �a� �R�e�a�c�t� �c�o�m�p�o�n�e�n�t� �t�h�a�t� �e�n�a�b�l�e�s� �y�o�u� �t�o� �v�i�s�u�a�l�i�z�e� �h�i�e�r�a�r�c�h�i�c�a�l� �f�o�l�d�e�r� �s�t�r�u�c�t�u�r�e�s� �w�i�t�h� �e�a�s�e�.�
�
�
�
�#� �I�n�s�t�a�l�l�a�t�i�o�n�
�
�
�
��
��b�a�s�h�
�
�n�p�m� �i�n�s�t�a�l�l� �f�o�l�d�e�r�-�s�t�r�u�c�t�u�r�e�-�d�i�s�p�l�a�y�
�
�
��
�
�
�
�
�#� �H�o�w� �T�o� �I�m�p�l�e�m�e�n�t� �
�
�
�
�F�i�r�s�t� �C�r�e�a�t�e� �a� �D�a�t�a� �A�r�r�a�y� �a�s� �G�i�v�e�n� �B�e�l�o�w� �:�
�
�
�
��
��j�a�v�a�s�c�r�i�p�t�
�
�c�o�n�s�t� �d�a�t�a� �=� �[�
�
� � �{�
�
� � � � �n�a�m�e�:� �"�H�o�m�e�"�,�
�
� � � � �c�h�i�l�d�r�e�n�:� �[�
�
� � � � � � �{�
�
� � � � � � � � �n�a�m�e�:� �"�S�e�c�t�i�o�n� �1�"�,�
�
� � � � � � � � �c�h�i�l�d�r�e�n�:� �[�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � �]�,�
�
� � � � � � �}�,�
�
� � � � �]�,�
�
� � �}�,�
�
� � �{�
�
� � � � �n�a�m�e�:� �"�A�b�o�u�t�"�,�
�
� � � � �c�h�i�l�d�r�e�n�:� �[�
�
� � � � � � �{�
�
� � � � � � � � �n�a�m�e�:� �"�S�e�c�t�i�o�n� �1�"�,�
�
� � � � � � � � �c�h�i�l�d�r�e�n�:� �[�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � �]�,�
�
� � � � � � �}�,�
�
� � � � �]�,�
�
� � �}�,�
�
�]�;�
�
�
��
�
�
�T�h�e� �d�a�t�a� �a�r�r�a�y� �r�e�p�r�e�s�e�n�t�s� �a� �s�a�m�p�l�e� �f�o�l�d�e�r� �s�t�r�u�c�t�u�r�e�.� ��C�u�s�t�o�m�i�z�e� �i�t� �a�c�c�o�r�d�i�n�g� �t�o� �y�o�u�r� �n�e�e�d�s�
�.�
�
�
�
� �M�a�k�e� �S�u�r�e� �T�h�e� �F�o�l�d�e�r� �t�h�e� �D�a�t�a� �F�o�r�m�a�t� �i�s� �S�a�m�e� �a�s� �M�e�n�t�i�o�n�e�d� �A�b�o�v�e�.�
�
�
�
�#� �U�s�a�g�e�
�
�
�
��
��j�a�v�a�s�c�r�i�p�t�
�
�i�m�p�o�r�t� �R�e�a�c�t� �f�r�o�m� �'�r�e�a�c�t�'�;�
�
�i�m�p�o�r�t� �F�o�l�d�e�r�S�t�r�u�c�t�u�r�e�D�i�s�p�l�a�y� �f�r�o�m� �'�f�o�l�d�e�r�-�s�t�r�u�c�t�u�r�e�-�d�i�s�p�l�a�y�'�;�
�
�
�
�c�o�n�s�t� �d�a�t�a� �=� �[�
�
� � �{�
�
� � � � �n�a�m�e�:� �"�H�o�m�e�"�,�
�
� � � � �c�h�i�l�d�r�e�n�:� �[�
�
� � � � � � �{�
�
� � � � � � � � �n�a�m�e�:� �"�S�e�c�t�i�o�n� �1�"�,�
�
� � � � � � � � �c�h�i�l�d�r�e�n�:� �[�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � �]�,�
�
� � � � � � �}�,�
�
� � � � �]�,�
�
� � �}�,�
�
� � �{�
�
� � � � �n�a�m�e�:� �"�A�b�o�u�t�"�,�
�
� � � � �c�h�i�l�d�r�e�n�:� �[�
�
� � � � � � �{�
�
� � � � � � � � �n�a�m�e�:� �"�S�e�c�t�i�o�n� �1�"�,�
�
� � � � � � � � �c�h�i�l�d�r�e�n�:� �[�
�
� � � � � � � � � � �{� �n�a�m�e�:� �"�H�1�"� �}�,�
�
� � � � � � � � �]�,�
�
� � � � � � �}�,�
�
� � � � �]�,�
�
� � �}�,�
�
�]�;�
�
�
�
�c�o�n�s�t� �A�p�p� �=� �(�)� �=�>� �{�
�
� � �r�e�t�u�r�n� �(�
�
� � � � �<�d�i�v�>�
�
� � � � � � �<�h�1�>�Y�o�u�r� �R�e�a�c�t� �A�p�p�<�/�h�1�>�
�
� � � � � � �<�F�o�l�d�e�r�S�t�r�u�c�t�u�r�e�D�i�s�p�l�a�y� �d�a�t�a�=�{�d�a�t�a�}� �/�>�
�
� � � � �<�/�d�i�v�>�
�
� � �)�;�
�
�}�;�
�
�
�
�e�x�p�o�r�t� �d�e�f�a�u�l�t� �A�p�p�;�
�
�
��
�
�
�
�
�#� �P�r�o�p�s� �:�
�
�
�
� ��i�c�o�n�c�o�l�o�r�
�
�
�
�
� ��b�a�c�k�g�r�o�u�n�d�c�o�l�o�r�
�
�
�
�
� ��t�e�x�t�c�o�l�o�r�
�
�
�
�
� �#� �I�m�a�g�e� �:�
�
�
�
�!�[�P�r�e�v�i�e�w�]�(�h�t�t�p�s�:�/�/�b�l�o�g�g�e�r�.�g�o�o�g�l�e�u�s�e�r�c�o�n�t�e�n�t�.�c�o�m�/�i�m�g�/�b�/�R�2�9�v�Z�2�x�l�/�A�V�v�X�s�E�h�s�x�A�t�t�C�j�6�0�q�L�c�f�z�U�Q�O�0�R�u�n�f�W�v�o�T�v�c�C�8�x�s�3�-�9�6�c�x�k�v�_�L�B�J�Y�u�t�l�B�g�g�T�a�z�t�Y�k�j�i�u�W�R�V�q�R�G�s�S�5�s�q�G�l�P�J�G�c�v�_�A�3�q�T�y�Z�C�C�t�k�R�t�j�k�W�T�c�E�b�E�D�d�E�l�8�c�S�7�Y�M�5�D�k�G�T�3�K�C�j�l�C�o�8�a�s�i�L�4�6�J�0�h�s�n�T�e�A�T�m�m�1�N�D�H�g�v�f�F�L�i�D�3�A�t�K�i�g�m�w�A�b�a�f�d�H�j�J�-�U�Q�m�P�d�W�c�s�A�X�r�0�d�9�K�7�3�e�Y�B�A�/�w�7�7�7�-�h�3�2�0�/�S�c�r�e�e�n�s�h�o�t�%�2�0�2�0�2�3�-�1�1�-�2�3�%�2�0�0�1�5�8�5�2�.�p�n�g�)�
�
�