How to install other angular library to axelor view

Lien · Août 4, 2021, 2:28

I want to add an angular library to axelor project. I have tried search but I can’t find any solutions.
Please share with me if you have any solutions.
Thank you.

siddique · Août 4, 2021, 5:05

Axelor docs are best source, here is the link, let me know if you needs more help

https://docs.axelor.com/adk/5.4/dev-guide/web-client/advanced.html

Lien · Août 4, 2021, 6:13

Thank you for your response. So I want to install an outside library https://www.npmjs.com/package/ngx-barcode-scanner. How I can install and use it?

pkouvarakis · Août 4, 2021, 7:00

This (https://www.npmjs.com/package/ngx-barcode-scanner) is an Angular 2+ (aka Angular) module. Axelor uses AngularJS (older version). Angular 2+ was redesigned from scratch and is not compatible to AngularJS.

siddique · Août 4, 2021, 7:03

you can put any lib like this, under your own module you can keep the lib, and it will be copied to main webapp, and you can use it.

There is no default or built in method to use the own frontend work, however as it is angular 1, anything can be used like that,

you can use own html based small application, and open it under view of type html, see for reference

github.com

axelor/axelor-open-suite/blob/735e56d21bf4c3ba5190d6ef26f9c186be8fe2f3/axelor-project-dms/src/main/resources/views/Menu.xml#L9


<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<object-views xmlns="http://axelor.com/xml/ns/object-views"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://axelor.com/xml/ns/object-views http://axelor.com/xml/ns/object-views/object-views_5.3.xsd">

	<menuitem name="project-dms-root" title="Project DMS" parent="menu-project-root" action="project.dms.view" order="0"/>
	
	<action-view name="project.dms.view" title="Document view">
		<view type="html" name="dms"/>
	</action-view>
	
</object-views>

Lien · Août 4, 2021, 7:06

Thank you so much. I’ll try it. You guys are awesome.

pkouvarakis · Août 4, 2021, 7:11

ngx-barcode-scanner is an Angular wrapper module around QuaggaJS. It requires an Angular app and all the infrastructure and bootstrap code that comes with it.
It would probably be much easier to just use QuaggaJS directly instead which is plain Javascript module.

Lien · Août 4, 2021, 7:18

So my problem is to integrate barcode scan into project axelor for inventory. Do you have any more viable libraries?

siddique · Août 4, 2021, 7:24

you want to scan using axelor application ?

Lien · Août 4, 2021, 7:28

Yes. I want to integrate barcode scanning to keep track of inventory

siddique · Août 4, 2021, 7:35

my suggestion is to make one small application which can do barcode scanning, and don’t think of axelor while developing that application, once done we can move to integration part.

dacnt · Août 4, 2021, 7:41

Hi, I have followed this link, but I am getting an error, I don’t know if my file location is correct or not…
You can see

siddique · Août 4, 2021, 7:42

accidentally you made a new folder named index? have you changed something in header footer ?

dacnt · Août 4, 2021, 7:49

yes, i have created folder named index and i don’t know is that correct ?

siddique · Août 4, 2021, 7:50

what you want to achieve ?

Lien · Août 31, 2021, 7:06

Thanks. I have solved it.

alexsunny123 · Septembre 22, 2021, 10:25

thanks for the awesome information.

system · Octobre 22, 2021, 10:25

Ce sujet a été automatiquement fermé après 30 jours. Aucune réponse n’est permise dorénavant.