Different folder icon in folder details page for different sites

thbaymet — Thu, 24 Jul 2014 07:55:21 GMT

Hi,I want to change folder icon in folder details page. And I want to use different color in some different sites. It is defined in /components/folder-details/node-header.get.html.ftl, but I don't know how to do it for different sites. Please help me,Thanks.

Re: Different folder icon in folder details page for different sites

thbaymet — Thu, 24 Jul 2014 10:09:53 GMT

I've finally find a solution to this problem.

In my node-header.get.js file, I defined a function in order to get my sitePreset as the icon color depends on the sitePreset.

function getSitePresetName(siteName)
{
if (siteName == "site1") { return siteName; }
if (siteName == "site2") { return siteName; }

var sites = null;
var result = remote.call("/api/sites");

if (result.status == 200) {
 sites = eval('(' + result + ')');

 var tokens = new Array();

 if (sites != null && sites.length > 0) {
 for (var i = 0; i < sites.length; i++) {
 if (siteName == sites.shortName) {
 if (sites.sitePreset == "site-dashboard") {
 return "site3";
 }
 if (sites.sitePreset == "site-dossier-2-dashboard") {
 return "site4";
 }
 break;
 }
 }
 }
}

return "site5";
}
<code>

Then I call to this function in my main function to store the result in the model.

<code>
model.siteType = getSitePresetName(model.site);

And finally in the node-header.get.html.ftl file, I display the icon.



<#if siteType == "site1">
    <img src="${url.context}/res/components/../images/folder-orange-48.png"
       title="${displayName}" class="node-thumbnail" width="48" />
    <#elseif siteType == "site2">
        <img src="${url.context}/res/components/…/images/folder-green-48.png"
           title="${displayName}" class="node-thumbnail" width="48" />
    <#elseif siteType == "site3">
         <img src="${url.context}/res/components/…//images/folder-red-48.png"
             title="${displayName}" class="node-thumbnail" width="48" />
     <#elseif siteType == "site4">
           <img src="${url.context}/res/components/…./images/folder-violet-48.png"
       title="${displayName}" class="node-thumbnail" width="48" />   
     <#else>
   <img src="${url.context}/res/components/images/filetypes/generic-folder-48.png"
       title="${displayName}" class="node-thumbnail" width="48" />   
      </#if>

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

It could be useful to someone.
Thanks.

topic Different folder icon in folder details page for different sites in Alfresco Archive

Different folder icon in folder details page for different sites

Re: Different folder icon in folder details page for different sites