ajout des page stylise avec tailwind

.vs/Dechiffre/v17/DocumentLayout.json

@@ -1,19 +1,122 @@
 {
   "Version": 1,
-  "WorkspaceRootPath": "D:\\S4\\MrTahina\\Dechiffre\\",
-  "Documents": [],
+  "WorkspaceRootPath": "D:\\S4\\MrTahina\\Des-Chiffres\\",
+  "Documents": [
+    {
+      "AbsoluteMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|d:\\s4\\mrtahina\\des-chiffres\\views\\home\\index.cshtml||{40D31677-CBC0-4297-A9EF-89D907823A98}",
+      "RelativeMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|solutionrelative:views\\home\\index.cshtml||{40D31677-CBC0-4297-A9EF-89D907823A98}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|d:\\s4\\mrtahina\\des-chiffres\\views\\shared\\_layout.cshtml||{40D31677-CBC0-4297-A9EF-89D907823A98}",
+      "RelativeMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|solutionrelative:views\\shared\\_layout.cshtml||{40D31677-CBC0-4297-A9EF-89D907823A98}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|d:\\s4\\mrtahina\\des-chiffres\\views\\home\\home.cshtml||{40D31677-CBC0-4297-A9EF-89D907823A98}",
+      "RelativeMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|solutionrelative:views\\home\\home.cshtml||{40D31677-CBC0-4297-A9EF-89D907823A98}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|d:\\s4\\mrtahina\\des-chiffres\\controllers\\homecontroller.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}",
+      "RelativeMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|solutionrelative:controllers\\homecontroller.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|d:\\s4\\mrtahina\\des-chiffres\\views\\home\\privacy.cshtml||{40D31677-CBC0-4297-A9EF-89D907823A98}",
+      "RelativeMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|solutionrelative:views\\home\\privacy.cshtml||{40D31677-CBC0-4297-A9EF-89D907823A98}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|d:\\s4\\mrtahina\\des-chiffres\\wwwroot\\js\\app.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}",
+      "RelativeMoniker": "D:0:0:{A3CDACDB-AD78-4F00-B75C-254020C2BAE2}|Dechiffre.csproj|solutionrelative:wwwroot\\js\\app.js||{14D17961-FE51-464D-9111-C4AF11D7D99A}"
+    }
+  ],
   "DocumentGroupContainers": [
     {
       "Orientation": 0,
       "VerticalTabListWidth": 256,
       "DocumentGroups": [
         {
           "DockedWidth": 294,
-          "SelectedChildIndex": -1,
+          "SelectedChildIndex": 1,
           "Children": [
             {
               "$type": "Bookmark",
               "Name": "ST:0:0:{b1e99781-ab81-11d0-b683-00aa00a3ee26}"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 0,
+              "Title": "Index.cshtml",
+              "DocumentMoniker": "D:\\S4\\MrTahina\\Des-Chiffres\\Views\\Home\\Index.cshtml",
+              "RelativeDocumentMoniker": "Views\\Home\\Index.cshtml",
+              "ToolTip": "D:\\S4\\MrTahina\\Des-Chiffres\\Views\\Home\\Index.cshtml",
+              "RelativeToolTip": "Views\\Home\\Index.cshtml",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAAAAAAzAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000759|",
+              "WhenOpened": "2024-06-08T20:16:06.42Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 5,
+              "Title": "app.js",
+              "DocumentMoniker": "D:\\S4\\MrTahina\\Des-Chiffres\\wwwroot\\js\\app.js",
+              "RelativeDocumentMoniker": "wwwroot\\js\\app.js",
+              "ToolTip": "D:\\S4\\MrTahina\\Des-Chiffres\\wwwroot\\js\\app.js",
+              "RelativeToolTip": "wwwroot\\js\\app.js",
+              "ViewState": "AQIAAAIAAAAAAAAAAAA1wAMAAAASAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.001646|",
+              "WhenOpened": "2024-06-07T19:02:33.829Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 4,
+              "Title": "Privacy.cshtml",
+              "DocumentMoniker": "D:\\S4\\MrTahina\\Des-Chiffres\\Views\\Home\\Privacy.cshtml",
+              "RelativeDocumentMoniker": "Views\\Home\\Privacy.cshtml",
+              "ToolTip": "D:\\S4\\MrTahina\\Des-Chiffres\\Views\\Home\\Privacy.cshtml",
+              "RelativeToolTip": "Views\\Home\\Privacy.cshtml",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000759|",
+              "WhenOpened": "2024-06-08T20:16:10.876Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 2,
+              "Title": "Home.cshtml",
+              "DocumentMoniker": "D:\\S4\\MrTahina\\Des-Chiffres\\Views\\Home\\Home.cshtml",
+              "RelativeDocumentMoniker": "Views\\Home\\Home.cshtml",
+              "ToolTip": "D:\\S4\\MrTahina\\Des-Chiffres\\Views\\Home\\Home.cshtml",
+              "RelativeToolTip": "Views\\Home\\Home.cshtml",
+              "ViewState": "AQIAADkAAAAAAAAAAAAwwF4AAAAGAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000759|",
+              "WhenOpened": "2024-06-08T20:14:37.563Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 3,
+              "Title": "HomeController.cs",
+              "DocumentMoniker": "D:\\S4\\MrTahina\\Des-Chiffres\\Controllers\\HomeController.cs",
+              "RelativeDocumentMoniker": "Controllers\\HomeController.cs",
+              "ToolTip": "D:\\S4\\MrTahina\\Des-Chiffres\\Controllers\\HomeController.cs",
+              "RelativeToolTip": "Controllers\\HomeController.cs",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAABQAAAAJAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000738|",
+              "WhenOpened": "2024-06-07T18:46:35.112Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 1,
+              "Title": "_Layout.cshtml",
+              "DocumentMoniker": "D:\\S4\\MrTahina\\Des-Chiffres\\Views\\Shared\\_Layout.cshtml",
+              "RelativeDocumentMoniker": "Views\\Shared\\_Layout.cshtml",
+              "ToolTip": "D:\\S4\\MrTahina\\Des-Chiffres\\Views\\Shared\\_Layout.cshtml",
+              "RelativeToolTip": "Views\\Shared\\_Layout.cshtml",
+              "ViewState": "AQIAAAAAAAAAAAAAAAAAAA0AAAAoAAAA",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000759|",
+              "WhenOpened": "2024-06-07T16:09:14.335Z",
+              "EditorCaption": ""
             }
           ]
         }

Controllers/HomeController.cs

@@ -17,6 +17,10 @@ public IActionResult Index()
         {
             return View();
         }
+        public IActionResult Home()
+        {
+            return View();
+        }
 
         public IActionResult Privacy()
         {
@@ -28,5 +32,13 @@ public IActionResult Error()
         {
             return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
         }
+
+        [HttpGet]
+        public IActionResult GetData()
+        {
+            // Récupérez les données ici
+            var data = new { message = "Données récupérées avec succès" };
+            return Json(data);
+        }
     }
 }

Dechiffre.csproj

@@ -7,7 +7,8 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="angularjs" Version="1.8.2" />
+    <PackageReference Include="Microsoft.EntityFrameworkCore" Version="8.0.6" />
+    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="8.0.2" />
   </ItemGroup>
 
 </Project>

Dechiffre.csproj.user

@@ -2,5 +2,8 @@
 <Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <PropertyGroup>
     <ActiveDebugProfile>https</ActiveDebugProfile>
+    <View_SelectedScaffolderID>RazorViewEmptyScaffolder</View_SelectedScaffolderID>
+    <View_SelectedScaffolderCategoryPath>root/Common/MVC/View</View_SelectedScaffolderCategoryPath>
+    <WebStackScaffolding_ViewDialogWidth>650</WebStackScaffolding_ViewDialogWidth>
   </PropertyGroup>
 </Project>

Program.cs

@@ -1,23 +1,53 @@
+using Microsoft.AspNetCore.Builder;
+using Microsoft.AspNetCore.Hosting;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.Hosting;
+using Microsoft.Extensions.FileProviders;
+using System.IO;
+using System.Diagnostics;
+
 var builder = WebApplication.CreateBuilder(args);
 
 // Add services to the container.
 builder.Services.AddControllersWithViews();
 
 var app = builder.Build();
 
+// Compile Tailwind CSS
+var process = new Process
+{
+    StartInfo = new ProcessStartInfo
+    {
+        FileName = @"C:\Program Files\nodejs\npm.cmd",
+        Arguments = "run build:css",
+        RedirectStandardOutput = true,
+        UseShellExecute = false,
+        CreateNoWindow = true
+    }
+};
+
+process.Start();
+process.WaitForExit();
+
 // Configure the HTTP request pipeline.
 if (!app.Environment.IsDevelopment())
 {
     app.UseExceptionHandler("/Home/Error");
-    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
     app.UseHsts();
 }
 
 app.UseHttpsRedirection();
 app.UseStaticFiles();
 
-app.UseRouting();
+// Serve node_modules as a static file directory
+app.UseStaticFiles(new StaticFileOptions
+{
+    FileProvider = new PhysicalFileProvider(
+        Path.Combine(Directory.GetCurrentDirectory(), "node_modules")),
+    RequestPath = "/node_modules"
+});
 
+app.UseRouting();
 app.UseAuthorization();
 
 app.MapControllerRoute(

Views/Home/Home.cshtml

@@ -0,0 +1,95 @@
+@{
+    Layout = null;
+}    <h1 class="text-center text-5xl text-black">
+    Bienvenue dans le Jeu Dechiffre
+</h1>
+<div class="flex w-full justify-center">
+    <button class="h-10 w-60 rounded-2xl border border-sky-500 bg-sky-500 text-white">
+        Generer le Nombre
+    </button>
+</div>
+<div class="mt-5 flex h-10 w-60 items-center justify-center rounded-xl border border-sky-500 text-2xl">
+    6256153
+</div>
+<div class="grid-cols-7 mt-5 grid gap-4">
+    <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-sky-800 text-white">1</div>
+    <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-sky-800 text-white">1</div>
+    <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-sky-800 text-white">1</div>
+    <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-sky-800 text-white">1</div>
+    <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-sky-800 text-white">1</div>
+    <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-sky-800 text-white">1</div>
+    <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-sky-800 text-white">1</div>
+</div>
+
+<!--  chrono -->
+<div class="text-4xl font-semibold">
+    <p>00:00</p>
+</div>
+<section class="grid-cols-2 grid gap-8">
+    <div class="rounded-2xl bg-sky-800">
+        <form class="flex h-80 w-80 flex-col items-center gap-10 rounded-2xl pb-8 pt-8">
+            <label class="underline-offset-8 text-xl text-white underline">Reponse Joueur 1</label>
+            <input class="w-50 border-2 h-10 rounded-xl border-sky-500 text-center placeholder:text-2xl"
+                   type="number" name="" id="">
+            <div class="flex w-full justify-center">
+                <button class="h-10 w-1/2 rounded-2xl border border-sky-500 bg-sky-500 text-white" type="submit">
+                    VALIDER
+                </button>
+            </div>
+        </form>
+    </div>
+    <div class="rounded-2xl bg-sky-800">
+        <form class="flex h-80 w-80 flex-col items-center gap-10 rounded-2xl pb-8 pt-8">
+            <label class="underline-offset-8 text-xl text-white underline">Reponse Joueur 1</label>
+            <input class="w-50 border-2 h-10 rounded-xl border-sky-500 text-center placeholder:text-2xl"
+                   type="number" name="" id="">
+            <div class="flex w-full justify-center">
+                <button class="h-10 w-1/2 rounded-2xl border border-sky-500 bg-sky-500 text-white" type="submit">
+                    valider
+                </button>
+            </div>
+        </form>
+    </div>
+</section>
+
+<!--  verification pour le gagnant  -->
+<div>
+    <div class="h-auto w-auto rounded-2xl bg-sky-800">
+        <form class="flex h-auto w-auto flex-col items-center gap-7 rounded-2xl pb-8 pt-8">
+            <label class="underline-offset-8 text-2xl text-white underline">Verification</label>
+
+            <h3 class="text-xl text-white">Nombre disponible</h3>
+            <div class="grid-cols-7 grid gap-7 pl-20 pr-20">
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">1</div>
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">1</div>
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">1</div>
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">1</div>
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">1</div>
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">1</div>
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">1</div>
+            </div>
+            <h3 class="text-xl text-white">Operation</h3>
+
+            <div class="grid-cols-4 grid gap-5 p-5">
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">+</div>
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">-</div>
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">x</div>
+                <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-white text-2xl font-bold text-sky-800">/</div>
+            </div>
+
+            <h3 class="text-xl text-white">operation</h3>
+            <input class="border-2 h-10 w-1/2 rounded-xl border-sky-500 text-center placeholder:text-2xl"
+                   type="number" name="" id="">
+            <div class="flex w-full justify-center">
+                <button class="h-10 w-1/3 rounded-2xl border border-sky-500 bg-sky-500 text-white" type="submit">
+                    CONFIRMER
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+<div>
+    <h1 class="text-3xl font-bold">
+        FELICITATION AU JOUEUR 1
+    </h1>
+</div>

Views/Home/Index.cshtml

@@ -1,8 +1 @@
-@{
-    ViewData["Title"] = "Home Page";
-}
-
-<div class="text-center">
-    <h1 class="display-4">Welcome</h1>
-    <p>Learn about <a href="https://learn.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
-</div>
+<div class="flex w-full flex-col items-center gap-5" ng-view></div>

Views/Home/Privacy.cshtml

@@ -1,6 +1,11 @@
 @{
-    ViewData["Title"] = "Privacy Policy";
+    Layout = null;
 }
-<h1>@ViewData["Title"]</h1>
 
-<p>Use this page to detail your site's privacy policy.</p>
+<div ng-controller="PrivacyController">
+    <h2>Privacy</h2>
+    <p>{{message}}</p>
+</div>
+<div class="h-80 w-80 bg-red-800">
+    icicici
+</div>