_includes/fileformat/fileformatdetail.html in appscms-tools-theme-0.7.1 vs _includes/fileformat/fileformatdetail.html in appscms-tools-theme-0.7.2

@@ -3,75 +3,101 @@
 {% assign folder = page.folderName %}
 {% assign accessData= site.data[folder][lang][file] %}
 {% assign filesData= accessData.display_formats %}
    {%- for i in filesData -%}
    {%- assign item = i | downcase -%}
-       {%- assign fileData = site.data.files[page.filelang][item] -%}
+       {%- assign fileData = site.data.files[accessData.filelang][item] -%}
+       {%- assign static = site.static_files -%}
        {%- if fileData.size>0 -%}
          <div class="col-12">
-            <h1>{{fileData.Format}}</h1>
+            <h2 class="feature-h1 text-left my-4" >{{fileData.Format}}</h2>
          </div> 
-           <table class="table file-detail-table" >
+           <table class="table  table-bordered " >
                <tbody>
                {%- if fileData.ShortName -%}
                <tr >
-                <th scope="row" class="">Short Name </th>
-                <td class="col-md-6">{{fileData.ShortName}}</td>
+                <th scope="row" class="pr-5">Short Name </th>
+                <td>{{fileData.ShortName}}</td>
             </tr>
                {%- endif -%}
                {%- if fileData.FullName -%}
                <tr >
-                <th scope="row" class="">Full Name </th>
-                <td class="col-md-6">{{fileData.FullName}}</td>
+                <th scope="row" class="pr-5">Full Name </th>
+                <td>{{fileData.FullName}}</td>
             </tr>
                {%- endif -%}
                {%- if fileData.Category -%}
                <tr >
-                <th scope="row" class="">Category</th>
-                <td class="col-md-6">{{fileData.Category}}</td>
+                <th scope="row" class="pr-5">Category</th>
+                <td>{{fileData.Category}}</td>
             </tr>
                {%- endif -%}
                {%- if fileData.Pros -%}
                <tr >
-                <th scope="row" class="">Pros</th>
-                <td class="col-md-6">{{fileData.Pros}}</td>
+                <th scope="row" class="pr-5">Pros</th>
+                <td>{{fileData.Pros}}</td>
             </tr>
                {%- endif -%}
                {%- if fileData.Cons -%}
                <tr >
-                <th scope="row" class="">Cons</th>
-                <td class="col-md-6">{{fileData.Cons}}</td>
+                <th scope="row" class="pr-5">Cons</th>
+                <td>{{fileData.Cons}}</td>
             </tr>
                {%- endif -%}
                {%- if fileData.BasicInformation -%}
                <tr >
-                <th scope="row" class="">Basic Information</th>
-                <td class="col-md-6">{{fileData.BasicInformation}}</td>
+                <th scope="row" class="pr-5">Basic Information</th>
+                <td>{{fileData.BasicInformation}}</td>
             </tr>
                {%- endif -%}
                {%- if fileData.DetailedInformation  -%}
                <tr >
-                <th scope="row" class="">Detailed Information</th>
-                <td class="col-md-6">{{fileData.DetailedInformation}}</td>
+                <th scope="row" class="pr-5">Detailed Information</th>
+                <td>{{fileData.DetailedInformation}}</td>
             </tr>
                {%- endif -%}
                {%- if fileData.CreatedbyName -%}
                <tr >
-                <th scope="row" class="">Created by</th>
-                <td class="col-md-6">{{fileData.CreatedbyName}}</td>
+                <th scope="row" class="pr-5">Created by</th>
+                <td>{{fileData.CreatedbyName}}</td>
             </tr>
                {%- endif -%}
               {%- if  fileData.CreatedbyLink -%}
               <tr >
-                <th scope="row" class="">Created by Link</th>
-                <td class="col-md-6">{{fileData.CreatedbyLink}}</td>
+                <th scope="row" class="pr-5">Created by Link</th>
+                <td>{{fileData.CreatedbyLink}}</td>
             </tr>
               {%- endif -%}
                {%- if fileData.CreatedInYear -%}
                <tr >
-                <th scope="row" class="">Created In Year</th>
-                <td class="col-md-6">{{fileData.CreatedInYear}}</td>
+                <th scope="row" class="pr-5">Created In Year</th>
+                <td>{{fileData.CreatedInYear}}</td>
             </tr>
+            {%- if fileData.Softwaresused -%}
+            <tr>
+             <th scope="row">Platforms Supported</th>
+             <td class="d-flex  flex-wrap " >
+                {%- for item in fileData.Softwaresused -%}
+                <ul class="pl-0 pr-md-5" >
+                    <li><b>{{item.platform}}</b> </li>
+                    <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
+                        {%- for data in item.softwares -%}
+                             <div class="d-flex mb-3" >
+                                 {%- if data.image -%}
+                                 <img src={{data.image}} alt="software" loading='lazy' >
+                                 {%- endif -%}
+                                 <div >
+                                     <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
+                                     <div class="software-value" >{{data.type}}</div>
+                                 </div>
+                             </div>
+                        {%- endfor -%}
+                    </div>
+                </ul>
+             {%- endfor -%}
+             </td>
+            </tr>
+         {%- endif -%}
                {%- endif -%}
             </tbody>
            </table>
        {%- endif -%}
    {%- endfor -%}