Skip to content

Commit c5a5f50

Browse files
author
Farzin
committed
moving settings
1 parent b4b0019 commit c5a5f50

9 files changed

Lines changed: 91 additions & 29 deletions

File tree

src/Blogifier.Admin/Pages/Settings/ImportView.razor renamed to src/Blogifier.Admin/Pages/Blog/ImportView.razor

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
@layout SettingsLayout
2-
@page "/admin/settings/import/"
1+
@layout BlogLayout
2+
@page "/admin/blog/import/"
33
@inject HttpClient _http
44
@inject IStringLocalizer<Resource> _localizer
55
@inject IToaster _toaster

‎src/Blogifier.Admin/Pages/Blog/SettingsView.razor‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
@layout BlogLayout
2+
@page "/admin/blog/settings/"
3+
@inject HttpClient _http
4+
@inject IStringLocalizer<Resource> _localizer
5+
@inject IToaster _toaster
6+
@inject IJSRuntime JSRuntime
7+
8+
<PageTitle Title="@_localizer["blog-settings"]" />
9+
10+
@if (Blog != null)
11+
{
12+
<h1 class="section-title">@_localizer["blog-settings"]</h1>
13+
<div class="section-content -half">
14+
<EditForm model="@Blog" OnValidSubmit="Save">
15+
<DataAnnotationsValidator />
16+
<ValidationSummary />
17+
<div class="form-item">
18+
<div class="form-check form-switch">
19+
<input class="form-check-input" type="checkbox" @bind="Blog.IncludeFeatured" id="IncludeFeaturedSwitch">
20+
<label class="form-check-label" for="IncludeFeaturedSwitch">@_localizer["include-featured"]</label>
21+
</div>
22+
</div>
23+
<div class="form-item">
24+
<label class="form-label">@_localizer["items-per-page"]</label>
25+
<input type="text" class="form-control" @bind="Blog.ItemsPerPage" name="pageitems" />
26+
</div>
27+
<div class="form-item">
28+
<button type="submit" class="btn btn-blogifier px-5">@_localizer["save"]</button>
29+
</div>
30+
</EditForm>
31+
</div>
32+
}
33+
<ToasterComponent @ref="Toaster" />
34+
35+
@code {
36+
protected Blog Blog { get; set; }
37+
protected ToasterComponent Toaster;
38+
39+
protected override async Task OnInitializedAsync()
40+
{
41+
Blog = await _http.GetFromJsonAsync<Blog>("api/blog");
42+
}
43+
44+
protected async Task Save()
45+
{
46+
Toaster.Toast(await _http.PutAsJsonAsync<Blog>("api/blog", Blog));
47+
}
48+
}

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

Lines changed: 4 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -11,29 +11,19 @@
1111
<EditForm model="@Blog" OnValidSubmit="Save">
1212
<DataAnnotationsValidator />
1313
<ValidationSummary />
14-
<div class="form-item">
15-
<label class="form-label">@_localizer["title"]</label>
16-
<input type="text" class="form-control" @bind="Blog.Title" name="title" />
17-
</div>
18-
<div class="form-item">
19-
<label class="form-label">@_localizer["description"]</label>
20-
<textarea class="form-control" cols="30" rows="5" @bind="Blog.Description" name="description"></textarea>
21-
</div>
2214
<div class="form-item">
2315
<label class="form-label">@_localizer["default-cover"]</label>
2416
<button class="settings-cover" type="button" onclick="">
2517
<img class="settings-cover-img" id="defaultCover" src="@Constants.DefaultCover" alt="@_localizer["default-cover"]">
2618
</button>
2719
</div>
2820
<div class="form-item">
29-
<div class="form-check form-switch">
30-
<input class="form-check-input" type="checkbox" @bind="Blog.IncludeFeatured" id="IncludeFeaturedSwitch">
31-
<label class="form-check-label" for="IncludeFeaturedSwitch">@_localizer["include-featured"]</label>
32-
</div>
21+
<label class="form-label">@_localizer["title"]</label>
22+
<input type="text" class="form-control" @bind="Blog.Title" name="title" />
3323
</div>
3424
<div class="form-item">
35-
<label class="form-label">@_localizer["items-per-page"]</label>
36-
<input type="text" class="form-control" @bind="Blog.ItemsPerPage" name="pageitems" />
25+
<label class="form-label">@_localizer["description"]</label>
26+
<textarea class="form-control" cols="30" rows="5" @bind="Blog.Description" name="description"></textarea>
3727
</div>
3828
<div class="form-item">
3929
<button type="submit" class="btn btn-blogifier px-5">@_localizer["save"]</button>

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

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,9 @@
1717
<div class="sidebar-nav d-lg-block">
1818
<NavLink class="sidebar-link" href="/admin/blog/" Match="NavLinkMatch.All">@_localizer["posts"]</NavLink>
1919
<NavLink class="sidebar-link" href="/admin/blog/categories/">@_localizer["categories"]</NavLink>
20+
<NavLink class="sidebar-link" href="/admin/blog/import/">@_localizer["import"]</NavLink>
21+
<hr>
22+
<NavLink class="sidebar-link" href="/admin/blog/settings/">@_localizer["settings"]</NavLink>
2023
</div>
2124
</div>
2225
<div class="page-content flex-grow-1">

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

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,18 +14,15 @@
1414
</button>
1515
<div class="sidebar-nav d-lg-block">
1616
<NavLink class="sidebar-link" href="/admin/settings/" Match="NavLinkMatch.All">@_localizer["basic"]</NavLink>
17-
<NavLink class="sidebar-link" href="/admin/settings/comments/">@_localizer["comments"]</NavLink>
17+
<NavLink class="sidebar-link" href="/admin/settings/scripts/">@_localizer["scripts"]</NavLink>
1818
<NavLink class="sidebar-link" href="/admin/settings/users/">@_localizer["users"]</NavLink>
19+
<!-- <NavLink class="sidebar-link" href="/admin/settings/advanced/">@_localizer["advanced"]</NavLink> -->
1920
<hr>
2021
<NavLink class="sidebar-link" href="/admin/settings/themes/">@_localizer["themes"]</NavLink>
2122
<NavLink class="sidebar-link" href="/admin/settings/customize/" Match="NavLinkMatch.All">@_localizer["customize"]</NavLink>
2223
<NavLink class="sidebar-link" href="/admin/settings/customize/widgets/">@_localizer["widgets"]</NavLink>
2324
<NavLink class="sidebar-link" href="/admin/settings/customize/menus/">@_localizer["menus"]</NavLink>
2425
<hr>
25-
<NavLink class="sidebar-link" href="/admin/settings/scripts/">@_localizer["scripts"]</NavLink>
26-
<NavLink class="sidebar-link" href="/admin/settings/import/">@_localizer["import"]</NavLink>
27-
<NavLink class="sidebar-link" href="/admin/settings/advanced/">@_localizer["advanced"]</NavLink>
28-
<hr>
2926
<NavLink class="sidebar-link" href="/admin/settings/about/">@_localizer["about"]</NavLink>
3027
</div>
3128
</div>

‎src/Blogifier.Admin/wwwroot/admin/css/app.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/Blogifier.Admin/wwwroot/admin/css/app.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/Blogifier.Admin/wwwroot/admin/scss/pages/settings/_settings.scss‎

Lines changed: 27 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,48 @@
11
.settings {
22
&-cover {
3-
height: 10rem;
3+
height: 8rem;
44
width: 100%;
55
background: #fff;
66
border-radius: 0.25rem;
77
padding: 0;
88
border: 0;
99
overflow: hidden;
10-
box-shadow: 0 0 0 1px transparent;
11-
transition: box-shadow ease-in-out .15s;
12-
border:1px solid transparent;
10+
position: relative;
11+
12+
&::after {
13+
content: "";
14+
position: absolute;
15+
z-index: 5;
16+
top: 0;
17+
left: 0;
18+
width: 100%;
19+
height: 100%;
20+
background-color: rgba(#fff, 0.5);
21+
background-position: center;
22+
background-size: 2rem;
23+
background-repeat: no-repeat;
24+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-paperclip' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z'/%3E%3C/svg%3E");
25+
opacity: 0;
26+
visibility: hidden;
27+
transition: opacity ease-in-out 0.15s;
28+
}
1329

1430
&-img {
31+
border-radius: 0.25rem;
1532
width: 100%;
1633
height: 100%;
1734
object-fit: cover;
1835
object-position: center;
1936
}
2037

2138
&:focus,
22-
&:hover{
39+
&:hover {
2340
outline: none;
24-
box-shadow: 0 0 0 1px $gray-600;
41+
42+
&::after {
43+
opacity: 1;
44+
visibility: visible;
45+
}
2546
}
2647
}
2748
}

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

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -753,4 +753,7 @@
753753
<data name="theme-customization-desc" xml:space="preserve">
754754
<value>Every theme has different features. You are customizing your current theme, and these changes only apply to the current theme.</value>
755755
</data>
756+
<data name="blog-settings" xml:space="preserve">
757+
<value>Blog settings</value>
758+
</data>
756759
</root>

0 commit comments

Comments
 (0)