Better icon names

[github/Chocobozzz/PeerTube.git] / client / src / app / menu / language-chooser.component.html

diff --git a/client/src/app/menu/language-chooser.component.html b/client/src/app/menu/language-chooser.component.html
index f941e32f81e56adf193a76f1d5c69cbb18b05b45..8aa7b9ab2f451fddae456a343a58d27e8c4f02c4 100644 (file)
--- a/client/src/app/menu/language-chooser.component.html
+++ b/client/src/app/menu/language-chooser.component.html
@@ -1,15 +1,15 @@
-<div bsModal #modal="bs-modal" class="modal" tabindex="-1">
-  <div class="modal-dialog">
-    <div class="modal-content">
+<ng-template #modal let-hide="close">
+  <div class="modal-header">
+    <h4 i18n class="modal-title">Change the language</h4>
+    <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
+  </div>
+
 
-      <div class="modal-header">
-        <span class="close" aria-hidden="true" (click)="hide()"></span>
-        <h4 i18n class="modal-title">Change the language</h4>
-      </div>
+  <a i18n class="help-to-translate" target="_blank" rel="noreferrer noopener" href="https://github.com/Chocobozzz/PeerTube/blob/develop/support/doc/translation.md">
+    Help to translate PeerTube!
+  </a>
 
-      <div class="modal-body" *ngFor="let lang of languages">
-        <a [href]="buildLanguageLink(lang)">{{ lang.label }}</a>
-      </div>
-    </div>
+  <div class="modal-body">
+    <a *ngFor="let lang of languages" [href]="buildLanguageLink(lang)" [lang]=lang.iso>{{ lang.label }}</a>
   </div>
-</div>
+</ng-template>