<a name="modules"></a>
{% if userModuleList is defined and userModuleList|length > 0 %}
<div class="moduleHeader">
<div class="componentLogoSmall">🧩</div>
<div class="serviceTitle"><h3>{{ 'module.installed_modules'|trans }}</h3></div>
</div>
<div class="userModuleList">
{% endif %}
{% set userModulesIds = [] %}
{% if userModuleList is defined and userModuleList|length > 0 %}
{% for userModule in userModuleList %}
{% if userModule.isLive == 1 %}
{% set userHasModule = false %}
{% set localisedModuleName = ('module.' ~ userModule.action)|trans %}
{% for module in moduleList %}
{% if userModule.moduleId == module.moduleId %}
{% set userHasModule = true %}
{% endif %}
{% endfor %}
{% if userHasModule %}
{# <br>QQW userHasModule#}
{% set userModulesIds = userModulesIds|merge([userModule.moduleId]) %}
<div class="modulePanel">
<a href="{{ path('root') }}{{ userModule.action }}" class="bigPlainLink">
{# <span class="moduleIcon"><img src="{{ asset('images/' ~ userModule.image) }}" alt="" width="50px"></span>#}
<span class="componentLogo">{{ userModule.image }}</span>
<span class="moduleTitle2">{{ localisedModuleName }}</span>
</a>
</div>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% if userModulesIds|length == 0 and app.session.get('user') %}
{{ 'module.no_module'|trans }}
{% endif %}
{% if userModuleList is defined and userModuleList|length > 0 %}
</div>
{% endif %}
<div class="moduleList">
{% set availableModulesCount = 0 %}
<table class="moduleHeader">
<tr>
<td class="componentLogoSmall">🧩</td>
{# <td class="moduleLogo"><img src="{{ asset('images/modules.png') }}" alt="" width="50px"></td>#}
<td class="serviceTitle"><h3>{{ 'module.available_modules'|trans }}</h3></td>
</tr>
</table>
{% for module in moduleList %}
{% if module.moduleId not in userModulesIds and module.isLive == 1 %}
{% set localisedModuleName = ('module.' ~ module.action)|trans %}
{% set localisedModuleDescription = ('module.' ~ module.action ~ '_description')|trans %}
{% set localisedModuleDescription2 = ('module.' ~ module.action ~ '_description2')|trans %}
{% if app.session.get('user') %}
{% set installPath = 'installModule/' ~ module.moduleId %}
{% set landingPath = path('root') ~ module.action %}
{% else %}
{% if service %}
{% set installPath = 'newaccount?addService=' ~ service.serviceId ~ '&addModule=' ~ module.moduleId %}
{% else %}
{% set installPath = 'newaccount?addModule=' ~ module.moduleId %}
{% endif %}
{% if module.registerUrl and module.registerUrl != '' %}
{% set landingPath = path('root') ~ module.registerUrl %}
{% elseif module.landingUrl and module.landingUrl != '' %}
{% set landingPath = path('root') ~ module.landingUrl %}
{% else %}
{% set landingPath = path('root') ~ 'module/' ~ module.moduleId %}
{% endif %}
{% endif %}
<div class="modulePanel">
{# <span class="moduleIcon"><img src="{{ asset('images/' ~ module.image) }}" alt="" width="50px"></span>#}
<span class="componentLogo">{{ module.image }}</span>
<span class="moduleTitle">{{ localisedModuleName }}</span>
<div class="moduleMenu">
<div>
{% if localisedModuleDescription != 'module.' ~ module.action ~ '_description' or module.backgroundImage %}
<a href="#void" id="moduleLink_{{ module.moduleId }}" class="moduleButtonLinkMore">{{ 'service.info'|trans }}</a>
{% endif %}
<a href="{{ path('root') ~ installPath }}" class="moduleButtonLink">{{ 'service.install'|trans }}</a>
</div>
</div>
<div id="moduleDescription_{{ module.moduleId }}" class="moduleDescription">
{% if localisedModuleDescription != 'module.' ~ module.action ~ '_description' %}
<div>{{ localisedModuleDescription }}</div>
{% endif %}
{% if module.backgroundImage %}
<div class="moduleBackground"><img src="{{ asset('images/' ~ module.backgroundImage) }}" alt="" width="100%"></div>
{% endif %}
{% if localisedModuleDescription2 != 'module.' ~ module.action ~ '_description2' %}
<div>{{ localisedModuleDescription2 }}</div>
{% endif %}
</div>
</div>
<script>
$( "#moduleDescription_{{ module.moduleId }}" ).hide();
$( "#moduleLink_{{ module.moduleId }}" ).click(function() {
$( "#moduleDescription_{{ module.moduleId }}" ).slideToggle( "slow" );
});
</script>
{% set availableModulesCount = availableModulesCount + 1 %}
{% endif %}
{% endfor %}
</div>