Fix wrong adoption of static HTML

* Do use proper counting of skills for skill set
* Do not use example brand logo, but logo provided by API
  (once implemented in toolkit)
* Open verification in new tab
* Do not use pending state.

Resources/Private/Partials/ContentElements/VerificationBox.html

@@ -7,20 +7,22 @@
                 <span class="sd-title">{title}</span>
                 <div class="sd-info">
                     <f:if condition="{count}">
-                        <span>{skillSet.skills -> f:count()}</span>
+                        <span>{count}</span>
                     </f:if>
                     <a href="{detailUrl}" target="_blank">View on SkillDisplay</a>
                 </div>
             </div>
+            <f:if condition="{brandLogoUrl}">
                 <div class="sd-brand">
-                <img src="{f:uri.resource(extensionName: 'skilldisplay', path: 'Images/htl3r.jpg')}" />
+                    <img src="{brandLogoUrl}" />
                 </div>
+            </f:if>
         </div>
         <p class="sd-description">{description -> f:format.html()}</p>
         <div class="sd-buttons">
-            <a href="{verificationUrl}" class="sd-button sd-learner sd-verified">
+            <a href="{verificationUrl}" target="_blank" class="sd-button sd-learner">
                 <div class="sd-hint">
-                    <f:image src="{f:uri.resource(extensionName: 'skilldisplay', path: 'Images/pending.svg')}" title="Pending" alt="Indicates self assessment is pending" />
+                    <f:image src="{f:uri.resource(extensionName: 'skilldisplay', path: 'Images/default.svg')}" title="Not learned yet" alt="Indicates self assessment is not done yet" />
                 </div>
                 <div class="sd-type">Self Assessment</div>
             </a>

Resources/Private/Templates/ContentElements/SkillDisplaySkillSet.html

@@ -6,6 +6,7 @@
             title: skillSet.name,
             count: '{skillSet.skills -> f:count()}',
             detailUrl: 'https://my.skilldisplay.eu/skillset/{skillSet.id}',
+            brandLogoUrl: skillSet.mediaPublicUrl,
             verificationUrl: '{sd:verification.url(skillSet: skillSet.id)}',
             description: skillSet.description
         })}

Resources/Private/Templates/ContentElements/SkillDisplaySkills.html

@@ -5,6 +5,7 @@
         {f:render(partial: 'VerificationBox', arguments: {
             title: skill.title,
             detailUrl: 'https://my.skilldisplay.eu/skill/{skill.id}/0',
+            brandLogoUrl: skill.mediaPublicUrl,
             verificationUrl: '{sd:verification.url(skill: skill.id)}',
             description: skill.description
         })}