Browse Source

Add flag-icon package and revise language selection area

pull/41/head
Berkan Sasmaz 6 years ago
parent
commit
6c1a21712e
  1. 15
      src/EventHub.HttpApi.Host/EventHubHttpApiHostModule.cs
  2. 14
      src/EventHub.Web.Theme/Themes/EventHub/Components/MainNavbar/Default.cshtml
  3. 3
      src/EventHub.Web.Theme/Themes/EventHub/Layouts/Application.cshtml

15
src/EventHub.HttpApi.Host/EventHubHttpApiHostModule.cs

@ -138,19 +138,8 @@ namespace EventHub
{
Configure<AbpLocalizationOptions>(options =>
{
options.Languages.Add(new LanguageInfo("ar", "ar", "العربية"));
options.Languages.Add(new LanguageInfo("cs", "cs", "Čeština"));
options.Languages.Add(new LanguageInfo("en", "en", "English"));
options.Languages.Add(new LanguageInfo("en-GB", "en-GB", "English (UK)"));
options.Languages.Add(new LanguageInfo("fr", "fr", "Français"));
options.Languages.Add(new LanguageInfo("hu", "hu", "Magyar"));
options.Languages.Add(new LanguageInfo("pt-BR", "pt-BR", "Português"));
options.Languages.Add(new LanguageInfo("ru", "ru", "Русский"));
options.Languages.Add(new LanguageInfo("tr", "tr", "Türkçe"));
options.Languages.Add(new LanguageInfo("zh-Hans", "zh-Hans", "简体中文"));
options.Languages.Add(new LanguageInfo("zh-Hant", "zh-Hant", "繁體中文"));
options.Languages.Add(new LanguageInfo("de-DE", "de-DE", "Deutsch", "de"));
options.Languages.Add(new LanguageInfo("es", "es", "Español", "es"));
options.Languages.Add(new LanguageInfo("en", "en", "English", "gb"));
options.Languages.Add(new LanguageInfo("tr", "tr", "Türkçe", "tr"));
});
}

14
src/EventHub.Web.Theme/Themes/EventHub/Components/MainNavbar/Default.cshtml

@ -59,8 +59,16 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span class="flag-icon flag-icon flag-icon-gb-eng" data-toggle="tooltip" title="" data-original-title="@CultureInfo.CurrentUICulture.DisplayName">@CultureInfo.CurrentUICulture</span>
<span class="current-language-name">@CultureInfo.CurrentUICulture.DisplayName</span>
@if (CultureInfo.CurrentUICulture.TwoLetterISOLanguageName == "en")
{
<span class="flag-icon flag-icon flag-icon-gb" data-toggle="tooltip" title="" data-original-title="@CultureInfo.CurrentUICulture.DisplayName"></span>
<span class="current-language-name">@CultureInfo.CurrentUICulture.DisplayName</span>
}
else
{
<span class="flag-icon flag-icon flag-icon-@CultureInfo.CurrentUICulture.TwoLetterISOLanguageName" data-toggle="tooltip" title="" data-original-title="@CultureInfo.CurrentUICulture.DisplayName"></span>
<span class="current-language-name">@CultureInfo.CurrentUICulture.DisplayName</span>
}
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
@{
@ -69,7 +77,7 @@
@foreach (var language in languages)
{
<a class="dropdown-item" href="/Abp/Languages/Switch?culture=@language.CultureName&uiCulture=@language.UiCultureName&returnUrl=@(System.Net.WebUtility.UrlEncode(Context.Request.GetEncodedPathAndQuery()))">
<span class="flag-icon flag-icon mr-2 flag-icon-tr"></span>@language.DisplayName
<span class="flag-icon flag-icon mr-2 flag-icon-@language.FlagIcon"></span>@language.DisplayName
</a>
}
</div>

3
src/EventHub.Web.Theme/Themes/EventHub/Layouts/Application.cshtml

@ -45,7 +45,8 @@
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css" integrity="sha512-OTcub78R3msOCtY3Tc6FzeDJ8N9qvQn1Ph49ou13xgA9VsH9+LRxoFU6EqLhW4+PKRfU+/HReXmSZXHEkpYoOA==" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icon-css@3.5.0/css/flag-icon.min.css"/>
<abp-style-bundle name="@EventHubThemeBundles.Styles.Global"/>
@await Component.InvokeAsync(typeof(WidgetStylesViewComponent))

Loading…
Cancel
Save