Skip to content

Commit

Permalink
[#246] [add] initial
Browse files Browse the repository at this point in the history
  • Loading branch information
i4004 committed Dec 28, 2024
1 parent caf6aee commit 3f4f45a
Show file tree
Hide file tree
Showing 10 changed files with 145 additions and 115 deletions.
3 changes: 1 addition & 2 deletions src/SampleApps/SampleApp.Classic/Styles/Main.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

20 changes: 18 additions & 2 deletions src/SampleApps/SampleApp.Classic/Styles/Main.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,26 @@
@import "Panels";
@import "MessageBox";

html {
font-size: 10px;
}

body {
background: $back-color !important;
color: $primary-text-color !important;
font: 1.6em "Segoe UI", tahoma, arial, helvetica, sans-serif !important;
font:
1.6em "Segoe UI",
tahoma,
arial,
helvetica,
sans-serif !important;
margin: 1em !important;
padding: 0 !important;
}

.ExecutionTimeFooter {
position: block;

border-top: $primary-border;
text-align: center;
margin-top: 1em;
Expand All @@ -26,8 +37,13 @@ div.Http404MessageBox {

a {
color: $primary-color;
text-decoration: none;
}

a:hover {
color: $primary-color-active;
}
}

.text-center {
text-align: center;
}
6 changes: 3 additions & 3 deletions src/SampleApps/SampleApp.Classic/Styles/MessageBox.scss
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,6 @@ div.inline-message-box {
}

div.inline-error-message-box {
@extend div.inline-message-box;
color: #FF4753;
}
@extend .inline-message-box;
color: #ff4753;
}
46 changes: 33 additions & 13 deletions src/SampleApps/SampleApp.Classic/Styles/Navbar.scss
Original file line number Diff line number Diff line change
@@ -1,25 +1,45 @@
@import 'Variables';
@import "Variables";

div.navbar {
min-height: 50px;
margin-bottom: 20px;

.navbar {
background: $primary-color;
color: $primary-color-opposite;
border: 0;
border-radius: 0;

background: $primary-color;
color: $primary-color-opposite;

box-shadow: $no-box-shadow;

a, .navbar-text {
color: $primary-color-opposite !important;
ul {
margin: 0;
padding: 0;
// list-style: none;

li {
display: block;
position: relative;
float: left;
}
}

a:hover, .navbar-toggle:hover, .navbar:focus {
background-color: $primary-color-active !important;
a {
display: block;
position: relative;

padding: 15px 15px;

line-height: 20px;

color: $primary-color-opposite !important;
}

.navbar-toggle {
background-color: $primary-color !important;
a:hover {
background-color: $primary-color-active !important;
}

.icon-bar {
background-color: $primary-color-opposite !important;
ul.navbar-right {
float: right;
}
}
}
31 changes: 30 additions & 1 deletion src/SampleApps/SampleApp.Classic/Styles/Panels.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,35 @@
@import "Variables";

.panels-container {
}

.panel {
float: left;
width: 50%;
}

.clear {
clear: both;
}

.panel-content {
padding-right: 15px;
padding-left: 15px;
}

.panel-heading {
padding: 10px 15px;
}

.list-group {
margin-bottom: 20px;
padding-left: 0;
}

.list-group-item {
padding: 10px 15px;
margin-bottom: -1px;

background-color: $secondary-color;
border: $primary-border;
}
}
91 changes: 46 additions & 45 deletions src/SampleApps/SampleApp.Classic/Templates/Default.tpl
Original file line number Diff line number Diff line change
Expand Up @@ -2,51 +2,52 @@
Hello from Kestrel-based console application with backend HTML generation, localization, authentication!
</div>

<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<div class="panel-heading">
<b>Links</b>
</div>
<ul class="list-group">
<li class="list-group-item">
<a href="https://github.com/SimplifyNet/Simplify.Web/wiki">Wiki</a>
</li>
<li class="list-group-item">
<a href="https://github.com/SimplifyNet/Simplify.Web/tree/master/src">Source code</a>
</li>
<li class="list-group-item">
<a href="https://github.com/SimplifyNet/Simplify.Web/tree/master/src/SampleApps">Example
applications</a>
</li>
<li class="list-group-item">
<a href="https://www.nuget.org/packages?q=Simplify.Web">Nuget package and extensions</a>
</li>
</ul>
<div class="panel">
<div class="panel-content">
<div class="panel-heading">
<b>Links</b>
</div>
<div class="col-sm-6">
<div class="panel-heading">
<b>Site variables</b>
</div>
<ul class="list-group">
<li class="list-group-item">Site url: {SV:SiteUrl}</li>
<li class="list-group-item">Site virtual path: {~}</li>
<li class="list-group-item">
Templates location: {SV:TemplatesDir}
</li>
<li class="list-group-item">Style: {SV:Style}</li>
<li class="list-group-item">Language: {SV:Language}</li>
<li class="list-group-item">
Language with extension: {SV:LanguageExt}
</li>
<li class="list-group-item">
Language culture name: {SV:LanguageCultureName}
</li>
<li class="list-group-item">
Language culture name with extension:
{SV:LanguageCultureNameExt}
</li>
</ul>
<div class="list-group">
<div class="list-group-item">
<a href="https://github.com/SimplifyNet/Simplify.Web/wiki">Wiki</a>
</div>
<div class="list-group-item">
<a href="https://github.com/SimplifyNet/Simplify.Web/tree/master/src">Source code</a>
</div>
<div class="list-group-item">
<a href="https://github.com/SimplifyNet/Simplify.Web/tree/master/src/SampleApps">Example
applications</a>
</div>
<div class="list-group-item">
<a href="https://www.nuget.org/packages?q=Simplify.Web">Nuget package and extensions</a>
</div>
</div>
</div>
</div>
</div>
<div class="panel">
<div class="panel-content">
<div class="panel-heading">
<b>Site variables</b>
</div>
<div class="list-group">
<div class="list-group-item">Site url: {SV:SiteUrl}</div>
<div class="list-group-item">Site virtual path: {~}</div>
<div class="list-group-item">
Templates location: {SV:TemplatesDir}
</div>
<div class="list-group-item">Style: {SV:Style}</div>
<div class="list-group-item">Language: {SV:Language}</div>
<div class="list-group-item">
Language with extension: {SV:LanguageExt}
</div>
<div class="list-group-item">
Language culture name: {SV:LanguageCultureName}
</div>
<div class="list-group-item">
Language culture name with extension:
{SV:LanguageCultureNameExt}
</div>
</div>
</div>
</div>
<div class="clear"></div>
2 changes: 0 additions & 2 deletions src/SampleApps/SampleApp.Classic/Templates/Master.tpl
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{Title}</title>
<link rel="stylesheet" type="text/css" href="{~}/node_modules/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="{~}/node_modules/bootstrap/dist/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="{~}/Styles/Main.min.css" />

<link rel="shortcut icon" href="{~}/Images/favicon.ico" type="image/x-icon" />
Expand Down
34 changes: 11 additions & 23 deletions src/SampleApps/SampleApp.Classic/Templates/Navbar.tpl
Original file line number Diff line number Diff line change
@@ -1,23 +1,11 @@
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{~}/">Home</a>
</div>

<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="{~}/about">About</a></li>
<li><a href="{~}/messagePageExample">404 Message page example</a></li>
<li><a href="{~}/exception">Exception</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
{LoginPanel}
</ul>
</div>
</div>
</nav>
<div class="navbar">
<ul>
<li><a href="{~}/">Home</a></li>
<li><a href="{~}/about">About</a></li>
<li><a href="{~}/messagePageExample">404 Message page example</a></li>
<li><a href="{~}/exception">Exception</a></li>
</ul>
<ul class="navbar-right">
{LoginPanel}
</ul>
</div>
22 changes: 2 additions & 20 deletions src/SampleApps/SampleApp.Classic/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

5 changes: 1 addition & 4 deletions src/SampleApps/SampleApp.Classic/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,7 @@
"name": "sampleapp.classic",
"version": "1.0.0",
"description": "",
"devDependencies": {
"bootstrap": "^3.4.1",
"jquery": "^3.6.0"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
}
Expand Down

0 comments on commit 3f4f45a

Please sign in to comment.