topic Re: custom a dashlet with a external JS Code in Alfresco Archive

custom a dashlet with a external JS Code

alibel — Tue, 27 Oct 2015 08:55:29 GMT

Hello,I'am a new user in Alfresco developpement.I want to add a new dashlet in my share dashborad with an external JS code. My JS code contains ressources like css files or js files. I did all the tutorials for add a Dashlet in dashboard but with my JS code and my ressources I have an error in dojo.

Re: custom a dashlet with a external JS Code

alibel — Tue, 27 Oct 2015 13:53:32 GMT

Re: custom a dashlet with a external JS Code

ddraper — Tue, 27 Oct 2015 19:43:48 GMT

You've not really provided a lot of information to go on here… maybe you can provide more information on how you're defining your dashlet WebScript, what resources you're trying to include and how you're trying to use them.

Re: custom a dashlet with a external JS Code

alibel — Wed, 28 Oct 2015 10:50:20 GMT

thanks for your answer.

I explain you my procedure to create my dashlet:

- I created 2 files: myScript.get.desc.xml and myScript.get.html.ftl in the directory path: \tomcat\webapps\share\WEB-INF\classes\alfresco\site-webscripts\org\alfresco\components\dashlets

- I integrated a script library and style files in the directory path:
Alfresco\tomcat\webapps\share\components\dashlets

- I call this script library and these style files in my myScript.get.html.ftl with the syntax for example :

<@markup id="js">
<@script type="text/javascript" src="${url.context}/res/components/dashlets/directory/Script.js" group="dashlets" />
</@>

In the last, I restart service of alfresco , I open the share dashboard, I insert the dashlet with dashboard customization, I save and there is nothing on the dashborad (menu and dashlet). In the debug tool on the browser I see the above error.

I remain at your disposal for others informations.

Thanks

Re: custom a dashlet with a external JS Code

ddraper — Wed, 28 Oct 2015 16:21:00 GMT

What's in script.js? Are the markup and script tags the only think in the .html.ftl file?

Re: custom a dashlet with a external JS Code

alibel — Thu, 29 Oct 2015 09:41:15 GMT

The script.js is leaflet.js , I get it library leaflet, there are inside many functions to initialize and manipulate a geographic map.

And in my .html.ftl file there are not only markup and script tags, there are javascript code.

I specify that this code works very well when I put it in the form of webScript .

Re: custom a dashlet with a external JS Code

alibel — Thu, 05 Nov 2015 08:52:47 GMT

Any response?

Re: custom a dashlet with a external JS Code

ddraper — Fri, 06 Nov 2015 14:23:10 GMT

I've been trying to nudge you to provide some useful information to help diagnose your issue… but you're really not providing anything to go on, this is almost certainly why no-one has been able to help you.

Re: custom a dashlet with a external JS Code

alibel — Fri, 06 Nov 2015 16:34:36 GMT

I 'll try to be as specific as possible:

My target :
display on the dashboard a dashlet with a geo views that I will handle later

the procedure that I followed:

- I create two files to create my dashlet in "Alfresco\tomcat\webapps\share\WEB-INF\classes\alfresco\site-webscripts\org\alfresco\components\dashlets": nameOfMyDashlet.get.desc.xml and nameOfMyDashlet.get.html.ftl
           file content:

                       XML:
<webscript>
<shortname>Hello World</shortname>
<description>Displays Hello World text to the user</description>
<family>dashlet</family>
<url>/components/dashlets/hello-world</url>
</webscript>

          TEMPLATE:

<@markup id="css" >
   <@link rel="stylesheet" href="${url.context}/res/components/dashlets/leaflet/leaflet.css" group="dashlets"/>

<@link rel="stylesheet" href="${url.context}/res/components/dashlets/leaflet/lib/labels/leaflet.label.css" group="dashlets"/>
</@>


<@markup id="js">

   <@script type="text/javascript" src="${url.context}/res/components/dashlets/leaflet/leaflet.js" group="dashlets" />
   <@script type="text/javascript" src="${url.context}/res/components/dashlets/leaflet/lib/labels/leaflet.label.js" group="dashlets"/>

   <@script type="text/javascript" src="${url.context}/res/components/dashlets/carroyage2.js" group="dashlets"/>
   <@script type="text/javascript" src="${url.context}/res/components/dashlets/carreau_texte.js" group="dashlets"/>

</@>
<@markup id="widgets">
   <@createWidgets group="dashlets"/>
</@>

<style>
      #map {
         width: 300px;
         height: 100px;
         margin: auto;
      }

      .info {
         padding: 6px 8px;
         font: 14px/16px Arial, Helvetica, sans-serif;
         background: white;
         background: rgba(255,255,255,0.8);
         box-shadow: 0 0 15px rgba(0,0,0,80.2);
         border-radius: 5px;
      }
      .info h4 {
         margin: 0 0 5px;
         color: #777;
      }

      .legend {
         text-align: left;
         line-height: 18px;
         color: #555;
      }
      .legend i {
         width: 18px;
         height: 18px;
         float: left;
         margin-right: 8px;
         opacity: 0.7;
      }
      h1{
      text-align: center;
      }
   </style>



<@markup id="html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<div class="dashlet">
<div class="title">Hello World!</div>
<div class="detail-list-item first-item last-item">
<span>Hello</span>
<meta charset="utf-8" />

<h1> Cartographie </h1>
   <div id="map"></div>
   <div class="info"></div>
<script type="text/javascript">

"My script to initialize my map with options "

</script>

</div>
</div>
</@>

- I I place a library file in the following path: Alfresco\tomcat\webapps\share\components\dashlets\leaflet

- I restart all service of alfresco

- I log on alfresco share dashboard
- I click on customize my dashboard , my dashlet exists but when I add it to the dashboard there is nothing on my dashbord and on the debug tools I have dojo.js error : multipledefine

Sorry, but this time I can not be must specific.

Thank you for your response