Skip to content

Commit 3e2bd51

Browse files
author
Farzin
committed
#281 Design - refactoring customize 2
1 parent 6dc7620 commit 3e2bd51

5 files changed

Lines changed: 33 additions & 82 deletions

File tree

‎src/Blogifier.Admin/Pages/Settings/CustomizeView.razor‎

Lines changed: 3 additions & 81 deletions
Original file line numberDiff line numberDiff line change
@@ -6,99 +6,21 @@
66

77
<PageTitle Title="@_localizer["customize"]" />
88

9-
<h1 class="section-title">@_localizer["customize"]</h1>
9+
<h1 class="section-title">@_localizer["customization"]</h1>
1010
<div class="section-content">
11-
@if (CurrentTheme != null)
12-
{
13-
<div class="customize-info d-flex">
14-
<div class="customize-info-cover">
15-
<img src="@CurrentTheme.Cover" class="customize-info-img" alt="@CurrentTheme.Title">
16-
</div>
17-
<div class="customize-info-details">
18-
<div class="customize-info-title">@CurrentTheme.Title</div>
19-
<p class="customize-info-desc">This is a test description, one paragraph long description for you, there should not be a break line in this description.</p>
20-
<ul class="customize-info-list">
21-
<li>@_localizer["version"] 2.1</li>
22-
<li>@_localizer["by"] John Doe</li>
23-
<li><a href="#">Website</a></li>
24-
<li><a href="#">GitHub</a></li>
25-
<li><a href="#">Other Link</a></li>
26-
</ul>
27-
</div>
28-
</div>
29-
}
11+
<SettingsComponent @ref="ChildSettings" />
12+
<button @onclick="()=> SaveSettings()" class="btn btn-blogifier px-5 mt-4">@_localizer["save"]</button>
3013

31-
<div class="customize-tab">
32-
<div class="customize-tab-nav nav nav-tabs flex-grow-1 mb-4" id="customize-tab" role="tablist">
33-
<button type="button" class="nav-link active" id="customize-settings-tab" data-bs-toggle="tab" data-bs-target="#customize-settings" role="tab" aria-controls="customize-settings" aria-selected="true">@_localizer["settings"]</button>
34-
<button type="button" class="nav-link" id="customize-widgets-tab" data-bs-toggle="tab" data-bs-target="#customize-widgets" role="tab" aria-controls="customize-widgets" aria-selected="false">@_localizer["widgets"]</button>
35-
<button type="button" class="nav-link" id="customize-menu-tab" data-bs-toggle="tab" data-bs-target="#customize-menu" role="tab" aria-controls="customize-menu" aria-selected="false">@_localizer["menus"]</button>
36-
</div>
37-
<div class="customize-tab-content tab-content" id="customize-tabContent">
38-
<div class="tab-pane fade show active" id="customize-settings" role="tabpanel" aria-labelledby="customize-settings-tab">
39-
<SettingsComponent @ref="ChildSettings" />
40-
<button @onclick="()=> SaveSettings()" class="btn btn-blogifier px-5 mt-4">@_localizer["save"]</button>
41-
</div>
42-
<div class="tab-pane fade" id="customize-widgets" role="tabpanel" aria-labelledby="customize-widgets-tab">
43-
<WidgetsComponent />
44-
<button @onclick="()=> SaveSettings()" class="btn btn-blogifier px-5 mt-4">@_localizer["save"]</button>
45-
</div>
46-
<div class="tab-pane fade" id="customize-menu" role="tabpanel" aria-labelledby="customize-menu-tab">
47-
<MenusComponent />
48-
<button @onclick="()=> SaveSettings()" class="btn btn-blogifier px-5 mt-4">@_localizer["save"]</button>
49-
</div>
50-
</div>
51-
</div>
5214
</div>
5315

5416
<ToasterComponent @ref="Toaster" />
5517

5618
@code {
57-
protected Blog Blog { get; set; }
58-
protected ThemeItem CurrentTheme { get; set; }
5919
protected ToasterComponent Toaster;
60-
6120
SettingsComponent ChildSettings;
6221

6322
async Task SaveSettings()
6423
{
6524
Toaster.Toast(await ChildSettings.Save());
6625
}
67-
68-
protected override async Task OnInitializedAsync()
69-
{
70-
await Load();
71-
}
72-
73-
public async Task Load()
74-
{
75-
Blog = await _http.GetFromJsonAsync<Blog>("api/blog");
76-
var allThemes = await _http.GetFromJsonAsync<IList<string>>($"api/storage/themes");
77-
78-
foreach (var theme in allThemes)
79-
{
80-
if (theme.ToLower() == Blog.Theme.ToLower())
81-
{
82-
CurrentTheme = new ThemeItem
83-
{
84-
Title = theme.Capitalize(),
85-
IsCurrent = (Blog.Theme.ToLower() == theme.ToLower()),
86-
Cover = await GetCover(theme)
87-
};
88-
break;
89-
}
90-
}
91-
}
92-
93-
private async Task<string> GetCover(string theme)
94-
{
95-
string slash = System.IO.Path.DirectorySeparatorChar.ToString();
96-
string file = $"wwwroot{slash}themes{slash}{theme}{slash}screenshot.png";
97-
var result = await _http.PutAsJsonAsync<string>($"api/storage/exists", file);
98-
99-
if (result.IsSuccessStatusCode)
100-
return $"themes/{theme}/screenshot.png";
101-
else
102-
return "img/img-placeholder.png";
103-
}
10426
}

‎src/Blogifier.Admin/Pages/Settings/MenusView.razor‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
@layout SettingsLayout
2+
@page "/admin/settings/customize/menus/"
3+
@inject IStringLocalizer<Resource> _localizer
4+
<PageTitle Title="@_localizer["menus"]" />
5+
6+
<h1 class="section-title">@_localizer["menus"]</h1>
7+
<div class="section-content">
8+
<div class="alert alert-warning">
9+
@_localizer["under-development"].
10+
<a class="append-arrow-right" href="https://github.com/blogifierdotnet/blogifier/projects/">@_localizer["more-info"]</a>
11+
</div>
12+
</div>

‎src/Blogifier.Admin/Pages/Settings/WidgetsView.razor‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
@layout SettingsLayout
2+
@page "/admin/settings/customize/widgets/"
3+
@inject IStringLocalizer<Resource> _localizer
4+
<PageTitle Title="@_localizer["widgets"]" />
5+
6+
<h1 class="section-title">@_localizer["widgets"]</h1>
7+
<div class="section-content">
8+
<div class="alert alert-warning">
9+
@_localizer["under-development"].
10+
<a class="append-arrow-right" href="https://github.com/blogifierdotnet/blogifier/projects/">@_localizer["more-info"]</a>
11+
</div>
12+
</div>

‎src/Blogifier.Admin/Shared/SettingsLayout.razor‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,9 @@
1818
<NavLink class="sidebar-link" href="/admin/settings/users/">@_localizer["users"]</NavLink>
1919
<hr>
2020
<NavLink class="sidebar-link" href="/admin/settings/themes/">@_localizer["themes"]</NavLink>
21-
<NavLink class="sidebar-link" href="/admin/settings/customize/">@_localizer["customize"]</NavLink>
21+
<NavLink class="sidebar-link" href="/admin/settings/customize/" Match="NavLinkMatch.All">@_localizer["customize"]</NavLink>
22+
<NavLink class="sidebar-link" href="/admin/settings/customize/widgets/">@_localizer["widgets"]</NavLink>
23+
<NavLink class="sidebar-link" href="/admin/settings/customize/menus/">@_localizer["menus"]</NavLink>
2224
<hr>
2325
<NavLink class="sidebar-link" href="/admin/settings/scripts/">@_localizer["scripts"]</NavLink>
2426
<NavLink class="sidebar-link" href="/admin/settings/import/">@_localizer["import"]</NavLink>

‎src/Blogifier.Shared/Resources/Resource.resx‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -747,4 +747,7 @@
747747
<data name="author" xml:space="preserve">
748748
<value>Author</value>
749749
</data>
750+
<data name="customization" xml:space="preserve">
751+
<value>Customization</value>
752+
</data>
750753
</root>

0 commit comments

Comments
 (0)