rayhan.hassou
/
Projet_Blazor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

finish craftlayout according to initial model

Browse Source
arthur
Clément LAPORTE 2 years ago
parent 99533e3408
commit eb5977b570
12 changed files with 481 additions and 21 deletions
Show Stats Download Patch File Download Diff File

2
src/CraftSharp/Pages/Index.razor
Unescape View File

@ -9,7 +9,7 @@
<h3>@Localizer["Opening"]</h3>
<h1>Hello, world!</h1>
<img src="images/@(Localizer["subtext-img"]).png" width="70%" />
<br />
Welcome to your new app.

138
src/CraftSharp/Resources/Shared.HeaderLayout.fr-FR.resx
Unescape View File

@ -0,0 +1,138 @@
<?xml version="1.0" encoding="utf-8"?>
<root>
<!--
Microsoft ResX Schema
Version 2.0
The primary goals of this format is to allow a simple XML format
that is mostly human readable. The generation and parsing of the
various data types are done through the TypeConverter classes
associated with the data types.
Example:
... ado.net/XML headers & schema ...
<resheader name="resmimetype">text/microsoft-resx</resheader>
<resheader name="version">2.0</resheader>
<resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
<resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
<data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
<data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
<data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
<value>[base64 mime encoded serialized .NET Framework object]</value>
</data>
<data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
<value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
<comment>This is a comment</comment>
</data>
There are any number of "resheader" rows that contain simple
name/value pairs.
Each data row contains a name, and value. The row also contains a
type or mimetype. Type corresponds to a .NET class that support
text/value conversion through the TypeConverter architecture.
Classes that don't support this are serialized and stored with the
mimetype set.
The mimetype is used for serialized objects, and tells the
ResXResourceReader how to depersist the object. This is currently not
extensible. For a given mimetype the value must be set accordingly:
Note - application/x-microsoft.net.object.binary.base64 is the format
that the ResXResourceWriter will generate, however the reader can
read any of the formats listed below.
mimetype: application/x-microsoft.net.object.binary.base64
value : The object must be serialized with
: System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
: and then encoded with base64 encoding.
mimetype: application/x-microsoft.net.object.soap.base64
value : The object must be serialized with
: System.Runtime.Serialization.Formatters.Soap.SoapFormatter
: and then encoded with base64 encoding.
mimetype: application/x-microsoft.net.object.bytearray.base64
value : The object must be serialized into a byte array
: using a System.ComponentModel.TypeConverter
: and then encoded with base64 encoding.
-->
<xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
<xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
<xsd:element name="root" msdata:IsDataSet="true">
<xsd:complexType>
<xsd:choice maxOccurs="unbounded">
<xsd:element name="metadata">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" />
</xsd:sequence>
<xsd:attribute name="name" use="required" type="xsd:string" />
<xsd:attribute name="type" type="xsd:string" />
<xsd:attribute name="mimetype" type="xsd:string" />
<xsd:attribute ref="xml:space" />
</xsd:complexType>
</xsd:element>
<xsd:element name="assembly">
<xsd:complexType>
<xsd:attribute name="alias" type="xsd:string" />
<xsd:attribute name="name" type="xsd:string" />
</xsd:complexType>
</xsd:element>
<xsd:element name="data">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
<xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
</xsd:sequence>
<xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
<xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
<xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
<xsd:attribute ref="xml:space" />
</xsd:complexType>
</xsd:element>
<xsd:element name="resheader">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
</xsd:sequence>
<xsd:attribute name="name" type="xsd:string" use="required" />
</xsd:complexType>
</xsd:element>
</xsd:choice>
</xsd:complexType>
</xsd:element>
</xsd:schema>
<resheader name="resmimetype">
<value>text/microsoft-resx</value>
</resheader>
<resheader name="version">
<value>2.0</value>
</resheader>
<resheader name="reader">
<value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
</resheader>
<resheader name="writer">
<value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
</resheader>
<data name="Inventory" xml:space="preserve">
<value>Inventaire</value>
</data>
<data name="Login" xml:space="preserve">
<value>Se connecter</value>
</data>
<data name="Opening" xml:space="preserve">
<value>Ouverture</value>
</data>
<data name="Register" xml:space="preserve">
<value>Créer un compte</value>
</data>
<data name="Shop" xml:space="preserve">
<value>Magasin</value>
</data>
<data name="subtext-img" xml:space="preserve">
<value>subtext_fr-FR</value>
</data>
</root>

138
src/CraftSharp/Resources/Shared.HeaderLayout.resx
Unescape View File

@ -0,0 +1,138 @@
<?xml version="1.0" encoding="utf-8"?>
<root>
<!--
Microsoft ResX Schema
Version 2.0
The primary goals of this format is to allow a simple XML format
that is mostly human readable. The generation and parsing of the
various data types are done through the TypeConverter classes
associated with the data types.
Example:
... ado.net/XML headers & schema ...
<resheader name="resmimetype">text/microsoft-resx</resheader>
<resheader name="version">2.0</resheader>
<resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
<resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
<data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
<data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
<data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
<value>[base64 mime encoded serialized .NET Framework object]</value>
</data>
<data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
<value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
<comment>This is a comment</comment>
</data>
There are any number of "resheader" rows that contain simple
name/value pairs.
Each data row contains a name, and value. The row also contains a
type or mimetype. Type corresponds to a .NET class that support
text/value conversion through the TypeConverter architecture.
Classes that don't support this are serialized and stored with the
mimetype set.
The mimetype is used for serialized objects, and tells the
ResXResourceReader how to depersist the object. This is currently not
extensible. For a given mimetype the value must be set accordingly:
Note - application/x-microsoft.net.object.binary.base64 is the format
that the ResXResourceWriter will generate, however the reader can
read any of the formats listed below.
mimetype: application/x-microsoft.net.object.binary.base64
value : The object must be serialized with
: System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
: and then encoded with base64 encoding.
mimetype: application/x-microsoft.net.object.soap.base64
value : The object must be serialized with
: System.Runtime.Serialization.Formatters.Soap.SoapFormatter
: and then encoded with base64 encoding.
mimetype: application/x-microsoft.net.object.bytearray.base64
value : The object must be serialized into a byte array
: using a System.ComponentModel.TypeConverter
: and then encoded with base64 encoding.
-->
<xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
<xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
<xsd:element name="root" msdata:IsDataSet="true">
<xsd:complexType>
<xsd:choice maxOccurs="unbounded">
<xsd:element name="metadata">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" />
</xsd:sequence>
<xsd:attribute name="name" use="required" type="xsd:string" />
<xsd:attribute name="type" type="xsd:string" />
<xsd:attribute name="mimetype" type="xsd:string" />
<xsd:attribute ref="xml:space" />
</xsd:complexType>
</xsd:element>
<xsd:element name="assembly">
<xsd:complexType>
<xsd:attribute name="alias" type="xsd:string" />
<xsd:attribute name="name" type="xsd:string" />
</xsd:complexType>
</xsd:element>
<xsd:element name="data">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
<xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
</xsd:sequence>
<xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
<xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
<xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
<xsd:attribute ref="xml:space" />
</xsd:complexType>
</xsd:element>
<xsd:element name="resheader">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
</xsd:sequence>
<xsd:attribute name="name" type="xsd:string" use="required" />
</xsd:complexType>
</xsd:element>
</xsd:choice>
</xsd:complexType>
</xsd:element>
</xsd:schema>
<resheader name="resmimetype">
<value>text/microsoft-resx</value>
</resheader>
<resheader name="version">
<value>2.0</value>
</resheader>
<resheader name="reader">
<value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
</resheader>
<resheader name="writer">
<value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
</resheader>
<data name="Inventory" xml:space="preserve">
<value>Inventory</value>
</data>
<data name="Login" xml:space="preserve">
<value>Login</value>
</data>
<data name="Opening" xml:space="preserve">
<value>Opening</value>
</data>
<data name="Register" xml:space="preserve">
<value>Register</value>
</data>
<data name="Shop" xml:space="preserve">
<value>Shop</value>
</data>
<data name="subtext-img" xml:space="preserve">
<value>subtext_en-EN</value>
</data>
</root>

138
src/CraftSharp/Resources/Shared.HeaderLayout.tr-TR.resx
Unescape View File

@ -0,0 +1,138 @@
<?xml version="1.0" encoding="utf-8"?>
<root>
<!--
Microsoft ResX Schema
Version 2.0
The primary goals of this format is to allow a simple XML format
that is mostly human readable. The generation and parsing of the
various data types are done through the TypeConverter classes
associated with the data types.
Example:
... ado.net/XML headers & schema ...
<resheader name="resmimetype">text/microsoft-resx</resheader>
<resheader name="version">2.0</resheader>
<resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
<resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
<data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
<data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
<data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
<value>[base64 mime encoded serialized .NET Framework object]</value>
</data>
<data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
<value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
<comment>This is a comment</comment>
</data>
There are any number of "resheader" rows that contain simple
name/value pairs.
Each data row contains a name, and value. The row also contains a
type or mimetype. Type corresponds to a .NET class that support
text/value conversion through the TypeConverter architecture.
Classes that don't support this are serialized and stored with the
mimetype set.
The mimetype is used for serialized objects, and tells the
ResXResourceReader how to depersist the object. This is currently not
extensible. For a given mimetype the value must be set accordingly:
Note - application/x-microsoft.net.object.binary.base64 is the format
that the ResXResourceWriter will generate, however the reader can
read any of the formats listed below.
mimetype: application/x-microsoft.net.object.binary.base64
value : The object must be serialized with
: System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
: and then encoded with base64 encoding.
mimetype: application/x-microsoft.net.object.soap.base64
value : The object must be serialized with
: System.Runtime.Serialization.Formatters.Soap.SoapFormatter
: and then encoded with base64 encoding.
mimetype: application/x-microsoft.net.object.bytearray.base64
value : The object must be serialized into a byte array
: using a System.ComponentModel.TypeConverter
: and then encoded with base64 encoding.
-->
<xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
<xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
<xsd:element name="root" msdata:IsDataSet="true">
<xsd:complexType>
<xsd:choice maxOccurs="unbounded">
<xsd:element name="metadata">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" />
</xsd:sequence>
<xsd:attribute name="name" use="required" type="xsd:string" />
<xsd:attribute name="type" type="xsd:string" />
<xsd:attribute name="mimetype" type="xsd:string" />
<xsd:attribute ref="xml:space" />
</xsd:complexType>
</xsd:element>
<xsd:element name="assembly">
<xsd:complexType>
<xsd:attribute name="alias" type="xsd:string" />
<xsd:attribute name="name" type="xsd:string" />
</xsd:complexType>
</xsd:element>
<xsd:element name="data">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
<xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
</xsd:sequence>
<xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
<xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
<xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
<xsd:attribute ref="xml:space" />
</xsd:complexType>
</xsd:element>
<xsd:element name="resheader">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
</xsd:sequence>
<xsd:attribute name="name" type="xsd:string" use="required" />
</xsd:complexType>
</xsd:element>
</xsd:choice>
</xsd:complexType>
</xsd:element>
</xsd:schema>
<resheader name="resmimetype">
<value>text/microsoft-resx</value>
</resheader>
<resheader name="version">
<value>2.0</value>
</resheader>
<resheader name="reader">
<value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
</resheader>
<resheader name="writer">
<value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
</resheader>
<data name="Inventory" xml:space="preserve">
<value>Envanter</value>
</data>
<data name="Login" xml:space="preserve">
<value>Giriş yapmak</value>
</data>
<data name="Opening" xml:space="preserve">
<value>Açılış</value>
</data>
<data name="Register" xml:space="preserve">
<value>Kayıt ol</value>
</data>
<data name="Shop" xml:space="preserve">
<value>Mağaza</value>
</data>
<data name="subtext-img" xml:space="preserve">
<value>subtext_tr-TR</value>
</data>
</root>

14
src/CraftSharp/Shared/CraftLayout.razor
Unescape View File

@ -2,9 +2,19 @@
<PageTitle>CraftSharp</PageTitle>
<div>
<div class="main_div">
<HeaderLayout/>
<article class="content px-4">
@Body
</article>
</div>
<div class="bedrock_footer">
<img class="bedrock_footer_img" src="/Images/bedrock_footer.png" />
<div class="px-4 culture">
<CultureSelector/>
</div>
</div>
</div>

26
src/CraftSharp/Shared/CraftLayout.razor.css
Unescape View File

@ -1 +1,25 @@

.bedrock_footer{
width: 100%;
position: absolute;
bottom: 0
}
.bedrock_footer_img {
width: 100%;
}
body {
background: url("../Images/blur_background.jpg") center center/cover no-repeat fixed;
}
.main_div {
background: url("../Images/blur_background.jpg") center center/cover no-repeat fixed;
color: white;
min-height: 100vh;
position: relative
}
.culture{
position: absolute;
bottom: 0;
}

13
src/CraftSharp/Shared/HeaderLayout.razor
Unescape View File

@ -10,7 +10,7 @@
<li class="nav-item">
<NavLink class="nav-link" href="List">
<span class="topbar_item">
<img src="/Images/inventory_icon.png" class="topbar_itemimg"/> Inventaire
<img src="/Images/inventory_icon.png" class="topbar_itemimg"/> @Localizer["Inventory"]
</span>
</NavLink>
</li>
@ -19,24 +19,25 @@
<li class="nav-item">
<NavLink class="nav-link" href="counter">
<span class="topbar_item">
<img src="/Images/shop_icon.png" class="topbar_itemimg"/> Magasin
<img src="/Images/shop_icon.png" class="topbar_itemimg"/> @Localizer["Shop"]
</span>
</NavLink>
</li>
<span>
<span class="img_wrap">
<img class="nav-image" src="Images/CraftSharp-Logo.png" alt="Logo Application"/>
<img class="nav-image" src="/Images/@(Localizer["subtext-img"]).png" width="70%" />
</span>
<li class="nav-item">
<NavLink class="nav-link" href="fetchdata">
<span class="topbar_item">
<img src="/Images/opening_icon.png" class="topbar_itemimg"/> Ouverture
<img src="/Images/opening_icon.png" class="topbar_itemimg"/> @Localizer["Opening"]
</span>
</NavLink>
</li>
<span class="btn_wrap">
<div class="button"> Se connecter</div>
<div class="button"> S'inscrire</div>
<div class="button"> @Localizer["Login"]</div>
<div class="button"> @Localizer["Register"]</div>
</span>
</ul>
</div>

2
src/CraftSharp/Shared/HeaderLayout.razor.cs
Unescape View File

@ -7,6 +7,6 @@ namespace CraftSharp.Shared
public partial class HeaderLayout
{
[Inject]
public IStringLocalizer<Index> Localizer { get; set; }
public IStringLocalizer<HeaderLayout> Localizer { get; set; }
}
}

29
src/CraftSharp/Shared/HeaderLayout.razor.css
Unescape View File

@ -26,20 +26,31 @@
display: flex;
flex-direction: column;
justify-content: center;
transition: transform .2s;
}
.nav-item:hover {
transform: scale(1.1);
}
.topbar_itemimg {
height: 3rem;
height: 4rem;
}
.nav-image {
width: 18rem;
color: #ffffff;
margin-top: 100px;
width: 20%;
.img_wrap {
display: flex;
flex-direction: column;
width: 80%;
margin-top: 5%;
position: absolute;
left: 50%;
left: 75%;
transform: translate(-50%, 0);
user-select: none;
pointer-events: none;
}
.nav-image {
width: 30%;
}
.topbar_item {
@ -57,7 +68,7 @@
}
nav-link {
height: 100%;
height: 300%;
}
.topbar_content {
@ -118,7 +129,7 @@ nav-link {
color: white;
}
@media (min-width: 641px) {
@media (min-width: 800px) {
.navbar-toggler {
display: none;
}

2
src/CraftSharp/Shared/MainLayout.razor
Unescape View File

@ -18,7 +18,7 @@
</div>
</div>
<article class="content px-4">
<article class="content">
@Body
</article>
</main>

BIN
src/CraftSharp/wwwroot/Images/bedrock_footer.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 KiB

BIN
src/CraftSharp/wwwroot/Images/blur_background.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 754 KiB

Write Preview
Loading…
Cancel
Save