Front Pawel

notes/Views/Notebook/Create.cshtml

@@ -15,7 +15,7 @@
         <div>
             @Html.LabelFor(model => model.Title, htmlAttributes: new{@class = "control-label col-md-2"})
             <div class="col-md-10">
-                @Html.EditorFor(model => model.Title, new {htmlAttributes = new { @class ="form-control"}})
+                @Html.EditorFor(model => model.Title, new {htmlAttributes = new { @class ="form-control bg-info"}})
 
                 @Html.ValidationMessageFor(model => model.Title, "Write Title", new {@class = "text-danger"})
 

notes/Views/Notebook/Edit.cshtml

@@ -11,13 +11,18 @@
 {
     @Html.AntiForgeryToken()
 
+    <table class="table mb-4 w-auto" >
+        <tr class="note">
+
+            <td>
+
     <div class="form-horizontal">
         @Html.ValidationSummary(true, "", new {@class = "text-danger"})
         <div>
             @Html.LabelFor(model => model.Title, htmlAttributes: new{@class = "control-label col-md-2"})
             <div class="col-md-10">
-                @Html.EditorFor(model => model.Title, new {htmlAttributes = new { @class ="form-control"}})
-
+                @Html.EditorFor(model => model.Title, new {htmlAttributes = new { @class ="form-control w-auto bg-light"} })
+                @Html.ValidationMessageFor(model => model.Title, "", new {@class = "text-danger"})
                 @Html.ValidationMessageFor(model => model.Title, "", new {@class = "text-danger"})
 
             </div>
@@ -28,7 +33,7 @@
         <div>
             @Html.LabelFor(model => model.Description, htmlAttributes: new{@class = "control-label col-md-2"})
             <div class="col-md-10">
-                @Html.TextAreaFor(model => model.Description, new {htmlAttributes = new { @class ="form-control"}})
+                @Html.TextAreaFor(model => model.Description, new {htmlAttributes = new { @class ="form-control bg-light"}})
 
                 @Html.ValidationMessageFor(model => model.Description, "", new {@class = "text-danger"})
 
@@ -43,8 +48,11 @@
 
     </div>
 
+            </td>
+        </tr>
+    </table>
 
 
 }
 
-@Html.ActionLink("Back to list", "Index")
+@Html.ActionLink("Back to list", "Index", null,null, new { @class = "btn btn-success btn-large" })

notes/Views/Notebook/Index.cshtml

@@ -8,31 +8,41 @@
 <div class="mb-4">
     There are @Model.Count() notes on our page
 </div>
-<table class="table mb-4 w-auto ">
+
+<table class="table mb-4 w-auto" >
     <tr>
         <th>
-             <h4>Notes</h4>
+            <h3>Notes</h3>
         </th>
 
     </tr>
     @foreach (var item in Model)
     {
-        <tr class="note">
+        <tr class="note"> 
+
             <td>
+
                 <h1>@Html.DisplayFor(modelItem => item.Title)</h1>
-                <br>
-                Created:<br>
+              <br/>
+                Date of creation:&nbsp;&nbsp;
                 @Html.DisplayFor(modelItem => item.Created)
                 <br />
-                Edited:<br />
+                Date of edition:&nbsp;&nbsp;
                 @Html.DisplayFor(modelItem => item.DateOfEdition)
+
+
             </td>
             <td>
+
                 @Html.ActionLink("Edit", "Edit", new { id = item.Id}, new { @class = "btn btn-primary" })
                 @Html.ActionLink("Details", "Details", new {id = item.Id}, new { @class = "btn btn-info" })
                 @Html.ActionLink("Delete", "Delete", new {id = item.Id}, new { @class = "btn btn-danger" })
+
+
+
             </td>
         </tr>
     }
 </table>
-@Html.ActionLink("Create New", "Create",null,null, new { @class = "btn btn-success btn-large" })
+
+@Html.ActionLink("Create New", "Create",null,null, new { @class = "btn btn-success btn-large" })

notes/appsettings.json

@@ -7,6 +7,6 @@
   },
   "AllowedHosts": "*",
   "ConnectionStrings": {
-    "NotesContext": "Data Source=(localdb)\\MSSQLLocalDB;Initial Catalog=NotebookDb;Integrated Security=True;Connect Timeout=30;Encrypt=False"
+    "NotesContext": "Data Source=(localdb)\\MSSQLLocalDB;Initial Catalog=Notebook;Integrated Security=True;Connect Timeout=30;Encrypt=False"
   }
 }

notes/wwwroot/css/site.css

@@ -1,5 +1,5 @@
 html {
-  font-size: 14px;
+    font-size: 14px;
 }
 
 @media (min-width: 768px) {
@@ -24,6 +24,7 @@ body {
 
 .background-image {
     background-color: rgba(0, 0, 0, 0.5);
+
 }
 
 .note {
@@ -72,4 +73,5 @@ h2 {
     font-family: Arial;
     font-size: 20px;
     color: black;
+
 }