diff --git a/CheckDrive.Web/CheckDrive.Web/Views/Shared/_SideBar.cshtml b/CheckDrive.Web/CheckDrive.Web/Views/Shared/_SideBar.cshtml index 018402a6..ef48504c 100644 --- a/CheckDrive.Web/CheckDrive.Web/Views/Shared/_SideBar.cshtml +++ b/CheckDrive.Web/CheckDrive.Web/Views/Shared/_SideBar.cshtml @@ -2,7 +2,124 @@ For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860 *@ @{ + List menuItems = new List(); + + menuItems.Add(new + { + text = "Common", + separator = true, + }); + menuItems.Add(new + { + text = "Dashboard", + url = "/dashboard", + iconCss = "fa-solid fa-home", + }); + menuItems.Add(new + { + text = "Sales", + url = "/sales", + iconCss = "fa-solid fa-money-bill-trend-up", + }); + menuItems.Add(new + { + text = "Supplies", + iconCss = "fa-solid fa-truck-ramp-box", + url = "/supplies" + }); + + menuItems.Add(new + { + text = "Partners", + separator = true, + }); + + menuItems.Add(new + { + text = "Customers", + iconCss = "fa-solid fa-user-group", + url = "/customers" + }); + + menuItems.Add(new + { + text = "Suppliers", + iconCss = "fa-solid fa-people-arrows", + url = "/suppliers" + }); + + menuItems.Add(new + { + text = "Products", + separator = true, + }); + menuItems.Add(new + { + text = "Products", + iconCss = "fa-solid fa-cube", + url = "/products" + }); + menuItems.Add(new + { + text = "Categories", + iconCss = "fa-solid fa-box", + url = "/categories" + }); + + menuItems.Add(new + { + text = "Отчёты", + separator = true, + }); + menuItems.Add(new + { + text = "Reports", + iconCss = "fa-solid fa-chart-simple", + url = "/reports" + }); + menuItems.Add(new + { + text = "Settings", + iconCss = "fa-solid fa-gear", + url = "#" + }); } - - \ No newline at end of file + + + +
+ +
+ +
+ +
+ +
+
@ViewBag.User
+
+
+ + + + + + \ No newline at end of file diff --git a/CheckDrive.Web/CheckDrive.Web/wwwroot/css/site.css b/CheckDrive.Web/CheckDrive.Web/wwwroot/css/site.css index d3dcadf3..8dc8ce53 100644 --- a/CheckDrive.Web/CheckDrive.Web/wwwroot/css/site.css +++ b/CheckDrive.Web/CheckDrive.Web/wwwroot/css/site.css @@ -27,14 +27,287 @@ body { margin-bottom: 60px; } +/*BreadCrumb*/ +.e-breadcrumb a, .e-breadcrumb a:hover { + text-decoration: none !important; + color: inherit !important; +} + +/*Button*/ +.btn:focus, .btn:active { + outline: none !important; + box-shadow: none; +} + +/*Hyperlink*/ +.no-a-decoration, .no-a-decoration:hover { + text-decoration: none; + color: inherit; +} + +/*Grid*/ +.e-grid { + border: 0; + border-radius: 5px; +} + + .e-grid .e-gridcontent, .e-grid .e-table { + background-color: #1a222b; + } + + .e-grid .e-gridheader { + border: 5px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + padding: 10px; + background-color: #222b33; + } + + .e-grid .e-gridheader .e-headercell { + background-color: #222b33; + } + + .e-grid .e-gridpager { + background-color: #1a222b; + } + + .e-grid .e-pagercontainer { + border: none; + background-color: #1a222b; + } + + .e-grid .e-content table { + padding: 0px 10px; + } + +.e-pagercontainer .e-icons { + background-color: #1a222b; + border: none !important; +} + +.e-pager .e-numericitem { + color: #adb5bd; + background-color: #1a222b; + padding: 15px !important; +} + + .e-pager .e-numericitem:not(.e-currentitem) { + border: none !important; + } + + .e-pager .e-numericitem:hover { + color: #fff; + } + + .e-pager .e-numericitem.e-currentitem { + color: #fff; + border: none !important; + background-color: #31373d; + } + +.e-pager div.e-icons:not(.e-disable) { + color: #fff; + cursor: pointer; + font-weight: bold; +} + +.e-grid .e-pager { + padding: 10px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +/*Logo*/ +.logo-wrapper { + height: 70px; + display: flex; + flex-direction: row; + align-items: center; +} + +.app-logo { + padding: 10px 10px; +} + +/*Menu*/ +#menu { + width: 100% !important; + background-color: inherit; + overflow: hidden; +} + + #menu .e-menu-item:not(.e-separator) { + height: 50px; + border-radius: 4px; + } + + #menu .e-menu-item { + box-sizing: border-box; + } + + #menu .e-menu-item a { + width: 100%; + color: #fff; + font-weight: 300; + padding: 7px 5px; + box-sizing: border-box; + } + + #menu .e-anchor-wrap { + display: inline-block; + } + + #menu .e-menu-item .e-anchor-wrap span.e-menu-icon { + color: #fff; + } + + #menu .e-menu-item.e-separator { + border: none; + margin: 5px 5px; + text-transform: uppercase; + font-weight: bold; + font-size: 13px; + color: #65da41; + } + + #menu .e-menu-item.e-separator:not(:first-child) { + margin-top: 35px; + } + + + +/*Navbar*/ +nav.navbar { + background-color: rgba(18, 22, 29); +} + + nav.navbar i { + padding: 10px; + border-radius: 50%; + font-size: 1.2rem; + cursor: pointer; + } + + nav.navbar i:hover, nav.navbar img:hover { + cursor: pointer; + background-color: #48545f14; + transform: scale(1.05) translateZ(0px); + } + +nav.navbar { + margin-left: 290px; +} + +/*Profile Pic*/ +img.profile-pic { + width: 45px; + height: 45px; + border-radius: 50%; +} + +.profile-wrapper { + display: flex; + flex-direction: row; + align-items: center; + background-color: rgba(72, 84, 95, 0.12); + padding: 16px 20px; + border-radius: 12px; + cursor: pointer; + margin-bottom: 30px; +} + + .profile-wrapper .titles { + line-height: 1; + } + +/*Radio Button Group*/ +.e-btn-group.custom-rbt-group { + width: 100%; +} + + .e-btn-group.custom-rbt-group .e-btn { + width: 50%; + } + +.custom-rbt-group label.e-btn { + box-shadow: none !important; + border: 1px solid #fff; + background-color: rgb(34 43 51); + color: #fff; +} + +.e-btn-group.custom-rbt-group input:checked + label.e-btn { + background-color: #fff; + color: #212b36; + border: 1px solid #fff; +} + /*SideBar*/ #sidebar { - background-color:#000000; + background-color: #12161d; border-right: 1px dashed rgba(75,82,85,0.24); padding: 10px 20px; overflow: hidden; } + #sidebar .e-menu-wrapper { + width: 100%; + background-color: inherit; + } + +#sidebar-toggler { + padding: 10px; + border-radius: 50%; + font-size: 1.2rem; + cursor: pointer; +} + + #sidebar-toggler:hover { + cursor: pointer; + background-color: #48545f14; + transform: scale(1.05) translateZ(0px); + } + +#sidebar.e-close { + padding-left: 10px; + padding-right: 10px; +} + + #sidebar.e-close .app-logo { + display: none; + } + + #sidebar.e-close .e-anchor-wrap, #sidebar.e-close .e-menu-item.e-menu-caret-icon { + font-size: 0px; + } + + #sidebar.e-close .profile-wrapper .titles { + display: none !important; + } + + + #sidebar.e-open .e-anchor-wrap, + #sidebar.e-close .e-menu-icon, #sidebar.e-open .e-menu-icon { + visibility: visible; + } + +#sidebar.e-open .profile-wrapper .titles, #sidebar.e-open .app-logo { + display: flex; +} + +#sidebar.e-sidebar.e-right.e-close { + visibility: visible; + transform: translateX(0%); +} + +#sidebar.e-open #sidebar-toggler:before { + content: '\f100' +} + +#sidebar.e-close #sidebar-toggler:before { + content: '\f101' +} +/*Widget*/ .widget { border-radius: 1rem; background-color: white;