Skip to content

Commit 6dc7620

Browse files
author
Farzin
committed
#281 Design - refactoring customize 1
1 parent 7f2c23f commit 6dc7620

10 files changed

Lines changed: 11 additions & 333 deletions

File tree

‎src/Blogifier.Admin/Components/Customize/AboutThemeComponent.razor‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎src/Blogifier.Admin/Components/Customize/MenusComponent.razor‎

Lines changed: 4 additions & 77 deletions
Original file line numberDiff line numberDiff line change
@@ -1,78 +1,5 @@
1-
<div class="alert alert-warning">This section is under development.</div>
2-
<div class="row app-menu-row">
3-
4-
<!--
5-
Get all the Menu that theme developer added to the theme.
6-
We loop this:
7-
-->
8-
<!-- menu -->
9-
<div class="col-lg-4">
10-
<div class="app-menu">
11-
12-
<!--
13-
Menu Name comes from the theme, Theme developer name it, so user underdstand what menu they are customizing.
14-
Example: Header Menu or Footer Menu, etc.
15-
-->
16-
<h2 class="app-menu-title">Menu Name</h2>
17-
18-
<div class="app-menu-body">
19-
20-
<!-- Added menus -->
21-
<div class="app-menu-item d-flex">
22-
<div class="app-menu-item-move"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical " viewBox="0 0 16 16"><path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" /></svg></div>
23-
<div class="app-menu-item-title">Menu Title</div>
24-
<button class="app-menu-item-btn" type="button" data-bs-toggle="modal" data-bs-target="#editMenu"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16"><path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" /></svg></button>
25-
</div>
26-
<!-- for the submenu we add a "app-menu-submenu" class -->
27-
<div class="app-menu-item app-menu-submenu d-flex">
28-
<div class="app-menu-item-move"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical " viewBox="0 0 16 16"><path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" /></svg></div>
29-
<div class="app-menu-item-title">Submenu Title</div>
30-
<button class="app-menu-item-btn" type="button" data-bs-toggle="modal" data-bs-target="#editMenu"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16"><path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" /></svg></button>
31-
</div>
32-
<!--/Added menus -->
33-
34-
<!-- Add -->
35-
<div class="app-menu-add">
36-
<button class="btn btn-outline-default btn-block" type="button" data-bs-toggle="modal" data-bs-target="#editMenu">Add menu</button>
37-
</div>
38-
<!--/Add -->
39-
40-
</div>
41-
</div>
42-
</div>
43-
<!--/menu -->
44-
1+
@inject IStringLocalizer<Resource> _localizer
2+
<div class="alert alert-warning">
3+
@_localizer["under-development"].
4+
<a class="append-arrow-right" href="https://github.com/blogifierdotnet/blogifier/projects/">@_localizer["more-info"]</a>
455
</div>
46-
47-
<!-- Modal - Edit menu-->
48-
<div class="modal fade" id="editMenu" tabindex="-1" aria-labelledby="editMenuLabel" aria-hidden="true">
49-
<div class="modal-dialog">
50-
<div class="modal-content">
51-
<div class="modal-header">
52-
<h5 class="modal-title" id="editMenuLabel">Edit/Add Menu</h5>
53-
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
54-
</div>
55-
<div class="modal-body">
56-
<div class="form-item">
57-
<label class="form-label">Title</label>
58-
<input type="text" class="form-control" value="" />
59-
</div>
60-
<div class="form-item">
61-
<label class="form-label">URL</label>
62-
<input type="url" class="form-control" value="" />
63-
</div>
64-
<div class="form-item">
65-
<label class="form-label">Submenu</label>
66-
<select class="form-select">
67-
<option selected>None</option>
68-
<option value="1">One</option>
69-
<option value="2">Two</option>
70-
<option value="3">Three</option>
71-
</select>
72-
</div>
73-
<button type="button" class="btn btn-blogifier">Save Changes</button>
74-
</div>
75-
</div>
76-
</div>
77-
</div>
78-
<!--/Modal -->

‎src/Blogifier.Admin/Components/Customize/WidgetsComponent.razor‎

Lines changed: 4 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,5 @@
1-
<div class="alert alert-warning">This section is under development.</div>
2-
<div class="row app-widgetzone-row">
3-
<!--
4-
Get all the Widget Zones that theme developer added to the theme.
5-
We loop this:
6-
-->
7-
<!-- Widgetzone -->
8-
<div class="col-lg-4">
9-
<div class="app-widgetzone">
10-
11-
<!--
12-
Widget Zone Name comes from the theme, Theme developer name it, so user underdstand what Widget Zone they are customizing.
13-
Example: Sidebar or Footer, etc.
14-
-->
15-
<h2 class="app-widgetzone-title">Widget Zone Name</h2>
16-
<div class="app-widgetzone-body">
17-
18-
<!-- Added widgets -->
19-
<div class="app-widgetzone-widget d-flex">
20-
<div class="app-widgetzone-widget-move"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical " viewBox="0 0 16 16"><path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z" /></svg></div>
21-
<div class="app-widgetzone-widget-title">Widget Title</div>
22-
<button class="app-widgetzone-widget-btn ms-auto" type="button" data-bs-toggle="modal" data-bs-target="#widgetSettings"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16"><path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" /></svg></button>
23-
</div>
24-
<!--/Added widgets -->
25-
26-
<!-- Add -->
27-
<div class="app-widgetzone-add dropdown dropdown-full">
28-
<button class="btn btn-outline-default dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">Add Widget</button>
29-
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
30-
<!-- Loop all the available widgets / and onclick we it -->
31-
<button class="dropdown-item" type="button" onclick="">Widgets Title 1</button>
32-
<button class="dropdown-item" type="button" onclick="">Widgets Title 2</button>
33-
<button class="dropdown-item" type="button" onclick="">Widgets Title 2</button>
34-
</div>
35-
</div>
36-
<!--/Add -->
37-
38-
</div>
39-
</div>
40-
</div>
41-
<!--/Widgetzone -->
42-
1+
@inject IStringLocalizer<Resource> _localizer
2+
<div class="alert alert-warning">
3+
@_localizer["under-development"].
4+
<a class="append-arrow-right" href="https://github.com/blogifierdotnet/blogifier/projects/">@_localizer["more-info"]</a>
435
</div>
44-
45-
<!-- Modal - Widget Settings -->
46-
<div class="modal fade" id="widgetSettings" tabindex="-1" aria-labelledby="widgetSettingsLabel" aria-hidden="true">
47-
<div class="modal-dialog">
48-
<div class="modal-content">
49-
<div class="modal-header">
50-
<h5 class="modal-title" id="widgetSettingsLabel">Widget title</h5>
51-
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
52-
</div>
53-
<div class="modal-body">
54-
<div class="form-item">
55-
<label class="form-label">Title</label>
56-
<input type="text" class="form-control" value="" />
57-
</div>
58-
<div class="form-item">
59-
other settings goes here...
60-
</div>
61-
<button type="button" class="btn btn-blogifier">Save Changes</button>
62-
</div>
63-
</div>
64-
</div>
65-
</div>
66-
<!--/Modal -->

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

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,6 @@
3333
<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>
3434
<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>
3535
<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-
<button type="button" class="nav-link ms-auto" id="customize-about-tab" data-bs-toggle="tab" data-bs-target="#customize-about" role="tab" aria-controls="customize-about" aria-selected="false">@_localizer["about"]</button>
3736
</div>
3837
<div class="customize-tab-content tab-content" id="customize-tabContent">
3938
<div class="tab-pane fade show active" id="customize-settings" role="tabpanel" aria-labelledby="customize-settings-tab">
@@ -48,9 +47,6 @@
4847
<MenusComponent />
4948
<button @onclick="()=> SaveSettings()" class="btn btn-blogifier px-5 mt-4">@_localizer["save"]</button>
5049
</div>
51-
<div class="tab-pane fade" id="customize-about" role="tabpanel" aria-labelledby="customize-about-tab">
52-
<AboutThemeComponent />
53-
</div>
5450
</div>
5551
</div>
5652
</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/app.scss‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@
3232
@import "include/toaster";
3333
@import "include/editor";
3434
@import "include/tooltips";
35+
@import "include/icons";
3536

3637
// pages > account
3738
@import "pages/account/account";
@@ -47,5 +48,3 @@
4748
@import "pages/settings/about";
4849
@import "pages/settings/themes";
4950
@import "pages/settings/customize";
50-
@import "pages/settings/customize_menus";
51-
@import "pages/settings/customize_widgets";

‎src/Blogifier.Admin/wwwroot/admin/scss/include/_icons.scss‎

Whitespace-only changes.

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

Lines changed: 0 additions & 95 deletions
This file was deleted.

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

Lines changed: 0 additions & 85 deletions
This file was deleted.

0 commit comments

Comments
 (0)