Different folder icon in folder details page for different sites

[thbaymet]

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 <em>/components/folder-details/node-header.get.html.ftl</em>, but I don't know how to do it for different sites.

Please help me,
Thanks.

[thbaymet]

I've finally find a solution to this problem.

In my <em>node-header.get.js</em> 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 <em>main</em> function to store the result in the model.

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


And finally in the <em>node-header.get.html.ftl</em> 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.