<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>