🐈 Add zh-tw translate

Signed-off-by: ctu <ctu@cs.nctu.edu.tw>

src/portal/src/app/base/navigator/navigator.component.html

@@ -22,6 +22,7 @@
             <clr-dropdown-menu *clrIfOpen>
                 <a href="javascript:void(0)" clrDropdownItem (click)='switchLanguage("en-us")' [class.lang-selected]='matchLang("en-us")'>English</a>
                 <a href="javascript:void(0)" clrDropdownItem (click)='switchLanguage("zh-cn")' [class.lang-selected]='matchLang("zh-cn")'>中文简体</a>
+                <a href="javascript:void(0)" clrDropdownItem (click)='switchLanguage("zh-tw")' [class.lang-selected]='matchLang("zh-tw")'>中文繁體</a>
                 <a href="javascript:void(0)" clrDropdownItem (click)='switchLanguage("es-es")' [class.lang-selected]='matchLang("es-es")'>Español</a>
                 <a href="javascript:void(0)" clrDropdownItem (click)='switchLanguage("fr-fr")' [class.lang-selected]='matchLang("fr-fr")'>Français</a>
                 <a href="javascript:void(0)" clrDropdownItem (click)='switchLanguage("pt-br")' [class.lang-selected]='matchLang("pt-br")'>Português do Brasil</a>
@@ -31,9 +32,9 @@
         <div class="nav-divider"></div>
         <clr-dropdown class="dropdown" *ngIf="isSessionValid">
             <button class="nav-text" clrDropdownToggle>
-              <clr-icon shape="user" class="is-inverse user-icon" size="24"></clr-icon>
-              <span>{{accountName}}</span>
-              <clr-icon shape="caret down"></clr-icon>
+                <clr-icon shape="user" class="is-inverse user-icon" size="24"></clr-icon>
+                <span>{{accountName}}</span>
+                <clr-icon shape="caret down"></clr-icon>
             </button>
             <clr-dropdown-menu [clrPosition]="'bottom-right'" *clrIfOpen>
                 <a href="javascript:void(0)" clrDropdownItem (click)="openAccountSettingsModal()">{{'ACCOUNT_SETTINGS.PROFILE' | translate}}</a>

src/portal/src/app/shared/shared.const.ts

@@ -11,11 +11,12 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export const supportedLangs = ['en-us', 'zh-cn', 'es-es', 'fr-fr', 'pt-br', 'tr-tr'];
+export const supportedLangs = ['en-us', 'zh-cn', 'zh-tw', 'es-es', 'fr-fr', 'pt-br', 'tr-tr'];
 export const enLang = "en-us";
 export const languageNames = {
   "en-us": "English",
   "zh-cn": "中文简体",
+  "zh-tw": "中文繁體",
   "es-es": "Español",
   "fr-fr": "Français",
   "pt-br": "Português do Brasil",
@@ -98,4 +99,4 @@ export enum ResourceType {
   REPOSITORY = 1,
   CHART_VERSION = 2,
   REPOSITORY_TAG = 3,
-}
+}
\ No newline at end of file