Okay, I'll try not to over-explain. I"m not sure how familiar you are with Angular or its components; hopefully, it will be clear.
The call-us-selector accepts inputs, but for Angular, I'm stuck with hardcoded inputs. I can't use the call-us-selector in the angular app itself. I can only use it in the index.html, and while it gets compiled with the app, it lives outside of the Angular Bootstrapped section. So it works but is limited to the hardcoded URL I provide pre-compiling it.
So the limitation is that I can't apply custom inputs. For example, if I want to have the same app but distributed to a few different domains, using different URLs for each of the domains, for the chat.
To compare to Wordpress: I have 2 Wordpress sites that are hosted on different domains the word press plugin allows me to go to Wordpress, install the plugin, and apply the link from the 3cx Dashboard. So 2 different Wordpress sites, with their own 3cx URLs.
So in the attached image, you can see what I'm talking about with Angular.
So the question is there a way to resolve this? Usually, when I'm using a third-party code, I might get something from an npm package, or I can write a library myself that can be installed as an npm. In that npm. Using that imported library I can then use the widget, or selector by importing in the component into the ngModule and referencing it.
like import { callus} from './callussource';
That is done in the typescript, and then the variables are set up in the typescript.
Then in the Angular HTML selector, I would have something like this:
<call-us-selector [phonesystemurl]='mywebsiteurl' [party]='mycoolparty'></call-us-selector>
Does that make sense?
