Where to place the RichFilemanager distribution in an Angular 5/6 app (dev)?

[jabausa]

In raising this issue, I confirm the following (please check boxes):

• [x] I have read and understood the Wiki. Especially deploy and configuration articles.
• [ ] I have checked that the bug I am reporting can be replicated, or that the feature I am suggesting isn't already present.
• [ ] I have checked the pull requests tab for existing solutions/implementations to my issue/suggestion.
• [x] I realise that server-side connectors are provided by various contributors. The implementations are vary due to programming language features/limitations or other factors. Thus a particular connector may not implement, or partially implement, the API features.
• [ ] I realise that any changes in configuration options and/or plugin parameters affect the plugin behavior. I specified all the differences from defaults in details.

I use the following server-side connector (check one):

• [ ] PHP connector by servocoder
• [ ] Java connector by fabriceci
• [ ] Python3 Flask connector by jsooter
• [ ] Python3 Flask connector by stevelittlefish
• [ ] NodeJs connector by jlaustill and forestlake
• [ ] ASP.NET Core connector by sinanbozkus
• [ ] ASHX connector by richeflits
• [x] Other (specified below)

My familiarity with the project is as follows (check one):

• [x] I have never used the project.
• [ ] I have used the project briefly.
• [ ] I have used the project extensively, but have not contributed previously.
• [ ] I am an active contributor to the project.

---

{issue content here}

[jabausa]

Hi, I´m trying to mix you nice file manager with an Angular app I´m developing wih a team but I have a doubt about where to place the code distribution you provide.

Normally I launch with "ng serve" from the console of the IDE and I got the app running so, should I place the folder "RichFilemanager-master" in the same directory of the index.html of my Angular app to get both working? Since I know just a bit of TypeScript but little to none JavaScript I suppose they should mix fine but I´m not entirely sure.

I´m trying to use the Java connector also, so possibly I´m doing something wrong on the connector part (and probably I´ll ask for help also), but I just wanted to be sure I´m doing this well in this other end.

Thanks for your time, sorry for the inconvenience.

Best regards

[psolom]

Hello, I have never tried to use RFM with angular.

[jabausa]

I´m going to try on my own but I´m open to any suggestions, so please feel free to advise anything, anytime.

Regards

[ShortBusKing]

Hi, I would be interested in your solution, since I am also leveraging Angular and RichFilemanager. I'm currently loading the app via a popup window function using tinymce; which is basically an handy iframe wrapper. For loading reasons, it's less than ideal and I'm trying to get away from that.

When I think about this problem, I would start by hacking up the index.html page into a angular component. You might need to move the style references into angular more so if you are using Angular-Cli. You may need to reference the library loading call during the angular OnInit phase after you have properly included the javascript libraries of the app.

These are the core files you need to target for including

            <script type="text/javascript" src="src/js/libs-main.js"></script>
            <!-- <script type="text/javascript" src="src/js/filemanager.min.js"></script> -->
            <script type="text/javascript" src="src/js/filemanager.js"></script>
            <script type="text/javascript" src="config/filemanager.init.js"></script>

A guess at the onInit function

declare var $;
ngOnInit() {
     $('.fm-container').richFilemanager(); //loaded via jQuery
}

If you backend isn't operational, you will only see an error on startup because the application has an "initial" call to the server.