P0
/
CodeLiturgy.Dashboard
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change style

This commit is contained in:
code liturgy 2022-11-22 22:39:28 +00:00
parent f2781b1dfc
commit 712478814e
13 changed files with 4380 additions and 297 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CodeLiturgy.Dashboard.Frontend

@ -1 +1 @@
Subproject commit e25d0c0b2cd46d63670966b03de9bd03c9d91637
Subproject commit 98c92cbbb5060835ecb43295e0ce241d88f9797a

8
CodeLiturgy.Views/RazorUtils/Languages/Translations.cs
View File

@ -63,14 +63,6 @@ public static class Translations
{"en-gb", "Account"},
}
},
{
EnvironmentsKeyName, new Dictionary<string, string>()
{
{"pt", "Ambientes"},
{"eng", "Environments"},
{"en-gb", "Environments"},
}
},
{
ChangePasswordKeyName, new Dictionary<string, string>()

5
CodeLiturgy.Views/RazorUtils/LayoutCache.cs
View File

@ -22,10 +22,7 @@ internal class LayoutCache
RootLocation,
nameof(HomeController),
new List<RouteRecord>()
{
new RouteRecord("Environments", EnvironmentsKeyName, EnvironmentsRouteLocation, nameof(EnvironmentsPageController), new List<RouteRecord>(), ViewType.Environments)
}, ViewType.Root);
, ViewType.Root);
#endregion Route Tree

4
CodeLiturgy.Views/RazorUtils/Routes.cs
View File

@ -59,9 +59,5 @@ namespace CodeLiturgy.Views.Utils
internal const string ChangePasswordKeyName = "changepwd";
internal const string ChangePasswordRouteLocation = $"{AuthAccountRoute}/change";
// Environments
internal const string EnvironmentsRouteLocation = "/environments";
internal const string EnvironmentsKeyName = "envs";
}
}

4
CodeLiturgy.Views/Views/EnvironmentsPage/Index.cshtml
View File

@ -1,4 +1,4 @@
<link rel="stylesheet" asp-append-version="true" href="~/static/envs/index.3635012e.css" />
<script src="~/static/envs/index.e56c5746.js" defer/>
@*<link rel="stylesheet" asp-append-version="true" href="~/static/envs/index.3635012e.css" />
<script src="~/static/envs/index.e56c5746.js" defer/>*@
<div id="app"></div>

25
CodeLiturgy.Views/Views/Shared/_FooterMenu.cshtml
View File

@ -8,30 +8,23 @@
@if (menu.Count > 0)
{
<footer class="q-footer q-layout__section--marginal absolute-bottom q-footer--bordered text-secondary">
<div class="q-tabs row no-wrap items-center q-tabs--not-scrollable q-tabs--horizontal q-tabs__arrows--inside text-white">
<div class="q-tabs__content row no-wrap items-center self-stretch hide-scrollbar relative-position q-tabs__content--align-center">
<div style="margin-right: 1rem;">
<a href="/geo" class="router-link-active router-link-exact-active">
<i class="q-icon text-white notranslate material-icons" style="font-size: 24px;">data_usage</i>
</a>
</div>
<div class="menu bottom">
<div class="row no-wrap center-align copyright-notice">
<span class="white-text">
<p>© Copyright 2011 - 2022, Code Liturgy
| <a href="#" target="_blank" data-capture="click">Privacy Policy</a>
@if (menu is {Count: > 0 })
{
@foreach (var record in menu)
{
<a href="@record.Location" class="q-tab relative-position self-stretch flex flex-center text-center q-tab--inactive q-tab--no-caps q-focusable q-hoverable cursor-pointer">
<div class="q-tab__content self-stretch flex-center relative-position q-anchor--skip non-selectable column">
<div class="q-tab__label">@record.Name</div>
</div>
<div class="q-tab__indicator absolute-bottom text-transparent"></div>
</a>
<a href="@record.Location" target="_blank" data-capture="click">@record.Name</a>
}
}
</p>
</span>
</div>
</div>
</footer>
}

76
CodeLiturgy.Views/Views/Shared/_HeaderMenu.cshtml
View File

@ -8,72 +8,28 @@
var rootUrl = SessionConstants.CookieDomain;
var menu = LayoutCache.GetDefaultHeaderMenu(ViewData, User.IsAuthenticated());
}
<div class="q-tabs items-center row no-wrap items-center q-tabs--not-scrollable q-tabs--horizontal q-tabs__arrows--inside">
<div class="q-tabs__content row no-wrap items-center self-stretch hide-scrollbar relative-position q-tabs__content--align-center">
<div class="menu top">
<div class="row no-wrap middle-align">
@if (menu is {Count: > 0 })
{
@foreach (var record in menu)
{
<a class="q-tab relative-position self-stretch flex flex-center text-center q-tab--inactive q-focusable q-hoverable cursor-pointer " href="@record.Location">
<div class="q-tab__content self-stretch flex-center relative-position q-anchor--skip non-selectable column">
<div class="q-tab__label">@record.Name</div>
</div>
<div class="q-tab__indicator absolute-bottom"></div>
<div class="col">
<nav class="left-align">
<a href="@record.Location" class="white-text">
@record.Name
</a>
</nav>
</div>
}
}
@if (userAuthenticated && user != null)
{
<div class="q-chip row inline no-wrap items-center q-chip--dark q-dark" id="profile-wrap">
<div class="q-chip__content col row no-wrap items-center q-anchor--skip">
<div class="q-avatar">
<div class="q-avatar__content row flex-center overflow-hidden">
<img src="@rootUrl/static/profile/boy-avatar.png">
</div>
</div> @user.Email
</div>
</div>
<style lang="css">
</style>
}
@*<div class="col">
<nav class="right-align">
<a href="#"
target="_blank">
<button class="events-button">See Full Events Calendar</button>
</a>
</nav>
</div>*@
</div>
</div>
@if (userAuthenticated && user != null)
{
<div class="profileMenuContainer" id="profile-menu" style="display: none">
<div>
<a href="@AuthAccountRoute" class="profile-link">
<button class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle bg-black text-white q-btn--actionable q-focusable q-hoverable q-btn--active" type="button">
<span class="q-btn__content text-center col items-center q-anchor--skip justify-center row">
<span class="block">Profile</span>
</span>
</button>
</a>
</div>
<div>
<a href="@AuthLogoutRoute" class="profile-link">
<button class="q-btn q-btn-item non-selectable no-outline q-btn--standard q-btn--rectangle bg-black text-white q-btn--actionable q-focusable q-hoverable q-btn--active" type="button">
<span class="q-btn__content text-center col items-center q-anchor--skip justify-center row">
<span class="block">Logout</span>
</span>
</button>
</a>
</div>
</div>
}
<script >
(() => {
const wrapMenu = document.getElementById("profile-wrap");
const profileMenu = document.getElementById("profile-menu");
wrapMenu.onclick = () => {
if (profileMenu.style.display === "none") {
profileMenu.style.display = "block";
} else {
profileMenu.style.display = "none";
}
}
})();
</script>

19
CodeLiturgy.Views/Views/Shared/_Layout.cshtml
View File

@ -11,7 +11,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>@ViewData["Title"] - CodeLiturgy.Views</title>
<link rel="stylesheet" href="@rootUrl/static/main.css" asp-append-version="true"/>
<link rel="stylesheet" href="@rootUrl/static/site.css" asp-append-version="true"/>
<link rel="preload" href="@rootUrl/static/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff" as="font" type="font/woff" crossorigin>
<link rel="preload" href="@rootUrl/static/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2" as="font" type="font/woff2" crossorigin>
@ -25,21 +24,11 @@
}
</style>
</head>
<body class="desktop touch body--dark" style="--q-primary:#414141;">
<div id="q-app">
<div class="q-layout q-layout--standard" id="app-entry">
<header class="q-header q-layout__section--marginal fixed-top bg-primary text-white">
@await Html.PartialAsync("_HeaderMenu", applicationUser)
</header>
<body class="home page-template-default page">
@await Html.PartialAsync("_HeaderMenu", applicationUser)
@RenderBody()
@await Html.PartialAsync("_FooterMenu", applicationUser)
<div class="q-page-container" style="padding-top: 48px; padding-bottom: 49px;">
<div class="app-body">
@RenderBody()
</div>
</div>
</div>
</div>
@await RenderSectionAsync("Scripts", required: false)
</body>
</html>

2
CodeLiturgy.Views/wwwroot/static/envs/envs.css
View File

@ -1 +1 @@
:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dropdown.svelte-1c41377.svelte-1c41377{position:relative;width:200px}.dropdown.svelte-1c41377 select.svelte-1c41377{width:100%}.dropdown.svelte-1c41377>.svelte-1c41377{box-sizing:border-box;height:1.5em}.dropdown.svelte-1c41377 input.svelte-1c41377{position:absolute;width:calc(100% - 20px)}
.no-environments-diplay.svelte-877bn7{text-align:center;height:100%;display:flex;width:100%;justify-content:center;align-items:center}.environment-manager-container.svelte-877bn7{width:100%;height:100%;display:flex;align-items:center;margin-left:25rem}.dropdown.svelte-1c41377.svelte-1c41377{position:relative;width:200px}.dropdown.svelte-1c41377 select.svelte-1c41377{width:100%}.dropdown.svelte-1c41377>.svelte-1c41377{box-sizing:border-box;height:1.5em}.dropdown.svelte-1c41377 input.svelte-1c41377{position:absolute;width:calc(100% - 20px)}.page-container.svelte-1pmz6nl{display:flex;min-width:100%;min-height:87vh}button.env-button.svelte-1pmz6nl{width:100%;background-color:#3a3a3a;border-radius:0;color:#fbfbfb;margin-bottom:15px!important}button.env-button.svelte-1pmz6nl:not(:last-child){margin-bottom:15px!important}.actions-menu.svelte-1pmz6nl{background:#152842;height:100%;padding:50rem 30rem 30rem;display:flex;flex-direction:column;align-items:center}

6
CodeLiturgy.Views/wwwroot/static/envs/envs.js
View File

File diff suppressed because one or more lines are too long

2
CodeLiturgy.Views/wwwroot/static/envs/envs.js.map
View File

File diff suppressed because one or more lines are too long

4486
CodeLiturgy.Views/wwwroot/static/main.css
View File

File diff suppressed because it is too large Load Diff

16
CodeLiturgy.Views/wwwroot/static/site.css
View File

@ -1,16 +0,0 @@
#profile-wrap {
cursor: pointer;
margin-left: auto;
}
.profile-link {
text-decoration: none;
}
.profileMenuContainer {
position: absolute;
background-color: #505050;
padding: 12px 10px 12px;
right: 0;
border: 2px solid #0f0f0f;
border-radius: 10px;
}