Use angularJS inside a PHP cPanel plugin

alexis_

• May 12, 2018 06:32

Hello, I'm working on a cPanel plugin, it's a PHP web application. Inside that application, I need to list the domain that customer have. After some research, I discovered the cPanel style guide and a few pages about that :

• (you should put this somewhere in the documentation because I find this on github, from a 2016 cPanel conf, It's kind of difficult to find)

So I want to use the dynamics tables because it's sexy and I don't want to manage the pagination in PHP (always a nightmare the pagination stuff). I dont know anything about Javascript and AngularJS but I'm learning. If I understood correctly, I must use the RequireJS thing to load what I need : angularJS and Jquery for instance. I understood that I must use the cPanel header and footer, otherwise I don't have access to requireJS and the other stuff. So, I tried the example from the styleguide but I can't get it working. I think I got angularJS loaded and Jquery too. One of the problem is that I don't really understand how to use the JS example from the cPanel StyleGuide in combinaison with the RequireJS thing. When I'm getting close to figure this thing out, I'm blocked with this error (from the JS console) : Error: [ng:areq] http://errors.angularjs.org/1.4.4/ng/areq?p0=applicationListController&p1=not%20a%20function%2C%20got%20undefined
I think I missed something, I'm pretty sure I must load something else, from the CJT stuff for instance, where the "applicationListController" is defined. So, in summary, do you have an example of a working app, in PHP, using angularJS ? Just a page in PHP that load a dynamics tables for instance. Thank you in advance :)

• 

  cPanelMichael

  • May 15, 2018 18:08

  Hello @alexis_, We don't offer a specific example of an application using AngularJS in our documentation. Could you let us know the step-by-step instructions of how we can reproduce the issue? You can post examples of the actual code you are using in CODE tags. Thank you.

  0
• 

  alexis_

  • May 17, 2018 07:50

  Hello, Thank for your answer, I tested a lot differents things but I will post the 2 things I tested and appear to be almost functionnal. * First version, based on those two pages : - cPanel Style Guide [PHP] header("Test App", 'app-key'); ?>

  Static Content

  {{tab.content}}

  Alert!

  I've got an HTML heading, and a select callback. Shiny!

  footer(); [/PHP] With this version, I know that angular is loaded because the console.log(angular) return something but I have an error because 3 angular controllers seems to be missing. 52127 The raw version of the console log : pastebin.com/raw/eY9muUFB I tried a second version after looking at the code of the cPanel TODO plugin : -github.com/squareplanetdesign/cpanel_todo_plugin I noticed this plugin add some dependencies and load stuff related to CJT too, so tried this : [PHP] [/PHP] I tried a lot of differents versions, loading random stuff from CJT, sometime I manage to get rid of the sidebarController error but the "applicationController" error is always blocking for me. Thanks a lot. Alexis

  0
• 

  cPanelMichael

  • May 21, 2018 15:45

  I tried a lot of differents versions, loading random stuff from CJT, sometime I manage to get rid of the sidebarController error but the "applicationController" error is always blocking for me.

  
  Hi Alexis, While we won't be able to help you with the development of the custom code itself, we can take a closer look at the system to check for anything obvious that could be leading to the error message you have reported. Could you open a support ticket using the link in my signature so we can take a closer look? Thank you.

  0

Please sign in to leave a comment.