internationalization-section.html in appscms-tools-theme-4.8.4

- old
+ new
@@ -1,47 +1,64 @@
-{%- include languages/languages.html -%} {%- if page.nointernationalization -%}
-<div></div>
-{%- elsif site.internationalizationall -%}
-<div class="container-fluid int-section">
-  <div class="d-flex justify-content-center mt-1">
-    <div>Available in</div>
-  </div>
-  <div class="lang-container">
-    {%- assign currentPermalink = page.permalink -%} {%- assign pageLang =
-    page.lang -%} {%- for i in matchurls -%} {%- for checklang in site.pages -%}
-    {%- assign linkToCheck ="/" |append: i|append:currentPermalink -%} {%- if
-    pageLang !="en" -%} {%- assign stringToReplace = "/"|append: pageLang-%}
-    {%-assign linkToCheck = linkToCheck | replace: stringToReplace, ""%}
-    {%-endif-%} {%- if checklang.permalink == linkToCheck -%} {%- assign
-    languagetext = [i]-%}
-
-    <a class="m-2 languageLinks" href="{{ checklang.permalink }}">
-      {%- if languagetext[0]==page.lang -%} English {%- else -%} {{
-      languagetext[1] }} {%- endif -%}
-    </a>
-
-    {%- endif -%} {%- endfor -%} {%- endfor -%}
-  </div>
-</div>
-
-{%- endif -%}
-<style>
-  .lang-container {
-    display: grid;
-    grid-template-columns: auto auto auto auto;
-    padding: 10px;
-  }
-  .languageLinks {
-    text-align: center;
-    text-decoration: none;
-    display: inline-block;
-    color: #6b6b6b;
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 18px;
-  }
-  .int-section {
-    padding: 10px;
-    background-color: white;
-    border-top: 1px solid rgb(148, 148, 148);
-  }
-</style>
+{%- include languages/languages.html -%} {%- if page.nointernationalization -%}
+<div></div>
+{%- elsif site.internationalizationall -%}
+
+<div class="internationalization-section">
+  <div class="row">
+    <div class="col-md-11 mx-auto">
+      <div class="d-flex justify-content-center mt-1">
+        <h3>Available in</h3>
+      </div>
+      <div class="internationalization-languages">
+        {%- for item in matchurls -%} {%- if item != 'zh-TW' -%} {%- if item ==
+        'en'-%} {%- if dataFile.htmlLangAtt == item -%}
+    
+        <a
+          class="active-lang internationalization-language-drop-down-item font-weight-bold"
+          href="{{ page.permalink}}"
+          >English <i class="fas fa-check ml-auto"></i>
+        </a>
+    
+        {%- else -%} {%- if dataFile.features -%}
+        <a class="internationalization-language-drop-down-item" href="/">English</a>
+        {%- else -%}
+        <a
+          class="internationalization-language-drop-down-item"
+          href="/{{ page.permalink | split: '/' | last}}"
+          >English
+        </a>
+        {%- endif -%} {%- endif -%} {%- else -%} {%- if dataFile.htmlLangAtt == item
+        -%} < > {%- if page.permalink | split: '/' | last != item -%}
+        <a
+          class="internationalization-language-drop-down-item font-weight-bold active-lang"
+          href="{{ page.permalink}}"
+          >{{[item][1]}}
+          <i class="fas fa-check ml-auto"></i>
+        </a>
+        {%- else -%}
+        <a class="active-lang" href="/{{item}}"
+          >{{[item][1]}}
+          <i class="fas fa-check ml-auto"></i>
+        </a>
+        {%- endif -%} {%- else -%} {%- if page.permalink | split: '/' | last != item
+        -%} {%- if dataFile.features -%}
+        <a class="internationalization-language-drop-down-item" href="/{{item}}">{{[item][1]}} </a>
+        {%- else -%}
+        <a
+          class="internationalization-language-drop-down-item"
+          href="/{{item}}/{{ page.permalink | split: '/' | last}}"
+          >{{[item][1]}}
+        </a>
+        {%- endif -%} {%- else -%}
+        <a class="internationalization-language-drop-down-item" href="/{{item}}">{{[item][1]}} </a>
+        {%- endif -%} {%- endif -%} {%- endif -%} {%- endif -%} {%- endfor -%}
+      </ul>
+    </div>
+    </div>
+  </div>
+ 
+</div>
+
+
+
+{%- endif -%}
+